.modal-background[data-v-d8ceb519]{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;align-content:center;justify-content:center;z-index:3}.modal-background[data-v-d8ceb519] .modal[data-v-d8ceb519]{min-width:400px;min-height:400px;border-radius:var(--fht-border-radius);background-color:var(--fht-element-background-color);border:2px solid var(--fht-element-border-color);padding:.5rem}.modal-background[data-v-d8ceb519] .modal[data-v-d8ceb519] h2[data-v-d8ceb519]{border-top-left-radius:var(--fht-border-radius);border-top-right-radius:var(--fht-border-radius);background-color:#0a0a0a80;padding:.5rem 1rem;margin:-.5rem -.5rem .5rem}.icon[data-v-7879878f]{margin:.3rem;float:right}.add-form[data-v-5f677233]{padding:1rem}.add-form[data-v-5f677233]>*[data-v-5f677233]{width:100%;margin:.25rem auto;display:block}.add-form[data-v-5f677233] .name[data-v-5f677233]{font-size:1.4em}h2[data-v-51b0f810] span[data-v-51b0f810]{display:inline-block;background-color:var(--fht-element-background-color);border-radius:var(--fht-border-radius);padding:.3ch .6ch;margin:.3ch}.start-end[data-v-6712275a]{display:flex;gap:1rem}.icon[data-v-fbe03777]{margin:.3rem;float:right}.total-time[data-v-fbe03777]{font-size:1.2em}.details[data-v-fbe03777]{border:1px solid var(--fht-background-color);display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.item[data-v-fbe03777]{display:flex;justify-content:space-between}h1[data-v-508a4a1c]{text-align:center;margin-left:3rem;margin-right:3rem}.dark-light[data-v-508a4a1c]{position:absolute;right:1rem;top:1rem;opacity:.5}:root{--fht-background-color: rgb(20, 20, 20);--fht-text-color: rgb(200, 200, 200);--fht-element-background-color: rgba(40, 40, 40);--fht-element-border-color: rgba(20, 20, 20);--fht-border-radius: .5rem;--fht-button-border-radius: .33rem;background-color:var(--fht-background-color);color:var(--fht-text-color)}html{color-scheme:dark light}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light;--fht-background-color: rgb(200, 200, 200);--fht-text-color: rgb(20, 20, 20);--fht-element-background-color: rgba(180, 180, 180);--fht-element-border-color: rgba(120, 120, 120)}#main-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"timers" "tags";gap:1rem;max-width:1200px;margin:auto}@media screen and (min-width: 600px){#main-grid{grid-template-columns:1fr 1fr;grid-template-areas:"tags timers"}}#tags-section{grid-area:tags}#timer-section{grid-area:timers}input,textarea,button{color:inherit;font-family:unset;border:0;padding:.25rem;box-sizing:border-box}button{padding:.5rem 1rem;font-weight:700;border-radius:var(--fht-button-border-radius)}h1{font-size:1.6rem}h2{font-size:1.4rem}.icon{width:18px;height:18px;fill:currentColor}.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.5}.clickable:hover{opacity:1}.card{margin-top:.5rem;padding:.5rem;border:1px solid var(--fht-element-border-color);border-radius:var(--fht-border-radius);background-color:var(--fht-element-background-color);box-shadow:3px 3px 6px #0003}