.TypeSelect{display:flex;width:400px}@media screen and (max-width:500px){.TypeSelect{width:100%}}.TypeSelect button{background:#0000;border:2px solid #ccc;border-right:0;color:#999;cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;outline:0;padding:10px;transition:all .3s}.TypeSelect button:first-child{border-radius:5px 0 0 5px}.TypeSelect button:last-child{border-radius:0 5px 5px 0;border-right:2px solid #ccc}.TypeSelect button.active{background:#fff;box-shadow:0 3px 10px #0000001f;color:#d9534f}.TimeDisplay{position:relative}.TimeDisplay svg{max-width:300px}.TimeDisplay circle{transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1s}.TimeDisplay>div{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-32px)}.TimeDisplay h1{color:#d9534f;font-size:52px;font-weight:300;letter-spacing:2px;margin:0}.TimeDisplay p{color:#bbb;font-size:14px;letter-spacing:3px;margin:10px 0 0;text-transform:uppercase}.Controls,.Controls div{display:flex;justify-content:center;width:250px}.Controls button{border:0;border-radius:40px;cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;height:40px;letter-spacing:1px;outline:0;padding:0;position:relative;text-transform:uppercase;transition:all .3s}.Controls button.start{background:#d9534f;color:#fff}.Controls button.start:hover{background:#b64441}.Controls button.reset{background:#0000;color:#888;flex:0 1;margin-right:25px}.Controls button.reset:hover{color:#666}.Controls button.pause{background:#eea73c;color:#fff}.Controls button.pause:hover{background:#d3912f}.Controls button.resume{background:#91b62d;color:#fff}.Controls button.resume:hover{background:#7d9e23}.Shortcuts{height:24px;position:absolute;right:70px;top:25px;width:27px}@media screen and (max-width:768px){.Shortcuts{display:none}}.Shortcuts i{color:#666;font-size:24px;opacity:.5;transition:all .3s}.Shortcuts:hover i{opacity:1}.Shortcuts:hover .Shortcuts-box{opacity:1;visibility:visible}.Shortcuts .Shortcuts-box{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 4px #00000012;opacity:0;padding:25px;position:absolute;right:0;top:34px;transition:opacity .3s;visibility:hidden;width:300px}.Shortcuts .Shortcut{align-items:center;border-bottom:1px solid #eee;color:#666;display:flex;font-family:Roboto,sans-serif;font-size:13px;justify-content:space-between;padding:10px 0}.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{background-color:#f4f4f4;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 #0000001a,inset 0 0 0 1px #fff;color:#333;display:inline-block;font-family:monospace;font-size:11px;margin:0 .15em;padding:.25em .7em;white-space:nowrap}.ToggleSound{background:#0000;border:0;color:#666;cursor:pointer;font-size:24px;height:24px;opacity:.5;outline:0;padding:0;position:absolute;right:25px;text-align:left;top:25px;transition:all .3s;width:27px}.ToggleSound.active{opacity:1}.ToggleTask{background:#0000;border:0;color:#666;cursor:pointer;font-size:24px;height:24px;opacity:.5;outline:0;padding:0;position:absolute;right:115px;text-align:left;top:25px;transition:all .3s;width:27px}.ToggleTask.active{opacity:1}.Dragging{background-color:#0000001a;border:2px dashed #000;cursor:grabbing;opacity:.5}.Tasks{height:300px;overflow-y:scroll;width:400px}.Tasks .Tasks-box{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 4px #00000012;transition:opacity .3s}.Task{align-items:center;background:#fff;border-bottom:1px solid #eee;color:#666;cursor:grab;display:flex;justify-content:space-between;padding:15px;width:400px}.Task,.Task input{font-family:Roboto,sans-serif;font-size:13px}.Task input{border:none;outline:none;width:100%}.Task span{background-color:#f4f4f4;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 #0000001a,inset 0 0 0 1px #fff;color:#333;cursor:pointer;display:inline-block;font-family:monospace;font-size:11px;margin:0 .15em;padding:.25em .7em;text-align:center;white-space:nowrap;width:70px}#root,body,html{height:100%}body{background:#eee;font-family:Roboto,sans-serif;margin:0;padding:0 5%}*,:after,:before{box-sizing:border-box}::selection{background:#d9534f;color:#fff}.Content{display:flex;flex-direction:row;text-align:-webkit-center}@media (max-width:1000px){.Content{flex-direction:column}}.Pomodoro,.TaskPainel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:600px;padding:240px 0;width:100%}
/*# sourceMappingURL=main.05123378.css.map*/