.carousel{--carousel-card-width: max(240px, calc((100% - 3 * var(--carousel-gap)) / 3.25));--carousel-ease: cubic-bezier(.22, .61, .36, 1);--carousel-font: var(--typeBasePrimary, "Helvetica Neue"), var(--typeBaseFallback, Helvetica, Arial, sans-serif);--carousel-gap: 24px;--carousel-inline: 24px;--carousel-placeholder: #dcd3c3;box-sizing:border-box;font-family:var(--carousel-font, "Helvetica Neue", Helvetica, Arial, sans-serif);margin:0 auto;max-width:1200px;padding:56px var(--carousel-inline)}.carousel .carousel-heading{font-size:24px;font-weight:500;margin:0 0 20px}.carousel .carousel-track{display:flex;gap:var(--carousel-gap);list-style:none;margin:0 calc(-1 * var(--carousel-inline));overflow-x:auto;overscroll-behavior-x:contain;padding:0 var(--carousel-inline) 28px;scroll-behavior:smooth;scroll-padding-inline:var(--carousel-inline);scroll-snap-type:x mandatory;scrollbar-width:thin}.carousel .carousel-item{animation:carousel-card-in .6s var(--carousel-ease) backwards;flex:0 0 var(--carousel-card-width);margin:0;scroll-snap-align:start}.carousel .carousel-item:first-child{animation:none}.carousel .carousel-item:nth-child(2){animation-delay:70ms}.carousel .carousel-item:nth-child(3){animation-delay:.14s}.carousel .carousel-item:nth-child(4){animation-delay:.21s}.carousel .carousel-item:nth-child(n+5){animation-delay:.28s}.carousel .card{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.carousel .card:focus-visible{outline:3px solid currentColor;outline-offset:-3px}.carousel .card-image{aspect-ratio:3 / 2;background-color:var(--carousel-placeholder);display:block;overflow:hidden;width:100%}.carousel .card-image img{display:block;height:100%;object-fit:cover;transition:transform .4s var(--carousel-ease);width:100%}.carousel .card-label{font-size:22px;font-weight:500;padding:16px 0 0}@keyframes carousel-card-in{0%{transform:translate(24px)}}@media(hover:hover){.carousel .card:hover .card-image img{transform:scale(1.05)}}@media(max-width:640px){.carousel{--carousel-card-width: 78%;--carousel-gap: 16px;--carousel-inline: 16px;padding:32px var(--carousel-inline)}}@media(prefers-reduced-motion:reduce){.carousel .carousel-item{animation:none}.carousel .carousel-track{scroll-behavior:auto}.carousel .card-image img,.carousel .card:hover .card-image img{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map */