.podium-tier-diamond{--tier-a:var(--tier-diamond-1);--tier-b:var(--tier-diamond-2);--tier-c:var(--tier-diamond-3);--tier-d:var(--tier-diamond-4);--podium-foil:conic-gradient(from 200deg, var(--tier-a), var(--tier-b), var(--tier-c), var(--tier-d), var(--tier-a), var(--tier-b), var(--tier-a))}.podium-tier-gold{--tier-a:var(--tier-gold-1);--tier-b:var(--tier-gold-2);--tier-c:var(--tier-gold-3)}.podium-tier-silver{--tier-a:var(--tier-silver-1);--tier-b:var(--tier-silver-2);--tier-c:var(--tier-silver-3)}.podium-tier-star{--tier-a:var(--tier-star-1);--tier-b:var(--tier-star-2);--tier-c:var(--tier-star-3)}.foil-ring{background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, var(--podium-foil,conic-gradient(from 210deg, var(--tier-a), var(--tier-b), var(--tier-c), var(--tier-b), var(--tier-a), var(--tier-b), var(--tier-a))) border-box;border:4px solid #0000}.foil-ring.podium-tier-diamond,.foil-ring.podium-tier-gold{box-shadow:0 6px 22px -6px color-mix(in oklab, var(--tier-b) 70%, transparent)}.foil-sheen{isolation:isolate}.foil-sheen:after{content:"";border-radius:inherit;z-index:20;pointer-events:none;opacity:0;background:linear-gradient(105deg, transparent 40%, color-mix(in oklab, var(--tier-edge) 70%, transparent) 50%, transparent 60%) no-repeat;background-position:100% 0;background-size:300% 100%;position:absolute;inset:0}.item-foil{border-width:3px}@media (prefers-reduced-motion:no-preference){@keyframes item-foil{0%{opacity:0;background-position:100% 0}15%{opacity:1}to{opacity:0;background-position:0 0}}.item-foil:hover:after,.item-foil:focus-within:after{animation:.9s ease-out item-foil}}