body{background-color:#232323;color:#fff}body,h1{font-family:Gill Sans,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--color-welcome-text:#b0b0b0;--color-menu-btn-text:#767676;--color-habit-completed:#a3d687;--color-longest-streak:#e8a3ff;--color-missing-date:#3f3f3f;--color-menu-btn-hover-text:#e3e3e3;--color-menu-btn:#2d2d2d;--color-error-text:#ff4d4d;--color-error-bg:#ffe6e6;--color-divider-dark:#4f4f4f4d;--color-divider-light:#0000001a;--color-checkbox-unchecked-border:#a3d687;--color-checkbox-hover-border:#8eec5b;--color-checkbox-stroke:#060606;--color-checkbox-onclick:#2c6a0a;--color-checkbox-checked-border:#62fb0f;--color-checkbox-checked-bg:#62fb0f;--color-checkbox-text:#fff;--color-google-btn-bg:#a3d687;--color-google-btn-hover-bg:#8eec5b;--color-google-btn-text:#060606}.header{display:block;margin:30px auto auto}.header-logo{margin:auto}.header-logo img{width:200px}.header-menu{display:inline-flex;margin:auto;max-width:600px}.welcome-text{align-content:center;color:#b0b0b0;color:var(--color-welcome-text);display:flex;flex-direction:column;font-size:18px;justify-content:center;margin-right:15px}.menu-btn{background-color:#2d2d2d;background-color:var(--color-menu-btn);border:0;border-radius:4px;color:#767676;color:var(--color-menu-btn-text);cursor:pointer;display:inline-flex;font-size:12px;margin:0;padding:10px;transition:background-color .3s,color .3s}.habit-tracker{margin:auto;max-width:600px;padding:0 20px 20px}p{text-align:left}h2{font-weight:400}.login-page p{text-align:center}button,input[type=text]{font-size:16px;margin-right:10px;padding:10px}ul{list-style:none;padding:0}li{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:10px}.error-message{background-color:#ffe6e6;background-color:var(--color-error-bg);border:1px solid #ff4d4d;border:1px solid var(--color-error-text);border-radius:4px;color:#ff4d4d;color:var(--color-error-text);margin-top:10px;padding:10px}.date-box{background-color:#a3d687;background-color:var(--color-habit-completed);border:0;border-radius:4px;display:inline-block;font-size:14px;height:18px;margin:0 2px;position:relative;width:18px}.date-box:after{background:#333;border-radius:3px;bottom:100%;color:#fff;content:attr(title);left:50%;opacity:0;padding:5px;position:absolute;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap}.date-box:hover:after{opacity:1;visibility:visible}.missing-date{background-color:#3f3f3f;background-color:var(--color-missing-date);border:0}.longest-streak{background-color:#e8a3ff;background-color:var(--color-longest-streak)}.toggle-dates-button{border:0;display:inline-block;height:18px;margin:2px;position:relative;width:18px}.toggle-dates-button svg{bottom:3px;color:#5a5a5a;height:12px;left:3px;position:relative;width:12px}.habit-text.completed{text-decoration:line-through}.habit-item{align-items:left;gap:10px;margin-bottom:20px}.btn-delete{background-color:#3f3f3f;background-color:var(--color-missing-date);border:0;border-radius:4px;color:#e3e3e3;color:var(--color-menu-btn-hover-text);cursor:pointer;display:block;font-size:18px;padding:10px;transition:background-color .1s,color .1s}.completion-dates{display:flex;flex-wrap:wrap;text-align:left}.habit-menu-bar{color:#999;font-size:.9em;margin-top:0}.habit-menu-bar p{margin:0}.delete-btn{display:inline;position:relative;top:2px}.delete-btn svg{color:#3a3a3a;height:16px;position:relative}.add-section{width:100%}.add-btn{float:left}.add-btn-label{float:left;padding-left:10px;padding-top:5px}.add-btn svg{color:#a3d687;color:var(--color-habit-completed)}.divider{border:0;border-bottom:1px solid #4f4f4f4d;border-bottom:1px solid var(--color-divider-dark);border-top:1px solid #0000001a;border-top:1px solid var(--color-divider-light);height:0;margin-bottom:0;margin-top:0;width:80%}.bi-lightning-charge-fill{fill:#a3d687;fill:var(--color-habit-completed);height:.9em;width:.9em}.bi-lightning-charge-fill-longest{fill:#e8a3ff;fill:var(--color-longest-streak);height:.9em;width:.9em}.login-with-google-btn{background-color:#a3d687;background-color:var(--color-google-btn-bg);border:0;border-radius:4px;color:#060606;color:var(--color-google-btn-text);cursor:pointer;display:inline-block;font-size:18px;margin:10px;padding:10px;transition:background-color .3s,color .3s}.login-with-google-btn:hover{background-color:#8eec5b;background-color:var(--color-google-btn-hover-bg);transition:background-color .3s,color .3s}.today-habit-checkbox{display:flex}.habit-checkbox{display:none}.today-habit-checkbox .cbx{-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.today-habit-checkbox .cbx span{display:inline-block;transform:translateZ(0);vertical-align:middle}.today-habit-checkbox .cbx span:first-child{border:1px solid #a3d687;border:1px solid var(--color-checkbox-unchecked-border);border-radius:50%;height:24px;position:relative;transform:scale(1);transition:all .2s ease;vertical-align:middle;width:24px}.today-habit-checkbox .cbx span:first-child svg{fill:none;stroke:#060606;stroke:var(--color-checkbox-stroke);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;left:6px;position:absolute;top:8px;transform:translateZ(0);transition:all .3s ease;transition-delay:.1s;z-index:1}.today-habit-checkbox .cbx span:first-child:before{background:#2c6a0a;background:var(--color-checkbox-onclick);border-radius:50%;content:"";display:block;height:100%;opacity:1;transform:scale(0);transition-delay:.2s;width:100%}.today-habit-checkbox .cbx span:last-child{margin-left:8px}.today-habit-checkbox .cbx:hover span:first-child{border-color:#8eec5b;border-color:var(--color-checkbox-hover-border)}.today-habit-checkbox .habit-checkbox:checked+.cbx span:first-child{animation:check-15 .6s ease;background:#62fb0f;background:var(--color-checkbox-checked-bg);border-color:#62fb0f;border-color:var(--color-checkbox-checked-border)}.today-habit-checkbox .habit-checkbox:checked+.cbx span:first-child svg{stroke-dashoffset:0}.today-habit-checkbox .habit-checkbox:checked+.cbx span:first-child:before{opacity:0;transform:scale(2.2);transition:all .6s ease}.today-habit-checkbox .habit-checkbox:checked+.cbx span:last-child{color:#fff;color:var(--color-checkbox-text);transition:all .3s ease}.today-habit-checkbox .habit-checkbox:checked+.cbx span:last-child:after{transform:scaleX(1);transition:all .3s ease}@keyframes check-15{50%{transform:scale(1.2)}}.delete-dialog-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.delete-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;color:#232323;max-width:400px;padding:20px;width:100%}.delete-dialog h2{margin-top:0}.delete-dialog ul{list-style-type:none;padding:0}.delete-dialog li{display:inline-block;margin-bottom:10px}.delete-dialog button{background-color:#a3d687;border:none;border-radius:5px;color:#060606;cursor:pointer;padding:10px}.delete-dialog button:hover{background:#8eec5b}.delete-dialog .cancel-button{background-color:#6c757d}.delete-dialog .cancel-button:hover{background-color:#5a6268}.edit-dialog-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.edit-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;color:#232323;max-width:400px;padding:20px;width:100%}.edit-dialog input{margin-bottom:10px}.edit-dialog h2{margin-top:0}.edit-dialog ul{list-style-type:none;padding:0}.edit-dialog li{display:inline-block;margin-bottom:10px}.edit-dialog button{background-color:#a3d687;border:none;border-radius:5px;color:#060606;cursor:pointer;padding:10px}.edit-dialog button:hover{background:#8eec5b}.edit-dialog .cancel-button{background-color:#6c757d}.edit-dialog .cancel-button:hover{background-color:#5a6268}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;color:#232323;max-width:400px;padding:20px;width:100%}.popup-content input{margin-bottom:10px;max-width:300px;padding:8px;width:100%}.popup-content button{background-color:#a3d687;border:none;border-radius:4px;color:#060606;cursor:pointer;margin:5px;padding:10px 20px}.popup-content button:hover{background:#8eec5b}.popup-content button:nth-of-type(2){background:#6c757d}.popup-content button:nth-of-type(2):hover{background:#5a6268}
/*# sourceMappingURL=main.388bdd35.css.map*/