body{display:flex;flex-direction:column;align-items:center;justify-content:top;min-height:100vh;font-family:Open Sans,sans-serif;background-color:#edf2f9}.app-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:0 auto}.timer-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.circle-timer{width:240px;max-width:240px;height:240px;max-height:240px;margin-bottom:10px}#time{fill:#333}text{font-size:32px;font-weight:300}#start-btn,#stop-btn{width:75%;height:4rem;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:600;margin:5px}#start-btn{background-color:#1e9b1b}#start-btn:hover{background-color:#015500}#stop-btn{background-color:#cc2e2e}#stop-btn:hover{background-color:#810d0d}#start-btn.paused{background-color:#0369ef}#start-btn.paused:hover{background-color:#003479}#sec-input{font-size:30px;border:1px solid #e8e8e8;margin:0 0 10px;padding:8px;width:5rem;border-radius:4px;text-align:center}#sec-input::-webkit-inner-spin-button,#sec-input::-webkit-outer-spin-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0}#sec-input[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}#sec-label{margin:10px 0 0;font-size:14px}.input-adjust{border:none;border-radius:5px;background-color:#0369ef;color:#fff;font-size:20px;cursor:pointer;padding:12px 25px;margin:0 0 10px}.input-adjust:hover{background-color:#003479}.add-action{border:none;border-radius:5px;background-color:#0369ef;color:#fff;cursor:pointer;padding:2.4rem 2rem;width:auto;margin:0 auto}#add-rest{float:right}.add-action:hover{background-color:#003479}#queue{margin:15px 4px 0}.queue-item{font-size:14px;font-weight:600;display:flex;align-items:center;max-width:100%;margin:10px 0;justify-content:space-between;border:1px solid #e8e8e8;border-radius:5px;padding:8px 6px;background-color:#e0e0e0}.queue-item.active{background-color:#cddcff}.queue-item.complete{background-color:#c0f1bf}.material-icons{cursor:pointer}.remove-action{color:#d36666}.drag-action{color:#4b4b4b}.repeat-queue-container{margin:10px 0 0;background-color:#767676;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;padding:10px 4px;display:flex;align-items:center;justify-content:center}.repeat-queue-container.checked,.repeat-queue-container.checked *{font-weight:700;color:#fff;background-color:#1e9b1b}.repeat-queue-container label{cursor:pointer}#repeat-queue{cursor:pointer;-webkit-user-select:none;user-select:none;display:none}