.customer-fade-carousel{width:100%;max-width:1920px;margin:0 auto;padding-top:var(--customer-fade-carousel-padding-top);padding-bottom:var(--customer-fade-carousel-padding-bottom);color:#252525;background-color:rgb(var(--customer-fade-carousel-background))}.customer-fade-carousel__viewport{position:relative;display:grid;width:100%;overflow:hidden}.customer-fade-carousel__slide{position:relative;display:grid;grid-area:1 / 1;grid-template-columns:clamp(600px,calc(31.25vw + 150px),750px) clamp(11px,calc(11.25vw - 151px),65px) clamp(240px,28.646vw,550px) clamp(32px,3.906vw,75px) clamp(600px,calc(31.25vw + 150px),750px);align-items:center;width:100%;padding-left:clamp(80px,13.542vw,260px)}.customer-fade-carousel__slide:not(.is-selected){visibility:hidden;pointer-events:none}.customer-fade-carousel__media,.customer-fade-carousel__preview{width:clamp(600px,calc(31.25vw + 150px),750px);height:clamp(438px,calc(22.7084vw + 111px),547px);overflow:hidden}.customer-fade-carousel__media{grid-column:1}.customer-fade-carousel__image,.customer-fade-carousel__placeholder,.customer-fade-carousel__preview-image,.customer-fade-carousel__preview-placeholder{display:block;width:100%;height:100%;object-fit:cover}.customer-fade-carousel__content{display:grid;grid-column:3;gap:clamp(18px,calc(.417vw + 12px),20px);width:clamp(240px,28.646vw,550px)}.customer-fade-carousel__title{margin:0;line-height:1;text-wrap:balance}.customer-fade-carousel__title--size-h1{font-size:var(--text-h1)}.customer-fade-carousel__title--size-h2{font-size:var(--text-h2)}.customer-fade-carousel__title--size-h3{font-size:var(--text-h3)}.customer-fade-carousel__title--size-h4{font-size:var(--text-h4)}.customer-fade-carousel__title--size-h5{font-size:var(--text-h5)}.customer-fade-carousel__title--size-h6{font-size:var(--text-h6)}.customer-fade-carousel__title--font-body-cn{font-family:BodyCN}.customer-fade-carousel__title--font-body-medium{font-family:BodyMedium}.customer-fade-carousel__title--font-body-normal{font-family:BodyNormal}.customer-fade-carousel__title--transform-default{text-transform:none}.customer-fade-carousel__title--transform-lowercase{text-transform:lowercase}.customer-fade-carousel__title--transform-uppercase{text-transform:uppercase}.customer-fade-carousel__description{max-width:500px;margin:0;font-size:clamp(15px,1.25vw,18px);line-height:1.6;white-space:pre-line}.customer-fade-carousel__preview{grid-column:5}.customer-fade-carousel__control{position:absolute;z-index:2;top:50%;display:block;transform:translateY(-50%)}.customer-fade-carousel__control--previous{left:clamp(36px,5.104vw,98px)}.customer-fade-carousel__control--next{right:clamp(36px,4.948vw,95px)}.customer-fade-carousel__button{display:flex;align-items:center;justify-content:center;width:clamp(44px,3.438vw,66px);height:clamp(44px,3.438vw,66px);padding:0;color:#252525;background-color:transparent;border:1px solid #252525;border-radius:clamp(8px,calc(.417vw + 2px),10px);transition:color .2s ease,background-color .2s ease}.customer-fade-carousel__button:focus-visible{color:#fff;background-color:#252525;outline:2px solid #252525;outline-offset:3px}@media screen and (hover:hover){.customer-fade-carousel__button:hover{color:#fff;background-color:#252525}}@media screen and (pointer:fine)and (prefers-reduced-motion:no-preference){.customer-fade-carousel__image,.customer-fade-carousel__preview-image{transform-origin:center;transition:scale 8s cubic-bezier(.25,.46,.45,.94)}.customer-fade-carousel__media:hover .customer-fade-carousel__image,.customer-fade-carousel__preview:hover .customer-fade-carousel__preview-image{scale:1.2}}@media screen and (max-width:1440px){.customer-fade-carousel{padding-top:min(var(--customer-fade-carousel-padding-top),5rem);padding-bottom:min(var(--customer-fade-carousel-padding-bottom),5rem)}.customer-fade-carousel__slide{grid-template-columns:clamp(320px,41.667vw,600px) clamp(8px,.781vw,11px) clamp(240px,28.646vw,550px) clamp(32px,3.906vw,75px) clamp(320px,41.667vw,600px)}.customer-fade-carousel__media,.customer-fade-carousel__preview{width:clamp(320px,41.667vw,600px);height:auto;aspect-ratio:100 / 73}}@media screen and (max-width:768px){.customer-fade-carousel{padding-top:min(var(--customer-fade-carousel-padding-top),3rem);padding-bottom:min(var(--customer-fade-carousel-padding-bottom),3rem)}.customer-fade-carousel__slide{grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;padding-right:20px;padding-left:20px}.customer-fade-carousel__media{grid-column:1;width:100%;height:auto;aspect-ratio:100 / 73}.customer-fade-carousel__content{grid-column:1;justify-items:center;gap:14px;width:100%;margin-top:28px;padding:0 clamp(52px,16vw,80px);text-align:center}.customer-fade-carousel__description{font-size:16px;line-height:1.5}.customer-fade-carousel__preview{display:none}.customer-fade-carousel__control{top:calc(73vw + 18.8px);bottom:32px;display:flex;align-items:center;transform:none}.customer-fade-carousel__control--previous{left:20px}.customer-fade-carousel__control--next{right:20px}.customer-fade-carousel__button{width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/customer-fade-carousel.css.map */