.banner-v263{position:relative}.banner-v263__trigger{width:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative}.banner-v263__button-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14rem;height:14rem;background:rgba(var(--color-foreground),.8);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.banner-v263__button-icon:before,.banner-v263__button-icon:after{content:"";width:150px;height:150px;border-radius:50%;background-color:rgba(var(--color-foreground));position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);display:block;animation:q 1.5s ease-out infinite}.banner-v263__button-icon:after{z-index:1;transition:all .2s;background-color:rgba(var(--color-foreground),.8)}.banner-v263__button-icon svg{color:rgba(var(--color-background));padding-left:.2rem}@keyframes q{0%{transform:translate(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(-50%) translateZ(0) scale(1.2);opacity:0}}.banner-v263__button-icon:hover{background-color:rgba(var(--color-foreground))}.banner-v263__button-icon:hover svg{color:rgba(var(--color-background))}.banner-v263__button-text{font-weight:700;font-size:calc(var(--font-body-scale) * 20rem);color:transparent;-webkit-text-stroke:.1rem rgba(var(--color-foreground),.6);font-family:var(--font-custom-family);text-transform:uppercase;width:max-content;max-width:100%;z-index:-1;text-align:center;white-space:nowrap;line-height:.9}.banner-v263__title{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);font-size:clamp(4rem,calc(1vw + 3.6rem),4.8rem);font-family:var(--font-custom-family);margin:0;text-align:center;width:100%}.banner-v263__modal{z-index:10000}.banner-v263__wrap{width:70vw;aspect-ratio:1000/563}.banner-v263__wrap .xo-video{aspect-ratio:unset!important}.banner-v263__wrap iframe{width:100%;height:100%;border-radius:var(--modal-corner-radius)}.banner-v263__close{cursor:pointer;position:absolute;top:-4rem}[dir=ltr] .banner-v263__close{right:1rem}[dir=rtl] .banner-v263__close{left:1rem}.banner-v263__close button{all:unset;width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:.3s}.banner-v263__close svg{color:rgba(var(--color-foreground));line-height:0}.banner-v263__close:hover button{background-color:rgba(var(--color-foreground));rotate:180deg}.banner-v263__close:hover svg{color:rgba(var(--color-background))}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-banner-v10.css.map */