.custom-track-carousel{position:relative;display:block;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.custom-track-carousel *{-webkit-user-select:none;user-select:none}.custom-track-carousel__header{margin-bottom:1.5rem}.custom-track-carousel__title{margin:0 0 .5rem;line-height:1.2}.custom-track-carousel__subtitle{margin:0;line-height:1.5}.custom-track-carousel__header--center{text-align:center}.custom-track-carousel__header--right{text-align:right}.custom-track-carousel__wrapper{position:relative}.custom-track-carousel__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;touch-action:pan-x}.custom-track-carousel__viewport::-webkit-scrollbar{display:none}.custom-track-carousel__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.custom-track-carousel.is-dragging .custom-track-carousel__card-image{pointer-events:none}.custom-track-carousel__track{display:flex;flex-wrap:nowrap;align-items:stretch;width:max-content;height:var(--ctc-card-height, 420px);padding:0;margin:0;list-style:none}.custom-track-carousel__slide{flex:0 0 var(--ctc-card-width, 320px);width:var(--ctc-card-width, 320px);height:var(--ctc-card-height, 420px);scroll-snap-align:center;scroll-snap-stop:always;box-sizing:border-box;flex-shrink:0}.custom-track-carousel__slide.is-clone{pointer-events:none}.custom-track-carousel__slide:not(:last-child){margin-right:var(--ctc-gap, 16px)}.custom-track-carousel__card{position:relative;display:block;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background-color:var(--ctc-card-bg, #111111);border-radius:var(--ctc-card-radius, 12px);color:inherit;container-type:inline-size;container-name:ctc-card}.custom-track-carousel__card-stretch-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;text-decoration:none}.custom-track-carousel__card-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background-color:#111;contain:strict}.custom-track-carousel__card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:#0000}.custom-track-carousel__card-image,.custom-track-carousel__card-video,.custom-track-carousel__card-placeholder{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;-webkit-user-drag:none;user-drag:none;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.custom-track-carousel__card-placeholder{display:flex;align-items:center;justify-content:center;background:#222;color:#888}.custom-track-carousel__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.custom-track-carousel__card-heading,.custom-track-carousel__card-text{position:absolute;line-height:1.2;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;pointer-events:none;margin:0}.custom-track-carousel__card-button{position:absolute}.custom-track-carousel__card-text{line-height:1.5}.custom-track-carousel__card-text p{margin:0 0 .5em}.custom-track-carousel__card-text p:last-child{margin-bottom:0}.custom-track-carousel__card-button{display:inline-block;box-sizing:border-box;border:none;cursor:pointer;text-decoration:none;text-align:center;white-space:normal;line-height:1.3;pointer-events:auto}.custom-track-carousel__card-heading--desktop,.custom-track-carousel__card-text--desktop,.custom-track-carousel__card-button--desktop{display:block}.custom-track-carousel__card-heading--mobile,.custom-track-carousel__card-text--mobile,.custom-track-carousel__card-button--mobile{display:none}.custom-track-carousel__arrow{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:50%;background:#ffffffeb;color:#111;box-shadow:0 2px 12px #0000001f;cursor:pointer;transform:translateY(-50%)}.custom-track-carousel__arrow:disabled{opacity:.35;cursor:default}.custom-track-carousel__arrow--prev{left:.5rem}.custom-track-carousel__arrow--next{right:.5rem}.custom-track-carousel__arrow svg{width:1.125rem;height:1.125rem;fill:currentColor}.custom-track-carousel--arrows-outside .custom-track-carousel__arrow--prev{left:-1.375rem}.custom-track-carousel--arrows-outside .custom-track-carousel__arrow--next{right:-1.375rem}.custom-track-carousel__dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.custom-track-carousel__dot{width:.5rem;height:.5rem;padding:0;border:none;border-radius:50%;background:#00000040;cursor:pointer}.custom-track-carousel__dot.is-active{transform:scale(1.35);background:#000000bf}.custom-track-carousel__dot:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media screen and (max-width:749px){.custom-track-carousel__track,.custom-track-carousel__slide{height:var(--ctc-card-height-mobile, var(--ctc-card-height, 360px))}.custom-track-carousel__viewport{scroll-snap-type:x proximity;scroll-behavior:auto;cursor:default}.custom-track-carousel__viewport.is-touch-scrolling{scroll-snap-type:none}.custom-track-carousel__slide{scroll-snap-stop:normal}.custom-track-carousel__card-heading--desktop,.custom-track-carousel__card-text--desktop,.custom-track-carousel__card-button--desktop{display:none!important}.custom-track-carousel__card-heading--mobile,.custom-track-carousel__card-text--mobile,.custom-track-carousel__card-button--mobile{display:block!important}.custom-track-carousel__arrow{width:2.25rem;height:2.25rem}.custom-track-carousel--arrows-outside .custom-track-carousel__arrow--prev{left:.25rem}.custom-track-carousel--arrows-outside .custom-track-carousel__arrow--next{right:.25rem}}@media screen and (min-width:750px){.custom-track-carousel__card-heading--mobile,.custom-track-carousel__card-text--mobile,.custom-track-carousel__card-button--mobile{display:none!important}}@media(prefers-reduced-motion:reduce){.custom-track-carousel__viewport{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-track-carousel.css.map */
