.bac-rec{--bg:#fff;--yta:#f3f3f2;--ink:#171717;--sten:#5c5751;--dim:#8e8a83;--linje:rgba(23,23,23,.12);--gron:#1f9e6a;--gronm:#187f55;--tom:rgba(23,23,23,.1);--sammet:#0d0c0e;--e:cubic-bezier(.22,.61,.12,1);--pop:cubic-bezier(.34,1.45,.64,1);--kant:clamp(16px,4vw,40px);position:relative;background:var(--bg);color:var(--ink);padding-block:28px 72px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-align:left;letter-spacing:0;text-transform:none}.bac-rec.is-gra{--bg:#f3f3f2;--yta:#fff}:where(.bac-rec) *,:where(.bac-rec) *:before,:where(.bac-rec) *:after{box-sizing:border-box}:where(.bac-rec) :is(h2,h3,p,ul,li,figure){margin:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:none;color:inherit;word-break:normal}:where(.bac-rec) ul{list-style:none}:where(.bac-rec) a{color:inherit;text-decoration:none}:where(.bac-rec) button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;margin:0;min-height:0;min-width:0;box-shadow:none;border-radius:0;line-height:inherit;letter-spacing:inherit;text-transform:none;-webkit-tap-highlight-color:transparent}:where(.bac-rec) :is(button,a):focus-visible{outline:2px solid var(--ink);outline-offset:3px}:where(.bac-rec) img{max-width:100%}.bac-rec .r__sida{max-width:1900px;margin:0 auto;padding-inline:var(--kant)}@media(min-width:1000px){.bac-rec .r__sida{padding-inline:var(--page-padding,48px)}}.bac-rec .r__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}.bac-rec .r__grid>*{min-width:0}@media(min-width:880px){.bac-rec .r__grid{grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}.bac-rec .r__sam{position:sticky;top:20px}}.bac-rec .r__ogon{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sten)}.bac-rec .r__betyg{margin-top:10px;display:flex;align-items:flex-end;gap:14px}.bac-rec .r__ord{font-size:22px;font-weight:600;letter-spacing:-.01em;padding-bottom:9px;color:var(--gron);opacity:0;transform:translateY(6px);transition:opacity .5s var(--e),transform .6s var(--e)}.bac-rec .tand .r__ord{opacity:1;transform:none}.bac-rec .r__tal{font-size:76px;line-height:.9;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;min-width:2.1ch}.bac-rec .r__stj{display:inline-flex;gap:4px;margin-top:14px}.bac-rec .r__stj svg{width:34px;height:34px;display:block;border-radius:5px;overflow:hidden}.bac-rec .r__stj .fyll{transform-box:fill-box;transform-origin:50% 50%;transform:scale(.4);opacity:0;transition:transform .6s var(--pop),opacity .25s ease-out}.bac-rec .r__stj .del{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(0);transition:transform .7s var(--e)}.bac-rec .r__stj.tand .fyll{transform:none;opacity:1}.bac-rec .r__stj.tand .del{transform:scaleX(var(--del,1))}.bac-rec .r__stj .s1 .del{transition-delay:.15s}.bac-rec .r__stj .s2 .fyll{transition-delay:.11s}.bac-rec .r__stj .s2 .del{transition-delay:.26s}.bac-rec .r__stj .s3 .fyll{transition-delay:.22s}.bac-rec .r__stj .s3 .del{transition-delay:.37s}.bac-rec .r__stj .s4 .fyll{transition-delay:.33s}.bac-rec .r__stj .s4 .del{transition-delay:.48s}.bac-rec .r__stj .s5 .fyll{transition-delay:.44s}.bac-rec .r__stj .s5 .del{transition-delay:.62s}.bac-rec .r__verif{margin-top:10px;font-size:14px;color:var(--sten);display:flex;align-items:center;gap:7px}.bac-rec .r__verif svg{width:16px;height:16px;flex:none;color:var(--gron)}.bac-rec .r__verif .bock{stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .45s var(--e) 1.05s}.bac-rec .tand .r__verif .bock{stroke-dashoffset:0}.bac-rec .r__ford{margin-top:22px;display:grid;gap:7px}.bac-rec .r__ford button{display:grid;grid-template-columns:44px 1fr 28px;align-items:center;gap:10px;text-align:left;font-size:13px;color:var(--sten);border-radius:8px;padding:3px 4px;margin:0 -4px;transition:background .2s}.bac-rec .r__ford button[aria-pressed=true]{background:var(--yta);color:var(--ink)}.bac-rec .r__ford .lbl{font-variant-numeric:tabular-nums;white-space:nowrap}.bac-rec .r__ford .spar{height:8px;border-radius:4px;background:var(--linje);overflow:hidden;transition:transform .15s}.bac-rec .r__ford button:active .spar{transform:scaleY(1.3)}.bac-rec .r__ford .fyl{display:block;height:100%;border-radius:4px;background:var(--gron);transform-origin:left;transform:scaleX(0);transition:transform .9s var(--e)}.bac-rec .tand .r__ford .fyl{transform:none}.bac-rec .r__ford button:nth-child(1) .fyl{transition-delay:.5s}.bac-rec .r__ford button:nth-child(2) .fyl{transition-delay:.58s}.bac-rec .r__ford button:nth-child(3) .fyl{transition-delay:.66s}.bac-rec .r__ford button:nth-child(4) .fyl{transition-delay:.74s}.bac-rec .r__ford button:nth-child(5) .fyl{transition-delay:.82s}.bac-rec .r__ford .ant{text-align:right;font-variant-numeric:tabular-nums;color:var(--dim)}.bac-rec .r__skriv{margin-top:26px;display:inline-flex;align-items:center;height:46px;padding:0 20px;border-radius:999px;border:1.5px solid var(--ink);font-weight:500;font-size:15px;color:var(--ink);transition:background .2s,color .2s,transform .15s}.bac-rec .r__skriv:hover{background:var(--ink);color:var(--bg)}.bac-rec .r__skriv:active{transform:scale(.97)}.bac-rec .r__bilder h3{margin-bottom:12px;font-size:17px;font-weight:600;letter-spacing:-.01em}.bac-rec .r__rulle{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:0 -2px;scrollbar-width:none}.bac-rec .r__rulle::-webkit-scrollbar{display:none}.bac-rec .r__rulle button{flex:none;width:132px;aspect-ratio:3/4;border-radius:12px;overflow:hidden;scroll-snap-align:start;position:relative;background:var(--linje);transition:transform .25s var(--e)}.bac-rec .r__rulle button:active{transform:scale(.97)}.bac-rec .r__rulle img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--e)}@media(hover:hover){.bac-rec .r__rulle button:hover img{transform:scale(1.04)}}.bac-rec .r__rulle .namn{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 9px;font-size:12px;font-weight:500;color:#fff;text-align:left;background:linear-gradient(0deg,#0000008c,#0000)}.bac-rec .r__rulle .namn svg{width:12px;height:12px;vertical-align:-1px;margin-left:4px;color:var(--gron)}@media(min-width:880px){.bac-rec .r__rulle button{width:150px}}.bac-rec .r__filter{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 6px}.bac-rec .r__filter button{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--linje);font-size:14px;font-weight:500;color:var(--sten);background:var(--yta);transition:background .2s,color .2s,border-color .2s,transform .15s}.bac-rec .r__filter button:active{transform:scale(.96)}.bac-rec .r__filter button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.bac-rec .r__lista{transition:opacity .18s ease-out}.bac-rec .r__lista.byter{opacity:0}.bac-rec .r__lista li{padding:20px 0;border-bottom:1px solid var(--linje);display:grid;gap:8px}.bac-rec .r__lista li.ny{animation:bac-rec-in .45s var(--e) both}@keyframes bac-rec-in{0%{opacity:0;transform:translateY(10px)}}.bac-rec .r__hv{display:flex;align-items:center;justify-content:space-between;gap:12px}.bac-rec .r__vem{display:flex;align-items:center;gap:10px;min-width:0}.bac-rec .r__ini{width:36px;height:36px;border-radius:50%;background:var(--yta);border:1px solid var(--linje);display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--sten);flex:none}.bac-rec .r__vem b{font-weight:600;font-size:15px}.bac-rec .r__vem small{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--sten)}.bac-rec .r__vem small svg{width:13px;height:13px;color:var(--gron)}.bac-rec .r__sm{display:inline-flex;gap:2px}.bac-rec .r__sm svg{width:16px;height:16px;border-radius:3px;display:block}.bac-rec .r__text{font-size:15.5px;line-height:1.55;color:var(--ink);max-width:62ch}.bac-rec .r__foto{width:96px;aspect-ratio:3/4;border-radius:10px;overflow:hidden;margin-top:2px;transition:transform .2s var(--e)}.bac-rec .r__foto:active{transform:scale(.97)}.bac-rec .r__foto img{width:100%;height:100%;object-fit:cover;display:block}.bac-rec .r__mer{margin:18px auto 0;display:flex;height:46px;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;background:var(--yta);border:1px solid var(--linje);font-size:15px;font-weight:500;transition:transform .15s}.bac-rec .r__mer:active{transform:scale(.97)}.bac-rec .r__mer[hidden]{display:none}.bac-rec .r__tom{padding:28px 0;color:var(--dim);text-align:center}.bac-rec .r__rad{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);z-index:40;transform:translateY(-110%);transition:transform .45s var(--e);pointer-events:none}.bac-rec .r__rad.pa{transform:none;pointer-events:auto}.bac-rec .r__rad>div{margin:0 auto;max-width:1120px;padding:0 16px}.bac-rec .r__rad>div>span{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;margin-top:8px;border-radius:14px;background:var(--sammet);color:var(--bg);font-size:14px;font-weight:500;box-shadow:0 12px 30px -18px #000000b3}.bac-rec .r__rad b{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.bac-rec .r__rad .r__sm svg{width:15px;height:15px}.bac-rec .r__rad i{flex:1}.bac-rec .r__rad button{color:inherit;font-weight:500;opacity:.85}.bac-rec .r__ljus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0908e6;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .25s ease-out}.bac-rec .r__ljus.pa{opacity:1;pointer-events:auto}.bac-rec .r__ljus figure{max-width:min(92vw,460px);color:#fff;transform:scale(.94) translateY(10px);transition:transform .35s var(--e)}.bac-rec .r__ljus.pa figure{transform:none}.bac-rec .r__ljus img{width:100%;max-height:70vh;object-fit:contain;border-radius:14px;display:block;background:#000}.bac-rec .r__ljus figcaption{margin-top:12px;font-size:14px;line-height:1.5}.bac-rec .r__ljus figcaption b{font-weight:600}.bac-rec .r__ljus .st{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:44px;height:44px;border-radius:50%;background:#ffffff24;color:#fff;display:grid;place-items:center;font-size:22px}.bac-rec.is-rad{padding-block:56px 60px;overflow:hidden}.bac-rec .r__topp{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 32px;padding-inline:var(--kant)}.bac-rec .r__rub{font-size:clamp(28px,7.4vw,46px);line-height:1.04;letter-spacing:-.03em;font-weight:600;text-wrap:balance}.bac-rec .r__sum{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:15px;color:var(--sten)}.bac-rec .r__sum .r__sm svg{width:22px;height:22px;border-radius:4px}.bac-rec .r__sum b{font-weight:600;color:var(--ink)}.bac-rec .r__alla{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--ink);font-size:15px;font-weight:500;color:var(--ink);transition:background .2s,color .2s,transform .15s}.bac-rec .r__alla:hover{background:var(--ink);color:var(--bg)}.bac-rec .r__alla:active{transform:scale(.97)}.bac-rec .r__alla svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--e)}.bac-rec .r__alla:hover svg{transform:translate(3px)}.bac-rec .r__band{margin-top:28px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}.bac-rec .r__band.is-drar{cursor:grabbing}.bac-rec .r__spar{display:flex;align-items:stretch;gap:12px;width:max-content;padding:2px 0;will-change:transform}.bac-rec .r__spar>*{flex:none}.bac-rec.is-still .r__band{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;cursor:auto;-webkit-mask-image:none;mask-image:none}.bac-rec.is-still .r__band::-webkit-scrollbar{display:none}.bac-rec.is-still .r__spar{padding-inline:var(--kant)}.bac-rec .r__kort{display:flex;flex-direction:column;width:clamp(260px,76vw,320px);border-radius:16px;background:var(--yta);overflow:hidden;color:var(--ink)}.bac-rec .r__kfoto{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--linje);-webkit-tap-highlight-color:transparent}.bac-rec .r__kfoto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--e)}@media(hover:hover){.bac-rec .r__kfoto:hover img{transform:scale(1.04)}}.bac-rec .r__kinre{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px 20px 18px}.bac-rec .r__kinre .r__sm svg{width:17px;height:17px}.bac-rec .r__kcitat{font-size:16.5px;line-height:1.42;font-weight:500;letter-spacing:-.01em;text-wrap:pretty}.bac-rec .r__kvem{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--sten)}.bac-rec .r__kvem b{font-weight:600;color:var(--ink);margin-right:4px}.bac-rec .r__kvem svg{width:14px;height:14px;color:var(--gron)}@media(min-width:700px){.bac-rec .r__kort{width:340px}.bac-rec .r__spar{gap:14px}.bac-rec .r__band{margin-top:34px}}@media(min-width:1000px){.bac-rec.is-rad{padding-block:80px 84px}.bac-rec .r__topp{padding-inline:var(--page-padding,48px)}.bac-rec .r__kort{width:360px}.bac-rec .r__kinre{padding:22px 22px 20px}.bac-rec .r__kcitat{font-size:17px}}@media(prefers-reduced-motion:reduce){.bac-rec *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/bac-recensioner.css.map */