.app{display:grid;grid-template-areas:"header" "main";grid-template-rows:auto 1fr}.app>header{grid-area:header;padding:1rem;margin-bottom:1rem;border-bottom:1px solid var(--tmz-color-text-muted);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.header__title{margin:0}@media screen and (min-width:768px){.header__title{margin:0;font-size:1rem;line-height:1rem}}.app>main{grid-area:main;padding:1rem}.radio-button-group{display:flex;align-items:center;gap:.5rem}.radio-button-group.--stacked{flex-direction:column;align-items:flex-start}.radio-button-group__title{font-size:.9rem}.radio-button-group__options{display:flex;flex-wrap:wrap;gap:.25rem}.radio-button-group__option[aria-checked=true]{background-color:var(--tmz-color-text);color:var(--tmz-color-background)}.timer-card-empty{--_color-background: var(--tmz-color-background);--_color-text: var(--tmz-color-text);background-color:var(--_color-background);color:var(--_color-text);border:2px solid currentColor;border-radius:.5rem;padding:2rem;display:grid;place-items:center;position:relative;transition:.1s all ease-in-out}.timer-card-empty:hover{--_color-background: var(--tmz-color-background-alt);--_color-text: var(--tmz-color-text)}:root[data-theme=dark] .timer-card-empty{--_color-background: transparent;--_color-text: rgba(255, 255, 255, .4)}:root[data-theme=dark] .timer-card-empty:hover{--_color-background: rgba(0, 0, 0, .2);--_color-text: white}.timer-card-empty h2{margin:0;margin-bottom:1rem}.timer-card-empty button{width:5rem;height:5rem;background-color:transparent;border:2px solid currentColor;color:var(--color-text);display:flex;border-radius:500px;justify-content:center;align-items:center;cursor:pointer}.timer-card-empty button:before{content:" ";position:absolute;inset:0}.seven-segments-digit path[data-digital-segment]{stroke:var(--seven-segments-digit-background, var(--tmz-color-background, white))}.seven-segments-digit path[data-digital-segment][data-state=on]{fill:var(--seven-segments-digit-on, var(--tmz-color-text, black))}.seven-segments-digit path[data-digital-segment][data-state=off]{fill:var(--seven-segments-digit-off, var(--tmz-color-background-alt, #e0e0e0));fill-opacity:var(--seven-segments-digit-off-opacity, 1)}.timer-card-display{border:2px solid var(--tmz-color-text);border-radius:.5rem;padding:1rem}.timer-card-display.--running.--expired .timer-card-display__digits,.timer-card-display.--running .timer-card-display__digits-separator{animation:pulseAnimation 1s linear infinite}@keyframes pulseAnimation{0%{opacity:0}50%{opacity:1}to{opacity:0}}.timer-card-display__header{display:flex;justify-content:flex-start;padding-bottom:1rem;margin-bottom:.5rem;gap:.5rem;border-bottom:2px solid currentColor;flex-wrap:wrap}@media screen and (min-width:768px){.timer-card-display__header{justify-content:flex-end}}.timer-card-display__title{text-align:center;margin:0;font-family:monospace}.timer-card-display__digits{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;position:relative}.timer-card-display__digits-separator{padding:1rem;display:flex;align-items:center;justify-content:center;font-size:4.5em;line-height:4.5em;width:2rem!important;height:4.5rem}.timer-card-display__digits>*{width:100%}.timer-card-form{border-radius:.5rem;padding:1rem;border:2px solid var(--tmz-color-text)}.timer-card-form__header{padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:2px solid var(--tmz-color-text)}.timer-card-form__buttons{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}@media screen and (min-width:768px){.timer-card-form__buttons{justify-content:flex-end}}.form-control{display:flex;flex-direction:column;gap:.5rem}.form-control label{font-weight:700}.form-control .error-message{font-size:.8rem;line-height:.8rem;font-style:italic;color:red}.form-controls-row{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.form-controls-row>.form-control{flex:1;padding:.5rem}.color-option{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.33rem 1rem;width:6.875rem}.color-option-swatch{border:1px solid transparent;width:24px;height:24px;border-radius:8px}.color-option-swatch.--green{background-color:var(--tmz-color-green)}.color-option-swatch.--blue{background-color:var(--tmz-color-blue)}.color-option-swatch.--red{background-color:var(--tmz-color-red)}.color-option-swatch.--teal{background-color:var(--tmz-color-teal)}.color-option-swatch.--purple{background-color:var(--tmz-color-purple)}.color-option-swatch.--yellow{background-color:var(--tmz-color-yellow)}.color-option[aria-checked=true] .color-option-swatch{border-color:var(--tmz-color-background)}.app-timers{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.app-timers .--maximize-timer{grid-column:1 / 3}.app-timers.--one-child{grid-template-columns:1fr}@media(max-width:600px){.app-timers{grid-template-columns:1fr}}:root{--tmz-color-background: #242424;--tmz-color-background-alt: #4a4a4a;--tmz-color-text: rgba(255, 255, 255, .87);--tmz-color-text-muted: rgba(255, 255, 255, .5);--tmz-color-green: #2b9c45;--tmz-color-green-text: white;--tmz-color-blue: #3757c0;--tmz-color-blue-text: white;--tmz-color-red: #b93535;--tmz-color-red-text: white;--tmz-color-teal: #4bc6b5;--tmz-color-teal-text: black;--tmz-color-purple: #8344a2;--tmz-color-purple-text: white;--tmz-color-yellow: #e3d73a;--tmz-color-yellow-text: black;--tmz-color-none: var(--tmz-color-background);--tmz-color-none-text: var(--tmz-color-text);--tmz-button-color-background: var(--tmz-color-background-alt);--tmz-button-color-text: var(--tmz-color-text);--tmz-button-hover-color-background: var(--tmz-color-text);--tmz-button-hover-color-text: var(--tmz-color-background)}:root[data-theme=light]{--tmz-color-background: #ffffff;--tmz-color-background-alt: #e0e0e0;--tmz-color-text: #213547;--tmz-color-text-muted: #434c53;--tmz-color-green: #116925;--tmz-color-green-text: white;--tmz-color-blue: #1e46c7;--tmz-color-blue-text: white;--tmz-color-red: #d51212;--tmz-color-red-text: white;--tmz-color-teal: #4eddca;--tmz-color-teal-text: black;--tmz-color-purple: #7917a9;--tmz-color-purple-text: white;--tmz-color-yellow: #eadd21;--tmz-color-yellow-text: black}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--tmz-color-text);background-color:var(--tmz-color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}input[type=text],input[type=number]{padding:.5rem;line-height:1rem;font-size:1rem;background-color:var(--tmz-color-background-alt);color:var(--tmz-color-text);border:1px solid var(--tmz-color-text);border-radius:4px}button{border-radius:4px;background-color:var(--tmz-button-color-background);color:var(--tmz-button-color--text);border:1px solid currentColor;padding:.25rem .75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}button:hover{background-color:var(--tmz-button-hover-color-background);color:var(--tmz-button-hover-color-text)}button[disabled]{opacity:.5;pointer-events:none}