.hh-hero{position:relative;width:100%;margin-block:1rem;max-width:100%;overflow-x:hidden}.hh-hero__wrapper{position:relative;overflow:hidden;border-radius:var(--hh-radius, 24px)}.hh-hero__track{display:flex;width:100%;transition:transform .6s cubic-bezier(.65,0,.35,1);will-change:transform;direction:ltr}.hh-hero__slide{flex:0 0 100%;display:block;overflow:hidden;border-radius:var(--hh-radius, 24px);position:relative;background:#f4f1ec;text-decoration:none}.hh-hero__slide-link{display:block;width:100%;height:100%;text-decoration:none;cursor:pointer}.hh-hero__slide-link:focus-visible{outline:2px solid #1B3A8C;outline-offset:4px}.hh-hero__image,.hh-hero__placeholder svg{width:100%;height:auto;object-fit:cover;display:block}.hh-hero__image--mobile{display:none}@media(max-width:749px){.hh-hero__image--desktop.has-mobile{display:none}.hh-hero__image--mobile{display:block}}.hh-hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffffeb;color:#1b3a8c;border:none;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:background .2s ease,transform .2s ease}.hh-hero__nav:hover,.hh-hero__nav:focus-visible{background:#fff;transform:translateY(-50%) scale(1.08)}.hh-hero__nav--prev{inset-inline-start:1rem}.hh-hero__nav--next{inset-inline-end:1rem}[dir=rtl] .hh-hero__nav svg{transform:scaleX(-1)}.hh-hero__dots{position:absolute;inset-block-end:1rem;inset-inline-start:50%;transform:translate(50%);z-index:3;display:flex;gap:.5rem}[dir=ltr] .hh-hero__dots{transform:translate(-50%)}.hh-hero__dot{width:10px;height:10px;padding:0;border:none;border-radius:50%;background:#fff9;cursor:pointer;transition:background .2s ease,width .3s ease;box-shadow:0 1px 3px #0003}.hh-hero__dot.is-active{background:#fff;width:28px;border-radius:5px}.hh-hero__dot:focus-visible{outline:2px solid #1B3A8C;outline-offset:2px}@media(prefers-reduced-motion:reduce){.hh-hero__track{transition:none}}@media(max-width:899px){.hh-hero__nav{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hero-banner-hh.css.map */