.thb{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 38px;padding:0;border-radius:12px;border:1px solid var(--line2,#ffffff24);background:#ffffff08;color:var(--tx,#ecf6f1);cursor:pointer;transition:background .2s,border-color .2s}.thb:hover{border-color:#34d39977}.thb:focus-visible{outline:2px solid #34d399;outline-offset:2px}
.thb .moon{display:none}[data-theme=light] .thb .sun{display:none}[data-theme=light] .thb .moon{display:block}
html:not([data-theme=light]) .tl{display:none!important}[data-theme=light] .td{display:none!important}
[data-theme=light] .thb{background:#fff;border-color:#0b1f1722;color:#0b1f17;box-shadow:0 1px 2px #0b1f170d}