.timer-figure{border:1px solid var(--line);background:#eff2f5;border-radius:8px;overflow:hidden}.figure-label{color:#56657a;justify-content:space-between;padding:19px 23px 0;font:12px ui-monospace,monospace;display:flex}.timer-figure>img{width:100%;height:auto;margin-top:-5px}.timer-console{border-top:1px solid #d4dce4;justify-content:space-between;align-items:center;gap:12px;margin:0 23px;padding:17px 0;display:flex}.timer-value{color:#253449;font-variant-numeric:tabular-nums;align-items:center;gap:10px;font:26px ui-monospace,monospace;display:flex}.timer-unit{color:#647488;font-size:10px}.timer-light{background:#9eabb8;border-radius:50%;width:5px;height:5px}.timer-light[data-running=true]{background:#466d58;box-shadow:0 0 0 3px #466d581a}.timer-controls{align-items:center;gap:15px;display:flex}.timer-controls button{color:#fff;min-height:44px;font-family:var(--font-ui);background:#253449;border-radius:5px;padding:0 15px;font-size:13px}.timer-controls button:hover{background:#3f526b}.timer-controls .timer-reset{color:#526276;background:0 0;padding-inline:2px}.timer-figure figcaption{font:12px/1.6 var(--font-ui);color:#56657a;border-top:1px solid #dce1e7;padding:12px 23px}@media (prefers-color-scheme:dark){.timer-figure{background:#131313}.figure-label,.timer-unit,.timer-figure figcaption{color:#8e98a5}.timer-console,.timer-figure figcaption{border-color:#2c2f33}.timer-value{color:#e6e9ee}.timer-light{background:#55606c}.timer-controls button{color:#151514;background:#e6e9ee}.timer-controls button:hover{background:#c8d0d9}.timer-controls .timer-reset{color:#a9b3bf;background:0 0}}