.fjord-rail{--fr-ease: cubic-bezier(.22, .8, .24, 1);color:var(--fr-text);padding-block:var(--fr-pad-top) var(--fr-pad-bottom);row-gap:0}.fjord-rail__head{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:0;font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}.fjord-rail .fjord-rail__eyebrow{margin:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.fjord-rail .fjord-rail__eyebrow--muted{opacity:.55}.fjord-rail__eyebrow+.fjord-rail__eyebrow:before{content:"";display:inline-block;width:1px;height:11px;margin-right:14px;vertical-align:-1px;background:currentColor;opacity:.35}.fjord-rail__stage{position:relative;grid-column:1 / -1;min-width:0;container-type:inline-size;margin-top:clamp(20px,3vw,36px)}.fjord-rail__scroller{--fr-gw: min(calc(62cqw * var(--fr-scale)), 340px);--fr-slot: calc(var(--fr-gw) * .68);--fr-slot-open: var(--fr-slot);--fr-gh: calc(var(--fr-gw) * 1.25);--fr-hook-h: calc(var(--fr-gw) * .2);--fr-hook-w: calc(var(--fr-gw) * .085);--fr-rail-y: calc(var(--fr-hook-h) * .13);--fr-rail-h: max(4px, calc(var(--fr-gw) * .018));--fr-drop: calc(var(--fr-gh) * .12);min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.fjord-rail__scroller::-webkit-scrollbar{display:none}.fjord-rail__rack{position:relative;width:max-content;min-width:100%;padding-inline:calc(50cqw - var(--fr-slot) / 2);box-sizing:border-box}.fjord-rail__bar{position:absolute;z-index:0;top:calc(var(--fr-rail-y) - var(--fr-rail-h) / 2);left:16px;right:16px;height:var(--fr-rail-h);border-radius:999px;background:linear-gradient(to bottom,color-mix(in srgb,var(--fr-rail) 30%,#fff) 0%,var(--fr-rail) 55%,color-mix(in srgb,var(--fr-rail) 70%,#000) 100%);box-shadow:0 1px 2px #0000001f}.fjord-rail__bar:before,.fjord-rail__bar:after{content:"";position:absolute;top:50%;width:calc(var(--fr-rail-h) * 1.6);height:calc(var(--fr-rail-h) * 3.4);border-radius:999px;background:var(--fr-rail);transform:translateY(-50%)}.fjord-rail__bar:before{left:calc(var(--fr-rail-h) * -.8)}.fjord-rail__bar:after{right:calc(var(--fr-rail-h) * -.8)}.fjord-rail__track{position:relative;z-index:2;display:flex;margin:0;padding:0;list-style:none}.fjord-rail__item{--fr-ry: -70deg;position:relative;flex:0 0 var(--fr-slot);min-width:0;height:calc(var(--fr-hook-h) + var(--fr-gh) * .95 - var(--fr-drop));scroll-snap-align:center}.fjord-rail__item.is-open{--fr-ry: 0deg;z-index:2}.fjord-rail__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.fjord-rail__link:focus-visible{outline:none}.fjord-rail__link:focus-visible .fjord-rail__turn{outline:1px solid currentColor;outline-offset:4px}.fjord-rail__hang{position:absolute;top:0;left:50%;width:0;height:100%;transform-origin:0 var(--fr-rail-y);perspective:1400px;perspective-origin:0 calc(var(--fr-hook-h) - var(--fr-drop))}.fjord-rail__hook{position:absolute;z-index:1;top:0;left:calc(var(--fr-hook-w) / -2);width:var(--fr-hook-w);max-width:none;height:var(--fr-hook-h);overflow:visible}.fjord-rail__hook-wire{stroke:var(--fr-rail)}.fjord-rail__hook-neck{fill:var(--fr-hook)}.fjord-rail__turn{position:absolute;top:calc(var(--fr-hook-h) - var(--fr-drop));left:calc(var(--fr-gw) / -2);width:var(--fr-gw);height:var(--fr-gh);transform:rotateY(var(--fr-ry));transform-origin:50% 0}.fjord-rail__img{display:block;width:100%;max-width:none;height:100%;object-fit:contain;object-position:50% 0;background:transparent;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.fjord-rail__seq{--fr-seq-h: calc(var(--fr-gw) * 1.105);position:absolute;z-index:2;top:calc(var(--fr-rail-y) - var(--fr-seq-h) * .03);left:0;height:var(--fr-seq-h);aspect-ratio:var(--fr-seq-ar, .886);transform:translate(-50%);background-repeat:no-repeat;opacity:0;transition:opacity .6s ease;pointer-events:none}.fjord-rail__seq:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:inherit;background-size:inherit;background-repeat:no-repeat;background-position:var(--fr-seq-next, 0 0);opacity:var(--fr-seq-mix, 0)}.fjord-rail__item.turn-ready .fjord-rail__seq,.fjord-rail__item.poster-ready .fjord-rail__seq{opacity:1}.fjord-rail__item.turn-ready,.fjord-rail__item.poster-ready{z-index:150!important}.fjord-rail__item.turn-ready .fjord-rail__turn,.fjord-rail__item.turn-ready .fjord-rail__hook{opacity:0}.fjord-rail__item.turn-loading .fjord-rail__turn,.fjord-rail__item.turn-loading .fjord-rail__hook{opacity:0;transition:none}.fjord-rail__canvas{position:absolute;z-index:1;top:0;left:0;width:100%;pointer-events:none}.fjord-rail__turn{transition:opacity .35s ease}.fjord-rail__item.is-3d .fjord-rail__turn{opacity:0}.fjord-rail__img--placeholder{fill:color-mix(in srgb,var(--fr-text) 35%,transparent)}.fjord-rail__caption{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:clamp(18px,3vw,40px);text-align:center}.fjord-rail__name{margin:0;min-height:1.35em;font-size:15px;line-height:1.35}.fjord-rail__meta{margin:0;min-height:1.4em;font-size:11px;line-height:1.4;letter-spacing:.04em;opacity:.6}.fjord-rail__button{display:inline-flex;align-items:center;gap:8px;margin-top:16px}.fjord-rail__button svg{width:14px;height:14px}@media(hover:hover)and (pointer:fine)and (min-width:750px){.fjord-rail__stage{grid-column:2}.fjord-rail__scroller{--fr-gw: min(calc(300px * var(--fr-scale)), calc(100cqw / (var(--fr-n) * .42 + .8)));--fr-slot: calc(var(--fr-gw) * .42);--fr-slot-open: calc(var(--fr-gw) * 1.06);overflow:visible;scroll-snap-type:none}.fjord-rail__rack{width:100%;padding-inline:0}.fjord-rail__bar{left:1%;right:1%}.fjord-rail__track{justify-content:center}.fjord-rail__item{flex:0 1 var(--fr-slot);transition:flex-basis .7s var(--fr-ease)}.fjord-rail__item.is-open{flex-basis:var(--fr-slot-open);flex-shrink:0}.fjord-rail__turn{transition:transform .8s var(--fr-ease),opacity .35s ease}}@media(prefers-reduced-motion:reduce){.fjord-rail__item,.fjord-rail__turn{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/fjord-kommer-snart.css.map */