body,html{margin:0;padding:0;width:100%}body{background:#262626;font-family:Open Sans,serif;overflow:hidden}a{outline:none}a,a:visited{color:#fff;text-decoration:none}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.wrap{-webkit-animation:fade-in 1s linear;animation:fade-in 1s linear;font-size:2em;text-align:center;color:#fff;margin:25px 10px;display:grid;grid-gap:20px;grid-template-columns:1fr minmax(300px,1fr) 1fr;grid-template-rows:auto 72vh;grid-template-areas:". logo ." "left main thoughts"}.logo{-ms-flex-item-align:center;align-self:center;fill:#fff;stroke:#fff;width:100%;grid-area:logo}.main{align-self:start;display:grid;grid-template-rows:repeat(3,auto);grid-template-areas:"task" "controls" "pomodor";grid-area:main;grid-gap:25px}.task{grid-area:task}.task>input{font-size:.8em;font-family:Open Sans,serif;text-align:center;color:#fff;width:calc(100% - 46px);-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-bottom:1px solid #757575;background:none;outline:none}.task>#task-name-text{font-size:.8em;outline:none;width:calc(100% - 40px);margin:auto 10px;text-decoration:none}.task>label{display:block;font-size:.6em;color:#757575}.buttons{grid-area:controls;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:auto 20px}.tomato{margin:auto;width:65%;grid-area:pomodor;position:relative}.timer{font-size:5vw;position:absolute;width:100%;top:50%;margin-top:-10%;text-align:center}@media screen and (max-width:768px){.timer{font-size:15vw}}@media screen and (max-width:425px){.timer{font-size:1.5em}}.tomatoes-left{grid-area:left}.thoughts,.tomatoes-left{overflow-y:auto;padding:0 10px}.thoughts{grid-area:thoughts}.adding-note{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.5em;width:auto;padding:20px;text-align:left;border-bottom:1px solid #454545}.adding-note:hover{background:#454545;cursor:pointer}.adding-disabled{opacity:.7}.adding-disabled:hover{cursor:auto;background:none}.st0{stroke-miterlimit:10;stroke:#fff;fill:#fff;stroke-dasharray:550;opacity:1;-webkit-animation:animate 2s ease-in-out;animation:animate 2s ease-in-out}@-webkit-keyframes animate{0%{opacity:0;fill:none;stroke-dashoffset:550}30%{opacity:1;fill:none;stroke-dashoffset:550}90%{fill:hsla(0,0%,100%,0)}to{fill:#fff;stroke-dashoffset:0}}@keyframes animate{0%{opacity:0;fill:none;stroke-dashoffset:550}30%{opacity:1;fill:none;stroke-dashoffset:550}90%{fill:hsla(0,0%,100%,0)}to{fill:#fff;stroke-dashoffset:0}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}8%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}24%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}40%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}56%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}72%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}88%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}8%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}24%{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}40%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}56%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}72%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}88%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.tomato-spin{-webkit-animation:spin .7s ease-in;animation:spin .7s ease-in}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#303030;border-radius:10px}::-webkit-scrollbar-thumb{background:#404040;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#505050}label[for=nav-trigger]{position:absolute;top:35px;left:30px;z-index:6;width:40px;height:40px;cursor:pointer}.nav-trigger:checked~.nav{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:0 0 5px 5px rgba(0,0,0,.5);box-shadow:0 0 5px 5px rgba(0,0,0,.5);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.nav-trigger:checked~label{position:fixed}.nav-trigger-label span,.nav-trigger-label span:after,.nav-trigger-label span:before{position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-10px;width:20px;height:2px;background-color:#fff}.nav-trigger-label span:after,.nav-trigger-label span:before{content:"";display:block;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.nav-trigger-label span:before{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.nav-trigger-label span:after{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}.nav-trigger:checked~label>span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.nav-trigger:checked~label>span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-trigger:checked~label>span{height:0}@media screen and (max-width:768px){body{overflow:auto}.wrap{margin:15px 0;grid-template-rows:repeat(4,auto);grid-template-columns:1fr minmax(90%,1fr) 1fr;grid-template-areas:". logo ." ". main ." ". thoughts ." ". left ."}.logo{width:80%;justify-self:center}.nav-trigger-label span,.nav-trigger-label span:after,.nav-trigger-label span:before{margin-top:-1px;margin-left:-15px;width:30px;height:2px}.nav-trigger-label span:before{-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px)}.nav-trigger-label span:after{-webkit-transform:translateY(7px);-ms-transform:translateY(7px);transform:translateY(7px)}label[for=nav-trigger]{top:40px;left:5%;z-index:9}}@media screen and (max-width:599px){.wrap{margin:15px 0;grid-template-rows:repeat(4,auto);grid-template-columns:1fr minmax(85%,1fr) 1fr;grid-template-areas:". logo ." ". main ." ". thoughts ." ". left ."}label[for=nav-trigger]{top:20px;left:12px;z-index:9}.nav-trigger-label span,.nav-trigger-label span:after,.nav-trigger-label span:before{margin-top:-1px;margin-left:-10px;width:20px;height:2px}.nav-trigger-label span:before{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.nav-trigger-label span:after{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}.settings-block{max-width:90%}.settings-footer{-ms-flex-pack:center!important;justify-content:center!important}.setting{margin:15px!important}}@media screen and (max-width:359px){.wrap{grid-gap:10px;grid-template-rows:repeat(4,auto)}label[for=nav-trigger]{top:15px;left:10px;z-index:9}.settings-block{min-width:300px}}.nav{will-change:transform;-webkit-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);z-index:5;top:0;position:fixed;height:100%;width:300px;background:#151515;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.nav-header{margin:30px;font-size:2em;color:#fff;text-align:center}.nav-list{color:#fff;text-align:left;font-size:1.1em;list-style-type:none;padding:0;margin:0}.nav-item{padding:20px 30px;height:25px;border:none;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.nav-item:hover{background:#353535;cursor:pointer}.nav-item a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.nav-icon{height:100%}.nav-footer{width:100%;color:#fff;margin-top:auto}.nav-footer-header{font-size:1.2em;text-align:center;margin:0}.contacts-wrapper{height:30px;margin:25px 20px 35px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.contacts-wrapper>a{width:30px;-moz-transform-origin:15px 15px}.contacts-wrapper a:hover{cursor:pointer;-webkit-animation:spin .7s ease-in;animation:spin .7s ease-in}.nav-trigger{position:absolute;clip:rect(0,0,0,0)}.green-btn,.red-btn,.seagreen-btn{color:#fff;font-size:.5em;width:25%;height:40px;border-radius:5px;outline:none;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.green-btn{background:#28a745;border:1px solid #007e33}.green-btn:hover{background:#007e33;cursor:pointer}.green-btn:active{background:#003e1e;border:1px solid #003117;cursor:pointer}.green-btn:disabled{opacity:.7;cursor:auto}.green-btn:disabled:hover{background:#28a745;border:1px solid #007e33}.red-btn{background:#dc3545;border:1px solid #b02d3d}.red-btn:hover{cursor:pointer;background:#b02d3d}.red-btn:active{cursor:pointer;background:#721d28;border:1px solid #4a131a}.red-btn:disabled{opacity:.7;cursor:auto}.red-btn:disabled:hover{background:#dc3545;border:1px solid #b02d3d}.seagreen-btn{background:#20c997;border:1px solid #147d5d}.seagreen-btn:hover{background:#147d5d;cursor:pointer}.seagreen-btn:active{background:#0d533e;border:1px solid #083527;cursor:pointer}.seagreen-btn:disabled{opacity:.7;cursor:auto}.seagreen-btn:disabled:hover{background:#20c997;border:1px solid #147d5d}.card-header{display:block;font-size:.8em;margin-top:0;margin-bottom:0;padding:10px;background:#303030;border-top-left-radius:8px;border-top-right-radius:8px}.list{color:#fff;text-align:left;font-size:1rem;list-style-type:none;padding:0;margin:0}.list>li{word-wrap:break-word;border-bottom:1px solid #454545;padding:20px}.list>li:last-child{border-bottom:none}.dots .pop{font-size:.8em;visibility:hidden;width:60px;background-color:#151515;color:#fff;text-align:center;border-radius:6px;padding:8px 0;position:absolute;z-index:999;bottom:125%;left:50%;margin-left:-30px;-webkit-box-shadow:0 0 10px #050505;box-shadow:0 0 10px #050505}.dots .show-pop{visibility:visible;-webkit-animation:fade-in .5s;animation:fade-in .5s}.dots .pop:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid;border-color:#151515 transparent transparent}.dots{height:12px;background:none;border:none;padding:0;-ms-flex-item-align:end;align-self:flex-end;outline:none;position:relative;display:inline-block}.dots:hover{cursor:pointer}.note-li{white-space:pre-line;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.menu-item{padding:3px 0}.menu-item:hover{color:#707070}.pomodoro-list>li{text-decoration:line-through}.pomodoro-list>li:last-child{text-decoration:none}textarea{resize:none;min-height:4em;font-size:.5em;font-family:Open Sans,serif;background:none;border:none;color:#fff;outline:none}.textarea-wrap,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.textarea-wrap{border-bottom:1px solid #454545;padding:20px;-ms-flex-direction:column;flex-direction:column}.save,.textarea-wrap{display:-ms-flexbox;display:flex}.save{height:2em;color:#fff;font-size:.5em;background:none;border:none;-ms-flex-item-align:end;align-self:flex-end;-ms-flex-align:center;align-items:center;padding:5px 0;outline:none;-webkit-animation:fade-in .5s linear;animation:fade-in .5s linear}.save:hover{border-bottom:1px solid #fff;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number input[type=number]{-moz-appearance:textfield;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:50%;margin-left:-18px;display:inline-block;height:38px;width:38px;border-radius:50%;text-align:center;border:none;font-size:1.2rem;outline:none}.input-number{position:relative;width:100px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.input-number div{display:inline-block;width:50px;height:40px;background-color:hsla(0,0%,100%,.2);font-size:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-number div:hover{background-color:hsla(0,0%,100%,.25)}.minus{border-radius:20px 0 0 20px;padding-right:10px}.plus{border-radius:0 20px 20px 0;padding-left:25px}.disabled div:hover{background-color:hsla(0,0%,100%,.2);cursor:auto}.switch{position:relative;display:inline-block;min-width:100px;height:40px}.switch input{position:absolute;clip:rect(0,0,0,0)}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px}.slider,.slider:before{position:absolute;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.slider:before{will-change:transform;content:"";height:32px;width:32px;left:4px;bottom:4px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:#28a745}input:focus+.slider{-webkit-box-shadow:0 0 1px #28a745;box-shadow:0 0 1px #28a745}input:checked+.slider:before{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px)}.modal{position:fixed;width:100%;height:100%;top:0;left:0;background:hsla(0,0%,6%,.8);z-index:10;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;-webkit-animation:fade-in .1s linear;animation:fade-in .1s linear;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.modal,.settings-block{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.settings-block{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;font-size:2em;max-height:600px;background:rgba(32,32,32,.95);border-radius:10px;-webkit-box-shadow:0 0 5px 5px hsla(0,0%,6%,.5);box-shadow:0 0 5px 5px hsla(0,0%,6%,.5)}.settings-header{font-size:.8em;display:block;padding:10px;border-bottom:1px solid #303030;border-top-left-radius:8px;border-top-right-radius:8px}.settings-footer,.settings-header{margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.settings-footer{font-size:.9em;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding:10px 20px;border-top:1px solid #303030;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.settings-block .green-btn{width:100px;margin-left:20px}.settings-block .red-btn{width:100px}.settings-body{font-size:.48em;-ms-flex-direction:column;flex-direction:column;margin:10px}.setting,.settings-body{display:-ms-flexbox;display:flex}.setting{-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:20px}.setting span{padding-right:25px;text-align:left}.setting-disabled{opacity:.6}
/*# sourceMappingURL=main.539de03d.css.map*/