body[data-sv-live] .sv-hero-carousel .hero{margin-bottom:0;touch-action:pan-y pinch-zoom}body[data-sv-live] .sv-hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s}body[data-sv-live] .sv-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}body[data-sv-live] .sv-hero-poster{--poster-surface: #e7edf2;--poster-ink: #243f50;background:var(--poster-surface);color:var(--poster-ink)}body[data-sv-live] .sv-hero-poster--2{--poster-surface: #fff0e6;--poster-ink: #513c2e}body[data-sv-live] .sv-hero-poster--3{--poster-surface: #e9edde;--poster-ink: #344737}body[data-sv-live] .sv-hero-poster .sv-hero-poster__media{position:absolute;top:0;right:0;bottom:0;left:44%;width:56%;height:100%}body[data-sv-live] .sv-hero-poster__image{width:100%;height:100%;object-fit:cover;object-position:center}body[data-sv-live] .sv-hero-poster--2 .sv-hero-poster__image{object-position:center 10%}body[data-sv-live] .sv-hero-poster__content{position:relative;width:44%;height:100%;padding:clamp(24px,3.4vw,48px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}body[data-sv-live] .sv-hero-poster h2{max-width:12ch;font-size:clamp(40px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}body[data-sv-live] .sv-hero-poster p{max-width:31ch;font-size:17px;line-height:1.55;margin:18px 0 24px}body[data-sv-live] .sv-hero-poster .button{background:#1673a4;border-color:#1673a4;color:#fff}body[data-sv-live] .sv-hero-controls{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 0 16px;color:#355a76}body[data-sv-live] .sv-hero-controls[hidden]{display:none}body[data-sv-live] .sv-hero-control{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;transition:background-color .18s ease,color .18s ease}body[data-sv-live] .sv-hero-control svg{display:block;width:20px;height:20px}body[data-sv-live] .sv-hero-dots{display:flex}body[data-sv-live] .sv-hero-dots button{display:grid;place-items:center;width:28px;height:44px;padding:0;border-radius:6px}body[data-sv-live] .sv-hero-dots span{width:18px;height:4px;border-radius:4px;background:#b8c9d3;transition:background-color .18s ease}body[data-sv-live] .sv-hero-dots [aria-current=true] span{background:#1673a4}body[data-sv-live] .sv-hero-controls button:focus-visible{outline:2px solid #1673a4;outline-offset:-3px}body[data-sv-live] .sv-hero-controls button:active{background:#dce8ee}body[data-sv-live] .sv-hero-toggle .sv-hero-play{display:none}body[data-sv-live] .sv-hero-toggle[aria-pressed=true] .sv-hero-play{display:block}body[data-sv-live] .sv-hero-toggle[aria-pressed=true] .sv-hero-pause{display:none}body[data-sv-live] .sv-hero-slide.has-image-error>.image-recovery{position:absolute;inset:12px 12px auto auto;max-width:190px;z-index:4}@media(hover:hover)and (pointer:fine){body[data-sv-live] .sv-hero-control:hover{background:#e7edf2}body[data-sv-live] .sv-hero-dots button:hover span{background:#4f7695}body[data-sv-live] .sv-hero-poster .button:hover{background:#125e88;border-color:#125e88}}body[data-sv-live] .sv-hero-poster .button:active{background:#0d4b6e;border-color:#0d4b6e}body[data-sv-live] .sv-hero-poster .button:focus-visible{outline-color:#1673a4}@media(min-width:750px)and (max-width:989px){body[data-sv-live] .sv-hero-poster__content{padding-inline:26px}body[data-sv-live] .sv-hero-poster h2{font-size:38px}body[data-sv-live] .sv-hero-poster p{font-size:15px}}@media(max-width:749px){body[data-sv-live] .sv-hero-poster .sv-hero-poster__media{inset:0 0 auto;width:100%;height:51%}body[data-sv-live] .sv-hero-poster__content{position:absolute;top:51%;right:0;bottom:0;left:0;width:100%;height:49%;padding:16px 20px;align-items:center;text-align:center}body[data-sv-live] .sv-hero-poster h2{font-size:clamp(28px,8.2vw,34px);line-height:1.05;max-width:15ch}body[data-sv-live] .sv-hero-poster p{font-size:14px;line-height:1.45;max-width:30ch;margin:8px 0 14px;text-wrap:balance}body[data-sv-live] .sv-hero-poster .button{min-height:44px;padding:10px 16px;font-size:13px}body[data-sv-live] .sv-hero-controls{gap:0;padding:4px 0 8px}}@media(max-width:359px){body[data-sv-live] .sv-hero-poster__content{padding:12px 16px}body[data-sv-live] .sv-hero-poster p{font-size:13px}}@media(prefers-reduced-motion:reduce){body[data-sv-live] .sv-hero-slide,body[data-sv-live] .sv-hero-controls button,body[data-sv-live] .sv-hero-dots span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/sv-hero-carousel.css.map */