@property --umg-rotate{syntax:"<number>";inherits:true;initial-value:0}@property --umg-bg-y{syntax:"<number>";inherits:true;initial-value:0}@property --umg-bg-x{syntax:"<number>";inherits:true;initial-value:0}@property --umg-glow-translate-y{syntax:"<number>";inherits:true;initial-value:0}@property --umg-bg-size{syntax:"<number>";inherits:true;initial-value:0}@property --umg-glow-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --umg-glow-blur{syntax:"<number>";inherits:true;initial-value:0}@property --umg-glow-scale{syntax:"<number>";inherits:true;initial-value:2}@property --umg-glow-radius{syntax:"<number>";inherits:true;initial-value:2}@property --umg-white-shadow{syntax:"<number>";inherits:true;initial-value:0}.umg-container{--umg-accent:var(--brand-cyan);--umg-card-color:#03030ef0;--umg-card-radius:var(--radius-2xl,1.35rem);--umg-card-width:100%;--umg-border-width:1px;--umg-bg-size:1;--umg-rotate:0;--umg-animation-speed:5s;--umg-interaction-speed:.55s;--umg-glow-scale:1.45;--umg-scale-factor:1;--umg-glow-blur:6;--umg-glow-opacity:.95;--umg-glow-radius:100;--umg-glow-rotate-unit:1deg;width:var(--umg-card-width);aspect-ratio:auto;max-width:none;min-height:0;color:var(--foreground,#f3f4fc);z-index:2;border-radius:var(--umg-card-radius);cursor:default;justify-content:stretch;align-items:stretch;display:flex;position:relative}@supports (color:lab(0% 0 0)){.umg-container{--umg-card-color:lab(1.09777% 1.19141 -4.41697/.94);color:var(--foreground,lab(96.4443% .652432 -3.72517))}}.umg-container[data-umg-accent=cyan]{--umg-accent:var(--brand-cyan)}.umg-container[data-umg-accent=violet]{--umg-accent:var(--brand-violet)}.umg-container[data-umg-accent=muted]{--umg-accent:var(--brand-muted)}.umg-container:before,.umg-container:after{content:"";border-radius:var(--umg-card-radius);pointer-events:none;display:block;position:absolute;inset:0}.umg-content{background:var(--umg-card-color);border-radius:calc(var(--umg-card-radius) * .92);padding:max(1rem, calc(var(--umg-card-width) / 10));flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;min-height:0;display:flex;position:relative}.umg-content:before{content:"";inset:calc(-1 * var(--umg-border-width));border-radius:inherit;mix-blend-mode:color-burn;z-index:-1;background:#131428 radial-gradient(32% 32% at calc(var(--umg-bg-x) * 1%) calc(var(--umg-bg-y) * 1%), color-mix(in oklch, var(--umg-accent) 32%, #f3f4ff) / .92 calc(0% * var(--umg-bg-size)), color-mix(in oklch, var(--umg-accent) 58%, #0e0e27) / .84 calc(22% * var(--umg-bg-size)), color-mix(in oklch, var(--umg-accent) 78%, #040414) / .7 calc(42% * var(--umg-bg-size)), transparent 100%);animation:umg-rotate-bg var(--umg-animation-speed) linear infinite;transition:--umg-bg-size var(--umg-interaction-speed) ease;display:block;position:absolute;box-shadow:0 0 24px #0009;box-shadow:0 0 24px lab(.0015316% .0789836 -.197947/.6)}@supports (color:lab(0% 0 0)){.umg-content:before{background:lab(6.81856% 4.41915 -14.0631) radial-gradient(32% 32% at calc(var(--umg-bg-x) * 1%) calc(var(--umg-bg-y) * 1%), color-mix(in oklch, var(--umg-accent) 32%, lab(96.3651% 1.3586 -7.41847)) / .92 calc(0% * var(--umg-bg-size)), color-mix(in oklch, var(--umg-accent) 58%, lab(4.79777% 5.37702 -16.5966)) / .84 calc(22% * var(--umg-bg-size)), color-mix(in oklch, var(--umg-accent) 78%, lab(1.37845% 2.15127 -7.5023)) / .7 calc(42% * var(--umg-bg-size)), transparent 100%)}}.umg-glow{--umg-glow-translate-y:0;width:calc(var(--umg-card-width) / 4.5);height:calc(var(--umg-card-width) / 4.5);min-width:3rem;max-width:45%;min-height:3rem;max-height:45%;animation:umg-rotate var(--umg-animation-speed) linear infinite;transform:rotateZ(calc(var(--umg-rotate) * var(--umg-glow-rotate-unit)));transform-origin:50%;border-radius:calc(var(--umg-glow-radius) * 1vw);pointer-events:none;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.umg-glow:after{content:"";z-index:-2;filter:blur(calc(var(--umg-glow-blur) * 10px));background:color-mix(in oklch, var(--umg-accent) 88%, transparent);border-radius:inherit;width:130%;height:130%;transform:scaleY(calc(var(--umg-glow-scale) * var(--umg-scale-factor) / 1.1)) scaleX(calc(var(--umg-glow-scale) * var(--umg-scale-factor) * 1.15)) translateY(calc(var(--umg-glow-translate-y) * 1%));opacity:var(--umg-glow-opacity);display:block;position:relative;top:-15%;left:-15%}@media (prefers-reduced-motion:reduce){.umg-content:before,.umg-glow,.umg-glow:after,.umg-container:hover .umg-content{animation:none}}.umg-container:hover .umg-content{mix-blend-mode:darken;box-shadow:0 0 calc(var(--umg-white-shadow) * .75rem) calc(var(--umg-white-shadow) * .12rem) color-mix(in oklch, var(--umg-accent) 38%, transparent);animation:umg-shadow-pulse calc(var(--umg-animation-speed) * 2) linear infinite}.umg-container:hover .umg-content:before{--umg-bg-size:15;transition:--umg-bg-size var(--umg-interaction-speed) ease;animation-play-state:paused}.umg-container:hover .umg-glow{--umg-glow-blur:1.5;--umg-glow-opacity:.55;--umg-glow-scale:2.35;--umg-glow-radius:0;--umg-rotate:900;--umg-glow-rotate-unit:0;--umg-scale-factor:1.2;animation-play-state:paused}.umg-container:hover .umg-glow:after{--umg-glow-translate-y:0;transition:--umg-glow-translate-y,--umg-glow-blur 50ms,--umg-glow-opacity 50ms,--umg-glow-scale 50ms,--umg-glow-radius 50ms;animation-play-state:paused}@keyframes umg-shadow-pulse{0%,24%,46%,73%,96%{--umg-white-shadow:.45}12%,28%,41%,63%,75%,82%,98%{--umg-white-shadow:2.2}6%,32%,57%{--umg-white-shadow:1.15}18%,52%,88%{--umg-white-shadow:3.1}}@keyframes umg-rotate-bg{0%{--umg-bg-x:0;--umg-bg-y:0}25%{--umg-bg-x:100;--umg-bg-y:0}50%{--umg-bg-x:100;--umg-bg-y:100}75%{--umg-bg-x:0;--umg-bg-y:100}to{--umg-bg-x:0;--umg-bg-y:0}}@keyframes umg-rotate{0%{--umg-rotate:-70;--umg-glow-translate-y:-62}25%{--umg-glow-translate-y:-62}50%{--umg-glow-translate-y:-62}60%,75%{--umg-glow-translate-y:-62}85%{--umg-glow-translate-y:-62}to{--umg-rotate:calc(360 - 70);--umg-glow-translate-y:-62}}