.sooler-hero{position:relative;isolation:isolate;display:block;width:100%;max-width:1600px;height:var(--sooler-hero-desktop-height, 750px);margin-inline:auto;overflow:hidden;background:#32332f;color:#fff}.sooler-hero--speed-slow{--sooler-hero-motion-duration: .65s}.sooler-hero--speed-normal{--sooler-hero-motion-duration: .42s}.sooler-hero--speed-fast{--sooler-hero-motion-duration: .28s}.sooler-hero__slides,.sooler-hero__slides .flickity-viewport,.sooler-hero__slides .flickity-slider{width:100%;height:100%}.sooler-hero__slide{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;color:#fff}.sooler-hero--carousel:not(.is-initializing):not(.is-ready) .sooler-hero__slide:not(:first-child){display:none}.sooler-hero--carousel.is-initializing .sooler-hero__slide{display:block}.sooler-hero__slide--desktop-left{--sooler-hero-horizontal: flex-start;--sooler-hero-text: left}.sooler-hero__slide--desktop-center{--sooler-hero-horizontal: center;--sooler-hero-text: center}.sooler-hero__slide--desktop-right{--sooler-hero-horizontal: flex-end;--sooler-hero-text: right}.sooler-hero__media,.sooler-hero__picture,.sooler-hero__image,.sooler-hero__placeholder,.sooler-hero__video,.sooler-hero__video video,.sooler-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sooler-hero__image,.sooler-hero__placeholder,.sooler-hero__video video{display:block;object-fit:cover;object-position:center}.sooler-hero__picture{--sooler-hero-focal: var(--sooler-hero-desktop-focal)}.sooler-hero__video{opacity:0;transition:opacity .3s ease}.sooler-hero__video.is-playing{opacity:1}.sooler-hero__video--mobile{display:none}.sooler-hero__shade{z-index:1;background:var(--sooler-hero-desktop-shade, var(--sooler-hero-overlay-strong));pointer-events:none}.sooler-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:var(--sooler-hero-horizontal, flex-start);justify-content:center;width:100%;height:100%;padding-block:48px;padding-inline:2rem;text-align:var(--sooler-hero-text, left)}.sooler-hero__copy{width:100%;max-width:560px}.sooler-hero__eyebrow{color:var(--sooler-hero-eyebrow-color, #fff)}.sooler-hero__heading{color:var(--sooler-hero-heading-color, #fff)}.sooler-hero__description p{margin-bottom:0;color:var(--sooler-hero-description-color, #fff)}.sooler-hero__actions{display:flex;flex-wrap:wrap;justify-content:var(--sooler-hero-horizontal, flex-start);gap:12px;margin-top:28px}.sooler-hero__button--black{border:0;border-color:transparent;background:#040404;color:#fff;transition:background-color .2s ease,color .2s ease}.sooler-hero__button--black:hover,.sooler-hero__button--black:focus,.sooler-hero__button--black:focus-visible{background:#fff;color:#040404}.sooler-hero__button--theme{border-radius:var(--button-border-radius, 3px)}.sooler-hero__button--square{border-radius:0}.sooler-hero__button--rounded{border-radius:12px}.sooler-hero__button--pill{border-radius:999px}.sooler-hero__text-button{color:var(--sooler-hero-heading-color, #fff)}.sooler-hero__arrow,.sooler-hero__dot,.sooler-hero__autoplay-toggle{-webkit-appearance:none;appearance:none;border:0;cursor:pointer}.sooler-hero__arrow{position:absolute;top:50%;z-index:4;display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:50%;background:#fff3;color:#fff;transform:translateY(-50%);transition:background-color .18s ease,color .18s ease,opacity .18s ease}.sooler-hero__arrow:hover,.sooler-hero__arrow:focus-visible{border:0;background:#fff;color:#040404}.sooler-hero__arrow:disabled{cursor:default;opacity:.35}.sooler-hero__arrow svg{width:16px;height:16px}.sooler-hero__arrow--previous{left:24px}.sooler-hero__arrow--next{right:24px}.sooler-hero__navigation{position:absolute;bottom:24px;left:50%;z-index:4;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgb(255 255 255 / 30%);border-radius:999px;background:#00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%)}.sooler-hero__pagination{display:flex;align-items:center;gap:7px}.sooler-hero__dot{width:7px;height:7px;padding:0;border-radius:999px;background:#ffffff85;transition:width .18s ease,background-color .18s ease}.sooler-hero__dot.is-active{width:22px;background:#fff}.sooler-hero__dot:focus-visible,.sooler-hero__autoplay-toggle:focus-visible,.sooler-hero__arrow:focus-visible{outline:2px solid #fff;outline-offset:3px}.sooler-hero__autoplay-toggle{display:grid;width:24px;height:24px;padding:4px;place-items:center;border-radius:50%;background:transparent;color:#fff}.sooler-hero__autoplay-icon,.sooler-hero__autoplay-icon svg{display:block;width:16px;height:16px}.sooler-hero__autoplay-icon--play,.sooler-hero__autoplay-toggle.is-paused .sooler-hero__autoplay-icon--pause{display:none}.sooler-hero__autoplay-toggle.is-paused .sooler-hero__autoplay-icon--play{display:block}.sooler-hero__video-toggle{position:absolute;right:24px;bottom:24px;z-index:4}.sooler-hero__video-toggle[hidden]{display:none}.sooler-hero--carousel.is-ready .sooler-hero__slide .sooler-hero__copy{opacity:0;transform:translateY(18px);transition:opacity var(--sooler-hero-motion-duration, .42s) ease,transform var(--sooler-hero-motion-duration, .42s) ease}.sooler-hero--carousel.is-ready .sooler-hero__slide.is-active .sooler-hero__copy{opacity:1;transform:translateY(0);transition-delay:.12s}.sooler-hero--carousel.is-ready .sooler-hero__slide.is-exiting .sooler-hero__copy{opacity:0;transform:translateY(-18px);transition-delay:0ms}@media(min-width:768px){.sooler-hero__content{padding-inline:7rem}}@media(min-width:1024px){.sooler-hero__content{padding-inline:10rem}}@media(max-width:1023px){.sooler-hero{height:var(--sooler-hero-mobile-height, 700px)}.sooler-hero__slide--mobile-left{--sooler-hero-horizontal: flex-start;--sooler-hero-text: left}.sooler-hero__slide--mobile-center{--sooler-hero-horizontal: center;--sooler-hero-text: center}.sooler-hero__slide--mobile-right{--sooler-hero-horizontal: flex-end;--sooler-hero-text: right}.sooler-hero__shade{background:var(--sooler-hero-mobile-shade, var(--sooler-hero-overlay-strong))}.sooler-hero__video--desktop{display:none}.sooler-hero__picture{--sooler-hero-focal: var(--sooler-hero-mobile-focal)}.sooler-hero__video--mobile{display:block}.sooler-hero__content{padding-block:48px 88px}.sooler-hero__copy{max-width:520px}.sooler-hero__actions{flex-direction:column}.sooler-hero__actions .button{width:100%}.sooler-hero__arrow{top:auto;bottom:18px;width:38px;height:38px;transform:none}.sooler-hero__arrow--previous{left:12px}.sooler-hero__arrow--next{right:12px}.sooler-hero__navigation{bottom:16px}.sooler-hero__video-toggle{right:16px;bottom:64px}}@media(prefers-reduced-motion:reduce){.sooler-hero__video,.sooler-hero__video-toggle,.sooler-hero__autoplay-toggle{display:none}.sooler-hero--carousel.is-ready .sooler-hero__slide .sooler-hero__copy,.sooler-hero__video,.sooler-hero__dot,.sooler-hero__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sooler-hero.css.map */
