body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:root{--light-grey-color:#8db3c4;--muted-grey-color:#112336;--main-background-color:#0d1b2a;--main-foreground-color:#5dbde8;--secondary-color:#ff9a10;--soft-red-color:#e05555}@font-face{font-family:Rubik;font-style:normal;font-weight:400;src:url(/static/media/Rubik-Regular.6c81bec7bf6c59e83826.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:lighter;src:url(/static/media/Rubik-Light.155875b9b0004ceb8464.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:700;src:url(/static/media/Rubik-Regular.6c81bec7bf6c59e83826.ttf) format("truetype")}.clickable:hover{cursor:pointer}.been-since p{margin:.1em}.been-since-formatted-value{color:var(--secondary-color);font-size:1.8rem}.been-since-formatted-value.alert{color:var(--soft-red-color)}.a-long-time,.just-now{font-family:Rubik,"sans-serif"}.running-timer{font-family:monospace}.selectors{align-items:center;flex-direction:column;margin:.5rem 0;width:100%}.presets,.selectors{display:flex;justify-content:center}.presets{gap:.5rem;margin-bottom:.75rem}.preset{background:none;border:2px solid var(--main-foreground-color);border-radius:999px;color:var(--main-foreground-color);cursor:pointer;font-size:1.2rem;padding:.2rem .75rem;transition:background-color .1s,color .1s}.preset.selected{background-color:var(--main-foreground-color);color:#fff}.dose-stepper{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.dose-stepper .stepper-btn{align-items:center;background-color:var(--main-foreground-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;height:3rem;justify-content:center;line-height:1;width:3rem}.dose-stepper .stepper-btn:disabled{cursor:default;opacity:.3}.dose-stepper .stepper-value{color:var(--secondary-color);flex:1 1;font-size:2rem;font-weight:700;text-align:center}.dose-stepper .stepper-unit{color:var(--light-grey-color);font-size:1rem;font-weight:400}.notification-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1em}.notification-option{background:none;border:2px solid var(--main-foreground-color);border-radius:999px;color:var(--main-foreground-color);cursor:pointer;font-size:1.2rem;padding:.2rem .75rem;transition:background-color .1s,color .1s}.notification-options button.selected{background-color:var(--main-foreground-color);color:#fff}.be-notified{color:var(--light-grey-color);margin:.5rem 0 1rem}.modal-container{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%}.modal-backdrop{background-color:#070f18b3;height:100vh;position:fixed;width:100%}.modal-panel{background-color:var(--muted-grey-color);border:1px solid #5dbde833;display:flex;flex-direction:column;padding:1rem;width:16rem}.modal-container .close{font-size:1.5rem;margin-top:-.5rem;text-align:end}.modal-container .close:hover{color:var(--light-grey-color);cursor:pointer}.change-presets-title{color:var(--light-grey-color);font-size:1.1rem;font-weight:400;margin:0 0 .75rem}.preset-stepper-row{display:flex;flex-direction:column;margin-bottom:.75rem}.preset-stepper-label{color:var(--light-grey-color);font-size:.85rem;margin-bottom:.25rem}.preset-stepper{align-items:center;display:flex;justify-content:space-between;width:100%}.preset-stepper .stepper-btn{align-items:center;background-color:var(--main-foreground-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;height:3rem;justify-content:center;line-height:1;width:3rem}.preset-stepper .stepper-btn:disabled{cursor:default;opacity:.3}.preset-stepper .stepper-value{color:var(--main-foreground-color);flex:1 1;font-size:2rem;font-weight:700;text-align:center}.preset-stepper .stepper-unit{color:var(--light-grey-color);font-size:1rem;font-weight:400}.save-presets{margin:1rem .5rem .5rem}.save-dose,.save-presets{background-color:var(--main-foreground-color);border:2px solid var(--main-foreground-color);border-radius:999px;color:#fff;cursor:pointer;font-size:1.8rem;padding:.2rem 1.5rem}.save-dose{margin:.5rem}.link{background:none;border:none;color:var(--main-foreground-color)}.link:hover{color:var(--light-grey-color);cursor:pointer}.change-presets{-webkit-margin-end:auto;margin-inline-end:auto;margin-bottom:.2rem;padding:2px 0}#too-soon-warning .warning-message{margin:.5rem 0 1rem;text-align:center}#too-soon-warning .time-since{color:var(--soft-red-color);font-size:2rem;font-weight:700}#too-soon-warning .warning-button{border-radius:999px;color:#fff;cursor:pointer;font-size:1.8rem;margin:.5rem;padding:.5rem}#too-soon-warning .save{background-color:var(--soft-red-color);border:2px solid var(--soft-red-color);font-size:1.2rem}#delete-confirmation .warning-message{color:var(--soft-red-color);font-size:1.5rem;margin:1rem 0}#delete-confirmation .entry-details{color:var(--secondary-color);font-size:1rem;font-weight:700}#delete-confirmation .entry-details .date{color:var(--light-grey-color)}#delete-confirmation .entry-details .time{font-size:2rem}#delete-confirmation .warning-button{border-radius:999px;color:#fff;cursor:pointer;font-size:1.8rem;margin:.5rem;padding:.5rem}#delete-confirmation .delete{background-color:var(--soft-red-color);border:2px solid var(--soft-red-color);font-size:1.5rem}#delete-confirmation .nevermind{background-color:var(--main-foreground-color);border:2px solid var(--main-foreground-color);font-size:1.5rem}#doses{position:relative}.language-toggle{-webkit-margin-start:auto;-webkit-margin-end:1rem;background-color:initial;border:2px solid var(--main-foreground-color);border-radius:2rem;color:var(--main-foreground-color);font-size:1.2rem;height:3rem;margin-inline-end:1rem;margin-inline-start:auto;padding:.5rem;width:3rem}#doses .title{align-items:center;box-shadow:0 3px 8px #506e8266;color:var(--secondary-color);display:flex;padding:0 .5rem;position:relative;z-index:1}#doses .title h1{font-size:2rem;margin:1rem .5rem}#doses .title .logo{margin-right:.5em;width:3rem}#doses .entries{height:calc(100vh - 210px);overflow-x:hidden;overflow-y:scroll;padding:1rem .5rem}#doses .entries,.entries-empty{display:flex;flex-direction:column}.entries-empty{align-items:center;color:var(--light-grey-color);gap:.75rem;height:100%;justify-content:center;opacity:.35}.entries-empty-icon{height:10rem;width:10rem}.entries-empty-label{font-size:1.4rem;letter-spacing:.05em;margin:0}#doses .dose-entry{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-between}#doses .datetime{display:flex;flex-direction:column}#doses .date,#doses .time{margin:0}#doses .date{color:var(--light-grey-color);margin:.2em}#doses .time{font-size:2rem;text-align:start}#doses .dose-size{font-size:1rem;margin-bottom:.1em}#doses .dose-size .size{font-size:1.8rem}#doses .dose-size .ml{-webkit-margin-start:5px;color:var(--light-grey-color);margin-inline-start:5px}#doses .diff-time{-webkit-margin-start:1rem;color:var(--secondary-color);font-size:1.2rem;margin:.5rem 0;margin-inline-start:1rem;text-align:start}#doses .diff-time.alert{color:#e05555}#doses .day-break{align-items:center;color:var(--light-grey-color);display:flex;font-size:.8rem;gap:.75rem;margin:.75rem 0;opacity:.6}#doses .day-break:after,#doses .day-break:before{background:var(--light-grey-color);content:"";flex:1 1;height:1px}#doses .day-break-label{white-space:nowrap}#doses footer{bottom:0;box-shadow:0 -3px 8px #506e8266;display:flex;flex-direction:row;justify-content:space-between;padding:.5rem 1rem;position:fixed;width:calc(100% - 2rem);z-index:1}.no-doses-prompt{font-size:1.5rem}.add-new-dose,.no-doses-prompt{align-items:center;color:var(--secondary-color);display:flex}.add-new-dose{background-color:initial;border:none;justify-content:center}.add-new-dose:hover{cursor:pointer}.add-new-dose[disabled] span{color:var(--muted-grey-color)}.add-new-dose .plus{font-size:3rem}.App{background-color:var(--main-background-color);color:var(--main-foreground-color);height:100vh}
/*# sourceMappingURL=main.1d01d379.css.map*/