@keyframes NeonGlassCard-module__2QbAdW__neonIn{0%{opacity:0}15%{opacity:1}30%{opacity:.6}to{opacity:1}}.NeonGlassCard-module__2QbAdW__card{--radius:var(--theme-radius,12px);--border:1px;--sat:80%;--lit:60%;--hue1:var(--theme-primary-hue);--hue2:var(--theme-secondary-hue);--conic:-45deg;border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.1) 100%),linear-gradient(45deg,hsla(var(--hue1),70%,50%,.1)0%,transparent 50%,hsla(var(--hue2),70%,50%,.1)100%),var(--theme-glass-bg,rgba(31,41,55,.6));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border)solid var(--theme-glass-border,rgba(255,255,255,.1));isolation:isolate;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),inset 0 1px rgba(255,255,255,.05)}.NeonGlassCard-module__2QbAdW__content{z-index:10;width:100%;height:100%;position:relative}.NeonGlassCard-module__2QbAdW__shine{--hue:var(--hue1);--start:12%;--end:50%;pointer-events:none;border-radius:0;border-top-right-radius:inherit;border-bottom-left-radius:inherit;aspect-ratio:1;width:75%;height:auto;min-height:0;right:calc(var(--border)*-1);top:calc(var(--border)*-1);z-index:1;background:conic-gradient(from var(--conic,-45deg)at center,transparent var(--start,0%),hsl(var(--hue),var(--sat,80%),var(--lit,60%)),transparent var(--end,50%))border-box;-webkit-mask:linear-gradient(transparent),linear-gradient(#000);mask:linear-gradient(transparent),linear-gradient(#000);-webkit-mask-composite:subtract;animation:NeonGlassCard-module__2QbAdW__neonIn 1.2s var(--theme-ease,cubic-bezier(.4,0,.2,1))forwards;opacity:0;border:1px solid transparent;display:block;position:absolute;left:auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract}.NeonGlassCard-module__2QbAdW__shine:before,.NeonGlassCard-module__2QbAdW__shine:after{content:"";width:auto;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;-webkit-mask:none;mask:none}.NeonGlassCard-module__2QbAdW__shine:after{z-index:2;--start:17%;--end:33%;background:conic-gradient(from var(--conic,-45deg)at center,transparent var(--start,0%),hsl(var(--hue),var(--sat,80%),var(--lit,85%)),transparent var(--end,50%))}.NeonGlassCard-module__2QbAdW__shineBottom{--hue:var(--hue2);--conic:135deg;--start:12%;--end:50%;pointer-events:none;border-radius:0;border-top-right-radius:inherit;border-bottom-left-radius:inherit;aspect-ratio:1;width:75%;height:auto;min-height:0;top:auto;bottom:calc(var(--border)*-1);left:calc(var(--border)*-1);z-index:1;background:conic-gradient(from var(--conic,135deg)at center,transparent var(--start,0%),hsl(var(--hue),var(--sat,80%),var(--lit,60%)),transparent var(--end,50%))border-box;-webkit-mask:linear-gradient(transparent),linear-gradient(#000);mask:linear-gradient(transparent),linear-gradient(#000);-webkit-mask-composite:subtract;animation:NeonGlassCard-module__2QbAdW__neonIn 1.2s var(--theme-ease,cubic-bezier(.4,0,.2,1))forwards;opacity:0;border:1px solid transparent;display:block;position:absolute;right:auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract}.NeonGlassCard-module__2QbAdW__shineBottom:before,.NeonGlassCard-module__2QbAdW__shineBottom:after{content:"";width:auto;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;-webkit-mask:none;mask:none}.NeonGlassCard-module__2QbAdW__shineBottom:after{z-index:2;--start:17%;--end:33%;background:conic-gradient(from var(--conic,135deg)at center,transparent var(--start,0%),hsl(var(--hue),var(--sat,80%),var(--lit,85%)),transparent var(--end,50%))}.NeonGlassCard-module__2QbAdW__glow{--hue:var(--hue1);--start:0%;--end:50%;pointer-events:none;border-top-right-radius:calc(var(--radius)*2.5);border-bottom-left-radius:calc(var(--radius)*2.5);border:calc(var(--radius)*1.25)solid transparent;inset:calc(var(--radius)*-2);aspect-ratio:1;width:75%;height:auto;min-height:0;bottom:auto;left:auto;top:calc(var(--radius)*-2);right:calc(var(--radius)*-2);-webkit-mask-mode:luminance;opacity:1;filter:blur(12px)saturate(1.25)brightness(.5);mix-blend-mode:plus-lighter;z-index:3;animation:NeonGlassCard-module__2QbAdW__neonIn 1.4s var(--theme-ease,cubic-bezier(.4,0,.2,1)).1s forwards;opacity:0;display:block;position:absolute;-webkit-mask-image:url(https://assets.codepen.io/13471/noise-base.png);mask-image:url(https://assets.codepen.io/13471/noise-base.png);-webkit-mask-size:29%;mask-size:29%;-webkit-mask-source-type:luminance;mask-mode:luminance}.NeonGlassCard-module__2QbAdW__glow:before,.NeonGlassCard-module__2QbAdW__glow:after{content:"";border:inherit;border-radius:inherit;background:conic-gradient(from var(--conic,-45deg)at center,transparent var(--start,0%),hsl(var(--hue),var(--sat,95%),var(--lit,60%)),transparent var(--end,50%))border-box;-webkit-mask:linear-gradient(transparent),linear-gradient(#000);mask:linear-gradient(transparent),linear-gradient(#000);-webkit-mask-composite:subtract;filter:saturate(2)brightness();position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract}.NeonGlassCard-module__2QbAdW__glow:after{--lit:70%;--sat:100%;--start:15%;--end:35%;border-width:calc(var(--radius)*1.75);border-radius:calc(var(--radius)*2.75);inset:calc(var(--radius)*-.25);z-index:4;opacity:.75}.NeonGlassCard-module__2QbAdW__glowBottom{--hue:var(--hue2);--conic:135deg;--start:0%;--end:50%;pointer-events:none;border-top-right-radius:calc(var(--radius)*2.5);border-bottom-left-radius:calc(var(--radius)*2.5);border:calc(var(--radius)*1.25)solid transparent;inset:calc(var(--radius)*-2);aspect-ratio:1;width:75%;height:auto;min-height:0;inset:calc(var(--radius)*-2);top:auto;right:auto;bottom:calc(var(--radius)*-2);left:calc(var(--radius)*-2);-webkit-mask-mode:luminance;opacity:1;filter:blur(12px)saturate(1.25)brightness(.5);mix-blend-mode:plus-lighter;z-index:3;animation:NeonGlassCard-module__2QbAdW__neonIn 1.4s var(--theme-ease,cubic-bezier(.4,0,.2,1)).1s forwards;opacity:0;display:block;position:absolute;-webkit-mask-image:url(https://assets.codepen.io/13471/noise-base.png);mask-image:url(https://assets.codepen.io/13471/noise-base.png);-webkit-mask-size:29%;mask-size:29%;-webkit-mask-source-type:luminance;mask-mode:luminance}.NeonGlassCard-module__2QbAdW__glowBottom:before,.NeonGlassCard-module__2QbAdW__glowBottom:after{content:"";border:inherit;border-radius:inherit;background:conic-gradient(from var(--conic,135deg)at center,transparent var(--start,0%),hsl(var(--hue),var(--sat,95%),var(--lit,60%)),transparent var(--end,50%))border-box;-webkit-mask:linear-gradient(transparent),linear-gradient(#000);mask:linear-gradient(transparent),linear-gradient(#000);-webkit-mask-composite:subtract;filter:saturate(2)brightness();position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract}.NeonGlassCard-module__2QbAdW__glowBottom:after{--lit:70%;--sat:100%;--start:15%;--end:35%;border-width:calc(var(--radius)*1.75);border-radius:calc(var(--radius)*2.75);inset:calc(var(--radius)*-.25);z-index:4;opacity:.75}.NeonGlassCard-module__2QbAdW__glowBright{--lit:80%;--sat:100%;--start:13%;--end:37%;--hue:var(--hue1);pointer-events:none;border-radius:calc(var(--radius) + 2px);aspect-ratio:1;background:conic-gradient(from var(--conic,-45deg)at center,transparent var(--start,0%),hsl(var(--hue),var(--sat,100%),var(--lit,80%)),transparent var(--end,50%))border-box;-webkit-mask:linear-gradient(transparent),linear-gradient(#000);mask:linear-gradient(transparent),linear-gradient(#000);-webkit-mask-composite:subtract;filter:blur(2px)brightness(.66);mix-blend-mode:plus-lighter;z-index:5;width:75%;height:auto;min-height:0;animation:NeonGlassCard-module__2QbAdW__neonIn 1.6s var(--theme-ease,cubic-bezier(.4,0,.2,1)).2s forwards;opacity:0;border:5px solid transparent;display:block;position:absolute;top:-7px;bottom:auto;left:auto;right:-7px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract}.NeonGlassCard-module__2QbAdW__glowBright:after{content:none}.NeonGlassCard-module__2QbAdW__glowBrightBottom{--lit:80%;--sat:100%;--start:13%;--end:37%;--hue:var(--hue2);--conic:135deg;pointer-events:none;border-radius:calc(var(--radius) + 2px);aspect-ratio:1;background:conic-gradient(from var(--conic,135deg)at center,transparent var(--start,0%),hsl(var(--hue),var(--sat,100%),var(--lit,80%)),transparent var(--end,50%))border-box;-webkit-mask:linear-gradient(transparent),linear-gradient(#000);mask:linear-gradient(transparent),linear-gradient(#000);-webkit-mask-composite:subtract;filter:blur(2px)brightness(.66);mix-blend-mode:plus-lighter;z-index:5;width:75%;height:auto;min-height:0;animation:NeonGlassCard-module__2QbAdW__neonIn 1.6s var(--theme-ease,cubic-bezier(.4,0,.2,1)).2s forwards;opacity:0;border:5px solid transparent;display:block;position:absolute;top:auto;bottom:-7px;left:-7px;right:auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract}.NeonGlassCard-module__2QbAdW__glowBrightBottom:after{content:none}@media (prefers-reduced-motion:reduce){.NeonGlassCard-module__2QbAdW__shine,.NeonGlassCard-module__2QbAdW__shineBottom,.NeonGlassCard-module__2QbAdW__glow,.NeonGlassCard-module__2QbAdW__glowBottom,.NeonGlassCard-module__2QbAdW__glowBright,.NeonGlassCard-module__2QbAdW__glowBrightBottom{opacity:1;animation:none}.NeonGlassCard-module__2QbAdW__card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.NeonGlassCard-module__2QbAdW__card[data-intensity=soft]{--sat:60%;--lit:50%}.NeonGlassCard-module__2QbAdW__card[data-intensity=normal]{--sat:80%;--lit:60%}.NeonGlassCard-module__2QbAdW__card[data-intensity=strong]{--sat:100%;--lit:70%}