:root{--container-width:75%;--taskbox-width:45%;--taskbox-min-height:18.75rem;--task-height:2.2rem;--taskwrapper-height:3.125rem;--create-area-height:6.25rem;--create-area-width:80%;--bottom-create-width:70%;--bottom-create-height:3.125rem;--editSwitch-height:2.5rem;--editSwitch-width:5rem;--header-height:5.625rem;--header-margin-bottom:6.25rem;--font-size-xs:0.85rem;--font-size-small:0.9375rem;--font-size-medium:1.375rem;--font-size-large:1.5625rem;--font-size-xl:1.875rem;--font-size-input:1.375rem;--font-size-button:1.125rem;--font-size-heading:1.375rem;--font-size-header:2rem;--architects-daughter:"Architects Daughter",cursive;--space-xs:0.3125rem;--space-sm:0.625rem;--space-md:1.25rem;--space-lg:3.125rem;--gap-small:0.625rem;--gap-medium:1.25rem;--radius-small:0.3125rem;--radius-medium:0.625rem;--radius-large:0.9375rem;--border-md:.13rem;--border-lg:.2rem;--input-height:2.1875rem;--button-height:1.875rem;--label-height:2.5rem;--modal-width:25%;--modal-max-height:50vh;--modal-heading-height:3.125rem;--task-grid-columns:15% 35% 30% 15%;--task-width:80%;--animation-fast:0.1s;--animation-medium:0.3s;--animation-slow:0.5s;--shadow-light:1px 2px 5px 0px #0000004d;--shadow-medium:2px 4px 5px 0 #0000004d;--shadow-heavy:4px 6px 5px 0px #0000004d;--shadow-header:0 0 10px 2px #0000004d;--shadow-taskbox:5px 8px 10px 0 #0000004d;--shadow-modal:0px 0px 10px 2px #0000004d;--color-primary:#f1bf30;--color-secondary:#ffeaa7;--color-accent:#fdcb6e;--color-background:#ffeaa7;--color-taskbox:#faf7f7;--color-white:#fff;--color-black:#000;--color-gray:gray;--color-light-gray:#e0e0e0;--color-border-gray:#bdbdbd;--color-text-gray:#bababa;--color-orange-light:#ffdb70;--color-orange-medium:#ffa726;--color-orange-dark:#ffba3a;--color-progress:#f1bf30;--color-done:#ffe28a;--color-modal-bg:#f1eded;--color-modal-heading:#ffae44;--color-edit-active:#ffd04f}html{font-size:1.2vw}body{background-color:#ffeaa7;background-color:var(--color-background);margin:0;padding:0;width:100vw}body,html{overscroll-behavior-x:none}button:hover{cursor:pointer}button{color:#000;color:var(--color-black)}.header{align-items:center;background-color:#f1bf30;background-color:var(--color-primary);box-shadow:0 0 10px 2px #0000004d;box-shadow:var(--shadow-header);color:#fcfcfc;display:flex;height:5.625rem;height:var(--header-height);justify-content:start;position:fixed;top:0;width:100vw;z-index:999}.headerTitle{margin-left:20%;text-align:center;width:60%}.headerLogoutButton{align-items:end;display:flex;flex-direction:column;height:100%;justify-content:center;margin-right:20px;width:calc(20% - 20px)}.headerLogoutButton>p{margin:10px 0 0}h1{font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);font-size:2rem;font-size:var(--font-size-header);font-weight:500;margin:0}h1 strong{font-size:1.875rem;font-size:var(--font-size-xl)}.content{height:calc(100vh - 5.625rem);height:calc(100vh - var(--header-height));padding-top:5.625rem;padding-top:var(--header-height)}.signin-screen{align-items:center;display:flex;flex-direction:column;gap:32px;height:calc(100vh - 11.25rem - 32px);height:calc(100vh - var(--header-height)*2 - 32px);justify-content:center;margin-bottom:calc(5.625rem + 32px);margin-bottom:calc(var(--header-height) + 32px)}.signin-screen p{font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);font-size:1.375rem;font-size:var(--font-size-medium);margin:0}.signin-screen>p{font-size:1.875rem;font-size:var(--font-size-xl)}.signin-options-list{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;width:320px}.separator{border-bottom:1px solid #5f6f7f;margin:24px 0;width:100%}.manualSignInForm{display:flex;flex-direction:column;gap:20px;max-width:320px}.manualSignInForm>input{border:none;border-radius:10px;box-shadow:1px 2px 5px 0 #0000004d;box-shadow:var(--shadow-light);height:18px;padding:15px}.createManualUser{display:flex;gap:5px;margin-top:25px}.createManualUser *{font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;letter-spacing:-.5px;text-decoration:none}.createManualUser a p{color:#52a8ff}.container{align-items:flex-start;display:flex;justify-content:space-between;margin:5rem auto 0;width:75%;width:var(--container-width)}.taskBox{align-items:center;background-color:#faf7f7;background-color:var(--color-taskbox);box-shadow:5px 8px 10px 0 #0000004d;box-shadow:var(--shadow-taskbox);flex-direction:column;margin-bottom:3.125rem;margin-bottom:var(--space-lg);min-height:18.75rem;min-height:var(--taskbox-min-height);position:relative;width:45%;width:var(--taskbox-width)}.boxHeading,.taskBox{border-radius:.9375rem;border-radius:var(--radius-large);display:flex}.boxHeading{background-color:#fdcb6e;background-color:var(--color-accent);box-shadow:2px 4px 5px 0 #0000004d;box-shadow:var(--shadow-medium);font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);font-size:1.375rem;font-size:var(--font-size-heading);font-weight:400;justify-content:center;justify-self:center;margin:0;padding:12px;transform:translateY(-50%);width:50%}.infoText{color:gray;color:var(--color-gray);font-size:.9375rem;font-size:var(--font-size-small)}.taskBox .infoText{margin:-10px 0 0}.createArea,.taskBox .infoText{display:flex;justify-self:center}.createArea{align-items:center;flex-direction:column;gap:.625rem;gap:var(--gap-small);height:6.25rem;height:var(--create-area-height);justify-content:space-between;margin-bottom:3.125rem;margin-bottom:var(--space-lg);margin-top:1.25rem;margin-top:var(--space-md);position:relative;width:80%;width:var(--create-area-width)}.createArea:after{background-color:#d7d7d7;border-radius:1px;bottom:-1.25rem;bottom:calc(var(--space-md)*-1);box-shadow:1px 2px 8px 0 #d8d8d8;content:"";height:.13rem;height:var(--border-md);opacity:.8;position:absolute;width:100%}.createArea input{background-color:initial;border:none;font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);font-size:1.375rem;font-size:var(--font-size-input);height:2.1875rem;height:var(--input-height);line-height:1.2;padding:0;text-align:center;width:50%}.createArea>input{border-bottom:.2rem dashed #eaa629;border-bottom:var(--border-lg) dashed #eaa629;border-radius:0!important}input:focus{outline:none}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bottomCreate{display:flex;height:3.125rem;height:var(--bottom-create-height);justify-content:space-between;width:70%;width:var(--bottom-create-width)}.createArea button{font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);width:25%}.createArea button,.taskOptions{background-color:#fff;background-color:var(--color-white);border:.13rem solid #000;border:var(--color-black) var(--border-md) solid;border-radius:.625rem;border-radius:var(--radius-medium);transition:all .1s;transition:all var(--animation-fast)}.taskOptions{align-items:center;background-color:initial;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;width:40%}.taskOptions p{background-color:#fffbee;font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);font-size:1.375rem;font-size:var(--font-size-medium);height:65%;justify-content:center;margin:0}.changeOptions,.taskOptions p{align-items:center;display:flex;width:100%}.changeOptions{background-color:#ffeaa7;background-color:var(--color-secondary);box-sizing:border-box;cursor:pointer;height:35%;justify-content:space-between;transition:all .1s;transition:all var(--animation-fast)}.changeOptions div{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.changeOptions img{height:60%}.changeOptions div:hover{background-color:#f1bf30;background-color:var(--color-primary)}.addButton{font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);font-size:1.125rem;font-size:var(--font-size-button);height:100%;width:20%}.createArea .addButton:active{transform:scale(1.05)}.modeButton{flex-direction:column;overflow:hidden;padding:0!important}.modeButton,.modeOption{align-items:center;display:flex;justify-content:center}.modeOption{font-size:.9375rem;font-size:var(--font-size-small);height:100%;width:100%}.modeButton p{margin:0}.modeButton .modeOption.activeMode{background-color:#f1bf30;background-color:var(--color-primary);color:#000;color:var(--color-black)}.taskContainer{animation:fadeInDropdown .5s ease-in-out forwards;animation:fadeInDropdown var(--animation-slow) ease-in-out forwards;border-radius:0 0 .9375rem .9375rem;border-radius:0 0 var(--radius-large) var(--radius-large);flex:1 1;list-style-position:inside;margin-bottom:0;overflow-x:hidden;padding:0;width:100%}.taskContainer ol{counter-reset:my-counter;margin-top:1.25rem;margin-top:var(--space-md);padding:0;width:100%}.task{align-items:center;box-sizing:border-box;display:grid;font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);grid-template-columns:15% 35% 30% 15%;grid-template-columns:var(--task-grid-columns);grid-template-rows:2.2rem;grid-template-rows:var(--task-height);height:2.2rem;height:var(--task-height);justify-content:space-between;position:relative;width:80%;width:var(--task-width)}.task :first-child,.task :nth-child(2),.task :nth-child(3){justify-self:start}.task :nth-child(4){justify-self:end}.deleteTask{height:70%;justify-content:center;padding:0}.deleteTask,.taskPosition{align-items:center;animation:fadeInDropdown .3s forwards;animation:fadeInDropdown var(--animation-medium) forwards;display:flex;margin:0}.taskPosition{font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);font-size:1.875rem;font-size:var(--font-size-xl);font-weight:700;height:100%;width:100%}.taskWrapper{align-items:center;display:flex;height:3.125rem;height:var(--taskwrapper-height);justify-content:center;position:relative;transition:all .3s;transition:all var(--animation-medium)}.taskWrapper:hover{background-color:#ededed;cursor:pointer}.taskWrapper.editing{background-color:#f3f3f3;box-shadow:0 0 1px 1px #d3d3d3}.taskBox :nth-child(3n).editing{animation:idleShake1 .6s linear infinite}.taskBox :nth-child(3n+1).editing{animation:idleShake3 .6s linear infinite}.taskBox :nth-child(3n+2).editing{animation:idleShake2 .6s linear infinite}.task.completed{color:gray;color:var(--color-gray);text-decoration:line-through}.taskName{font-size:1.5625rem;font-size:var(--font-size-large);height:100%;list-style:none;opacity:.9;overflow:hidden;text-overflow:ellipsis;transition:all .1s;transition:all var(--animation-fast);white-space:nowrap;width:100%}.taskName:hover{font-weight:700;text-shadow:1px 1px 2px #0000004d}.taskModeContainer{align-items:center!important;display:flex;height:100%;justify-content:space-between;width:100%}.taskTime{flex-direction:column;height:100%;width:70%}.taskTime,.taskTime p{align-items:center;display:flex;justify-content:center}.taskTime p{font-size:1.5625rem;font-size:var(--font-size-large);height:1.375rem;height:var(--font-size-medium);margin:0;width:100%}.secondsBar{background-color:gray;background-color:var(--color-gray);height:.13rem;height:var(--border-md);position:relative}.secondsBar,.secondsProgress{border-radius:.3125rem;border-radius:var(--radius-small);width:100%}.secondsProgress{background-color:#f1bf30;background-color:var(--color-progress);height:100%;transition:all 1s linear}.startTimeBtn{height:70%}.reps{font-size:1.5625rem;font-size:var(--font-size-large);height:100%;margin:0}.editButton{align-items:center;animation:fadeInDropdown .3s forwards;animation:fadeInDropdown var(--animation-medium) forwards;border-radius:.625rem;border-radius:var(--radius-medium);display:flex;height:80%;justify-content:end;opacity:.7;width:30px}.editButton:hover{opacity:1!important}.progressPercentage{align-items:center;animation:fadeInDropdown .3s forwards;animation:fadeInDropdown var(--animation-medium) forwards;display:flex;font-size:1.5625rem;font-size:var(--font-size-large);height:100%;justify-content:end}.doneHeading{background-color:#ffe28a;background-color:var(--color-done);border-radius:.9375rem;border-radius:var(--radius-large);box-shadow:2px 4px 5px 0 #0000004d;box-shadow:var(--shadow-medium);display:flex;font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);justify-content:center;margin:0 auto;padding:8px;width:40%}.doneDisplay{align-items:center;display:flex;font-size:1.5625rem;font-size:var(--font-size-large);height:100%;opacity:.8;width:40%}.checkmark{animation:checkFadeInDropdown .3s forwards!important;animation:checkFadeInDropdown var(--animation-medium) forwards!important;height:100%}.editSwitch{border:.13rem solid #000;border:solid var(--color-black) var(--border-md);border-radius:.3125rem;border-radius:var(--radius-small);display:inline;font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);font-size:.9375rem;font-size:var(--font-size-small);height:2.5rem;height:var(--editSwitch-height);margin:0 0 0 10%;width:5rem;width:var(--editSwitch-width)}.editSwitch.activeEdit{background-color:#ffd04f;background-color:var(--color-edit-active)}body:has(.modalEdit){overflow:hidden}.modalEdit{align-items:center;background-color:#0003;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.editContainer{background-color:#f1eded;background-color:var(--color-modal-bg);box-shadow:0 0 10px 2px #0000004d;box-shadow:var(--shadow-modal);min-height:100px;width:25%;width:var(--modal-width);z-index:100}.editContainer,.editHeading{border-radius:.625rem;border-radius:var(--radius-medium)}.editHeading{align-items:center;background-color:#ffae44;background-color:var(--color-modal-heading);box-shadow:4px 6px 5px 0 #0000004d;box-shadow:var(--shadow-heavy);font-family:monospace;font-weight:550;height:3.125rem;height:var(--modal-heading-height);justify-content:center;transform:translateY(-50%);width:50%}.editHeading,.editMain{display:flex;margin:0 auto}.editMain{flex-direction:column;gap:1.25rem;gap:var(--gap-medium);justify-content:space-between;position:relative;width:70%}.fadeModal{max-height:50vh;max-height:var(--modal-max-height);position:relative}.fadeModal:after{background:linear-gradient(#0000,#f1eded);background:linear-gradient(#0000,var(--color-modal-bg));bottom:-1.25rem;bottom:calc(var(--space-sm)*-2);content:"";height:15px;left:0;opacity:.8;pointer-events:none;position:absolute;right:0;z-index:10}.scrollModal{display:flex;flex-direction:column;gap:1.25rem;gap:var(--gap-medium);max-height:50vh;max-height:var(--modal-max-height);overflow-y:auto;padding:.625rem;padding:var(--space-sm);scrollbar-width:none}.editMain input{border:none;border-radius:.3125rem;border-radius:var(--radius-small);margin:0;padding:.3125rem;padding:var(--space-xs);width:100%}.editDiv{background-color:#ffdb70;background-color:var(--color-orange-light);border:.13rem solid #000;border:solid var(--color-black) var(--border-md);border-radius:.625rem;border-radius:var(--radius-medium);box-shadow:4px 6px 5px 0 #0000004d;box-shadow:var(--shadow-heavy);box-sizing:border-box;flex-direction:column;gap:.625rem;gap:var(--gap-small);padding:.625rem;padding:var(--space-sm)}.editDiv,.editDiv div{align-items:center;display:flex}.editDiv div{width:100%}.editMain label{align-items:center;background-color:#ffba3a;background-color:var(--color-orange-dark);border-radius:.9375rem;border-radius:var(--radius-large);box-shadow:1px 2px 5px 0 #0000004d;box-shadow:var(--shadow-light);display:flex;font-family:Architects Daughter,cursive;font-family:var(--architects-daughter);height:2.5rem;height:var(--label-height);justify-content:center;margin:0;width:50%}.editMain input,.editTime div{font-family:monospace}.editMain input{width:calc(100% - 10px)}.editTime div{display:flex;justify-content:space-between}.editTime input{width:50%}.editButtons{display:flex;justify-content:space-between;margin-bottom:20px;margin-top:20px;width:100%}.editButtons button{align-items:center;border:none;border-radius:.3125rem;border-radius:var(--radius-small);box-shadow:4px 6px 5px 0 #0000004d;box-shadow:var(--shadow-heavy);display:flex;font-size:1.125rem;font-size:var(--font-size-button);height:1.875rem;height:var(--button-height);justify-content:center;width:45%}.saveButton{background-color:#fdcb6e;background-color:var(--color-accent)}.cancelButton,.saveButton{color:#000;color:var(--color-black)}.cancelButton{background-color:#e0e0e0;background-color:var(--color-light-gray);border:.13rem solid #bdbdbd;border:var(--border-md) solid var(--color-border-gray)}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkFadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes idleShake1{0%{transform:translateX(0) rotate(0deg)}10%{transform:translateX(-.6px) rotate(-.12deg)}30%{transform:translateX(1.2px) rotate(.24deg)}60%{transform:translateX(-1.2px) rotate(-.24deg)}90%{transform:translateX(.6px) rotate(.12deg)}to{transform:translateX(0) rotate(0deg)}}@keyframes idleShake2{0%{transform:translateX(0) rotate(0deg)}10%{transform:translateX(.6px) rotate(.12deg)}30%{transform:translateX(-1.2px) rotate(-.24deg)}60%{transform:translateX(1.2px) rotate(.24deg)}90%{transform:translateX(-.6px) rotate(-.12deg)}to{transform:translateX(0) rotate(0deg)}}@keyframes idleShake3{0%{transform:translate(0) rotate(0deg)}10%{transform:translate(-.5px,.3px) rotate(-.1deg)}30%{transform:translate(1.1px,-.4px) rotate(.22deg)}60%{transform:translate(-1.1px,.4px) rotate(-.22deg)}90%{transform:translate(.5px,-.3px) rotate(.1deg)}to{transform:translate(0) rotate(0deg)}}@media (max-width:575.98px){:root{--space-md:1rem;--font-size-header:2.5rem;--task-height:2rem;--task-grid-height:1.875rem;--taskwrapper-height:3.5rem}html{font-size:3.5vw}.container{flex-direction:column;width:85%}.taskBox{width:100%}.editContainer{width:75%}.deleteTask,.editButton{height:90%}input,select,textarea{font-size:16px!important}}@media (max-width:375.98px){:root{--space-md:1rem}html{font-size:3.7vw}input,select,textarea{font-size:16px!important}}@media (min-width:576px) and (max-width:767.98px){:root{--editSwitch-height:3rem;--editSwitch-width:6rem}}@media (min-width:768px) and (max-width:1199.98px){:root{--button-height:2.5rem}.container{width:85%}html{font-size:1.4vw!important}.editContainer{width:30%}input,select,textarea{font-size:clamp(16px,1.375rem)!important;font-size:clamp(16px,var(--font-size-input))!important}}.UserAuth_userAuthContainer__WSayJ{--auth-container-height:70px;--auth-container-margin:calc((var(--header-height) - var(--auth-container-height))/2);position:fixed;right:var(--auth-container-margin);top:var(--auth-container-margin);z-index:1000}.UserAuth_googleButton__gNoae{align-items:center;background-color:#fff;border:none;border-radius:5px;box-shadow:1px 3px 5px #0003;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:10px 20px}.UserAuth_googleButton__gNoae img{height:20px;margin-right:10px;width:20px}.UserAuth_profileContainer__SMtVo{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:50px;padding:10px;width:50px}.UserAuth_profileContainer__SMtVo:hover{background-color:#f0f0f0}.UserAuth_profileImage__1iNqm{border-radius:50%;height:50px;width:50px}.UserAuth_emptyProfile__PXWEy{border:1px solid #000;transform:translateY(-1px)}.UserAuth_rightAlign__OMni5{align-items:end;display:flex;flex-direction:column}.UserAuth_logoutButton__L6OlW{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:5px 0 10px;overflow:hidden;padding:10px 20px;transition:all .5s ease-in-out}.UserAuth_signInButton__yNeMJ{--padding-horizontal:14px;align-items:center;background-color:#f0f0f0;border-radius:10px;box-shadow:var(--shadow-light);color:#000;cursor:pointer;display:flex;height:48px;justify-content:center;max-width:320px;padding:0 var(--padding-horizontal)}.UserAuth_signInButton__yNeMJ.UserAuth_secondary__tyOrp{background-color:#f9d978;box-shadow:var(--shadow-medium);color:#0f0f0f}.UserAuth_signInServiceLogo__u9E4f{height:20px;width:20px}.UserAuth_signInServiceName__bZBhY{font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;padding:0 6px}
/*# sourceMappingURL=main.2e2c2ba4.css.map*/