.Timer{--light-time-background:#f9f9f9;--light-border:#aaa;--light-text:#000;--dark-border:#888;--dark-time-background:#222;--dark-text:#eee;background:light-dark(var(--light-border),var(--dark-border));border:solid 1px light-dark(var(--light-border),var(--dark-border));border-radius:1ch;grid-template:"display display""startstop reset"/auto auto;gap:1px;max-width:fit-content;font-size:1rem;display:grid;overflow:hidden}.Timer time{background:light-dark(var(--light-time-background),var(--dark-time-background));color:light-dark(var(--light-text),var(--dark-text));text-align:center;grid-area:display;min-width:12ch;padding:.5ch;font-family:monospace;font-size:3em}.Timer time [data-value^="0"][data-value$="0"],.Timer time [data-type=literal],.Timer time [data-type=decimal]{opacity:.5}.Timer time [data-unit=second][data-type=decimal],.Timer time [data-unit=second][data-type=fraction]{font-size:.5em}.Timer time :not([data-value^="0"][data-value$="0"])+[data-type=literal]{animation:1s ease-in-out infinite blink-animation}.Timer button{color:light-dark(var(--light-text),var(--dark-text));border:none;font-size:3em}@keyframes blink-animation{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=timer-web.2c8f8c65.css.map */