.dark{.modal-overlay{background-color:rgba(17, 24, 39, 0.8)}.modal-header,.modal-footer{border-color:#4b5563}.modal-content{background-color:#1f2937;color:#fff}.modal-close-button:hover,.modal-close-icon:hover{background-color:#6b7280;color:#fff}}:not(.dark){.modal-close-button,.modal-close-icon{color:#9ca3af;&:hover{color:#111827;background-color:#e5e7eb}}}.modal-container{position:relative;&[data-header=false] .modal-header{position:absolute}&[data-header-divider=true] .modal-header{border-bottom-width:1px}&[data-footer-divider=true] .modal-footer{border-top-width:1px}&[data-padding=true] .modal-main{padding:1rem;padding-top:.5rem}&[data-title=false] .modal-title-h{display:none}&[data-close-button=false] .modal-close{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background-color:rgba(17, 24, 39, 0.7);transition-property:opacity}.modal-outer{overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;margin:1rem}@media(min-width: 640px){.modal-outer{margin-left:auto;margin-right:auto}}@media(min-width: 768px){.modal-outer{max-width:48rem}}.modal-inner{display:flex;padding:.25rem;justify-content:center;align-items:center;min-height:100%}@media(min-width: 640px){.modal-inner{padding:1rem}}.modal-content{overflow:hidden;position:relative;background-color:#fff;transition-property:all;text-align:left;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06)}@media(min-width: 640px){.modal-content{margin-top:2rem;margin-bottom:2rem;max-width:48rem}}.modal-header{display:flex;padding-top:1rem;padding-bottom:1rem;justify-content:space-between;align-items:center;width:100%;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.modal-title{line-height:1.75rem;font-weight:600;padding-left:1rem}.modal-footer{display:flex;padding:1rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;border-top-width:1px}.modal-close{margin-right:1rem}.modal-close-button{display:inline-flex;padding:.375rem;margin-left:auto;background-color:transparent;font-size:.875rem;line-height:1.25rem;align-items:center;border-radius:.5rem}.modal-close-icon{width:1.25rem;height:1.25rem}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color-dark: #222831;--bg-color: #393E46;--main-color: #bbb;--accent-color: #008388}body,html{height:100%;width:100%;color:var(--main-color)}body{background-color:var(--bg-color-dark)}a{color:var(--main-color);text-decoration:none}.timer{background-color:var(--bg-color);text-align:center}.timer.timer--running{background-color:var(--accent-color)}.timer .timer__toggle-button{all:unset;width:100%}.timer .timer__content{padding:20px}.days{display:flex;flex-direction:column}.days .day{width:100vw;display:inline-flex;border-bottom:var(--main-color) solid 3px}.days .day .day__date{align-self:center;padding:5px}.days .timers{display:flex;flex-direction:row;flex-grow:1}.days .timers .timer{width:33.33%}.days .timers .timer .timer__content{padding:5px}.days .timers .timer .timer__name{padding:0 20px;font-size:1rem;margin-bottom:3px}.days .timers .timer .timer__time{font-size:1.25rem}.day-interface{display:flex;flex-direction:column;height:100%}.day-interface .day-interface__index-link{text-align:center;margin:10px auto;width:fit-content;display:block;font-size:1.5rem;background-color:var(--bg-color);border-radius:40px;padding:20px}.day-interface .day-interface__edit-button{position:absolute;right:10px;top:5px;font-size:40px}.day-interface .day{height:100%;align-content:center}.day-interface .day .day__date{margin-bottom:10px;text-align:center;font-size:2rem}.day-interface .timer{position:relative;margin:10px 20px;border-radius:10px}.day-interface .timer .timer__time{font-size:4.5rem;width:100%;text-align:center}.day-interface .timer .timer__name{font-size:2rem}.day-interface .timer .timer__objective{text-align:right;font-size:1.25rem;position:absolute;bottom:5px;right:10px}.day-form .day-form__time-field.day-form__life-field{position:absolute;top:0;left:10px;border:none;margin-top:10px}.day-form .day-form__time-field.day-form__life-field input{font-size:1.5rem;color:#999}.day-form .day-form__time-field.day-form__life-field label{font-size:1rem}.day-form label{text-align:center;display:block;font-size:1.5rem}.day-form input{background-color:var(--bg-color-dark);color:var(--main-color);border-radius:10px;font-size:3.5rem;text-align:center;border:none;width:100%}.day-form [type=submit]{margin-top:10px;font-size:1.75rem;border:none;background-color:var(--accent-color);padding:10px;border-radius:50px;display:block;margin-left:auto}.modal-content{background-color:var(--bg-color)}