.TypeSelect{width:400px;display:flex}@media screen and (max-width:500px){.TypeSelect{width:100%}}.TypeSelect button{flex:1 1;border:2px solid #ccc;margin-left:7px;background:transparent;font-family:Montserrat,sans-serif;font-size:14px;padding:5px;border-radius:50px;color:#fff;outline:0;transition:all .3s;cursor:pointer}.TypeSelect button:first-child,.TypeSelect button:last-child{border-radius:50px}.TypeSelect button.active{background:#fff;color:#000}.TimeDisplay{position:relative}.TimeDisplay svg{max-width:300px}.TimeDisplay circle{transition:stroke-dashoffset 1s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.TimeDisplay>div{position:absolute;left:50%;top:49%;-webkit-transform:translate(-50%,-32px);transform:translate(-50%,-32px);text-align:center}.TimeDisplay h1{font-size:52px;font-weight:300;color:#fff;letter-spacing:2px;margin:0}.TimeDisplay p{font-size:14px;text-transform:uppercase;color:transparent;letter-spacing:3px;margin:10px 0 0}.Controls,.Controls div{width:250px;display:flex;justify-content:center}.Controls button{height:40px;border-radius:40px;border:0;flex:1 1;cursor:pointer;text-transform:uppercase;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;letter-spacing:1px;position:relative;outline:0;transition:all .3s;padding:0}.Controls button.start{background:#fff;color:#000}.Controls button.start:hover{background:#cdb3ae;color:#fff;border:0 solid #fff}.Controls button.reset{background:transparent;flex:0 1;margin-right:25px;color:#fff}.Controls button.reset:hover{color:#666}.Controls button.pause{background:#272727;color:#fff}.Controls button.pause:hover{background:#000}.Controls button.resume{background:#cdb3ae;color:#fff}.Controls button.resume:hover{background:#c1a099}.Shortcuts{position:absolute;width:27px;height:24px;right:70px;top:25px}@media screen and (max-width:768px){.Shortcuts{display:none}}.Shortcuts i{font-size:24px;color:#fff;opacity:1;transition:all .3s}.Shortcuts:hover i{opacity:1}.Shortcuts:hover .Shortcuts-box{opacity:1;visibility:visible}.Shortcuts .Shortcuts-box{position:absolute;top:34px;right:0;width:300px;background:#fff;border-radius:5px;border:1px solid #ddd;box-shadow:0 1px 4px rgba(0,0,0,.07);padding:25px;opacity:0;visibility:hidden;transition:opacity .3s}.Shortcuts .Shortcut{display:flex;border-bottom:1px solid #eee;padding:10px 0;justify-content:space-between;align-items:center;font-family:Montserrat,sans-serif;font-size:13px;color:#666}.Shortcuts .Shortcut div{white-space:nowrap}.Shortcuts .Shortcut:first-child{padding-top:0}.Shortcuts .Shortcut:last-child{border-bottom:0;padding-bottom:0}.Shortcuts .Shortcut kbd{display:inline-block;font-family:monospace;background-color:#f4f4f4;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 0 0 1px #fff;color:#333;font-size:11px;margin:0 .15em;padding:.25em .7em;white-space:nowrap}.ToggleSound{position:absolute;width:27px;height:24px;right:25px;top:25px;border:0;background:transparent;font-size:24px;color:#fff;opacity:.5;transition:all .3s;outline:0;cursor:pointer;padding:0;text-align:left}.ToggleSound.active{opacity:1}.ToggleTask{position:absolute;width:27px;height:24px;right:115px;top:25px;border:0;background:transparent;font-size:24px;color:#fff;opacity:.5;transition:all .3s;outline:0;cursor:pointer;padding:0;text-align:left}.ToggleTask.active{opacity:1}.Dragging{opacity:.5;border:2px dashed #000;cursor:grabbing;background-color:rgba(0,0,0,.1)}.Tasks{width:400px;height:300px;overflow:hidden}.Tasks .Tasks-box{background:transparent;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.07);transition:opacity .3s}.Task{width:400px;background:#fff;margin-bottom:5px;border-radius:10px;display:flex;border-bottom:1px solid #eee;padding:15px;justify-content:space-between;align-items:center;color:#666;cursor:grab}.Task,.Task input{font-family:Montserrat,sans-serif;font-size:13px}.Task input{width:100%;border:none;outline:none}.Task span{display:inline-block;font-family:Jost,sans-serif;font-weight:500;background-color:#f4f4f4;border:2px solid;border-radius:20px;box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 0 0 1px #fff;color:#333;margin:0 .15em;font-size:11px;padding:.25em .7em;white-space:nowrap;width:70px;text-align:center;cursor:pointer}#root,body,html{height:100%}body{margin:0;padding:0 5%;font-family:Jost,sans-serif;background-color:#000;background-repeat:no-repeat;background-attachment:fixed;background-position:50%;background-size:cover}*,:after,:before{box-sizing:border-box}::selection{background:#fff;color:#000}.Content{display:flex;flex-direction:row;text-align:-webkit-center}@media (max-width:1000px){.Content{flex-direction:column}}.Pomodoro,.TaskPainel{display:flex;flex-direction:column;width:100%;height:100%;min-height:600px;justify-content:space-between;align-items:center;padding:80px 0}
/*# sourceMappingURL=main.dc11952b.chunk.css.map */