.banner-v264__title{text-align:center;font-size:30px;text-transform:uppercase}.banner-v264__subtitle{font-size:clamp(1.4rem,calc(.75vw + 1.1rem),2rem);color:rgba(var(--color-foreground),.5);text-align:center;font-weight:400;margin-bottom:4rem}.banner-v264__item{display:block;height:100%;position:relative}.banner-v264__item .xo-image,.banner-v264__item img{height:100%}.banner-v264__item-title{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);background-color:rgba(var(--color-foreground));color:rgba(var(--color-background));display:flex;justify-content:center;align-items:center;z-index:1;width:80%;padding:1rem}.banner-v264__item-title:hover{background-color:rgba(var(--color-accent));transition:all .3s linear}.banner-v264__inner{padding-bottom:5rem}.banner-v264__carousel{position:relative}.banner-v264__carousel:hover .banner-v264__navigation{opacity:1}.banner-v264__carousel:hover .banner-v264__navigation--prev,.banner-v264__carousel:hover .banner-v264__navigation--next{transform:translate(0)}.banner-v264__navigation{position:absolute;top:50%;transform:translateY(-50%);transition:.3s;width:5rem;height:5rem;border-radius:50%;background-color:rgba(var(--color-foreground),.5);overflow:hidden;opacity:0;z-index:9}.banner-v264__navigation svg{color:rgba(var(--color-background),.5)}.banner-v264__navigation--prev{left:-2.5rem;transform:translate(-7rem)}.banner-v264__navigation--next{right:-2.5rem;transform:translate(7rem)}.banner-v264__icon-before{transition:.3s;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-v264__icon-after{position:absolute;top:50%;left:50%;transition:.3s;line-height:0}.banner-v264__icon-after--left{transform:translate(5rem,-50%)}.banner-v264__icon-after--right{transform:translate(-5rem,-50%)}.banner-v264__navigation:hover{background-color:rgba(var(--color-foreground))}.banner-v264__navigation:hover svg{color:rgba(var(--color-background))}.banner-v264__navigation:hover .banner-v264__icon-before--left{transform:translate(-5rem,-50%)}.banner-v264__navigation:hover .banner-v264__icon-before--right{transform:translate(5rem,-50%)}.banner-v264__navigation:hover .banner-v264__icon-after{transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-banner-v5.css.map */