@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap);.add{align-items:center;background-color:#67656533;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.add-inner{background-color:var(--color-popup);border-radius:5px;height:100%;max-height:22rem;max-width:45rem;padding:32px;position:relative;width:100%}.close2{border:none!important;margin:-.4rem -1.7rem 0;max-width:7rem;position:absolute;right:5px;top:5px}.table-content th{background-color:var(--color-header);color:var(--color-text2);font-family:var(--font-family);padding:10px;text-align:center}.table-content th:first-child{border-top-left-radius:10px}.table-content th:nth-child(3){border-top-right-radius:10px}.table-content table{border:2px solid var(--color-header);border-collapse:initial;border-radius:15px;border-spacing:0;flex:1 1;line-height:28px;width:100%}.table-content button,.table-content table{background:#0000;font-family:var(--font-family);font-size:20px}.table-content button{border:#0000;color:var(--color-button);cursor:pointer;font-weight:400;padding-right:1rem;text-align:right}.table-content table tbody tr td{color:var(--color-text);font-family:var(--font-family);padding:1rem;text-align:center}.table-content table tbody tr td:nth-child(2){width:20%}.table-content table tbody tr td:nth-child(3){width:5%}.table-content__table tbody input{background:var(--color-footer);border:2px solid var(--color-footer);border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;flex:1 1;font-family:var(--font-family);font-size:20px;font-weight:400;line-height:28px;min-height:50px;outline:none;padding:0 1rem;width:100%}.table-content button:hover{background:#0000;border-color:var(--color-hover);color:var(--color-hover)}.delete-btn{align-items:center;background:#0000;border:1px solid var(--color-button);border-radius:6px;color:var(--color-button);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.delete-btn:hover{background:var(--color-button);border-color:var(--color-button);color:var(--color-bg)}.delete-btn svg{pointer-events:none}.Add-Submit{align-items:center;display:flex;justify-content:center}.Add button:hover{background:#0000;border-color:var(--color-hover);color:var(--color-hover)}.Add button{background:#0000;border:2px solid var(--color-button);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;color:var(--color-button);cursor:pointer;font-size:20px;font-weight:400;height:50px;line-height:28px;outline:none;padding:0 1rem;text-align:center;width:100%}.Add button,.Add h1{font-family:var(--font-family)}.Add h1{color:var(--color-header2)}.Add input{background:var(--color-footer);border:2px solid var(--color-footer);border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;flex:1 1;font-size:20px;font-weight:400;line-height:28px;margin:1rem 0 0;min-height:50px;outline:none;padding:0 1rem;width:100%}.Add input,.Add p{font-family:var(--font-family)}.Add p{color:var(--color-text);font-size:17px;letter-spacing:-.04em;line-height:30px;padding-top:.8rem}.Add-time__input{display:flex;flex-direction:row;margin:0 0 1rem;width:100%}.Add-time__input input{background:#0000;border-bottom-color:var(--color-header2);border-left:none;border-radius:0;border-right:none;border-top:none;flex:0.1 1;font-size:22px;margin:0;max-height:10px;max-height:1px;padding:0;text-align:center}.Add-time__input .error-input{border-bottom-color:red}.Add-tiem__input .normal-input{border-bottom-color:var(--color-header2)}.Add-time__input input[type=number]::-webkit-inner-spin-button,.Add-time__input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Add-time__input p{font-size:23px;padding:.8rem 1rem 0}.time-arrow{color:var(--color-text);font-size:20px}.time-arrow,.time-display{font-family:var(--font-family);padding:.8rem .5rem 0}.time-display{color:var(--color-header2);font-size:18px;font-weight:600;min-width:60px}.Add .errorMessage{color:#ca193d;padding:0}.submit button:hover{box-shadow:1px 1px 20px 0 #2a4764}.close{bottom:5px;margin:1rem;max-width:7rem;position:absolute;right:5px}.error-message{background-color:#f8d7da00;border-radius:5px;color:#cf1e2f;left:auto;margin:1rem 1rem 15px;padding:10px;position:absolute;text-align:center;top:5px}.error-message,.table-header{font-family:var(--font-family)}.table-header{color:var(--color-text);font-size:30px;letter-spacing:-.04em;margin-bottom:1rem;padding-top:0;text-align:left}.centered-add{display:flex;justify-content:center;margin-top:20px}h3{color:var(--color-text);font-family:var(--font-family);font-size:30px;font-weight:900;letter-spacing:-.04em;line-height:60px;padding-top:0}.time-content{display:flex;flex-direction:column}.time-content h3{color:var(--color-text);font-family:var(--font-family);font-size:30px;font-weight:900;line-height:60px}.time-content__input{align-items:center;display:flex;padding-bottom:3rem}.time-input{border:none;border-radius:0;outline:none;padding:0;text-align:center;width:70px}.time-input,.time-separator{background:none;color:var(--color-text);font-family:var(--font-family);font-size:54px;font-weight:500;height:50px}.time-separator{align-items:center;border:none;display:flex;justify-content:center;width:30px}.time-input:focus{border-color:var(--color-header2)}.time-input::placeholder{color:#666;opacity:.7}.time-input[type=number]::-webkit-inner-spin-button,.time-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.title__header{display:flex;flex-direction:row;justify-content:center}.title-content h1{color:var(--color-header2);font-family:var(--font-family);font-size:62px;letter-spacing:-.04em;line-height:65px;padding-block:3rem}.taskList{width:100%}.spacing{margin:1.6rem}.taskList h1{color:var(--color-header2);font-size:62px;letter-spacing:-.04em;line-height:65px;padding:1rem;text-align:center}.taskList h1,.taskList h3{font-family:var(--font-family)}.taskList h3{color:var(--color-text);font-size:25px;letter-spacing:0;line-height:60px}.tasks__header{display:flex;flex-direction:row}.tasks__header p{color:var(--color-text);font-family:var(--font-family);font-size:22px;letter-spacing:0;margin:0 0 1.5rem}@media (max-width:600px){.taskList{display:none!important}}.slider__header{display:flex;flex-direction:row}.taskProgress{margin:.3rem 1rem 0;max-width:30rem;width:20rem}.taskProgress-track{background:var(--color-text);border-radius:4px;height:8px;top:8px}.taskProgress-track.taskProgress-track-0{background:var(--color-header2)}.taskProgress-thumb{background:var(--color-button);border-radius:100%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;outline:none;width:20px}.taskProgress-thumb:hover{transform:scale(1.1)}.taskProgress-mark{background-color:gray;height:8px;width:1.5px}.bars-container{width:100%}.bars-container p{color:var(--color-text);font-family:var(--font-family);font-size:18px;letter-spacing:0;margin:0 0 1.5rem}.break-control{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.break-button{background-color:initial;border:2px solid #00bcd4;border-radius:15px;color:#00bcd4;cursor:pointer;font-family:var(--font-family);font-size:18px;padding:8px 16px;transition:background-color .3s ease}.break-button.break-active,.break-button:hover{background:#0000;border:2px solid var(--color-hover);color:var(--color-hover)}.break-time{font-size:.9rem}.break-time,.break-time-exceeded{color:var(--color-text);font-family:var(--font-family);font-size:18px}.break-time-exceeded{color:#ea1616;letter-spacing:0}.container{background-color:#008cff3e;border-radius:10px;height:2rem;margin:-1rem 0 1.5rem;overflow:hidden;width:100%}.progressBar{border-radius:0;font-weight:700;padding:5}.break-active{background-color:#00508d}.submit-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.submit-button{background:var(--color-header2);border:none;border-radius:20px;color:var(--color-bg);cursor:pointer;font-family:var(--font-family);font-size:25px;font-weight:700;letter-spacing:-.04em;line-height:60px;outline:none;padding:0 2rem;transition:all .2s ease}.submit-button:hover{box-shadow:1px 1px 20px 0 #2a4764;transform:translateY(-1px)}.submit-error-message{background-color:#f8d7da;border:2px solid #cb1325;border-radius:5px;color:#721c24;font-family:var(--font-family);max-width:400px;padding:10px 20px;text-align:center}.Tasks{margin-inline:8rem}.tasks-layout{align-items:flex-start;display:flex;gap:1rem}.tasks-left{flex:0 0 300px}.tasks-right{display:flex;flex:1 1;flex-direction:column}@media (max-width:768px){.tasks-layout{flex-direction:column}.Tasks{margin-inline:3rem}}.Bars{margin-inline:8rem}.bars-layout{align-items:center;display:flex;flex-direction:column;gap:2rem}@media (max-width:768px){.Bars{margin-inline:3rem}.bars-layout{gap:1.5rem}}@media (max-width:600px){.slider__header{display:none}.bars-container p{margin:1.2rem 0}.break-control{display:none}}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:var(--color-bg)}a{color:inherit;text-decoration:none}.gradient__text{-webkit-background-clop:text;-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text}.section__padding{padding:2rem 1rem}.section__margin{margin:1rem 12rem}.scale-up-center{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}:root{--font-family:"Manrope",sans-serif;--color-header2:#01afc6;--color-bg:#010c1d;--color-popup:#010c1d;--color-footer:#042343;--color-table:#211b1b1f;--color-header:#01afc6;--color-text:#cfddeb;--color-text2:#010c1d;--color-subtext:#93b7db;--color-button:#00bcd4;--color-hover:#65e7f8;--color-bar2:#97e5ff;--color-bar1:#0070c6}
/*# sourceMappingURL=main.33d47d1f.css.map*/