.hero-banner{--hero-banner-height: var(--hero-banner-height-mobile, 55svh);position:relative;width:100%;overflow:hidden}@media screen and (min-width:750px){.hero-banner{--hero-banner-height: var(--hero-banner-height-desktop, 65svh)}}.hero-banner__slideshow{width:100%}.hero-banner__slideshow slideshow-slides{gap:0;min-height:var(--hero-banner-height)}@media screen and (min-width:750px){.hero-banner__slideshow slideshow-slides{min-height:var(--hero-banner-height)}}.hero-banner__slide{width:100%;flex:0 0 100%;scroll-snap-align:start;min-width:0}.hero-banner__slide-inner{position:relative;display:block;width:100%;height:var(--hero-banner-height);min-height:var(--hero-banner-height);overflow:hidden;background:#111;text-decoration:none;color:inherit}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-banner-overlay, rgba(0 0 0 / .2));pointer-events:none;z-index:1}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:24px 20px 56px;pointer-events:none}.hero-banner__content--has-button{pointer-events:auto}.hero-banner__heading{font-family:var(--font-heading--family);font-size:clamp(1.5rem,4vw,2.75rem);font-weight:400;letter-spacing:.06em;line-height:1.2;color:#fff;margin:0 0 8px;text-shadow:0 1px 12px rgba(0 0 0 / .35)}.hero-banner__subheading{font-family:var(--font-body--family);font-size:clamp(.8125rem,2vw,1rem);font-weight:400;letter-spacing:.04em;line-height:1.5;color:#ffffffeb;margin:0 0 16px;max-width:36rem;text-shadow:0 1px 8px rgba(0 0 0 / .3)}.hero-banner__button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body--family);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255 255 255 / .7);padding-bottom:3px;transition:opacity .2s ease,border-color .2s ease;pointer-events:auto}.hero-banner__button:hover{opacity:.8;border-color:#fff}.hero-banner__slideshow slideshow-controls[controls-on-media]{mix-blend-mode:normal;bottom:16px;padding-bottom:0}.hero-banner__slideshow .slideshow-controls__dots{gap:8px;padding:8px 14px;background:#00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px}.hero-banner__slideshow .slideshow-controls__dots button{--size: .5rem;--color: rgba(255 255 255 / .45);--color-active: #fff;--color-hover: rgba(255 255 255 / .75)}.hero-banner__slideshow .slideshow-controls__dots button:after{box-shadow:none;transition:transform .2s ease,background-color .2s ease}.hero-banner__slideshow .slideshow-controls__dots button[aria-selected=true]:after{transform:scale(1.15)}.hero-banner__placeholder{width:100%;height:100%;object-fit:cover;opacity:.4}@media screen and (max-width:749px){.hero-banner__content{padding:20px 16px 48px}.hero-banner__slideshow slideshow-controls[controls-on-media]{bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/omerella-hero-banner.css.map */