@property --glow-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.glow-border{pointer-events:none;animation:5s linear infinite glow-border-spin;inset:0}.glow-border,.glow-border__ring{border-radius:inherit;position:absolute}.glow-border__ring{background:conic-gradient(from var(--glow-angle),transparent 0deg,transparent 200deg,var(--glow-soft,#fbbf2426) 250deg,var(--glow-main,#fbbf24) 320deg,var(--glow-tip,#fef3c7) 345deg,transparent 1turn);-webkit-mask-composite:xor;padding:1.5px;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.glow-border--red{--glow-soft:#f8717126;--glow-main:#f43f5e;--glow-tip:#fecdd3}.glow-border--halo{filter:blur(10px);opacity:.9}.glow-border--halo .glow-border__ring{padding:4px;inset:-3px}@keyframes glow-border-spin{to{--glow-angle:360deg}}@media (prefers-reduced-motion:reduce){.glow-border{--glow-angle:300deg;animation:none}}