@property --resolution-card-glow-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:root{--resolution-card-glow-color-1: #a0cbff;--resolution-card-glow-color-2: #c6adff;--resolution-card-glow-color-3: #f4c2ff;--resolution-card-glow-color-4: #ffd8b7;--resolution-card-glow-border-radius: .75rem}.resolution-card-glow{position:relative;isolation:isolate;border-radius:var(--resolution-card-glow-border-radius)}.resolution-card-glow:before{content:"";position:absolute;inset:0;border-radius:var(--resolution-card-glow-border-radius);filter:blur(6px);opacity:.75;z-index:-2;pointer-events:none;background:conic-gradient(from var(--resolution-card-glow-angle) at 50% 50%,var(--resolution-card-glow-color-1) 0deg,var(--resolution-card-glow-color-2) 90deg,var(--resolution-card-glow-color-3) 126deg,var(--resolution-card-glow-color-4) 180deg,var(--resolution-card-glow-color-3) 234deg,var(--resolution-card-glow-color-2) 270deg,var(--resolution-card-glow-color-1) 360deg);animation:resolution-card-glow-pulse 3.75s linear infinite}.resolution-card-glow:after{content:"";position:absolute;inset:1px;border-radius:calc(var(--resolution-card-glow-border-radius) - 1px);background-color:#f9fafb;z-index:-1;pointer-events:none}@keyframes resolution-card-glow-pulse{0%{--resolution-card-glow-angle: 0deg;transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.008) scaleY(1.03)}to{--resolution-card-glow-angle: 360deg;transform:scaleX(1) scaleY(1)}}@media(prefers-reduced-motion:reduce){.resolution-card-glow:before{animation:none;background:linear-gradient(135deg,var(--resolution-card-glow-color-1) 0%,var(--resolution-card-glow-color-2) 33%,var(--resolution-card-glow-color-3) 66%,var(--resolution-card-glow-color-4) 100%)}}