@layer components{.carousel-viewport{background-color:var(--color-surface);-webkit-mask-image:linear-gradient(to right,transparent 0,var(--color-surface)3rem,var(--color-surface)calc(100% - 3rem),transparent 100%);mask-image:linear-gradient(to right,transparent 0,var(--color-surface)3rem,var(--color-surface)calc(100% - 3rem),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,var(--color-surface)3rem,var(--color-surface)calc(100% - 3rem),transparent 100%)}.carousel-track{padding-block:1.5rem}.carousel-slide{z-index:10;flex:0 0 clamp(20rem,64vw,24rem);position:relative}.carousel-slide__inner{opacity:.92;width:100%;height:100%;transition:transform .32s var(--ease-expressive),opacity .32s var(--ease-expressive);will-change:transform;justify-content:center;align-items:stretch;display:flex;transform:scale(.975)}@media (max-width:40rem){.carousel-track{padding-block:1rem}.carousel-slide{flex:0 0 clamp(18rem,84vw,22rem)}.carousel-card{height:28rem}.carousel-viewport{-webkit-mask-image:none;mask-image:none}.carousel-slide__inner,.carousel-slide.is-snapped .carousel-slide__inner,.carousel-slide[data-active=true] .carousel-slide__inner,.carousel-slide:not(.is-snapped):not([data-active=true]) .carousel-slide__inner{opacity:1;will-change:auto;transform:none}.carousel-viewport:before,.carousel-viewport:after{content:"";pointer-events:none;z-index:1;width:24px;position:absolute;top:0;bottom:0}.carousel-viewport:before{background:linear-gradient(to right,var(--carousel-edge-fade-strong),transparent);left:0}.carousel-viewport:after{background:linear-gradient(to left,var(--carousel-edge-fade-strong),transparent);right:0}}@media (min-width:64rem){.carousel-slide{flex:0 0 clamp(22rem,42vw,25rem)}}.carousel-card{height:32.5rem;box-shadow:var(--shadow-carousel);transition:box-shadow .32s var(--ease-expressive)}.carousel-slide.is-in-view .carousel-slide__inner{opacity:.95}.carousel-slide.is-snapped,.carousel-slide[data-active=true]{z-index:20}.carousel-slide.is-snapped .carousel-slide__inner,.carousel-slide[data-active=true] .carousel-slide__inner{opacity:1;transform:scale(1.045)}.carousel-slide:not(.is-snapped):not([data-active=true]) .carousel-slide__inner{opacity:.95;transform:scale(.968)}.carousel-slide.is-snapped .carousel-card,.carousel-slide[data-active=true] .carousel-card{box-shadow:var(--shadow-carousel-active)}@media (min-width:64rem){.carousel-slide.is-snapped .carousel-slide__inner,.carousel-slide[data-active=true] .carousel-slide__inner{transform:scale(1.1)}.carousel-slide:not(.is-snapped):not([data-active=true]) .carousel-slide__inner{transform:scale(.94)}}.carousel-card__media{aspect-ratio:16/9}.carousel-card__image{transition:transform .32s var(--ease-expressive),opacity .32s var(--ease-expressive)}.carousel-slide:not(.is-snapped) .carousel-card__image{opacity:.9;transform:scale(1.02)}.carousel-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.carousel-card__summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.carousel-slide{flex:0 0 clamp(20rem,60vw,23rem)}.carousel-slide__inner,.carousel-slide.is-snapped .carousel-slide__inner,.carousel-slide[data-active=true] .carousel-slide__inner,.carousel-slide:not(.is-snapped):not([data-active=true]) .carousel-slide__inner{opacity:1;transition:opacity .12s ease-out;transform:none!important}.carousel-card,.carousel-slide.is-snapped .carousel-card,.carousel-slide[data-active=true] .carousel-card{box-shadow:var(--shadow-carousel);transition:box-shadow .12s ease-out}.carousel-card__image,.carousel-slide:not(.is-snapped) .carousel-card__image{opacity:1;transition:opacity .12s ease-out;transform:none!important}}}
