.banner-trio{--banner-trio-h: 160px;display:block}.banner-trio__track--desktop{display:none}.banner-trio__track--mobile{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.banner-trio__track--mobile::-webkit-scrollbar{display:none}.banner-trio__item{position:relative;flex:0 0 100%;height:var(--banner-trio-h);overflow:hidden;scroll-snap-align:start;color:inherit;text-decoration:none}.banner-trio__media{position:absolute;top:0;right:0;bottom:0;left:0}.banner-trio__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(6 * var(--space-unit));background:linear-gradient(to top,rgba(0,0,0,.5),transparent 55%);color:#fff;pointer-events:none}.banner-trio__heading{margin:0 0 .4em;color:inherit;font-size:calc(var(--h6-font-size) * .9);line-height:1.25;text-shadow:0 1px 8px rgba(0,0,0,.45)}.banner-trio__btn{font-size:calc(var(--h6-font-size) * .75)}.banner-trio__btn{align-self:flex-start}.banner-trio__link{display:inline-flex;align-items:center;align-self:flex-start;gap:.4em;color:inherit;font-size:calc(var(--h6-font-size) * .75);text-decoration:underline;text-underline-offset:.25em;text-shadow:0 1px 8px rgba(0,0,0,.45)}.banner-trio__link svg{width:1em;height:1em}.banner-trio__item:hover .banner-trio__link{text-decoration-thickness:2px}.banner-trio__track--mobile .banner-trio__overlay{left:50%;align-items:flex-end;text-align:right;background:linear-gradient(to left,rgba(0,0,0,.5),transparent 90%)}.banner-trio__track--mobile .banner-trio__overlay--top{justify-content:flex-start;background:none}.banner-trio__track--mobile .banner-trio__overlay--middle{justify-content:center}.banner-trio__track--mobile .banner-trio__overlay--bottom{justify-content:flex-end}.banner-trio__track--mobile .banner-trio__btn,.banner-trio__track--mobile .banner-trio__link{align-self:flex-end}.banner-trio__dots{display:flex;justify-content:center;gap:8px;margin-top:calc(4 * var(--space-unit));padding-inline:var(--gutter, 20px)}.banner-trio__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:currentColor;opacity:.28;cursor:pointer}.banner-trio__dot[aria-current=true]{opacity:1}@media(min-width:769px){.banner-trio{--banner-trio-h: 300px}.banner-trio__track--desktop{display:grid;grid-template-columns:2fr 1fr 1fr;overflow:visible}.banner-trio--equal .banner-trio__track--desktop{grid-template-columns:1fr 1fr 1fr}.banner-trio__track--desktop .banner-trio__item{flex:none}.banner-trio__overlay{padding:calc(8 * var(--space-unit))}.banner-trio__track--desktop .banner-trio__item:first-child .banner-trio__overlay{left:50%;background:linear-gradient(to left,rgba(0,0,0,.5),transparent 85%)}.banner-trio__track--desktop .banner-trio__item:not(:first-child) .banner-trio__overlay{bottom:auto;height:25%;justify-content:flex-start;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.banner-trio__track--desktop .banner-trio__item:not(:first-child) .banner-trio__heading{margin-bottom:.25em}.banner-trio__track--mobile,.banner-trio__dots{display:none}}@media(hover:hover){.banner-trio__item .banner-trio__media{transition:transform .4s cubic-bezier(.38,.41,.27,1)}.banner-trio__item:hover .banner-trio__media{transform:scale(1.03)}}.banner-trio-section{margin-top:0}@media(max-width:768.98px){.banner-trio-section .container{padding-left:0;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/aethero-banner-trio.css.map */