.sd-trf{--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-trf[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-trf :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-trf :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-trf .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-trf{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;width:min(100%,360px);display:grid}@media (max-width:420px){.sd-trf{grid-template-columns:1fr}.sd-trf__mid{justify-content:center;flex-direction:row!important}.sd-trf__mid svg{transform:rotate(90deg)}}.sd-trf__col{background:var(--bg);min-width:0;height:280px;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}@media (max-width:420px){.sd-trf__col{height:170px}}.sd-trf__h{justify-content:space-between;padding:10px 12px 6px;font-size:12px;font-weight:600;display:flex}.sd-trf__h span{color:var(--mute);font-variant-numeric:tabular-nums;font-weight:400}.sd-trf__q{background:var(--soft);height:30px;color:var(--fg);font:inherit;border:0;border-radius:8px;outline:0;margin:0 8px 6px;padding:0 9px;font-size:12.5px}.sd-trf__list{flex:1;padding:0 4px 6px;overflow:auto}.sd-trf__it{cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:32px;padding:0 8px;font-size:13px;animation:.26s cubic-bezier(.2,1,.3,1) sd-trf-in;display:flex}.sd-trf__it:hover{background:var(--soft)}@keyframes sd-trf-in{0%{opacity:0;transform:translateX(var(--from,0))}}.sd-trf__it input{accent-color:currentColor;color:var(--fg);margin:0}.sd-trf__mid{flex-direction:column;justify-content:center;gap:6px;display:flex}.sd-trf__mv{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;place-items:center;display:grid;background:var(--bg)!important}.sd-trf__mv:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--fg)}.sd-trf__mv:disabled{opacity:.3;cursor:default}.sd-trf__mv svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}@media (prefers-reduced-motion:reduce){.sd-trf *,.sd-trf :before,.sd-trf :after{transition:none!important;animation:none!important}}