html{font-family:Roboto Mono,monospace;font-size:10px;font-style:normal;font-weight:400}@media (max-width:1024px){html{font-size:8px}}body{background:var(--color-1);margin:0 auto;max-width:1920px;min-width:375px;padding:0}.btn{background:var(--color-3);border:none;border-radius:.5em;color:var(--color-5);font-family:Roboto Mono,monospace;font-size:1.6rem;font-style:normal;font-weight:400;outline:none;padding:1rem;text-transform:uppercase;transition:background-color .3s}.btn:focus,.btn:hover{background:var(--color-4)}.btn_withIcon{align-items:center;display:flex;flex:none;gap:.5rem;justify-content:center}@media (max-width:850px){.btn_withIcon-caption{display:none}}.list-enter-active,.list-leave-active,.list-move{transition:all .3s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translateZ(10rem)}.list-leave-active{position:absolute}.main{display:grid;gap:0 2rem;grid-template-columns:2fr 3fr;grid-template-rows:auto 1fr;height:100vh;margin:0 auto;overflow:hidden;padding:0 2rem;position:relative}@media (max-width:850px){.main{gap:0;grid-template-columns:1fr}}.sidebar{background:var(--color-6);border-radius:1.5em;box-shadow:0 0 10px var(--color-10);grid-row:1/3;height:calc(100vh - 6.4rem);margin:1.6rem 0;overflow:hidden;padding:1.6rem;position:relative}@media (max-width:850px){.sidebar{display:none}}.header{align-items:center;background:var(--color-6);border-radius:1.5em;box-shadow:0 0 10px var(--color-10);box-sizing:border-box;display:flex;gap:2rem;grid-column:2/3;height:-moz-max-content;height:max-content;justify-content:space-between;margin:1.6rem 0 0;padding:1.6rem;z-index:10}@media (max-width:850px){.header{grid-column:1/3}}.header-icon{height:3rem;width:3rem;stroke:var(--color-5)}.header-icon_report g{fill:var(--color-5)}.header__clock{border-radius:.7rem;color:var(--color-2);font-size:3.2rem;line-height:1;outline-offset:.15em}.header__clock_active{outline:.2em solid var(--color-3)}.header__btns{display:flex;flex-flow:row wrap;gap:2rem;justify-content:flex-end}.header__btn{align-items:center;display:flex;flex:none;gap:.5rem;justify-content:center}@media (max-width:850px){.header__btn-caption{display:none}}.empty-timer-list{color:var(--color-2);font-size:1.6rem;line-height:1.3;padding:3rem;text-align:center}.timer-list-short{height:100%;overflow-y:auto;padding:1rem;scrollbar-color:var(--color-3) var(--color-6)}.timer-list-short__btnReset{border-radius:.5em 0 0 .5em;height:4rem;padding:.5rem;width:4rem}.timer-list-short__btnReset svg{height:100%;width:100%}.timer-list-short__btnStart{border-radius:0 .5em .5em 0;height:4rem;outline-offset:1px;padding:.75rem;width:4rem}.timer-list-short__btnStart_active{outline:.3em solid var(--color-7)}.timer-list-short__btnStart svg{height:100%;width:100%}.timer-list-short__line{display:grid;gap:.8rem;grid-template-columns:auto 1fr auto;margin:0 0 1.5rem}.timer-list-short__btnTimer{border-radius:0;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.timer-list-short__btnTimer-time{border-radius:.3em;margin:0 1rem 0 0;outline:1px solid transparent;padding:.3rem}.timer-list-short__btnTimer-time_starting{outline-color:var(--color-5)}.welcome{align-items:center;background:var(--color-6);border-radius:1.5em;box-shadow:0 0 10px var(--color-10);display:flex;flex-flow:column wrap;gap:3rem;height:-moz-min-content;height:min-content;justify-content:center;margin:1.6rem 0 0;padding:3rem}.welcome__title{color:var(--color-2);font-size:2rem;line-height:1;margin:0}.welcome__desc{color:var(--color-2);font-size:1.6rem;line-height:1.3;margin:0}.sorting__input{background:none;border:.2rem solid var(--color-9);border-radius:.5rem;box-sizing:border-box;color:var(--color-2);font-size:1.6rem;height:100%;outline:none;padding:1rem;text-align:center;transition:.3s}.sorting__input:focus{border-color:var(--color-8)}.dialog-window{align-content:center;background:var(--color-6);box-sizing:border-box;display:flex;flex-flow:row wrap;gap:2rem;height:100%;justify-content:center;padding:1rem;width:100%}.dialog-window__text{color:var(--color-11);flex:none;font-size:1.6rem;text-align:center;width:100%}.timer{align-items:center;background:var(--color-6);border-radius:1.5em;box-shadow:0 0 10px var(--color-10);box-sizing:border-box;display:flex;flex-flow:row wrap;gap:2rem;margin:2rem auto;overflow:hidden;padding:1.6rem;position:relative;transition:.3s}.timer_selected{transform:scale(.95)}.timer__modal-delete{bottom:0;left:0;position:absolute;right:0;top:0}.timer__description,.timer__title{background:none;border:none;border:.2rem solid var(--color-9);border-radius:.5rem;box-sizing:border-box;color:var(--color-2);flex:none;font-family:Roboto Mono,monospace;font-size:1.6rem;font-style:normal;font-weight:400;outline:none;padding:1rem;transition:.3s;width:100%}.timer__description:focus,.timer__title:focus{border-color:var(--color-8)}.timer__description::-moz-placeholder,.timer__title::-moz-placeholder{color:var(--color-9);font-family:Roboto Mono,monospace;font-size:1.6rem;font-style:normal;font-weight:400;text-transform:capitalize}.timer__description::placeholder,.timer__title::placeholder{color:var(--color-9);font-family:Roboto Mono,monospace;font-size:1.6rem;font-style:normal;font-weight:400;text-transform:capitalize}.timer__description{height:20vh;resize:none}.timer__btns{display:flex;flex-flow:row wrap;gap:2rem;justify-content:flex-end}.timer__clock{border-radius:.3em;font-size:3.2rem}.timer__clock_active{outline:.2em solid var(--color-7);outline-offset:.07em}@keyframes blink-outline{0%,to{outline-color:transparent}50%{outline-color:var(--color-7)}}.timer__modal-time-break{align-content:center;background:var(--color-6);bottom:0;box-sizing:border-box;display:flex;flex-flow:row wrap;gap:2rem;height:100%;justify-content:center;left:0;padding:1rem;position:absolute;right:0;top:0;width:100%}.timer__modal-time-break-input{background:var(--color-7);border:none;border-radius:.5rem;box-sizing:border-box;color:var(--color-6);flex:none;font-size:1.6rem;outline:none;padding:1rem;transition:.3s;width:10rem}.timer__modal-time-break-text{color:var(--color-7);flex:none;font-size:1.6rem;text-align:center;width:100%}.timer__modal-edit-time{align-content:center;background:var(--color-6);bottom:0;box-sizing:border-box;display:flex;flex-flow:row wrap;gap:2rem;height:100%;justify-content:center;left:0;padding:1rem;position:absolute;right:0;top:0;width:100%}.timer__modal-edit-time-text{width:100%}.timer__modal-edit-time-label,.timer__modal-edit-time-text{color:var(--color-11);flex:none;font-size:1.6rem;text-align:center}.timer__modal-edit-time-input{background:var(--color-7);border:none;border-radius:.5rem;box-sizing:border-box;color:var(--color-12);flex:none;font-family:Roboto Mono,monospace;font-size:1.6rem;font-style:normal;font-weight:400;outline:none;padding:1rem;text-align:center;transition:.3s;width:10rem}.timer__modal-edit-time-input:focus{background:var(--color-8)}.timer__modal-edit-time-inputs{align-items:center;gap:1rem}.timer__modal-edit-time-btns,.timer__modal-edit-time-inputs{display:flex;flex:none;flex-flow:row wrap;justify-content:center;width:100%}.timer__modal-edit-time-btns{gap:2rem}.fade-modal-enter-active,.fade-modal-leave-active{transition:opacity .3s ease}.fade-modal-enter-from,.fade-modal-leave-to{opacity:0}.timer-list{overflow-y:auto;padding:0 1rem;scrollbar-color:var(--color-3) var(--color-6)}.tooltipe{background:var(--color-6);border-radius:1.5em;bottom:2rem;display:grid;grid-template-rows:1fr auto 1fr;padding:2rem;position:absolute;right:4rem;grid-gap:2rem;border:.2rem solid var(--color-9);max-width:calc(100% - 10rem);width:60rem}.tooltipe__header{display:flex;flex-flow:row wrap;justify-content:flex-end}.tooltipe__footer{display:flex;flex-flow:row wrap;justify-content:center}.tooltipe__content{border:.2rem solid var(--color-9);border-radius:.5rem;padding:2rem}.tooltipe__text{color:var(--color-2);font-size:1.6rem}.settings-time-report{align-items:center;color:var(--color-2);display:flex;flex-flow:row wrap;font-size:1.6rem;gap:3rem 2rem;line-height:1}.settings-time-report__options{align-items:center;display:flex;flex-flow:row wrap;gap:2rem}.settings-time-report-option{position:relative}.settings-time-report-option__label{border:.2rem solid transparent;padding:.3rem .4rem;transition:.3s;white-space:nowrap}.settings-time-report-option__label:hover{border-color:var(--color-2)}.settings-time-report-option__input{opacity:0;outline:none;position:absolute;visibility:hidden}.settings-time-report-option__input:checked+.settings-time-report-option__label{border-color:var(--color-2)}.filter-time-report{color:var(--color-2);font-size:1.6rem;gap:3rem 2rem;line-height:1}.filter-time-report,.filter-time-report__options{align-items:center;display:flex;flex-flow:row wrap}.filter-time-report__options{gap:2rem}.filter-time-report-option{position:relative}.filter-time-report-option__label{border:.2rem solid transparent;padding:.3rem .4rem;transition:.3s;white-space:nowrap}.filter-time-report-option__label:hover{border-color:var(--color-2)}.filter-time-report-option__input{opacity:0;outline:none;position:absolute;visibility:hidden}.filter-time-report-option__input:checked+.filter-time-report-option__label{border-color:var(--color-2)}.report{--height-footer:8rem;background:var(--color-6);box-shadow:0 1rem 2rem var(--color-6);box-sizing:border-box;height:100%;margin:0 auto 3rem;max-width:1920px;overflow:hidden;padding:0 0 var(--height-footer) 0;position:relative}.report__header{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:1.6rem}.report-wrapper{background:var(--color-1);bottom:0;left:0;position:fixed;right:0;top:0;z-index:20}.report__clock{border-radius:1rem;color:var(--color-2);font-size:3.2rem;line-height:1}.report__footer{background:var(--color-6);bottom:0;box-sizing:border-box;display:flex;flex-flow:column nowrap;gap:2rem 0;height:var(--height-footer);justify-content:center;left:0;padding:1.6rem;position:absolute;width:100%}.report__content{background:var(--color-1);font-size:1.6rem;height:calc(100% - var(--height-footer));overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:var(--color-3) var(--color-6)}.report__content-inner{padding:0 2rem}.report-icon{height:3rem;width:3rem;stroke:var(--color-5)}.report-icon_report g{fill:var(--color-5)}.report__table{background:var(--color-6);border-radius:.5em;box-shadow:0 0 10px var(--color-10);color:var(--color-2);margin:2rem 0;padding:1rem}.report__table-td{padding:1rem}.report__table-td_time{align-items:center;border-right:.1rem solid var(--color-2);display:flex;justify-content:center;white-space:nowrap}.report__table-row-1{border-bottom:.1rem solid var(--color-2);display:flex;flex-flow:row nowrap}.settings-language{color:var(--color-2);display:flex;flex-flow:row wrap;font-size:1.6rem;gap:2.4rem 1.6rem;line-height:1}.settings-language__options{align-items:center;display:flex;flex-flow:row wrap;gap:2rem}.settings-language-option{position:relative}.settings-language-option__label{border:.2rem solid transparent;padding:.3rem .4rem;transition:.3s;white-space:nowrap}.settings-language-option__label:hover{border-color:var(--color-2)}.settings-language-option__input{opacity:0;outline:none;position:absolute;visibility:hidden}.settings-language-option__input:checked+.settings-language-option__label{border-color:var(--color-2)}.settings-sound{color:var(--color-2);display:flex;flex-flow:row wrap;font-size:1.6rem;gap:3rem 2rem;line-height:1}.settings-sound__options{align-items:center;display:flex;flex-flow:row wrap;gap:2rem}.settings-sound-option{position:relative}.settings-sound-option__label{border:.2rem solid transparent;padding:.3rem .4rem;transition:.3s;white-space:nowrap}.settings-sound-option__label:hover{border-color:var(--color-2)}.settings-sound-option__input{opacity:0;outline:none;position:absolute;visibility:hidden}.settings-sound-option__input:checked+.settings-sound-option__label{border-color:var(--color-2)}.settings-color-schema{align-items:center;color:var(--color-2);display:flex;flex-flow:row wrap;font-size:1.6rem;gap:3rem 2rem;line-height:1}.settings-color-schema__options{align-items:center;display:flex;flex-flow:row wrap;gap:2rem}.settings-color-schema-option{position:relative}.settings-color-schema-option__label{border:.2rem solid transparent;padding:.3rem .4rem;transition:.3s;white-space:nowrap}.settings-color-schema-option__label:hover{border-color:var(--color-2)}.settings-color-schema-option__input{opacity:0;outline:none;position:absolute;visibility:hidden}.settings-color-schema-option__input:checked+.settings-color-schema-option__label{border-color:var(--color-2)}.settings-about-program{color:var(--color-2);font-size:1.6rem}.settings-about-program:not(:last-child){margin:0 0 3rem}.settings-about-program__content{padding:0 0 0 4rem}.settings-about-program a{color:var(--color-2);text-decoration:underline}.settings-about-program a:focus,.settings-about-program a:hover{text-decoration:none}.settings{--height-footer:8rem;box-shadow:0 1rem 2rem var(--color-6);box-sizing:border-box;height:100%;margin:0 auto 3rem;max-width:1920px;overflow:hidden;padding:0 0 var(--height-footer) 0;position:relative}.settings,.settings-item{background:var(--color-6)}.settings-item{border-radius:.5em;box-shadow:0 0 10px var(--color-10);margin:1.6rem;padding:1.6rem}.settings-item__title{border-bottom:.2rem solid var(--color-2);color:var(--color-2);font-size:2rem;line-height:1;margin:0 0 1.6rem;padding:0 0 1.6rem}.settings__header{align-items:center;box-shadow:0 0 10px var(--color-10);display:flex;flex-flow:row nowrap;justify-content:flex-end;padding:1.6rem}.settings-wrapper{background:var(--color-1);bottom:0;left:0;position:fixed;right:0;top:0;z-index:20}.settings__content{background:var(--color-1);font-size:1.6rem;height:calc(100% - var(--height-footer));overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:var(--color-3) var(--color-6)}.settings__content-inner{padding:0 2rem}