.timer .single .clock{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:38px;height:38px}.timer .single .icon-clock,.timer .single .icon-stop{font-size:26px}.timer .starting-loader,.timer .starting-loader:after{border-radius:50%;width:25PX;height:25PX}.timer .starting-loader{font-size:10px;position:relative;text-indent:-9999em;border-top:.3em solid hsla(0,0%,100%,.2);border-right:.3em solid hsla(0,0%,100%,.2);border-bottom:.3em solid hsla(0,0%,100%,.2);border-left:.3em solid #fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:starting-loader 1.1s linear infinite;animation:starting-loader 1.1s linear infinite}@-webkit-keyframes starting-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes starting-loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.done{background-color:#caedcd!important}.deleted{background-color:#ffe8e3!important}.disabled{opacity:.5}.word-breaking{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.vue-line-clamp{word-break:normal!important}.timer-slide-enter-active{-webkit-animation:timer-slide-in .3s;animation:timer-slide-in .3s}.timer-slide-leave-active{-webkit-animation:timer-slide-out .3s;animation:timer-slide-out .3s}@-webkit-keyframes timer-slide-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes timer-slide-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes timer-slide-out{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes timer-slide-out{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.timer{position:fixed;top:130px;right:-1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;word-break:break-all}.timer .op-timer-toaster{width:375px;max-width:375px}.timer .op-timer-toaster .toast{max-width:375px}.timer .op-timer-toaster .toast,.timer .op-timer-toaster .toast-body,.timer .op-timer-toaster .toast-header{width:100%}.timer .icon-clock,.timer .icon-stop{font-size:26px}.timer .dots-container{margin:0}.timer .single{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background:transparent}.timer .single .clock{border-top-left-radius:4px;border-bottom-left-radius:4px}.timer .detail{-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;border-top-right-radius:4px;border-bottom-right-radius:4px;background:transparent;word-break:break-word}.timer .detail .timer-running{max-width:259px}.timer .detail .timer-not-running{max-width:251px}.timer .detail .detail-container{width:100%}.timer .detail .detail-container .timer-duration .input-group{width:200px}.timer .detail .detail-container .stopped-by-container{border-top:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid rgba(0,0,0,.10196078431372549);color:#fe8e2a;text-align:center;padding:.25rem 0;margin-bottom:.75rem;font-size:.929em;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.timer .detail .detail-container .op-task-selector-opened{top:224px;width:197px!important}.timer .detail .detail-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:30px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-top-left-radius:4px;border-bottom-left-radius:4px}.timer .detail .detail-bar.bg-gray{background-color:#f1f1f1}.timer .detail .save-subtask-button{width:70px;height:25px}.container-task-form{padding:10px;background-color:#f1f1f1;border:1px solid rgba(0,0,0,.15)}.container-task-form .cancel-link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.container-task-form button{width:100%}.container-task-form button input{width:100%;max-width:100%}.container-task-form .input-with-icon{position:relative;display:inline-block;width:100%}.container-task-form .input-with-icon input{width:100%;padding-right:30px}.container-task-form .input-with-icon .icon-content{top:0;right:0;width:30px;height:30px;position:absolute}.container-task-form .input-with-icon .icon-content .arrow-icon,.container-task-form .input-with-icon .icon-content .delete-icon{position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:14px;height:5px;pointer-events:none}.container-task-form .input-with-icon .icon-content .arrow-icon:after,.container-task-form .input-with-icon .icon-content .arrow-icon:before,.container-task-form .input-with-icon .icon-content .delete-icon:after,.container-task-form .input-with-icon .icon-content .delete-icon:before{content:"";position:absolute;width:8px;height:2px;background-color:#a0a0a0}.container-task-form .input-with-icon .icon-content .arrow-icon:before,.container-task-form .input-with-icon .icon-content .delete-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:2px;left:0}.container-task-form .input-with-icon .icon-content .arrow-icon:after,.container-task-form .input-with-icon .icon-content .delete-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:2px;right:0}.container-task-form .input-with-icon .icon-content .arrow-icon{width:13px}.container-task-form .input-with-icon .icon-content .delete-icon{width:8px;right:12px}.container-task-form .op-task-selector-opened{top:203px;width:328px}.container-task-form .task-input-timer{height:30px;border:none;padding:.5rem;font-size:12px;font-weight:600;color:#707c85}.container-textarea-form{padding:.3em;border:1px solid rgba(0,0,0,.15)}.container-textarea-form textarea{border:none;outline:none}.container-textarea-form textarea:active,.container-textarea-form textarea:focus,.container-textarea-form textarea:hover{border:none;-webkit-box-shadow:none;box-shadow:none;outline:none}.container-textarea-form .text-complement{background:#f1f1f1;padding:0 .5em .5em}.container-textarea-form .text-complement .save-description-button{height:22px;width:100px}