.csm{overflow:hidden}.csm__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem 2rem;flex-wrap:wrap;margin-bottom:1.8rem}.csm__eyebrow{margin:0 0 .4rem;color:#fb6704;font-family:var(--font-heading-family);letter-spacing:.12em;text-transform:uppercase;font-size:1.3rem}.csm__title{margin:0;text-transform:uppercase;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.05;text-wrap:balance}.csm__all{font-size:1.4rem;font-weight:600;text-decoration:none;white-space:nowrap}.csm__all:hover{text-decoration:underline}.csm__viewport{overflow:hidden;padding:2.4rem 0;margin:-2.4rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.csm__track{display:flex;width:max-content;animation:csm-scroll var(--csm-duration, 50s) linear infinite;will-change:transform}.csm__list{display:flex;flex-shrink:0;gap:1.4rem;padding:0 .7rem;margin:0;list-style:none}.csm__item{width:14rem;flex:none}.csm__item{display:flex}.csm__card{display:flex;flex-direction:column;width:100%;color:inherit;text-decoration:none}.csm__media{position:relative;display:block;aspect-ratio:1145 / 1374;overflow:hidden;background:#fff;border:1px solid rgba(var(--color-foreground),.14);transition:border-color .25s ease,box-shadow .25s ease}.csm__image{display:block;width:100%;height:100%;object-fit:cover}.csm__name{display:block;flex:1 1 auto;margin-top:.8rem;font-family:var(--font-heading-family);font-size:1.3rem;text-transform:uppercase;letter-spacing:.04em;line-height:1.2;overflow-wrap:anywhere}.csm__card:hover .csm__media,.csm__card:focus-visible .csm__media{border-color:rgb(var(--color-button));box-shadow:0 0 0 .1rem rgb(var(--color-button)),0 0 2rem rgba(var(--color-button),.35)}.csm__soon{display:block;margin-top:.3rem;color:rgb(var(--color-button));font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.csm__viewport:hover .csm__track,.csm__viewport:focus-within .csm__track{animation-play-state:paused}@media(min-width:750px){.csm__item{width:19rem}.csm__name{font-size:1.4rem}}@keyframes csm-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.csm__track{animation:none}.csm__viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.csm__list[aria-hidden=true]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/coming-soon-marquee.css.map */
