@layer components{.v11-tier{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;font-weight:600;line-height:1;animation:.26s cubic-bezier(.2,.9,.3,1) both v11-chip-in;display:inline-flex}.v11-tier[data-size=sm]{height:20px;padding:0 7px;font-size:10.5px}.v11-tier[data-size=md]{height:24px;padding:0 9px;font-size:12px}.v11-tier .v11-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.v11-tier[data-tier=strong]{color:#fff;background:linear-gradient(180deg, color-mix(in oklab, var(--color-ice-strong) 90%, white 10%), var(--color-ice-strong));box-shadow:inset 0 .5px 0 #fff6, 0 6px 16px -8px color-mix(in oklab, var(--color-ice-strong) 80%, transparent)}.v11-tier[data-tier=slight]{color:var(--color-ice-light);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ice-light) 55%, transparent);background:#08102059}.v11-edge{--edge-c:#8fa3c4}.v11-edge[data-band=mid]{--edge-c:#75a9ff}.v11-edge[data-band=high]{--edge-c:#5fe3f2}.v11-edge-chip{white-space:nowrap;height:20px;color:var(--color-ink);background:color-mix(in oklab, var(--edge-c) 14%, #ffffff0a);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--edge-c) 38%, transparent);border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:0 7px 0 4px;font-size:10.5px;font-weight:600;line-height:1;animation:.26s cubic-bezier(.2,.9,.3,1) both v11-chip-in;display:inline-flex}.v11-edge-chip .v11-edge-word{color:var(--color-ink-2);font-weight:500}.v11-edge-track{stroke:#ffffff1f}.v11-edge-arc{stroke:var(--edge-c);stroke-linecap:round;animation:.6s cubic-bezier(.16,1,.3,1) both v11-ring}.v11-edge-ring{flex-shrink:0;place-items:center;display:inline-grid;position:relative}.v11-edge-ring>svg{position:absolute;inset:0;transform:rotate(-90deg)}.v11-edge-ring .v11-edge-num{color:var(--color-ink);font-weight:700;line-height:1;position:relative}.v11-edge-btn{border-radius:999px}.v11-edge-btn:focus-visible{outline:2px solid var(--color-ice);outline-offset:2px}.v11-change{min-width:0;max-width:100%;height:20px;color:var(--color-ink-2);background:#ffffff0f;border-radius:999px;align-items:center;gap:5px;padding:0 7px;font-size:10.5px;font-weight:500;line-height:1;animation:.26s cubic-bezier(.2,.9,.3,1) both v11-chip-in;display:inline-flex;box-shadow:inset 0 .5px #ffffff1f}.v11-change .v11-fresh{background:var(--color-ice-light);border-radius:999px;flex-shrink:0;width:6px;height:6px;animation:.9s ease-in-out 2 v11-fresh}.v11-explain-row{border-top:.5px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.v11-explain-row:first-child{border-top:0}.v11-row-in{animation:.3s cubic-bezier(.2,.9,.3,1) both v11-chip-in}@media (prefers-reduced-motion:reduce){.v11-tier,.v11-edge-chip,.v11-change,.v11-row-in{animation:.2s linear both v11-fade}.v11-edge-arc,.v11-change .v11-fresh{animation:none}}}@keyframes v11-chip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes v11-ring{0%{stroke-dashoffset:var(--edge-len)}}@keyframes v11-fresh{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.6)}}@keyframes v11-fade{0%{opacity:0}to{opacity:1}}