.index-section--hero{background:#1a1a1a;padding:clamp(20px,3vw,44px) clamp(16px,3vw,28px)}.index-section--hero .hero{max-width:1280px;max-height:min(72vh,620px);margin-inline:auto;border-radius:clamp(14px,1.6vw,22px);border:1px solid rgba(200,169,81,.14);box-shadow:0 30px 70px -30px #000000b3;overflow:hidden;background:#0a0a0a}.index-section--hero .hero__image{width:100%;height:100%;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.index-section--hero .slideshow__slide{position:relative;transition:opacity .7s ease}.index-section--hero .hero__slide-link{top:0;right:0;bottom:0;left:0}.index-section--hero .hero[data-arrows=true]{overflow:hidden}.index-section--hero .hero[data-arrows=true] .flickity-prev-next-button{width:clamp(38px,3vw,48px);height:clamp(38px,3vw,48px);border-radius:50%;top:50%;bottom:auto;transform:translateY(-50%);z-index:6;color:#f5f4f1;background:#0a0a0a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(200,169,81,.35);transition:background .2s ease,border-color .2s ease,color .2s ease}.index-section--hero .hero[data-arrows=true] .flickity-prev-next-button.previous,.index-section--hero .hero[data-arrows=true] .flickity-previous{left:clamp(10px,1.4vw,18px);right:auto}.index-section--hero .hero[data-arrows=true] .flickity-prev-next-button.next,.index-section--hero .hero[data-arrows=true] .flickity-next{right:clamp(10px,1.4vw,18px);left:auto}.index-section--hero .hero[data-arrows=true] .flickity-prev-next-button:hover,.index-section--hero .hero[data-arrows=true] .flickity-prev-next-button:focus-visible{background:#c8a951e6;border-color:#c8a951;color:#141414;transform:translateY(-50%) scale(1.06)}.index-section--hero .hero[data-arrows=true] .flickity-button-icon{fill:currentColor}.index-section--hero .flickity-page-dots{bottom:clamp(12px,1.6vw,20px);display:flex;justify-content:center;align-items:center;gap:9px;z-index:6}.index-section--hero .flickity-page-dots .dot{width:9px;height:9px;margin:0;border:0;border-radius:999px;background:#f5f4f180;opacity:1;transition:width .3s ease,background .3s ease}.index-section--hero .flickity-page-dots .dot.is-selected{width:26px;background:#c8a951}@media only screen and (max-width:768px){.index-section--hero{padding:0}.index-section--hero .hero{max-width:none;max-height:none;border-radius:0;border:0;box-shadow:none}.index-section--hero .hero__image{object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hippo-slideshow.css.map */