.carousel-container{box-sizing:border-box;margin:0 auto;position:relative}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:stretch;gap:16px;padding:40px 32px;scroll-padding:0 32px;display:flex;overflow:auto hidden}.carousel-track::-webkit-scrollbar{display:none}.carousel-track:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px;border-radius:1.7rem}.carousel-item{scroll-snap-align:center;scroll-snap-stop:always;border-radius:1.7rem;flex-direction:column;flex-shrink:0;display:flex;position:relative}.carousel-item>*{flex:1}.carousel-indicators-container{justify-content:center;width:100%;margin-top:4px;display:flex}.carousel-indicators{gap:0;display:flex}.carousel-indicator{appearance:none;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.carousel-indicator:before{content:"";border-radius:50%;width:8px;height:8px;transition:background-color .15s,transform .15s}.carousel-indicator:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px;border-radius:50%}.carousel-indicator.active:before{background-color:var(--color-cyan);transform:scale(1.2)}.carousel-indicator.inactive:before{background-color:#0000001a}@keyframes carousel-coverflow{0%{transform:rotateY(-96deg)}to{transform:rotateY(96deg)}}@supports (animation-timeline:view(inline)){@media (prefers-reduced-motion:no-preference){.carousel-track{perspective:1000px;perspective-origin:50%}.carousel-item{animation:linear both carousel-coverflow;animation-timeline:view(inline);animation-range:entry exit}}}