.hero-sync{position:relative;overflow:hidden}.hero-sync__surfaces{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-sync__surface{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .65s ease;will-change:opacity}.hero-sync__surface.is-active{opacity:1}.hero-sync__inner{position:relative;z-index:1;display:flex;flex-direction:column}@media(min-width:1000px){.hero-sync__inner{flex-direction:row;align-items:stretch;min-height:var(--hero-sync-height-desktop, 680px)}.hero-sync__content-panel,.hero-sync__media-panel{flex:0 0 50%;width:50%}}.hero-sync__content-panel{display:flex;align-items:stretch}.hero-sync__content-slides{display:grid;width:100%;height:100%}.hero-sync__slide-content{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .4s ease;padding:48px 24px 24px;display:flex;flex-direction:column;justify-content:center}.hero-sync__slide-content.is-active{opacity:1;pointer-events:auto}@media(max-width:999px){.hero-sync__slide-content{padding:40px 24px}}@media(min-width:1000px){.hero-sync__slide-content{padding:80px 48px 80px 64px}}.hero-sync__top-label{display:inline-block;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:4px;margin-bottom:16px;width:fit-content;line-height:normal}@media(max-width:999px){.hero-sync__top-label{font-size:14px;padding:3px 6px;margin-left:auto;margin-right:auto}}.hero-sync__heading{margin:0 0 16px;font-weight:800;line-height:1.05;max-width:14ch}@media(max-width:999px){.hero-sync__heading{text-align:center;margin-left:auto;margin-right:auto}}.hero-sync__body{margin:0 0 28px;font-size:16px;line-height:1.5;max-width:36ch}.hero-sync__ctas{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:999px){.hero-sync__ctas .button{flex:1;min-width:0;text-align:center}}.hero-sync__ctas .button,.hero-sync__ctas .button:hover,.hero-sync__ctas .button:focus,.hero-sync__ctas .button:active,.hero-sync__ctas .button--outline,.hero-sync__ctas .button--outline:hover,.hero-sync__ctas .button--outline:focus{outline:0!important;outline-width:0!important;outline-offset:0!important;-webkit-tap-highlight-color:transparent!important}.hero-sync__ctas .button:focus-visible,.hero-sync__ctas .button--outline:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important}.hero-sync__ctas .button:after,.hero-sync__ctas .button:hover:after,.hero-sync__ctas .button:focus:after,.hero-sync__ctas .button--outline:after,.hero-sync__ctas .button--outline:hover:after,.hero-sync__ctas .button--outline:focus:after{box-shadow:none!important}.hero-sync__rating{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:16px;font-weight:400}.hero-sync__rating-stars{display:flex;align-items:center;flex-shrink:0}.hero-sync__rating-stars svg,.hero-sync__rating svg{height:18px;width:auto;flex-shrink:0}@media(max-width:999px){.hero-sync__rating{justify-content:center}}.hero-sync__media-panel{position:relative;overflow:hidden;min-height:320px}@media(min-width:1000px){.hero-sync__media-panel{min-height:0}}.hero-sync__media-slides{position:relative;width:100%;height:100%;min-height:inherit}.hero-sync__media-slide{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 100%);z-index:0}.hero-sync__media-slide.is-behind{clip-path:inset(0 0 0 0%);z-index:1}.hero-sync__media-slide.is-active{clip-path:inset(0 0 0 0%);z-index:2}.hero-sync.is-ready .hero-sync__media-slide.is-active{transition:clip-path .75s cubic-bezier(.76,0,.24,1)}.hero-sync__slide-media{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-sync__slide-media-placeholder{width:100%;height:100%;background:#0000001a;display:flex;align-items:center;justify-content:center}@media(min-width:1000px){.hero-sync__slide-media-placeholder{min-height:var(--hero-sync-height-desktop, 680px)}}.hero-sync__center-image{position:absolute;left:50%;bottom:0;transform:translate(-50%);z-index:10;width:100px;max-height:250px;pointer-events:none;opacity:0;transition:opacity .5s ease}.hero-sync__center-image.is-active{opacity:1}@media(max-width:999px){.hero-sync__center-image{left:20px;transform:translate(0)}}@media(min-width:1000px){.hero-sync__center-image{width:180px;max-height:400px}}.hero-sync__center-image-wrapper{width:100%;height:100%}.hero-sync__center-image-wrapper img{width:100%;height:auto;max-height:inherit;display:block;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.hero-sync__badge{position:absolute;left:50%;top:-25px;transform:translate(-50%);font-size:20px;font-weight:600;line-height:1.2;padding:2px 10px;border-radius:9999px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000001f;z-index:1}@media(max-width:999px){.hero-sync__badge{margin-left:10px;font-size:15px}}.hero-sync__controls{position:absolute;bottom:20px;right:20px;z-index:2;display:flex;align-items:center;gap:8px}.hero-sync__nav{display:flex;align-items:center}.hero-sync__dots-pill{display:inline-flex;align-items:center;gap:12px;background:#fff;padding:18px 24px;border-radius:9999px}.hero-sync__dot{position:relative;display:block;width:8px;height:8px;padding:0;border:none;border-radius:9999px;background:#001f1078;cursor:pointer;flex-shrink:0;transition:width .18s ease;-webkit-tap-highlight-color:transparent}.hero-sync__dot:focus-visible{outline:2px solid rgba(0,31,16,.8);outline-offset:3px}.hero-sync__dot.is-active{width:26px}.hero-sync__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:#001f10f2;clip-path:inset(0 100% 0 0 round 9999px)}.hero-sync__dot.is-progressing:after{animation:hero-sync-dot-progress var(--hero-sync-autoplay-delay, 6s) linear forwards}@keyframes hero-sync-dot-progress{0%{clip-path:inset(0 100% 0 0 round 9999px)}to{clip-path:inset(0 0% 0 0 round 9999px)}}.hero-sync__autoplay-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:9999px;background:#fff;cursor:pointer;color:#000;flex-shrink:0;-webkit-tap-highlight-color:transparent}.hero-sync__autoplay-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-sync__autoplay-btn .hero-sync__icon-play{display:none}.hero-sync__autoplay-btn .hero-sync__icon-pause,.hero-sync__autoplay-btn[aria-pressed=true] .hero-sync__icon-play{display:block}.hero-sync__autoplay-btn[aria-pressed=true] .hero-sync__icon-pause{display:none}@media(prefers-reduced-motion:reduce){.hero-sync__surface,.hero-sync__slide-content,.hero-sync__dot{transition:none}.hero-sync__dot.is-progressing:after{animation:none;clip-path:inset(0 0% 0 0 round 9999px)}}
/*# sourceMappingURL=/cdn/shop/t/203/assets/component-hero-sync.css.map */