.countdown-box{display:inline-block;vertical-align:-0.10em;padding:0 .4em;border:1px solid #ffb84d;border-radius:.6em;background:#fff7e6;line-height:1;overflow:hidden;margin-left:2em;}.timer-grid{display:inline-grid;grid-template-columns:1.2em 1ch 1ch .7ch 1ch 1ch 1.2em 1.2em 1.2em;align-items:center;justify-items:center;column-gap:.2ch;line-height:1;}.status-hourglass{font-size:0.7em;}.timer-grid--edit{grid-template-rows:min-content min-content min-content;row-gap:0;}.timer-grid--run{grid-template-rows:min-content;row-gap:0;}.d,.colon{font-weight:700;font-size:1em;color:darkred;line-height:1;}.timer-control{text-decoration:none;cursor:pointer;color:#333;font-size:0.5em;line-height:1;}.timer-control:hover{color:#000;}.adjust{text-decoration:none;cursor:pointer;color:#444;font-size:.8em;line-height:0.5;margin:0;padding:0;}.adjust:hover{color:#000;}.hg-green{color:#2e7d32;}.hg-orange{color:#ef6c00;}.hg-red{color:#c62828;}.gear-blue{color:#1976d2;}.gear-red{color:#c62828;}.cell-up-hg{grid-column:1;grid-row:1;}.cell-digit-hg{grid-column:1;grid-row:2;}.cell-down-hg{grid-column:1;grid-row:3;}.cell-up-0{grid-column:2;grid-row:1;}.cell-digit-0{grid-column:2;grid-row:2;}.cell-down-0{grid-column:2;grid-row:3;}.cell-up-1{grid-column:3;grid-row:1;}.cell-digit-1{grid-column:3;grid-row:2;}.cell-down-1{grid-column:3;grid-row:3;}.cell-up-c{grid-column:4;grid-row:1;}.cell-digit-c{grid-column:4;grid-row:2;}.cell-down-c{grid-column:4;grid-row:3;}.cell-up-2{grid-column:5;grid-row:1;}.cell-digit-2{grid-column:5;grid-row:2;}.cell-down-2{grid-column:5;grid-row:3;}.cell-up-3{grid-column:6;grid-row:1;}.cell-digit-3{grid-column:6;grid-row:2;}.cell-down-3{grid-column:6;grid-row:3;}.cell-up-ctrl{grid-column:7;grid-row:1;}.cell-digit-ctrl{grid-column:7;grid-row:2;}.cell-down-ctrl{grid-column:7;grid-row:3;}.cell-up-reset{grid-column:8;grid-row:1;}.cell-digit-reset{grid-column:8;grid-row:2;}.cell-down-reset{grid-column:8;grid-row:3;}.cell-up-gear{grid-column:9;grid-row:1;}.cell-digit-gear{grid-column:9;grid-row:2;}.cell-down-gear{grid-column:9;grid-row:3;}.countdown-box.started .adjust,.countdown-box.started .cell-up-0,.countdown-box.started .cell-up-1,.countdown-box.started .cell-up-2,.countdown-box.started .cell-up-3,.countdown-box.started .cell-up-c,.countdown-box.started .cell-down-0,.countdown-box.started .cell-down-1,.countdown-box.started .cell-down-2,.countdown-box.started .cell-down-3,.countdown-box.started .cell-down-c{display:none;}.countdown-box.started .timer-grid{grid-template-rows:0 min-content 0;}