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