.track[data-v-63781e10]{width:100vw;color:var(--dark-text-color);position:relative}ul[data-v-63781e10]{padding:0;scroll-snap-type:x mandatory;scroll-behavior:smooth;max-width:100%;scroll-padding-inline:calc(50vw - var(--card-width)*.5);align-content:center;align-items:center;gap:2rem;padding-inline:2rem;list-style-type:none;display:flex;overflow:auto}li[data-v-63781e10],ul[data-v-63781e10]{margin:0}li[data-v-63781e10]{scroll-snap-align:center;padding:0}:is(li[data-v-63781e10],.indicator[data-v-63781e10]):first-of-type{--hue:0}:is(li[data-v-63781e10],.indicator[data-v-63781e10]):nth-of-type(2){--hue:140}:is(li[data-v-63781e10],.indicator[data-v-63781e10]):nth-of-type(3){--hue:45}:is(li[data-v-63781e10],.indicator[data-v-63781e10]):nth-of-type(4){--hue:210}:is(li[data-v-63781e10],.indicator[data-v-63781e10]):nth-of-type(5){--hue:280}article[data-v-63781e10]{width:var(--card-width);aspect-ratio:3/2;background-color:#eee;background-image:url(../products/oskar-classic/features2/Oskar-classic-arms-125-booster.png);background-repeat:no-repeat;background-size:cover;border-radius:1rem;box-shadow:inset 0 1px #ffffff80,0 10px 20px -10px #000}#one article[data-v-63781e10]{background-image:url(../products/oskar-classic/features2/cast-aluminium-joints.webp)}#two article[data-v-63781e10]{background-image:url(../products/oskar-classic/features2/capture-booster.webp)}#three article[data-v-63781e10]{background-image:url(../products/oskar-classic/features2/integrated-airflow-damper.webp)}#four article[data-v-63781e10]{background-image:url(../products/oskar-classic/features2/aluminium-hood.webp)}#five article[data-v-63781e10]{background-image:url(../products/oskar-classic/features2/aluminium-steel-swivel-base.webp)}#six article[data-v-63781e10]{background-image:url(../products/oskar-classic/features2/pvc-hose.webp)}.track ul li .content[data-v-63781e10]{color:#86868b;margin:1.5rem 0;font-weight:400}.track ul li .card-headline[data-v-63781e10]{color:var(--dark-text-color);font-weight:600}.track__indicators[data-v-63781e10]{height:20px;margin-top:2rem;display:flex;position:absolute;left:50%;translate:-50%}.indicator[data-v-63781e10]{--color:hsl(var(--hue,0) 0% 86%);background:linear-gradient(var(--color),var(--color)) padding-box;cursor:pointer;border:4px solid #0000;border-radius:100px;flex:1;min-width:20px;height:100%;padding:0;position:relative}.indicator[data-v-63781e10]:after{content:"";background:hsl(var(--hue) 90% 70%);border-radius:100px;position:absolute;inset:0}body[data-v-63781e10]:before{--line:#f2f2f226;content:"";background:linear-gradient(90deg,var(--line) 1px,transparent 1px 10vmin) 0 -5vmin /10vmin 10vmin,linear-gradient(var(--line) 1px,transparent 1px 10vmin) 0 -5vmin /10vmin 10vmin;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;transform:translateZ(-100vmin);-webkit-mask:linear-gradient(-15deg,#0000 30%,#fff);mask:linear-gradient(-15deg,#0000 30%,#fff)}@supports (animation-timeline:scroll()){.track[data-v-63781e10]{timeline-scope:--one,--two,--three,--four,--five}.track__indicators[data-v-63781e10]{aspect-ratio:7}li[data-v-63781e10]:first-of-type{view-timeline:--one inline}li[data-v-63781e10]:nth-of-type(2){view-timeline:--two inline}li[data-v-63781e10]:nth-of-type(3){view-timeline:--three inline}li[data-v-63781e10]:nth-of-type(4){view-timeline:--four inline}li[data-v-63781e10]:nth-of-type(5){view-timeline:--five inline}.indicator[data-v-63781e10]{--buffer:calc(var(--card-width)*.9);animation:linear both blink-63781e10;animation-range:contain calc(50% - var(--buffer)) contain calc(50% + var(--buffer))}.indicator[data-v-63781e10]:first-of-type{animation-timeline:--one}.indicator[data-v-63781e10]:nth-of-type(2){animation-timeline:--two}.indicator[data-v-63781e10]:nth-of-type(3){animation-timeline:--three}.indicator[data-v-63781e10]:nth-of-type(4){animation-timeline:--four}.indicator[data-v-63781e10]:nth-of-type(5){animation-timeline:--five}@keyframes blink-63781e10{50%{flex:3}}.indicator[data-v-63781e10]:after{--buffer:calc(var(--card-width)*.9);opacity:0;animation:linear both show-63781e10;animation-range:contain calc(50% - var(--buffer)) contain calc(50% + var(--buffer))}.indicator[data-v-63781e10]:first-of-type:after{animation-timeline:--one}.indicator[data-v-63781e10]:nth-of-type(2):after{animation-timeline:--two}.indicator[data-v-63781e10]:nth-of-type(3):after{animation-timeline:--three}.indicator[data-v-63781e10]:nth-of-type(4):after{animation-timeline:--four}.indicator[data-v-63781e10]:nth-of-type(5):after{animation-timeline:--five}@keyframes show-63781e10{50%{opacity:1}}}