.slider{--slider-gap:calc(var(--spacing) * 5);z-index:var(--z-content);flex-direction:column;width:100%;display:flex;position:relative}.slider__viewport{align-items:center;gap:var(--slider-gap);display:flex}.slider__track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;min-width:0}.slider__track::-webkit-scrollbar{display:none}.slider__track>*{scroll-snap-align:start}.slider__dots{justify-content:center;gap:calc(var(--spacing) * 1);margin-top:calc(var(--spacing) * 1);display:flex}.slider__dot{min-height:var(--tap-min);padding:0 calc(var(--spacing) * 2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.slider__dot:before{content:"";width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);border:2px solid var(--color-deep-blue);transition:background-color var(--dur-fast) var(--ease-base), transform var(--dur-fast) var(--ease-base);background:0 0}.slider__dot.is-active:before{background:var(--color-deep-blue);transform:scale(1.1)}.slider__dot:focus-visible{outline:2px solid var(--color-deep-blue);outline-offset:2px}.slider__arrow{flex:0 0 var(--tap-min);cursor:pointer}@media (hover:none){.slider__arrow{display:none}}@media (max-width:767px){.slider__arrow{display:none}}@media (prefers-reduced-motion:reduce){.slider__dot:before{transition:none}}