.stm-rad{position:relative;z-index:1;box-sizing:border-box;width:100%;margin:8px 0 0;padding:76px 16px 12px;display:flex;gap:24px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.stm-rad::-webkit-scrollbar{display:none}.stm-rad>:first-child{margin-left:auto}.stm-rad>:last-child{margin-right:auto}.stm-mapp{--stm-k: .54;--stm-px: 0;--stm-py: 0;--stm-ease: cubic-bezier(.2, .8, .2, 1);--stm-fjader: cubic-bezier(.34, 1.3, .5, 1);--stm-gangjarn: 0deg;--stm-lyft: 42px;--stm-sprid: 0px;--stm-solfjader: 0deg;--stm-stapel: 15px;--stm-blak: #f5f6f1;--stm-blak-mjuk: rgba(245, 246, 241, .66);--stm-t12: calc(12px / var(--stm-k));--stm-t18: calc(18px / var(--stm-k));--stm-44: calc(44px / var(--stm-k));--stm-huvud: calc(12px / var(--stm-k) * 1.3 + 22px);position:relative;flex:none;display:block;width:calc(340px * var(--stm-k));height:calc(326px * var(--stm-k));margin:0;padding:0;text-align:left;scroll-snap-align:center;isolation:isolate;-webkit-tap-highlight-color:transparent;font-family:var(--font-body--family, Inter, system-ui, sans-serif)}@media screen and (min-width:1500px){.stm-mapp{--stm-k: .62}}@media screen and not (min-width:750px){.stm-mapp{--stm-k: .56}}@media(hover:hover){.stm-mapp:hover{--stm-gangjarn: -11deg;--stm-lyft: -40px;--stm-sprid: 10px;--stm-solfjader: 1.6deg;--stm-stapel: 11px}}.stm-mapp:focus-within{--stm-gangjarn: -11deg;--stm-lyft: -40px;--stm-sprid: 10px;--stm-solfjader: 1.6deg;--stm-stapel: 11px}.stm-mapp[data-oppen]{--stm-gangjarn: -24deg;--stm-lyft: -196px;--stm-sprid: 76px;--stm-solfjader: 10deg;--stm-stapel: 12px}html[data-st-tema=ljus] .stm-mapp{--stm-blak: #141414;--stm-blak-mjuk: rgba(20, 20, 20, .62)}.stm-scen{position:absolute;left:0;top:0;width:340px;height:272px;transform-origin:0 0;transform:translateY(calc(54px * var(--stm-k))) scale(var(--stm-k))}.stm-lut{position:absolute;top:0;right:0;bottom:0;left:0;transform:perspective(1400px) rotateX(calc(var(--stm-py) * -3deg)) rotateY(calc(var(--stm-px) * 4deg));transition:transform .9s var(--stm-ease)}.stm-skugga{position:absolute;left:18px;right:18px;bottom:-6px;height:60px;border-radius:40px;background:#0000009e;filter:blur(22px);transform:translate(calc(var(--stm-px) * -8px));transition:transform .9s var(--stm-ease),opacity .9s var(--stm-ease)}html[data-st-tema=ljus] .stm-skugga{background:#1c28184d}.stm-bak{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:path("M0 56A22 22 0 0 1 22 34L146 34C170 34 172 0 198 0L318 0A22 22 0 0 1 340 22L340 250A22 22 0 0 1 318 272L22 272A22 22 0 0 1 0 250Z");background:linear-gradient(180deg,#2a3a2e,#101813)}html[data-st-tema=ljus] .stm-bak{background:linear-gradient(180deg,#eef1ea,#d9e0d1)}.stm-konst{position:absolute;left:-12px;top:-12px;width:364px;height:296px;max-width:none;opacity:0;filter:blur(14px) saturate(.6);transform:translate(calc(var(--stm-px) * -7px),calc(var(--stm-py) * -6px)) scale(1.02);transition:transform 1.1s var(--stm-ease),opacity 1.2s var(--stm-ease),filter 1.2s var(--stm-ease)}.stm-konst[data-klar]{opacity:1;filter:none}.stm-bak-glans{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#fff3,#fff0 22%),radial-gradient(120% 80% at 80% 0%,#ffffff24,#fff0 60%)}.stm-kant{position:absolute;left:0;top:0;max-width:none;overflow:visible;pointer-events:none;fill:none}.stm-bak-kant{width:340px;height:272px}.stm-bak-kant path{stroke:#ffffff29;stroke-width:1}html[data-st-tema=ljus] .stm-bak-kant path{stroke:#fff9}.stm-filer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;margin:0;padding:0;list-style:none;pointer-events:none;clip-path:inset(-400px -400px 10px -400px)}.stm-plats{display:contents}.stm-fil{box-sizing:border-box;position:absolute;left:70px;top:96px;width:200px;height:236px;border-radius:16px;overflow:hidden;display:block;color:#141414;text-decoration:none;cursor:pointer;pointer-events:auto;background:linear-gradient(180deg,#fbfbf8,#e9ebe3);box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #0000001f,0 10px 26px -8px #0006;transform-origin:50% 100%;transform:translate(calc(var(--stm-jx) + var(--stm-slot) * var(--stm-sprid)),calc(var(--stm-lyft) + var(--stm-djup) * var(--stm-stapel) * -1)) rotate(calc(var(--stm-jr) + var(--stm-slot) * var(--stm-solfjader)));transition:transform .7s var(--stm-fjader) calc(var(--stm-djup) * 40ms),box-shadow .3s var(--stm-ease),translate .9s var(--stm-ease),opacity .9s var(--stm-ease)}.stm-plats:nth-child(1) .stm-fil{--stm-hx: 0px;--stm-hy: -124px;--stm-hr: 0deg}.stm-plats:nth-child(2) .stm-fil{--stm-hx: -54px;--stm-hy: -108px;--stm-hr: -14deg}.stm-plats:nth-child(3) .stm-fil{--stm-hx: 54px;--stm-hy: -108px;--stm-hr: 14deg}.stm-plats:nth-child(4) .stm-fil{--stm-hx: 0px;--stm-hy: -70px;--stm-hr: 0deg}@media(hover:hover){.stm-mapp:not([data-oppen]):hover{z-index:2}.stm-mapp:not([data-oppen]):hover .stm-fil{transform:translate(var(--stm-hx, 0px),calc(var(--stm-lyft) + var(--stm-hy, -70px))) rotate(var(--stm-hr, 0deg))}}.stm-mapp:not([data-oppen]):focus-within{z-index:2}.stm-mapp:not([data-oppen]):focus-within .stm-fil{transform:translate(var(--stm-hx, 0px),calc(var(--stm-lyft) + var(--stm-hy, -70px))) rotate(var(--stm-hr, 0deg))}.stm-mapp[data-oppen]{z-index:2}html[data-st-tema=ljus] .stm-fil{box-shadow:inset 0 1px #fff,0 0 0 .5px #0000001a,0 10px 26px -8px #141e1047}.stm-mapp[data-oppen] .stm-fil:hover,.stm-mapp[data-oppen] .stm-fil:focus-visible{transform:translate(calc(var(--stm-jx) + var(--stm-slot) * var(--stm-sprid)),calc(var(--stm-lyft) + var(--stm-djup) * var(--stm-stapel) * -1 - 22px)) rotate(calc(var(--stm-slot) * var(--stm-solfjader) * .5));box-shadow:inset 0 1px #fff,0 0 0 .5px #0000001f,0 22px 40px -12px #00000080;transition-delay:0s}.stm-fil:focus-visible{outline:calc(2px / var(--stm-k)) solid var(--stt-red, #abc58f);outline-offset:calc(2px / var(--stm-k))}.stm-fil-bild{position:absolute;left:0;right:0;top:var(--stm-huvud);bottom:0;box-sizing:border-box;width:100%;height:calc(100% - var(--stm-huvud));max-width:none;padding:0 14px 10px;object-fit:contain;object-position:50% 0}.stm-fil-namn{position:absolute;left:14px;right:14px;top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:700 var(--stm-t12) / 1.3 var(--font-body--family, Inter, system-ui, sans-serif);letter-spacing:.02em;color:#141414}.stm-fram{position:absolute;left:0;top:74px;width:340px;height:198px;z-index:10;clip-path:path("M0 22A22 22 0 0 1 22 0L118 0C144 0 146 32 172 32L318 32A22 22 0 0 1 340 54L340 176A22 22 0 0 1 318 198L22 198A22 22 0 0 1 0 176Z");-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);transform-origin:50% 100%;transform:perspective(760px) rotateX(var(--stm-gangjarn));transition:transform .75s var(--stm-fjader),translate 1s var(--stm-ease),opacity 1s var(--stm-ease)}.stm-ton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#101a1333,#0b130ea3 46%,#070c09f0)}html[data-st-tema=ljus] .stm-ton{background:linear-gradient(180deg,#ffffff29,#ffffff80 42%,#fafbf7ed)}.stm-glans{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(260px 200px at calc(50% + var(--stm-px) * 46%) calc(30% + var(--stm-py) * 40%),#ffffff80,#fff0 70%);mix-blend-mode:screen;opacity:.16}html[data-st-tema=ljus] .stm-glans{mix-blend-mode:soft-light;opacity:.9}.stm-fram-kant{width:340px;height:198px;opacity:.55}html[data-st-tema=ljus] .stm-fram-kant{opacity:1}.stm-fram-kant path{stroke-width:2.4;transition:stroke-width .2s var(--stm-ease)}.stm-fram-kant .stm-rand-a{stop-color:#fff;stop-opacity:.95}.stm-fram-kant .stm-rand-b{stop-color:#fff;stop-opacity:.35}.stm-fram-kant .stm-rand-c{stop-color:#fff;stop-opacity:.12}.stm-traff{all:unset;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}.stm-mapp:has(.stm-traff:focus-visible) .stm-fram-kant{opacity:1}.stm-mapp:has(.stm-traff:focus-visible) .stm-fram-kant path{stroke:var(--stt-red, #abc58f);stroke-width:calc(3px / var(--stm-k))}.stm-etikett{position:absolute;z-index:2;left:24px;bottom:22px;max-width:calc(340px - 24px - 18px - var(--stm-44) - 10px);display:flex;flex-direction:column;gap:calc(4px / var(--stm-k));pointer-events:none;color:var(--stm-blak)}.stm-titel{font-family:var(--font-heading--family, Inter, system-ui, sans-serif);font-weight:var(--font-heading--weight, 600);font-size:var(--stm-t18);line-height:1;letter-spacing:.02em;text-transform:uppercase;text-wrap:balance}.stm-titel--lang{font-size:calc(15px / var(--stm-k))}.stm-meta{font:700 var(--stm-t12) / 1.3 var(--font-body--family, Inter, system-ui, sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--stm-blak-mjuk);white-space:nowrap}.stm-nyckel{box-sizing:border-box;position:absolute;right:18px;bottom:18px;z-index:12;width:var(--stm-44);height:var(--stm-44);border-radius:calc(14px / var(--stm-k));display:grid;place-items:center;color:#111312;text-decoration:none;background:radial-gradient(120% 90% at 50% 0%,#fff,#eceee8 55%,#cfd4c9);box-shadow:inset 0 1px #fff,inset 0 -3px 8px #00000024,0 0 0 1px #0006,0 14px 22px -8px #000000b3;transition:transform .3s var(--stm-fjader),opacity .6s var(--stm-ease) .7s,scale .7s var(--stm-fjader) .7s}html[data-st-tema=ljus] .stm-nyckel{color:#fff;background:radial-gradient(120% 90% at 50% 0%,#3a3d38,#161816 55%,#060706);box-shadow:inset 0 1px #ffffff38,inset 0 -3px 8px #000000b3,0 0 0 1px #000000bf,0 14px 22px -8px #00000073}@media(hover:hover){.stm-nyckel:hover{transform:translateY(-2px)}}.stm-nyckel:active{transform:scale(.94);transition-duration:.12s}.stm-nyckel:focus-visible{outline:calc(2px / var(--stm-k)) solid var(--stt-red, #abc58f);outline-offset:calc(3px / var(--stm-k))}.stm-nyckel svg{display:block;width:calc(18px / var(--stm-k));height:calc(18px / var(--stm-k));fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stm-bak,.stm-bak-kant{transition:translate 1s var(--stm-ease),opacity .9s var(--stm-ease)}[data-stm-js] .stm-mapp:not([data-inne]) .stm-bak,[data-stm-js] .stm-mapp:not([data-inne]) .stm-bak-kant{translate:0 22px;opacity:0}[data-stm-js] .stm-mapp:not([data-inne]) .stm-fil{translate:0 -120px;opacity:0}[data-stm-js] .stm-mapp:not([data-inne]) .stm-fram{translate:0 46px;opacity:0}[data-stm-js] .stm-mapp:not([data-inne]) .stm-nyckel{opacity:0;scale:.6}[data-stm-js] .stm-mapp:not([data-inne]) .stm-skugga{opacity:0}.stm-mapp[data-inne] .stm-fil{transition-delay:calc(var(--stm-djup) * 40ms),0s,calc(.18s + var(--stm-djup) * 90ms),calc(.18s + var(--stm-djup) * 90ms)}.stm-mapp[data-inne] .stm-fram{transition-delay:0s,.42s,.42s}@media screen and not (min-width:1280px){.stm-rad{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}}@media screen and not (min-width:750px){.stm-rad{gap:16px;padding-top:80px}}@media(prefers-reduced-motion:reduce){.stm-mapp *,.stm-mapp *:before,.stm-mapp *:after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}.stm-lut{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/st-mappar.css.map */