input,button,select,option{padding:.5rem;margin:.5rem 1rem}button,input[type=submit]{padding:.5rem 1rem}@media (prefers-color-scheme: dark){input,button,select,option{background-color:var(--vt-c-text-dark-2);border:none}button{color:#fff}[popover]{background-color:gray;color:#fff}}.flex-container{padding-block:6rem;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.flex-container>*{min-width:300px}#mainNav{position:fixed;top:0;right:0;z-index:5}#mainNav ul{display:flex;gap:1rem;list-style:none;padding:1rem;margin:0}footer{position:fixed;bottom:0;right:0;z-index:100;display:flex;justify-content:space-between;width:100%;padding:1rem;background:#efefef;align-items:center}@media screen and (prefers-color-scheme: dark){footer{background-color:#333;color:#ccc}}.stopwatch[data-v-bc346ee8]{margin-inline:auto}.stopwatch p[data-v-bc346ee8]{font-size:2em;font-weight:700;text-align:center;margin:0}.controls[data-v-bc346ee8]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding-block:1rem;border-bottom:1px solid var(--color-grey)}.value-0[data-v-bc346ee8]{color:transparent}button[data-v-bc346ee8]{cursor:pointer}button.active[data-v-bc346ee8],button.stopped[data-v-bc346ee8]{background-color:var(--color-green);border-color:transparent;color:#fff}button.stopped[data-v-bc346ee8]{background-color:var(--color-red)}.project[data-v-bc346ee8]{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;padding-block:1rem;border-bottom:1px solid var(--color-grey)}.project>div[data-v-bc346ee8]{padding-block:.5rem}textarea[data-v-bc346ee8],input[data-v-bc346ee8]{field-sizing:content}input[data-v-bc346ee8],select[data-v-bc346ee8]{width:200px}input.date[data-v-bc346ee8],select.date[data-v-bc346ee8]{width:auto;border:none}.submit[data-v-bc346ee8]{margin:auto;text-align:center}.submit input[data-v-bc346ee8]{background:var(--color-light-green);border-color:transparent;transition:all .5s;cursor:pointer}.submit input[data-v-bc346ee8]:hover{background:var(--color-green);color:#fff}.timerAndDate[data-v-bc346ee8]{display:flex;flex-wrap:wrap;justify-content:center;z-index:1}.controls.add[data-v-bc346ee8]{gap:0}.controls.add input[data-v-bc346ee8]{max-width:50px}.controls.add span[data-v-bc346ee8]{text-align:center}.stopwatchTime[data-v-bc346ee8]{width:100vw;position:fixed;top:0;left:0;font-size:3em;font-weight:700;text-align:center;margin:0;padding:0;width:100%;z-index:100;background:#efefef;color:#000}@media screen and (prefers-color-scheme: dark){.stopwatchTime[data-v-bc346ee8]{background:#333;color:#ccc}}.taskSummary[data-v-dc814aac]{background:#efefef;padding:1rem;flex:1;border:1px solid black}@media screen and (prefers-color-scheme: dark){.taskSummary[data-v-dc814aac]{background-color:#333;color:#ccc}}svg[data-v-100ae167]{display:block}.wrapper[data-v-100ae167]{padding:1rem;background:#fff}a[data-v-502a17ae]{color:var(--color-text);text-decoration:none}#clearStorage[data-v-502a17ae]{cursor:pointer}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}a{color:#fff}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[popover]{width:90%;margin:20vh 5%;padding:2rem;animation:popoverAnimate .5s ease-in;min-height:max(100px,50vh);align-items:center}[popover]::backdrop{background:#00000080;animation:popoverAnimate .5s ease-in}[popover]:popover-open{display:grid}[popover]:popover-exit{animation:popoverAnimateOut .5s ease-in}button[popovertarget]{background:none;border:none;padding:0;margin:0;cursor:pointer;text-decoration:underline}.popoverInner{display:flex;justify-content:center;align-items:center}@keyframes popoverAnimate{0%{opacity:0}to{opacity:1}}@keyframes popoverAnimateOut{0%{opacity:1}to{opacity:0}}:root{--color-green: green;--color-light-green: lightgreen;--color-red: red;--color-grey: #ccc}#app{max-width:1280px;margin:0 auto}