@font-face{font-family:Mona Sans;src:url(https://assets.codepen.io/64/Mona-Sans.woff2) format("woff2 supports variations"),url(https://assets.codepen.io/64/Mona-Sans.woff2) format("woff2-variations");font-weight:100 1000}@property --hue{syntax:"<number>";inherits:true;initial-value:0}@property --rotate{syntax:"<number>";inherits:true;initial-value:0}@property --bg-y{syntax:"<number>";inherits:true;initial-value:0}@property --bg-x{syntax:"<number>";inherits:true;initial-value:0}@property --glow-translate-y{syntax:"<number>";inherits:true;initial-value:0}@property --bg-size{syntax:"<number>";inherits:true;initial-value:0}@property --glow-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --glow-blur{syntax:"<number>";inherits:true;initial-value:0}@property --glow-scale{syntax:"<number>";inherits:true;initial-value:2}@property --glow-radius{syntax:"<number>";inherits:true;initial-value:2}@property --white-shadow{syntax:"<number>";inherits:true;initial-value:0}.LogoAnimation_logoContainer__03DW_{--card-color:#101E15;--text-color:#C9FECC;--card-radius:50%;--card-width:128px;--border-width:3px;--bg-size:1;--hue:0;--hue-speed:1;--rotate:0;--animation-speed:4s;--interaction-speed:0.55s;--glow-scale:1.5;--scale-factor:1;--glow-blur:6;--glow-opacity:1;--glow-radius:100;--glow-rotate-unit:1deg;width:var(--card-width);height:var(--card-width);color:white;margin:auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border-radius:var(--card-radius);cursor:pointer}.LogoAnimation_logoContainer__03DW_:hover{--text-color:white}.LogoAnimation_logoContainer__03DW_:hover>div{mix-blend-mode:darken;--text-color:white;box-shadow:0 0 calc(var(--white-shadow) * 1vw) calc(var(--white-shadow) * .15vw) rgb(255 255 255/20%);animation:LogoAnimation_shadow-pulse___0k34 calc(var(--animation-speed) * 2) linear infinite}.LogoAnimation_logoContainer__03DW_:hover>div:before{--bg-size:15;animation-play-state:paused;transition:--bg-size var(--interaction-speed) ease}.LogoAnimation_logoContainer__03DW_:hover .LogoAnimation_glow__dGCSa{--glow-blur:1.5;--glow-opacity:0.6;--glow-scale:2.5;--glow-radius:0;--rotate:900;--glow-rotate-unit:0;--scale-factor:1.25;animation-play-state:paused}.LogoAnimation_logoContainer__03DW_:hover .LogoAnimation_glow__dGCSa:after{--glow-translate-y:0;animation-play-state:paused;transition:--glow-translate-y 0s ease,--glow-blur .05s ease,--glow-opacity .05s ease,--glow-scale .05s ease,--glow-radius .05s ease}.LogoAnimation_logoContainer__03DW_>div{background:var(--card-color);display:flex;align-items:center;justify-content:center;font-weight:800;text-transform:uppercase;font-stretch:150%;font-size:18px;font-size:clamp(1.5vw,1.5vmin,32px);color:var(--text-color);padding:calc(var(--card-width) / 8);z-index:10}.LogoAnimation_logoContainer__03DW_>div,.LogoAnimation_logoContainer__03DW_>div:before{position:absolute;width:100%;height:100%;border-radius:calc(calc(var(--card-radius) * .9))}.LogoAnimation_logoContainer__03DW_>div:before{content:"";display:block;box-shadow:0 0 20px black;mix-blend-mode:color-burn;z-index:-1;background:#101E15 radial-gradient(30% 30% at calc(var(--bg-x) * 1%) calc(var(--bg-y) * 1%),#C9FECC calc(0% * var(--bg-size)),#A8E6A8 calc(20% * var(--bg-size)),#8FDF8F calc(40% * var(--bg-size)),transparent 100%);width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));animation:LogoAnimation_rotate-bg__EeJfF var(--animation-speed) linear infinite;transition:--bg-size var(--interaction-speed) ease}.LogoAnimation_glow__dGCSa{--glow-translate-y:0;display:block;position:absolute;width:calc(var(--card-width) / 5);height:calc(var(--card-width) / 5);animation:LogoAnimation_rotate__UgPw3 var(--animation-speed) linear infinite;transform:rotate(calc(var(--rotate) * var(--glow-rotate-unit)));transform-origin:center;border-radius:calc(var(--glow-radius) * 10vw);z-index:5}.LogoAnimation_glow__dGCSa:after{content:"";display:block;z-index:-2;filter:blur(calc(var(--glow-blur) * 10px));width:130%;height:130%;left:-15%;top:-15%;background:#C9FECC;position:relative;border-radius:calc(var(--glow-radius) * 10vw);transform:scaleY(calc(var(--glow-scale) * var(--scale-factor) / 1.1)) scaleX(calc(var(--glow-scale) * var(--scale-factor) * 1.2)) translateY(calc(var(--glow-translate-y) * 1%));opacity:var(--glow-opacity)}@keyframes LogoAnimation_shadow-pulse___0k34{0%,24%,46%,73%,96%{--white-shadow:0.5}12%,28%,41%,63%,75%,82%,98%{--white-shadow:2.5}32%,57%,6%{--white-shadow:1.3}18%,52%,88%{--white-shadow:3.5}}@keyframes LogoAnimation_rotate-bg__EeJfF{0%{--bg-x:0;--bg-y:0}25%{--bg-x:100;--bg-y:0}50%{--bg-x:100;--bg-y:100}75%{--bg-x:0;--bg-y:100}to{--bg-x:0;--bg-y:0}}@keyframes LogoAnimation_rotate__UgPw3{0%{--rotate:-70;--glow-translate-y:-65}25%{--glow-translate-y:-65}50%{--glow-translate-y:-65}60%,75%{--glow-translate-y:-65}85%{--glow-translate-y:-65}to{--rotate:calc(360 - 70);--glow-translate-y:-65}}@keyframes LogoAnimation_hue-animation__jb4Z_{0%{--hue:0}to{--hue:360}}