.wd-super-pill{outline:none;display:block;position:relative}.wd-super-pill-face{cursor:pointer;border:1px solid color-mix(in oklab, var(--wd-gold) 55%, transparent);border-radius:9999px;justify-content:center;align-items:center;gap:.375rem;min-width:3.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition:transform .1s;display:flex}.wd-super-pill-face:active{transform:scale(.9)}.wd-super-pill:hover .wd-super-pill-face,.wd-super-pill:focus-within .wd-super-pill-face{border-color:var(--wd-gold);background:color-mix(in oklab, var(--wd-gold) 12%, transparent)}.wd-super-pill-names{background:var(--color-popover);width:max-content;max-width:min(15rem,100vw - 2rem);color:var(--color-popover-foreground);border:1px solid var(--wd-gold);text-align:center;white-space:normal;opacity:0;pointer-events:none;z-index:20;border-radius:4px;padding:4px 8px;font-size:11px;line-height:15px;transition:opacity .12s steps(2,end);position:absolute;bottom:calc(100% + 6px);right:0}.wd-super-pill:hover .wd-super-pill-names,.wd-super-pill:focus-within .wd-super-pill-names{opacity:1}@media (prefers-reduced-motion:reduce){.wd-super-pill-names{transition:none}}
.wd-live{animation:.22s steps(3,end) wd-live-in}.wd-live-spark{animation:.9s steps(2,end) 2 wd-live-spark}.wd-live-name{animation:2.6s steps(6,end) forwards wd-live-rise}@keyframes wd-live-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes wd-live-spark{0%,to{opacity:1}50%{opacity:.25}}@keyframes wd-live-rise{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-2px)}to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.wd-live,.wd-live-spark,.wd-live-name{animation:none}}
.wd-card-scroll{overscroll-behavior-y:auto}@media (hover:none){.wd-card-scroll{overscroll-behavior-y:contain}}
.wd-burst{z-index:60;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.wd-burst-glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklab, var(--wd-gold) 45%, transparent) 0%, transparent 65%);border-radius:50%;width:min(70vmin,520px);animation:.9s ease-out both wd-burst-glow;position:absolute}.wd-burst-fly{--to-x:0px;--to-y:0px;place-items:center;animation:.52s cubic-bezier(.6,0,.9,.35) .76s forwards wd-burst-fly;display:grid}.wd-burst-pop{place-items:center;animation:.7s cubic-bezier(.34,1.7,.5,1) both wd-burst-pop;display:grid}.wd-burst-star{width:min(40vmin,300px);height:auto;color:var(--wd-gold);filter:drop-shadow(0 0 18px color-mix(in oklab, var(--wd-gold) 60%, transparent))}@keyframes wd-burst-pop{0%{opacity:0;transform:scale(.1)rotate(-30deg)}45%{opacity:1;transform:scale(1.2)rotate(10deg)}65%{transform:scale(.9)rotate(-4deg)}82%{transform:scale(1.06)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes wd-burst-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--to-x), var(--to-y)) scale(.06);opacity:.85}}@keyframes wd-burst-glow{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.wd-star-landed{animation:.42s cubic-bezier(.34,1.8,.5,1) wd-star-landed}@keyframes wd-star-landed{0%{transform:scale(1)}40%{transform:scale(1.55)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.wd-burst-pop,.wd-burst-fly,.wd-burst-glow,.wd-star-landed{animation-duration:1ms}}