.main{display:contents}.story{--100vh:100vh;--100vw:100vw}@supports (height:100dvh){.story{--100vh:100dvh}}@supports (width:100dvw){.story{--100vw:100dvw}}.story{--height:min(calc(var(--100vh) - (2 * 82px)),1080px);--width:calc(var(--height) * (580 / 1080))}@media (max-width:579px){.story{--height:var(--100vh);--width:var(--100vw)}}.story{align-items:center;display:flex;flex:1 0 100%;justify-content:center}.storycards{background-color:var(--color-background-primary);cursor:pointer;display:flex;height:var(--height);overflow-x:auto;overflow-y:hidden;position:fixed;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:var(--width);-ms-overflow-style:none}.storycards::-webkit-scrollbar{display:none}@media (min-width:580px){.storycards{border-radius:var(--border-radius-xs)}}.copied:after{animation:fadeInOut 2.5s forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#00000080;border-radius:var(--border-radius-xs);content:"Lenken ble kopiert!";padding:var(--space-m);position:fixed}.copied #share{animation:fadeOutIn 2.5s forwards}#next,#previous{--button-color:var(--color-text-primary);position:fixed;top:50%;touch-action:manipulation;transform:translateY(-50%)}@media (max-width:580px){#next,#previous{display:none}}#previous{left:max(calc(50% - (var(--width) / 2) - var(--space-xl) - 36px),var(--space-xl))}#next{right:max(calc(50% - (var(--width) / 2) - var(--space-xl) - 36px),var(--space-xl))}#next,#previous,.progress{transition:opacity .25s ease-out}.progress{align-items:center;column-gap:var(--space-xs);display:flex;flex-wrap:wrap;inset:0 0 auto;opacity:1;padding:var(--space-l);position:fixed}.progress:before{background-color:var(--color-background-primary);content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.19) 0,rgba(0,0,0,.19) 5.68%,rgba(0,0,0,.19) 9.98%,rgba(0,0,0,.18) 13.25%,rgba(0,0,0,.18) 15.84%,rgba(0,0,0,.17) 18.11%,rgba(0,0,0,.16) 20.4%,rgba(0,0,0,.15) 23.07%,rgba(0,0,0,.14) 26.47%,rgba(0,0,0,.12) 30.94%,rgba(0,0,0,.11) 36.83%,rgba(0,0,0,.09) 44.51%,rgba(0,0,0,.07) 54.31%,rgba(0,0,0,.05) 66.59%,rgba(0,0,0,.02) 81.71%,rgba(0,0,0,0));mask-image:linear-gradient(180deg,#00000030 0 5.68%,#00000030 9.98%,#0000002e 13.25% 15.84%,#0000002b 18.11%,#00000029 20.4%,#00000026 23.07%,#00000024 26.47%,#0000001f 30.94%,#0000001c 36.83%,#00000017 44.51%,#00000012 54.31%,#0000000d 66.59%,#00000005 81.71%,#0000);position:absolute}.progress .bars{display:flex;flex:1 0 100%;gap:var(--space-xxxs);justify-content:space-evenly;position:relative;width:100%}.progress .bars .bar{background-color:#00000080;border-radius:1px;height:var(--space-xxxs);position:relative;width:calc(100% / var(--cards))}.progress .bars .bar.active:before{border-radius:1px;content:"";inset:0;position:absolute;transition:width 1s linear;width:var(--progress,0)}.progress .bars .bar.active:before,.progress .bars .bar.seen{background-color:var(--color-text-primary)}.progress .close,.progress .title{position:relative}.progress .close{--icon-size:var(--space-m);--button-color:var(--color-text-primary);margin-right:calc(-1 * var(--button-padding-inline))}.progress .title{flex:1 0 auto}.touching #next,.touching #previous,.touching .progress{opacity:0}[data-color-scheme=dark] .progress .bar{background-color:#ffffff80}@keyframes fadeOutIn{0%{opacity:1}10%{opacity:0}90%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}