.hbs-slider{--hbs-accent: #c9a96e;--hbs-white: #ffffff;--hbs-transition: .7s cubic-bezier(.77, 0, .175, 1);--hbs-dot-inactive: rgba(255, 255, 255, .4)}.hbs-slider{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#111;display:block}.hbs-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--hbs-transition);z-index:0}.hbs-slide.is-active{opacity:1;pointer-events:auto;z-index:1}.hbs-slide__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;position:relative;cursor:pointer}.hbs-slide__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hbs-slide__img--placeholder{background:#222}.hbs-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:clamp(36px,3.2vw,50px);height:clamp(36px,3.2vw,50px);border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);color:var(--hbs-white);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .22s ease,border-color .22s ease,transform .22s ease}.hbs-nav:hover{background:#c9a96e80;border-color:var(--hbs-accent);transform:translateY(-50%) scale(1.1)}.hbs-nav--prev{left:2%}.hbs-nav--next{right:2%}.hbs-nav svg{width:42%;height:42%}.hbs-dots{position:absolute;bottom:clamp(14px,2.4vw,26px);left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:7px}.hbs-dot{width:7px;height:7px;border-radius:50%;background:var(--hbs-dot-inactive);border:none;padding:0;cursor:pointer;transition:background .3s ease,width .3s ease,border-radius .3s ease}.hbs-dot.is-active{background:var(--hbs-white);width:22px;border-radius:4px}.hbs-counter{position:absolute;bottom:clamp(12px,2.4vw,24px);right:3%;z-index:10;font-family:var(--hbs-font-body);font-size:clamp(.58rem,.85vw,.72rem);letter-spacing:.12em;color:#ffffff80}.hbs-counter__current{color:var(--hbs-white)}.hbs-progress{position:absolute;bottom:0;left:0;height:2px;width:0%;background:var(--hbs-accent);z-index:10;transition-property:width;transition-timing-function:linear}.hbs-progress.is-running{width:100%}@media screen and (max-width:768px){.hbs-nav{display:none}}@media(prefers-reduced-motion:reduce){.hbs-slide{transition-duration:1ms!important}.hbs-progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hero-banner-slider.css.map */