.banner-trio-wrapper{display:flex;flex-wrap:nowrap;overflow:hidden;gap:0}.banner-trio-item{position:relative;overflow:hidden;height:var(--media-height);flex:0 0 calc(100% / 3);width:calc(100% / 3)}.banner-trio-image{width:100%;height:100%;position:absolute;top:0;left:0;background:var(--body-background);overflow:hidden}.banner-trio-image .media-box,.banner-trio-image img,.banner-trio-image svg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.banner-trio-image img{transition:transform .6s ease}.banner-trio-item:hover .banner-trio-image img{transform:scale(1.05)}.banner-trio-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#0000;transition:background .4s ease;pointer-events:none}.banner-trio-item:hover .banner-trio-image:before{background:#00000026}.banner-trio-image:after{content:"";background-color:var(--overlay-bg);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;opacity:var(--overlay-opacity);pointer-events:none}.banner-trio-image-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block}.banner-trio-content{position:absolute;z-index:4;width:100%;max-width:280px;max-height:90%;overflow-y:auto;padding:0 20px}.banner-trio-content.d-top-left,.banner-trio-content.d-top-left.d-text-left{top:30px;left:0;text-align:left}.banner-trio-content.d-top-center,.banner-trio-content.d-top-center.d-text-center{top:30px;left:50%;transform:translate(-50%);text-align:center}.banner-trio-content.d-top-right,.banner-trio-content.d-top-right.d-text-right{top:30px;right:0;left:auto;text-align:right}.banner-trio-content.d-center-left,.banner-trio-content.d-center-left.d-text-left{top:50%;left:0;transform:translateY(-50%);text-align:left}.banner-trio-content.d-center,.banner-trio-content.d-center.d-text-center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.banner-trio-content.d-center-right,.banner-trio-content.d-center-right.d-text-right{top:50%;right:0;left:auto;transform:translateY(-50%);text-align:right}.banner-trio-content.d-bottom-left,.banner-trio-content.d-bottom-left.d-text-left{bottom:30px;left:0;text-align:left}.banner-trio-content.d-bottom-center,.banner-trio-content.d-bottom-center.d-text-center{bottom:30px;left:50%;transform:translate(-50%);text-align:center}.banner-trio-content.d-bottom-right,.banner-trio-content.d-bottom-right.d-text-right{bottom:30px;right:0;left:auto;text-align:right}.banner-trio-heading{color:var(--overlay-heading-color)}.banner-trio-desc{color:var(--overlay-text-color);padding:10px 0}.banner-trio-button-item{padding:10px 0 0}@media(max-width:1024px){.banner-trio-wrapper{display:grid;grid-auto-flow:column;grid-auto-columns:85%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.banner-trio-wrapper::-webkit-scrollbar{display:none}.banner-trio-item{flex:none;width:100%;scroll-snap-align:start;scroll-snap-stop:always}.banner-trio-content{max-width:240px}.banner-trio-content.m-top-left,.banner-trio-content.m-top-left.m-text-left{top:30px;bottom:auto;left:0;right:auto;transform:none;text-align:left}.banner-trio-content.m-top-center,.banner-trio-content.m-top-center.m-text-center{top:30px;bottom:auto;left:50%;right:auto;transform:translate(-50%);text-align:center}.banner-trio-content.m-top-right,.banner-trio-content.m-top-right.m-text-right{top:30px;bottom:auto;right:0;left:auto;transform:none;text-align:right}.banner-trio-content.m-center-left,.banner-trio-content.m-center-left.m-text-left{top:50%;bottom:auto;left:0;right:auto;transform:translateY(-50%);text-align:left}.banner-trio-content.m-center,.banner-trio-content.m-center.m-text-center{top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);text-align:center}.banner-trio-content.m-center-right,.banner-trio-content.m-center-right.m-text-right{top:50%;bottom:auto;right:0;left:auto;transform:translateY(-50%);text-align:right}.banner-trio-content.m-bottom-left,.banner-trio-content.m-bottom-left.m-text-left{bottom:30px;top:auto;left:0;right:auto;transform:none;text-align:left}.banner-trio-content.m-bottom-center,.banner-trio-content.m-bottom-center.m-text-center{bottom:30px;top:auto;left:50%;right:auto;transform:translate(-50%);text-align:center}.banner-trio-content.m-bottom-right,.banner-trio-content.m-bottom-right.m-text-right{bottom:30px;top:auto;right:0;left:auto;transform:none;text-align:right}}@media(max-width:480px){.banner-trio-wrapper{grid-auto-columns:90%}.banner-trio-content{max-width:280px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/banner-trio.css.map */