body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--main-dark-cyan:#1d272b;--seren-setting:#c5d2d9;--black-pearl:#12191d}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.task-container{display:flex;width:100%;padding-bottom:.5rem;border-bottom:2px solid #61dafb;align-items:center}.task-form-container{flex:1 1 auto;min-width:260px}.task-action-container{display:flex;align-items:stretch;flex-shrink:0;flex-wrap:nowrap;border-left:1px dotted #2f4148;background-color:#1d272b;margin-left:auto}.task-action-segment{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:0 16px;border-left:1px dotted #2f4148;min-height:48px;color:#8aa8b6}.task-action-segment:first-child{border-left:none}.task-project-segment{padding-left:14px}.task-project-segment .tag-select-text{border:0;border-radius:0;background:transparent;color:#0bb2f3;font-size:1rem;line-height:1;min-width:0;max-width:none;padding:0;max-height:none}.task-project-segment .tag-select-text.tag-select-flat{border:0!important;background:transparent!important;box-shadow:none}.task-project-segment .tag-select-text:not(.tag-select-empty):before{content:"+";display:inline-block;margin-right:8px;font-size:1rem;font-weight:400}.task-project-segment .tag-select-text.tag-select-empty{display:inline-flex;align-items:center;justify-content:center;min-width:24px}.task-project-segment .tag-select-icon{color:#8ba3af;font-size:1rem}.task-icon-segment{justify-content:center;min-width:56px}.task-icon-segment svg{font-size:1rem;color:#8ba3af}.manual-time-fields{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#fff;min-width:260px;flex-shrink:0}.manual-date-input,.manual-time-input{border:0;background-color:transparent;color:#d9e2e7;height:34px;padding:0;outline:none;font-size:1rem;font-weight:500}.manual-time-input{width:112px;min-width:112px}.manual-date-group{grid-gap:8px;gap:8px;min-width:170px;flex-shrink:0}.manual-date-input{width:148px;min-width:148px;text-transform:uppercase}.manual-date-input,.manual-time-input{color:#fff;color-scheme:dark;-webkit-text-fill-color:#fff}.manual-date-input::-webkit-calendar-picker-indicator,.manual-time-input::-webkit-calendar-picker-indicator{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);opacity:1;cursor:pointer}.manual-date-input::-webkit-datetime-edit,.manual-date-input::-webkit-datetime-edit-day-field,.manual-date-input::-webkit-datetime-edit-fields-wrapper,.manual-date-input::-webkit-datetime-edit-month-field,.manual-date-input::-webkit-datetime-edit-year-field,.manual-time-input::-webkit-datetime-edit,.manual-time-input::-webkit-datetime-edit-ampm-field,.manual-time-input::-webkit-datetime-edit-fields-wrapper,.manual-time-input::-webkit-datetime-edit-hour-field,.manual-time-input::-webkit-datetime-edit-minute-field{color:#fff}.manual-time-separator,.primary-action-button{color:#fff;font-weight:600}.primary-action-button{border:0;border-radius:2px;background-color:#1aa3df;height:48px;min-width:104px;padding:0 20px;font-size:1rem;letter-spacing:.5px;cursor:pointer}.stop-action-button{background-color:#cc2f3d}.task_input{font-size:1rem}.manual-add-button{min-width:110px}.primary-action-button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:1024px){.task-action-container{width:100%;margin-left:0;border-left:0;border-top:1px dotted #2f4148;overflow-x:auto}.task-action-segment{border-left:0;border-right:1px dotted #2f4148;min-height:44px;padding:0 12px}.task-action-segment:last-child{border-right:none}.draft-menu-container{border-left:0;border-right:1px dotted #2f4148;min-height:44px;padding:0 10px}}@media (max-width:768px){.task-form-container{min-width:0}.manual-date-input,.manual-time-input,.primary-action-button,.task-project-segment .tag-select-text,.timer{font-size:16px}.primary-action-button{min-width:84px;height:40px;padding:0 14px}.task-action-segment{min-height:40px}.manual-time-fields{grid-gap:6px;gap:6px}.draft-menu-container{min-height:40px}}.task-form{width:100%}.task_input{padding:10px 12px;width:100%;background-color:#1d272b;color:#fff}.main-home{background:#253236;height:100vh}.main-container{background-color:#253237;margin:0 auto;width:100%}.main-container,.main-create-tag{padding:10px 15px}.create-tag{display:inline-block;padding:5px 12px;background-color:#026f02;border-radius:3px;font-size:16px;margin:0 10px}.tag-select-menu{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;background-color:#0e1619;color:#fff;position:relative;top:30%;left:38%}.custom-dropdown{position:relative;width:300px;border:1px solid hsla(0,0%,50.2%,.5490196078431373);border-radius:5px;padding:25px 20px}.selected-item{padding:10px;cursor:default}.options-list{width:100%;border-top:none;list-style:none;padding:0;margin:0;z-index:10}.options-list li{padding:10px;cursor:pointer;display:flex;justify-content:space-between}.options-list li:hover{background-color:#27353b}.timer-container{color:#fff;min-width:132px}.timer{font-size:1rem;font-weight:700;color:#d9e2e7}.input-box{padding:0;width:100%;border:none;outline:none;color:rgba(0,0,0,.87);cursor:inherit;font:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%}.input-box,.timer-button{position:relative;background-color:transparent}.timer-button{border:0;outline:0;color:#8aa8b6;display:flex;justify-content:center;align-items:center;font-size:2rem;width:32px;cursor:pointer}.discard-confirm-button,.draft-menu-item{font-size:1rem}.draft-menu-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 12px;border-left:1px dotted #2f4148}.draft-menu-trigger{color:#fff;width:24px;height:24px;padding:0}.draft-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:120px;background-color:#0e1619;border:1px solid #2f4148;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.35);z-index:20}.draft-menu-item-discard{color:#ff6b6b}.draft-menu-item{width:100%;border:0;background-color:transparent;color:#fff;padding:10px 12px;text-align:left;cursor:pointer}.draft-menu-item:hover{background-color:#1f2b30}.draft-menu-item:disabled{opacity:.55;cursor:not-allowed}.discard-confirm-overlay-panel{position:absolute;right:0;top:calc(100% + 6px);min-width:240px;background-color:#e7e8ea;border:1px solid #cfd4d8;border-radius:4px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;grid-gap:10px;gap:10px;z-index:30;box-shadow:0 6px 18px rgba(0,0,0,.35)}.discard-confirm-text{color:#333;font-size:1rem;font-weight:500;line-height:1.2;white-space:nowrap}.discard-confirm-button{border:0;border-radius:4px;background-color:#1da0da;color:#fff;min-width:110px;height:42px;font-size:1rem;font-weight:500;cursor:pointer;padding:0 12px;opacity:.9}.discard-confirm-button:disabled{opacity:.55;cursor:not-allowed}.discard-confirm-button:hover{opacity:1}.list-container{list-style:none}.task-input{border:none}.select{display:flex;flex-direction:column;position:relative;width:250px;height:40px}.option{padding:0 30px 0 10px;min-height:40px;display:flex;align-items:center;background:#333;border-top:1px solid #222;position:absolute;top:0;width:100%;pointer-events:none;order:2;z-index:1;transition:background .4s ease-in-out;box-sizing:border-box;overflow:hidden;white-space:nowrap}.option:hover{background:#666}.select:focus .option{position:relative;pointer-events:all}input:checked+label{order:1;z-index:2;background:#666;border-top:none;position:relative}input:checked+label:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;position:absolute;right:10px;top:calc(50% - 2.5px);pointer-events:none;z-index:3}input:checked+label:before{position:absolute;right:0;height:40px;width:40px;content:"";background:#666}.start-time{margin-right:8px}.end-time{margin-left:8px}.delete-btn{background-color:transparent;border:none;border-radius:5px;padding:5px}.delete-btn:hover{background-color:#e6e6e6}.delete-btn>svg{font-size:18px;color:grey}
/*# sourceMappingURL=main.3f4788fa.chunk.css.map */