.sd-svg{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-svg[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-svg :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-svg :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-svg .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-svg{background:var(--bg);width:min(100%,300px);box-shadow:inset 0 0 0 1px var(--line);text-align:center;font-variant-numeric:tabular-nums;border-radius:22px;padding:18px}.sd-svg__name{color:var(--mute);font-size:13px}.sd-svg__ring{width:160px;height:160px;margin:12px auto 10px;position:relative}.sd-svg__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sd-svg__ring circle{fill:none;stroke-width:10px}.sd-svg__ring .bg{stroke:var(--soft)}.sd-svg__ring .fg{stroke:var(--fg);stroke-linecap:round;transition:stroke-dashoffset .7s cubic-bezier(.3,1,.4,1)}.sd-svg__c{place-content:center;display:grid;position:absolute;inset:0}.sd-svg__c b{letter-spacing:-.02em;font-size:26px;font-weight:650}.sd-svg__c span{color:var(--mute);font-size:12px}.sd-svg__c svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px;margin:0 auto;animation:.42s cubic-bezier(.3,1.7,.4,1) sd-svg-pop;transform:none}@keyframes sd-svg-pop{0%{transform:scale(0)}}.sd-svg__left{color:var(--mute);min-height:18px;font-size:12.5px}.sd-svg__chips{justify-content:center;gap:6px;margin-top:14px;display:flex}.sd-svg__chip{height:34px;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;padding:0 13px;font-size:13px;font-weight:600;transition:transform .12s,background-color .15s}.sd-svg__chip:hover{background:var(--soft)!important}.sd-svg__chip:active{transform:scale(.92)}.sd-svg__chip:disabled{opacity:.35;cursor:default}@media (prefers-reduced-motion:reduce){.sd-svg *,.sd-svg :before,.sd-svg :after{transition:none!important;animation:none!important}}