.hero-banners{position:relative;width:100%;max-width:100%}@media(min-width:769px){.hero-banners{display:grid;grid-template-columns:repeat(var(--grid-cols, 20),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows, 20),minmax(0,1fr));gap:var(--grid-gap, 8px);min-height:var(--section-height, 600px);height:var(--section-height, 600px)}.hero-banners__viewer-wrapper,.hero-banners__viewer{display:contents}}@media(max-width:768.98px){.hero-banners__viewer-wrapper{position:relative;overflow:hidden;width:100%}.hero-banners__viewer{overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;width:100%;gap:0}.hero-banners__viewer::-webkit-scrollbar{display:none}.hero-banners__slide{flex:0 0 100%;scroll-snap-align:start;list-style:none;margin:0;padding:0;min-width:0;aspect-ratio:1}.hero-banners__item{width:100%;height:100%}}.hero-banners__item{position:relative;overflow:hidden;border-radius:12px}@media(min-width:769px){.hero-banners__item{grid-column:var(--col-start-desktop, 1) / var(--col-end-desktop, 21);grid-row:var(--row-start-desktop, 1) / var(--row-end-desktop, 21)}}.hero-banners__media{display:block;position:relative;width:100%;height:100%;color:inherit;text-decoration:none}.hero-banners__image{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banners__image .img-fit{width:100%;height:100%;object-fit:cover}.hero-banners__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;z-index:1;color:inherit}.hero-banners__subheading{margin:0 0 4px}.hero-banners__heading{margin:0}.hero-banners__buttons{gap:8px}.hero-banners__ctrl{display:none;justify-content:space-between;align-items:center;padding:0 calc(4 * var(--space-unit));pointer-events:none;z-index:5;margin-top:16px}@media(max-width:768.98px){.hero-banners__ctrl{display:flex}}.hero-banners__btn,.hero-banners__counter{position:relative;border:1px solid rgba(var(--text-color)/.15);border-radius:var(--btn-border-radius, 0);background-color:rgba(var(--bg-color));color:rgb(var(--text-color));pointer-events:auto}.hero-banners__btn{padding:calc(1 * var(--space-unit));z-index:5;border-radius:100px}.hero-banners__btn:disabled{opacity:.5;cursor:not-allowed}.hero-banners__counter{z-index:2;padding:calc(1 * var(--space-unit)) calc(4 * var(--space-unit));line-height:2.4rem;font-weight:500}.hero-banners__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
/*# sourceMappingURL=/cdn/shop/t/222/assets/hero-banners.css.map */