.carousel{width:100%;position:relative}.carousel-container{max-width:1280px;margin:0 auto;padding:0 1rem}.carousel-track{-ms-overflow-style:none;scrollbar-width:none;box-sizing:content-box;scroll-snap-type:x mandatory;display:flex;overflow:auto visible}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{box-sizing:border-box;scroll-snap-align:center;flex-shrink:0;justify-content:center;align-items:stretch;padding:1rem .5rem;transition:transform .4s,opacity .4s;display:flex}.carousel-slide--active{opacity:1;z-index:10;filter:blur();transform:scale(1.02)}.carousel-slide--inactive{opacity:.6;transform:scale(.95)}.carousel-button{z-index:100;border:1px solid hsl(var(--color-surface-border));background:hsl(var(--color-surface)/.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;transition:all .2s ease-in-out;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px #0000001f}.carousel-button:hover{background:hsl(var(--color-brand-primary)/.1);border-color:hsl(var(--color-brand-primary));transform:translateY(-50%)scale(1.05)}.carousel-button:active{transform:translateY(-50%)scale(.95)}.carousel-button--prev{left:.5rem}.carousel-button--next{right:.5rem}@media (min-width:768px){.carousel-slide{padding-left:1rem;padding-right:1rem}.carousel-slide--active{transform:scale(1.05)}.carousel-button{width:3rem;height:3rem}}.carousel-indicators{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.carousel-indicator-dot{background-color:#0003;border-radius:9999px;width:.5rem;height:.5rem;transition:all .3s;transform:scale(1)}.carousel-indicator-dot--active{background-color:var(--color-brand-pink,#ec4899);transform:scale(1.25)}