.cm-carousel{--cm-carousel-gap: 1.6rem}.cm-carousel__heading{margin:0 0 1.6rem}.cm-carousel__heading--logo{display:flex;flex-direction:column;align-items:center;gap:1rem}.cm-carousel__logo{display:block;width:100%;max-width:24rem;height:auto}.cm-carousel__heading-sub{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-text-secondary)}.cm-carousel__intro{color:var(--cm-text-secondary);max-width:70rem;margin:0 auto 3.2rem;text-align:center}.cm-carousel__body{display:grid;gap:3.2rem}@media screen and (min-width:990px){.cm-carousel--split .cm-carousel__body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:4.8rem}.cm-carousel--split.cm-carousel--text-left .cm-carousel__body{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.cm-carousel--split.cm-carousel--text-left .cm-carousel__text{order:-1}}.cm-carousel__text{color:var(--cm-text-muted);line-height:1.7}.cm-carousel__text>:first-child{margin-top:0}.cm-carousel__text h3{margin:0 0 1.2rem}.cm-carousel__viewport{position:relative;max-width:calc(var(--cm-carousel-max-height, 78vh) * var(--cm-carousel-ratio, .75) * var(--cm-slides, 1) + var(--cm-carousel-gap) * (var(--cm-slides, 1) - 1));margin-inline:auto}.cm-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cm-slides) - 1) * var(--cm-carousel-gap)) / var(--cm-slides));gap:var(--cm-carousel-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:.4rem;margin:-.4rem}.cm-carousel__track::-webkit-scrollbar{display:none}@media screen and (max-width:989px){.cm-carousel__track{grid-auto-columns:100%}.cm-carousel--tile .cm-carousel__track{grid-auto-columns:calc((100% - var(--cm-carousel-gap)) / 2)}}@media(prefers-reduced-motion:reduce){.cm-carousel__track{scroll-behavior:auto}}.cm-carousel__slide{scroll-snap-align:start;min-width:0}.cm-carousel__frame{background:rgba(var(--cm-glow),.04);border:1px solid rgba(var(--cm-glow),.18);border-radius:.4rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.cm-carousel__frame{aspect-ratio:var(--cm-carousel-ratio, 3 / 4)}.cm-carousel__img{width:100%;height:100%;object-fit:contain;display:block}.cm-carousel--fill .cm-carousel__img{object-fit:cover}.cm-carousel--tile .cm-carousel__frame{background:var(--cm-panel, #111111);border-color:rgba(var(--cm-glow),.16);padding:1.6rem}.cm-carousel--tile .cm-carousel__img{border-radius:.4rem}.cm-carousel__title{margin:1.2rem 0 0;font-size:1.6rem;line-height:1.4;font-weight:600;color:var(--cm-text)}.cm-carousel__caption{margin:1.2rem 0 0;font-size:1.4rem;line-height:1.5;color:var(--cm-text-secondary)}.cm-carousel__title+.cm-carousel__caption{margin-top:.4rem}.cm-carousel__controls{display:flex;align-items:center;gap:1.2rem;margin-top:2rem}.cm-carousel__arrow{flex:0 0 auto;width:4.4rem;height:4.4rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(var(--cm-glow),.4);border-radius:999px;background:transparent;color:var(--cm-text);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.cm-carousel__arrow:hover:not([disabled]){background:rgba(var(--cm-glow),.1);border-color:var(--cm-accent-bright)}.cm-carousel__arrow[disabled]{opacity:.3;cursor:default}.cm-carousel__arrow svg{width:1.6rem;height:1.6rem}.cm-carousel__arrow--prev svg{transform:rotate(180deg)}.cm-carousel__dots{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 0 .8rem;padding:0;list-style:none}.cm-carousel__dot{width:2.4rem;height:2.4rem;padding:0;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.cm-carousel__dot:before{content:"";width:.8rem;height:.8rem;border-radius:999px;background:rgba(var(--cm-glow),.3);transition:background-color .2s ease,transform .2s ease}.cm-carousel__dot[aria-current=true]:before{background:var(--cm-accent-bright);transform:scale(1.4)}.cm-carousel__count{margin-left:auto;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-text-secondary)}.cm-carousel__viewport:not(.cm-carousel--ready) .cm-carousel__controls{visibility:hidden}.cm-carousel--single .cm-carousel__controls{display:none}.cm-carousel__placeholder{padding:3.2rem;border:1px dashed rgba(var(--cm-glow),.4);border-radius:.4rem;color:var(--cm-text-secondary);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cm-carousel.css.map */
