.sd-dnt{--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-dnt[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-dnt :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-dnt :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-dnt .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-dnt{background:var(--bg);width:min(100%,320px);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums;border-radius:20px;padding:16px}.sd-dnt__wrap{width:180px;height:180px;margin:4px auto 14px;position:relative}.sd-dnt svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.sd-dnt__s{fill:none;transform-origin:90px 90px;cursor:pointer;transition:opacity .2s,transform .26s cubic-bezier(.3,1.4,.4,1);animation:.9s cubic-bezier(.4,0,.2,1) both sd-dnt-draw}@keyframes sd-dnt-draw{0%{stroke-dasharray:0 999}}.sd-dnt[data-hot] .sd-dnt__s:not([data-on]){opacity:.25}.sd-dnt__c{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.sd-dnt__c b{letter-spacing:-.02em;font-size:24px;font-weight:650;animation:.2s sd-dnt-in}.sd-dnt__c span{color:var(--mute);font-size:12px}@keyframes sd-dnt-in{0%{opacity:0;transform:translateY(3px)}}.sd-dnt__leg{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sd-dnt__row{text-align:left;border-radius:8px;align-items:center;gap:9px;width:100%;padding:6px 8px;font-size:13px;transition:background-color .15s,opacity .2s;display:flex}.sd-dnt__row:hover,.sd-dnt__row:focus-visible,.sd-dnt__row[data-on]{background:var(--soft)!important}.sd-dnt[data-hot] .sd-dnt__row:not([data-on]){opacity:.5}.sd-dnt__sw{border-radius:3px;flex:none;width:10px;height:10px}.sd-dnt__row span:nth-child(2){flex:1}.sd-dnt__row span:last-child{color:var(--mute);text-align:right;width:38px}@media (prefers-reduced-motion:reduce){.sd-dnt *,.sd-dnt :before,.sd-dnt :after{transition:none!important;animation:none!important}}
