.hero-slider{width:100%;min-height:420px;height:90vh;max-height:920px}.hero-slider:focus{outline:none}.hero-slider:focus-visible{outline:none}@media(max-width:640px){.hero-slider{height:auto;min-height:360px}}.hero-slider__viewport{overflow:hidden;height:100%}.hero-slider__container{height:100%}.hero-slider__slide{flex:0 0 100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.hero-slider__scrim{inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 20%,rgba(0,0,0,.45) 80%)}.hero-slider__overlay{z-index:1;height:100%;display:grid;align-items:end}@media(min-width:640px){.hero-slider__overlay{align-items:center}}.hero-slider__gradient{bottom:0;left:0;width:100%;height:60%;background:linear-gradient(180deg,transparent,#000);pointer-events:none}.hero-slider__progress{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:100%;max-width:630px;height:4px;z-index:2;background:hsla(0,0%,100%,.25);overflow:hidden;pointer-events:none}.hero-slider__progress.is-hidden{opacity:0}.hero-slider__progress-bar{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);animation-name:embla-autoplay-progress-bar;animation-timing-function:linear;animation-fill-mode:forwards;background:var(--color-primary-theme-color-primary-vivid,#0050d8)}@keyframes embla-autoplay-progress-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-slider__play-pause{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-slider__play-pause:hover{background:rgba(0,0,0,.7);border-color:hsla(0,0%,100%,.5);transform:scale(1.05)}.hero-slider__play-pause:focus-visible{outline:.25rem solid var(--color-primary-theme-color-primary-vivid,#0050d8);outline-offset:.25rem}.hero-slider__play-pause:active{transform:scale(.95)}.hero-slider__controls{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);z-index:3;opacity:1}.hero-slider__counter{color:#fff;font-size:.875rem;font-weight:500;margin:0 1rem;display:flex;align-items:center}