.hero-banner{position:relative;width:100%}.hero-banner--full-width{width:100%}.hero-banner__container{display:grid;grid-template-columns:1fr;gap:1rem;position:relative}.hero-banner__main{position:relative;width:100%;overflow:hidden;background:var(--gradient-background)}.hero-banner__slideshow{height:100%;width:100%;position:relative}.hero-banner__slider{height:100%;display:flex;transition:transform var(--duration-default) ease;position:relative}.hero-banner__slide{min-width:100%;height:100%;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-banner__media-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;position:relative;overflow:hidden}.hero-banner__link{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}.hero-banner__image{height:100%;width:auto;max-width:100%;display:block}.hero-banner__image--mobile{display:block}.hero-banner__image--desktop{display:none}.hero-banner__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-background)}.hero-banner__placeholder svg{max-width:80%;max-height:80%;fill:currentColor;opacity:.1}.hero-banner__side{display:none}.hero-banner__controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;z-index:2}.hero-banner__controls--dots-only{padding:.5rem 1rem;background:rgba(var(--color-background),.9);border-radius:2rem}.hero-banner__controls .slideshow__control-wrapper{display:flex;gap:.5rem}.hero-banner__controls .slider-counter__link{padding:0;background:transparent;border:none;cursor:pointer}.hero-banner__controls .dot{border-radius:50%;transition:background var(--duration-short) ease,opacity var(--duration-short) ease}.hero-banner__controls .slider-counter__link.is-active .dot,.hero-banner__controls .slider-counter__link:hover .dot{background:rgba(var(--color-foreground),.75)}.hero-banner__side-upper,.hero-banner__side-lower{position:relative;width:auto;display:flex;align-items:center;justify-content:center;background:#f9f9f9;overflow:hidden}.hero-banner__side-link{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}.hero-banner__side-image{height:100%;width:auto;max-width:100%;display:block}.hero-banner__side-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-background)}.hero-banner__side-placeholder svg{max-width:60%;max-height:60%;fill:currentColor;opacity:.1}@media screen and (min-width: 750px){.hero-banner__container{grid-template-columns:1fr auto;align-items:start}.hero-banner__side{display:grid;grid-template-rows:auto auto;gap:inherit}.hero-banner__side-upper,.hero-banner__side-lower{width:auto}.hero-banner__image--mobile{display:none}.hero-banner__image--desktop{display:block}}@media screen and (min-width: 990px){.hero-banner__container{grid-template-columns:1fr auto}}@media screen and (max-width: 749px){.hero-banner__controls{bottom:1rem}}@media screen and (min-width: 1400px){.hero-banner__container{grid-template-columns:1fr auto}}@media (prefers-reduced-motion: no-preference){.hero-banner__slide{animation:slideIn var(--duration-default) ease}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.hero-banner .visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.hero-banner__slideshow{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/75/assets/section-hero-banner.css.map */