.navbar[data-v-96205508]{border-bottom:2px solid var(--color-primary);margin:0 -1rem 1rem;padding:var(--space-sm)}.navbar .y-button[data-v-96205508],ul[data-v-96205508]{margin:0}ul[data-v-96205508]{display:flex;justify-content:space-between;list-style:none;padding:0}.add-dose{display:grid;gap:10px;grid-template-areas:"datetime   submit" "value   submit";grid-template-columns:60% auto;width:100%}@media (min-width:768px){.add-dose{grid-template-areas:"datetime datetime submit" "value . submit";grid-template-columns:1fr 1fr auto}}.form-inputs{display:flex;flex-direction:column;flex-grow:1;gap:10px}.y-input{margin:0;width:100%}.datetime{grid-area:datetime}.y-datetime-input{width:100%}.dose-value{grid-area:value}.dose-value>div:has(.y-input),.dose-value>label,.dose-value>select{flex:1}.dose-unit{grid-area:unit}.submit-dose{display:inline-block;display:flex;flex-basis:25%;flex-direction:column;flex-grow:1;flex-shrink:0;grid-area:submit}.submit-dose .y-button{height:100%;margin:0}.footer{background-color:var(--color-bg);border-top:2px solid var(--color-primary);bottom:0;margin:0 -1rem;padding:var(--space-sm);position:sticky;z-index:10}:root{--overlay-bg:#020300}