@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}.codepen-glowing-card-module__RSS9pW__frame{--debug:0;--card-color:#05000f;--text-color:#888198;--card-radius:3.5px;--card-width:155px;--border-width:3px;--bg-size:1;--hue:0;--hue-speed:1;--rotate:0;--animation-speed:4s;--interaction-speed:.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);color:#fff;z-index:2;border-radius:var(--card-radius);cursor:default;justify-content:center;align-items:center;height:101px;display:flex;position:relative}.codepen-glowing-card-module__RSS9pW__sceneFrame{--card-width:100%;width:100%;height:100%}.codepen-glowing-card-module__RSS9pW__outlineFrame{--card-width:100%;--border-width:1px;--glow-blur:4;--glow-scale:1.1;width:100%;height:auto;color:inherit;isolation:isolate;display:block}.codepen-glowing-card-module__RSS9pW__outlineFrame[data-codepen-glowing-card-radius=md]{--card-radius:var(--radius-md)}.codepen-glowing-card-module__RSS9pW__outlineFrame[data-codepen-glowing-card-radius=full]{--card-radius:9999px}.codepen-glowing-card-module__RSS9pW__outlineFrame:before,.codepen-glowing-card-module__RSS9pW__outlineFrame:after,.codepen-glowing-card-module__RSS9pW__outlineFrame>.codepen-glowing-card-module__RSS9pW__glow{display:none}.codepen-glowing-card-module__RSS9pW__outlineSurface{z-index:1;border-radius:inherit;width:100%;height:100%;position:relative;overflow:visible}.codepen-glowing-card-module__RSS9pW__outlineSurface:before{content:"";z-index:2;padding:var(--border-width);border-radius:inherit;background:radial-gradient(35% 80% at calc(var(--bg-x) * 1%) calc(var(--bg-y) * 1%), hsl(calc(var(--hue) * 1deg) 100% 70%), hsl(calc((var(--hue) + 90) * 1deg) 85% 65%) 40%, hsl(calc((var(--hue) + 180) * 1deg) 80% 55%) 72%, #fff3 100%);-webkit-mask-composite:xor;pointer-events:none;animation:codepen-glowing-card-module__RSS9pW__hue-animation var(--animation-speed) linear infinite, codepen-glowing-card-module__RSS9pW__rotate-bg var(--animation-speed) linear infinite;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.codepen-glowing-card-module__RSS9pW__frame,.codepen-glowing-card-module__RSS9pW__frame:before,.codepen-glowing-card-module__RSS9pW__frame:after,.codepen-glowing-card-module__RSS9pW__frame *,.codepen-glowing-card-module__RSS9pW__frame :before,.codepen-glowing-card-module__RSS9pW__frame :after{box-sizing:border-box;outline:calc(var(--debug) * 1px) red dashed}.codepen-glowing-card-module__RSS9pW__frame:hover>.codepen-glowing-card-module__RSS9pW__surface{mix-blend-mode:darken;--text-color:white;box-shadow:0 0 calc(var(--white-shadow) * 1vw) calc(var(--white-shadow) * .15vw) #fff3;animation:codepen-glowing-card-module__RSS9pW__shadow-pulse calc(var(--animation-speed) * 2) linear infinite}.codepen-glowing-card-module__RSS9pW__frame:hover>.codepen-glowing-card-module__RSS9pW__surface:before{--bg-size:15;transition:--bg-size var(--interaction-speed) ease;animation-play-state:paused}.codepen-glowing-card-module__RSS9pW__frame:hover .codepen-glowing-card-module__RSS9pW__glow{--glow-blur:1.5;--glow-opacity:.6;--glow-scale:2.5;--glow-radius:0;--rotate:900;--glow-rotate-unit:0;--scale-factor:1.25;animation-play-state:paused}.codepen-glowing-card-module__RSS9pW__frame:hover .codepen-glowing-card-module__RSS9pW__glow:after{--glow-translate-y:0;transition:--glow-translate-y,--glow-blur 50ms,--glow-opacity 50ms,--glow-scale 50ms,--glow-radius 50ms;animation-play-state:paused}.codepen-glowing-card-module__RSS9pW__frame:before,.codepen-glowing-card-module__RSS9pW__frame:after{content:"";border-radius:var(--card-radius);width:100%;height:100%;display:block;position:absolute}.codepen-glowing-card-module__RSS9pW__surface{background:var(--card-color);border-radius:calc(var(--card-radius) * .9);text-transform:uppercase;width:100%;height:100%;color:var(--text-color);padding:calc(var(--card-width) / 8);justify-content:center;align-items:center;font-size:clamp(1.5vw,1.5vmin,32px);font-weight:800;font-stretch:150%;display:flex;position:absolute}.codepen-glowing-card-module__RSS9pW__surface span{background:var(--text-color);color:#000;border-radius:4px;margin-right:8px;padding:.25em;font-weight:900;display:inline-block}.codepen-glowing-card-module__RSS9pW__surface:before{content:"";width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));border-radius:calc(var(--card-radius) * .9);mix-blend-mode:color-burn;z-index:-1;background:#292929 radial-gradient(30% 30% at calc(var(--bg-x) * 1%) calc(var(--bg-y) * 1%), hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 90%) calc(0% * var(--bg-size)), hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 80%) calc(20% * var(--bg-size)), hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 60%) calc(40% * var(--bg-size)), transparent 100%);animation:codepen-glowing-card-module__RSS9pW__hue-animation var(--animation-speed) linear infinite, codepen-glowing-card-module__RSS9pW__rotate-bg var(--animation-speed) linear infinite;transition:--bg-size var(--interaction-speed) ease;display:block;position:absolute;box-shadow:0 0 20px #000}.codepen-glowing-card-module__RSS9pW__glow{--glow-translate-y:0;width:calc(var(--card-width) / 5);height:calc(var(--card-width) / 5);animation:codepen-glowing-card-module__RSS9pW__rotate var(--animation-speed) linear infinite;transform:rotateZ(calc(var(--rotate) * var(--glow-rotate-unit)));transform-origin:50%;border-radius:calc(var(--glow-radius) * 10vw);display:block;position:absolute}.codepen-glowing-card-module__RSS9pW__glow:after{content:"";z-index:-2;filter:blur(calc(var(--glow-blur) * 10px));background:hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 60%);border-radius:calc(var(--glow-radius) * 10vw);width:130%;height:130%;animation:codepen-glowing-card-module__RSS9pW__hue-animation var(--animation-speed) linear infinite;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);display:block;position:relative;top:-15%;left:-15%}@keyframes codepen-glowing-card-module__RSS9pW__shadow-pulse{0%,24%,46%,73%,96%{--white-shadow:.5}12%,28%,41%,63%,75%,82%,98%{--white-shadow:2.5}6%,32%,57%{--white-shadow:1.3}18%,52%,88%{--white-shadow:3.5}}@keyframes codepen-glowing-card-module__RSS9pW__rotate-bg{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 codepen-glowing-card-module__RSS9pW__rotate{0%{--rotate:-70;--glow-translate-y:-65}25%,50%,60%,75%,85%{--glow-translate-y:-65}to{--rotate:calc(360 - 70);--glow-translate-y:-65}}@keyframes codepen-glowing-card-module__RSS9pW__hue-animation{0%{--hue:0}to{--hue:360}}@media (prefers-reduced-motion:reduce){.codepen-glowing-card-module__RSS9pW__glow,.codepen-glowing-card-module__RSS9pW__glow:after,.codepen-glowing-card-module__RSS9pW__surface:before,.codepen-glowing-card-module__RSS9pW__outlineSurface:before{animation:none}.codepen-glowing-card-module__RSS9pW__frame,.codepen-glowing-card-module__RSS9pW__frame:before,.codepen-glowing-card-module__RSS9pW__frame:after,.codepen-glowing-card-module__RSS9pW__frame *,.codepen-glowing-card-module__RSS9pW__frame :before,.codepen-glowing-card-module__RSS9pW__frame :after{transition:none!important;animation:none!important}}