@property --desk-foil-a{syntax:"<angle>";inherits:false;initial-value:210deg}.desk-foil{isolation:isolate;background:linear-gradient(180deg, color-mix(in oklch, var(--tier) 9%, var(--card)) 0%, var(--card) 62%) padding-box, conic-gradient(from var(--desk-foil-a), var(--tier), color-mix(in oklch, var(--tier) 30%, white), color-mix(in oklch, var(--tier) 60%, black), var(--tier), color-mix(in oklch, var(--tier) 45%, white), color-mix(in oklch, var(--tier) 70%, black), var(--tier)) border-box;border:2px solid #0000;position:relative}.desk-foil:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 45% at var(--mx,50%) var(--my,-10%), #ffffff52, transparent 70%), linear-gradient(180deg, #ffffff12, transparent 22%);mix-blend-mode:soft-light;transition:background-position .2s;position:absolute;inset:0}.desk-foil[data-tier="2"]:before,.desk-foil[data-tier="3"]:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#f19fd600 0%,#f8a5dd80 22%,#64eff780 42%,#d9f28373 60%,#ffbc8080 78%,#f19fd600 100%) 0 0/220% 220%;background:linear-gradient(115deg,lab(75.125% 37.4764 -15.02/0) 0%,lab(77.446% 37.4943 -15.0248/.5) 22%,lab(87.2469% -37.652 -15.5054/.5) 42%,lab(91.9845% -21 50.2282/.45) 60%,lab(82.1426% 25.9573 48.159/.5) 78%,lab(75.125% 37.4764 -15.02/0) 100%) 0 0/220% 220%;background-position:calc(var(--mx,50%) * .9) calc(var(--my,30%) * .9);mix-blend-mode:color-dodge;opacity:.1;position:absolute;inset:0}.desk-foil[data-tier="3"]:before{opacity:.16}:where(:root:not([data-motion=reduced],[data-motion=off])) .desk-foil[data-tier="3"]{animation:7s linear infinite desk-foil-turn}@keyframes desk-foil-turn{to{--desk-foil-a:570deg}}.desk-foil-art{box-shadow:inset 0 0 0 1px #00000024,inset 0 2px 6px #0000001f,0 1px #ffffff0f}