body.storefront .mx-hero{position:relative;isolation:isolate}
body.storefront .mx-hero .hero-slide{position:absolute;inset:0;z-index:-1;background-color:#091d2a;background-position:right center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .7s ease;pointer-events:none}
body.storefront .mx-hero .hero-slide:first-child{background-size:auto 100%}
body.storefront .mx-hero .hero-slide.is-active{opacity:1}
body.storefront .mx-hero .mx-hero-shade{position:relative;z-index:1}
body.storefront .mx-hero .hero-controls{position:absolute;right:18px;bottom:14px;z-index:3;display:flex;align-items:center;gap:7px;padding:5px 8px;background:#092637dd;border:1px solid #ffffff55;border-radius:24px}
body.storefront .mx-hero .hero-controls button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font:600 20px/1 system-ui;cursor:pointer}
body.storefront .mx-hero .hero-controls button:focus-visible{outline:2px solid #f3c84d;outline-offset:2px}
body.storefront .mx-hero .hero-controls .hero-dot{width:22px;height:32px;font-size:0}
body.storefront .mx-hero .hero-dot::after{content:'';width:8px;height:8px;border-radius:50%;background:#ffffff77}
body.storefront .mx-hero .hero-dot[aria-current=true]::after{background:#f3c84d;width:10px;height:10px}
@media(max-width:720px){body.storefront .mx-hero{min-height:205px!important;height:205px!important;max-height:205px!important}body.storefront .mx-hero .hero-controls{right:8px;bottom:7px;padding:2px 5px}body.storefront .mx-hero .hero-slide{background-position:65% center}}
@media(prefers-reduced-motion:reduce){body.storefront .mx-hero .hero-slide{transition:none}}