.shehar-hero--slider{position:relative}.shehar-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.shehar-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;opacity:0;visibility:hidden;transition:opacity var(--shehar-hero-fade, 1.2s) var(--shehar-ease),visibility 0s linear var(--shehar-hero-fade, 1.2s)}.shehar-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity var(--shehar-hero-fade, 1.2s) var(--shehar-ease);z-index:1}.shehar-hero__controls{position:absolute;z-index:4;bottom:clamp(18px,3vh,34px);inset-inline-end:var(--shehar-gutter);display:flex;align-items:center;gap:16px}.shehar-hero__dots{display:flex;align-items:center;gap:10px}.shehar-hero__dot{position:relative;width:34px;height:20px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}.shehar-hero__dot:before{content:"";display:block;width:100%;height:1px;background:#ffffff6b;transition:background-color .4s var(--shehar-ease)}.shehar-hero__dot:hover:before{background:#ffffffbf}.shehar-hero__dot-fill{position:absolute;inset-inline-start:0;top:50%;width:100%;height:1px;background:rgb(var(--shehar-gold));transform:scaleX(0);transform-origin:var(--transform-origin-start, left)}.shehar-hero__dot.is-active .shehar-hero__dot-fill{transform:scaleX(1);transition:transform .5s var(--shehar-ease)}.shehar-hero--autoplaying .shehar-hero__dot.is-active .shehar-hero__dot-fill{transition:transform var(--shehar-hero-progress, 7s) linear}.shehar-hero__pause{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center;opacity:.7;transition:opacity .35s var(--shehar-ease)}.shehar-hero__pause:hover,.shehar-hero__pause:focus-visible{opacity:1}.shehar-hero__pause-icon{display:block;width:8px;height:10px;border-inline-start:2px solid currentColor;border-inline-end:2px solid currentColor;color:#ffffffe6}.shehar-hero__pause[aria-pressed=true] .shehar-hero__pause-icon{width:0;height:0;border:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-inline-start:9px solid rgba(255,255,255,.9)}.shehar-hero__dot:focus-visible,.shehar-hero__pause:focus-visible{outline:2px solid rgb(var(--shehar-gold));outline-offset:4px}@media screen and (max-width:480px){.shehar-hero__controls{inset-inline-start:var(--shehar-gutter);inset-inline-end:auto}}@media(prefers-reduced-motion:reduce){.shehar-hero__slide,.shehar-hero__dot-fill,.shehar-hero--autoplaying .shehar-hero__dot.is-active .shehar-hero__dot-fill{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/shehar-hero.css.map */