:root{--fx-bg:#050505;--fx-purple:#8c5cff;--fx-purple-light:#b388ff;--fx-white:#ffffff}.fx-hero{position:relative;min-height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--fx-bg);padding:170px 30px 120px;isolation:isolate}.fx-container{position:relative;z-index:20;width:100%;max-width:960px;text-align:center}.fx-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.fx-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.2) 55%,rgba(0,0,0,.88) 100%);pointer-events:none}.fx-glow{position:absolute;width:750px;height:750px;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(140,92,255,.22),rgba(140,92,255,.08),transparent 72%);opacity:.8}.fx-fog,.fx-haze,.fx-atmosphere,.fx-embers,.fx-dust,.fx-floor{display:none!important}.fx-hero-logo{position:relative;width:420px;max-width:80vw;margin:0 auto 35px}.fx-hero-logo-image{display:block;width:100%;height:auto;position:relative;z-index:2;transition:.25s;filter:drop-shadow(0 0 10px rgba(255,255,255,.12)) drop-shadow(0 0 30px rgba(145,85,255,.25))}.fx-hero-logo-image:hover{transform:scale(1.02)}.fx-hero-logo:before{content:"";position:absolute;left:50%;top:50%;width:130%;height:130%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(145,85,255,.18),transparent 72%);z-index:1}.fx-hero-logo:after{content:"";position:absolute;top:-15%;left:-60%;width:20%;height:130%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-25deg);animation:chromeSweep 9s linear infinite;z-index:3;pointer-events:none}@keyframes chromeSweep{0%,85%{left:-60%;opacity:0}90%{opacity:1}to{left:140%;opacity:0}}.fx-hero h1,.fx-hero p{position:relative;z-index:10}.fx-primary,.fx-secondary{position:relative;overflow:hidden}.fx-primary:before,.fx-secondary:before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skew(-20deg);transition:left .5s ease}.fx-primary:hover:before,.fx-secondary:hover:before{left:170%}@media(max-width:950px){.fx-hero{padding:130px 20px 90px}.fx-glow{width:420px;height:420px;opacity:.6}.fx-hero-logo{width:300px}.fx-hero-logo:after{display:none}.fx-hero-logo-image{transition:none;filter:drop-shadow(0 0 12px rgba(145,85,255,.18))}}@media(max-width:950px){*,*:before,*:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fx-hero.css.map */