.na-banner{--na-tile: clamp(14px, 1.3vw, 22px);position:relative;overflow:hidden;isolation:isolate;background-image:linear-gradient(135deg,#4d96ff29,#ff6b351f);background-size:100% 100%}.na-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1.5px,transparent 1.5px);background-size:var(--na-tile) var(--na-tile);animation:na-halftone 14s linear infinite}.na-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-image:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.1) 48%,rgba(255,217,61,.2) 50%,rgba(120,190,255,.12) 52%,transparent 56%);background-size:200% 100%;background-repeat:no-repeat;background-position:120% 0;animation:na-banner-sheen 9s ease-in-out 1.2s infinite}.na-banner__inner{position:relative;isolation:isolate;z-index:2}.na-banner__inner:before,.na-banner__inner:after{content:"";position:absolute;left:50%;top:50%;z-index:-1;pointer-events:none;opacity:0;width:min(1700px,190vw);height:900px;transform:translate(-50%,-50%) scale(.6);-webkit-mask-image:radial-gradient(ellipse at center,transparent 20%,#000 48%,transparent 74%);mask-image:radial-gradient(ellipse at center,transparent 20%,#000 48%,transparent 74%)}.na-banner__inner:before{background:repeating-conic-gradient(from 2deg at 50% 50%,rgba(255,255,255,.34) 0deg .7deg,transparent .7deg 6deg)}.na-banner__inner:after{background:repeating-conic-gradient(from 5deg at 50% 50%,rgba(255,217,61,.3) 0deg .5deg,transparent .5deg 9deg)}.na-banner:hover .na-banner__inner:before,.na-banner:active .na-banner__inner:before{animation:na-speed .7s linear infinite}.na-banner:hover .na-banner__inner:after,.na-banner:active .na-banner__inner:after{animation:na-speed .7s linear .35s infinite}.na-banner__title{animation:na-title-pop .75s cubic-bezier(.34,1.6,.5,1) both;transform-origin:50% 60%}.na-banner__text{animation:na-text-up .6s ease-out .45s both}@keyframes na-halftone{0%{background-position:0 0}to{background-position:var(--na-tile) var(--na-tile)}}@keyframes na-banner-sheen{0%{background-position:120% 0}30%{background-position:-20% 0}to{background-position:-20% 0}}@keyframes na-speed{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}@keyframes na-title-pop{0%{opacity:0;transform:scale(.82) rotate(-2.5deg)}60%{opacity:1;transform:scale(1.07) rotate(.8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes na-text-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:750px){.na-banner__inner:before,.na-banner__inner:after{height:600px}}@media(prefers-reduced-motion:reduce){.na-banner:before,.na-banner:after,.na-banner__title,.na-banner__text{animation:none}.na-banner:after{display:none}.na-banner__inner:before,.na-banner__inner:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/na-banner-fx.css.map */