.fade-hero-carousel{--fade-hero-aspect-ratio: 16 / 9;--fade-hero-mobile-aspect-ratio: var(--fade-hero-aspect-ratio);--fade-hero-settle-duration: .32s;position:relative;display:block;width:100%;aspect-ratio:var(--fade-hero-aspect-ratio);overflow:hidden;background:#e6ecef;color:#091115}.fade-hero-carousel__slides{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-y pinch-zoom;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fade-hero-carousel.is-dragging .fade-hero-carousel__slides{cursor:grabbing}.fade-hero-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}.fade-hero-carousel__slide[aria-hidden=false]{z-index:1;opacity:1;visibility:visible;transition-delay:0s}@media(hover:none)and (pointer:coarse){.fade-hero-carousel__slide[aria-hidden=false]{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}}.fade-hero-carousel.is-drag-preparing .fade-hero-carousel__slide.is-drag-participant{transition:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.fade-hero-carousel.is-drag-active .fade-hero-carousel__slide.is-drag-participant{z-index:2;opacity:1;visibility:visible;pointer-events:none;transition:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.fade-hero-carousel.is-dragging .fade-hero-carousel__slide{transition:none}.fade-hero-carousel.is-settling .fade-hero-carousel__slide.is-drag-participant{will-change:transform,opacity;transition:transform var(--fade-hero-settle-duration) cubic-bezier(.22,1,.36,1),opacity var(--fade-hero-settle-duration) cubic-bezier(.22,1,.36,1)}.fade-hero-carousel__media,.fade-hero-carousel__image,.fade-hero-carousel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fade-hero-carousel__image,.fade-hero-carousel__placeholder{object-fit:cover;object-position:var(--image-position, center);-webkit-user-drag:none}.fade-hero-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,oklch(.12 .01 230 / var(--overlay-opacity, .16)),transparent 58%)}.fade-hero-carousel__inner{position:relative;z-index:2;height:100%;pointer-events:none}.fade-hero-carousel__content{position:absolute;top:var(--content-position-y, 50%);left:var(--content-position-x, 5%);width:min(560px,48vw);color:var(--content-color, oklch(.17 .015 230));pointer-events:auto;transform:translateY(-50%)}.fade-hero-carousel__content--desktop-center{text-align:center;transform:translate(-50%,-50%)}.fade-hero-carousel__content--desktop-right{text-align:right;transform:translate(-100%,-50%)}.fade-hero-carousel__heading{margin:0;max-width:12ch;color:inherit;font-size:var(--text-4xl);font-weight:700;line-height:.98;letter-spacing:0}.fade-hero-carousel__content--desktop-center .fade-hero-carousel__heading{margin-inline:auto}.fade-hero-carousel__content--desktop-right .fade-hero-carousel__heading{margin-left:auto}.fade-hero-carousel__text{max-width:55ch;margin-top:16px;font-size:16px;line-height:1.55}.fade-hero-carousel__text p{margin:0}.fade-hero-carousel__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:22px;padding:11px 24px;border-radius:4px;background:var(--button-background, oklch(.66 .18 230));color:var(--button-color, oklch(.99 .003 230));font-size:14px;font-weight:700;text-decoration:none;transition:filter .22s ease}.fade-hero-carousel__button-exposure{display:contents}.fade-hero-carousel__button:hover{filter:brightness(.92)}.fade-hero-carousel__arrow{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:46px;height:46px;border:1px solid oklch(.98 .005 230 / .32);border-radius:50%;padding:0;background:#11171a8f;color:#f5f9fb;cursor:pointer;transform:translateY(-50%);transition:background-color .22s ease}.fade-hero-carousel__arrow--previous{left:20px}.fade-hero-carousel__arrow--next{right:20px}.fade-hero-carousel__arrow:hover{background:#080e11d1}.fade-hero-carousel__arrow .icon{width:16px;height:16px}.fade-hero-carousel__navigation{position:absolute;bottom:18px;left:50%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px;color:#f5f9fb;transform:translate(-50%)}.fade-hero-carousel__navigation-label{margin:0;font-size:11px;font-weight:700;line-height:1;letter-spacing:0;text-shadow:0 1px 3px oklch(.16 .01 230 / .45);white-space:nowrap}.fade-hero-carousel__controls{display:flex;align-items:center;gap:7px;color:#f5f9fb}.fade-hero-carousel__control,.fade-hero-carousel__dot{display:grid;place-items:center;flex:0 0 auto;border:0;padding:0;background:transparent;color:inherit;cursor:pointer}.fade-hero-carousel__control{width:24px;height:24px}.fade-hero-carousel__control .icon{width:14px;height:14px}.fade-hero-carousel__dots{display:flex;align-items:center;gap:4px}.fade-hero-carousel__dot{width:9px;height:18px}.fade-hero-carousel__dot:before{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;content:"";transition:width .22s ease,border-radius .22s ease,opacity .22s ease}.fade-hero-carousel__dot[aria-current=true]{width:26px}.fade-hero-carousel__dot[aria-current=true]:before{width:22px;border-radius:3px;opacity:1}.fade-hero-carousel__arrow:focus-visible,.fade-hero-carousel__control:focus-visible,.fade-hero-carousel__dot:focus-visible,.fade-hero-carousel__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media screen and (max-width:767px){.fade-hero-carousel{aspect-ratio:var(--fade-hero-mobile-aspect-ratio)}.fade-hero-carousel__inner{padding:0}.fade-hero-carousel__content{top:var(--content-position-y-mobile, 50%);left:var(--content-position-x-mobile, 8%);width:min(520px,calc(100% - 112px));margin:0;text-align:left;transform:translateY(-50%)}.fade-hero-carousel__content--mobile-center{text-align:center;transform:translate(-50%,-50%)}.fade-hero-carousel__content--mobile-right{text-align:right;transform:translate(-100%,-50%)}.fade-hero-carousel__content .fade-hero-carousel__heading{margin-inline:0}.fade-hero-carousel__content--mobile-center .fade-hero-carousel__heading{margin-inline:auto}.fade-hero-carousel__content--mobile-right .fade-hero-carousel__heading{margin-left:auto}.fade-hero-carousel__heading{max-width:16ch;font-size:var(--text-3xl)}.fade-hero-carousel__arrow{width:40px;height:40px}.fade-hero-carousel__arrow--previous{left:10px}.fade-hero-carousel__arrow--next{right:10px}.fade-hero-carousel__navigation{bottom:14px}}@media(prefers-reduced-motion:reduce){.fade-hero-carousel__slide,.fade-hero-carousel__arrow,.fade-hero-carousel__dot:before,.fade-hero-carousel__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/fade-hero-carousel.css.map */