@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";html,body{width:100vw;max-width:60rem;margin-inline:auto;margin-block:0px}:root{--old_value_display:none;--accent-color:brown;--header-color:tan;--body-color:antiquewhite;--disabled-color:rgb(238, 238, 238);--button_bg_color:tan;--button_border_color:tan;--units-metric-display:none;--units-std-display:initial}.units-metric{display:var(--units-metric-display)}.units-std{display:var(--units-std-display)}button{background-color:var(--button_bg_color);border-color:var(--button_border_color);border-radius:10%;border-width:1px}.settings-button{position:relative}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.component-menu{background-color:var(--body-color);border-style:solid;border-width:1px;position:absolute;top:100%;right:0;z-index:1}button:focus-within .component-menu,.component-menu:focus-visible{display:initial}.component-menu fieldset{display:flex;flex-direction:row}button .component-menu{display:none}.units-setting>div{display:flex;flex-direction:row}textarea,input,select{font-size:1rem}label{margin-block:auto}*{box-sizing:border-box}.hidden{display:none}.body_content{width:100%;background-color:var(--body-color);min-height:100vh}.body_content>header{position:sticky;z-index:1;top:0;display:flex;text-align:center;background-color:var(--header-color);padding:.2rem;margin-bottom:.5rem}.body_content header h1{flex-grow:1;font-size:1.2rem;margin:0;margin-block:auto;display:flex;flex-direction:column}.body_content header h1 .subtitle{font-size:1rem}.body_content header h1 .separator{display:none}@media (min-width:47ch){.body_content header h1{display:block}.body_content header h1 .separator{display:inline}.body_content header h1 .subtitle{font-size:1.2rem}}.body_content>header button{border:none}.body_content .coffee_details header{padding-left:.5em;border-style:groove none none groove;border-radius:.5rem;border-color:var(--accent-color);text-align:left}.content_area{margin-bottom:.5rem}.history .record{border-style:groove none none groove;border-radius:.5rem;border-color:var(--accent-color)}.coffee_details header h2{font-size:1rem}.coffee_details{width:100%}.coffee_source_root{display:flex;flex-direction:column;width:100%}.field{width:100%;display:grid;grid-template-columns:auto 1fr 1fr}.field input,.field select,.field textarea{display:block;min-width:0px;flex-shrink:1;flex-grow:1}.field .old_value:is(input,select,textarea){background-color:var(--disabled-color)}.brew_config_root header{display:flex;flex-direction:row}.brew_config_root header button{display:var(--old_value_display);border-top-right-radius:.5rem;margin-block:auto;margin-left:auto}.brew_config_root .field label{text-align:right;flex-shrink:0;width:10rem;margin-right:.5rem}.brew_config_root .field .hidden{display:none}.target-density-ui-root{border-width:1px;margin-bottom:.2rem;border-bottom-style:solid;border-color:var(--accent-color);padding-bottom:.2rem}.target-density-ui-root h3{margin-block:2px;text-align:center;font-size:1rem;font-style:normal;font-weight:400}.coffee_source_root .field label{text-align:right;flex-shrink:0;width:4rem;margin-right:.5rem}.field .old_value{display:var(--old_value_display)}.start_brew_btn>.btn_text{margin-block:auto}.coffee_source_root .field:first-of-type{position:relative}.name-suggestion-container{background-color:var(--body-color);border-style:solid;border-width:1px;position:absolute;cursor:pointer;top:100%;left:1rem}.name-suggestion-container.hidden{display:none}.name-suggestion-container .name{padding-inline:.2rem;padding-top:.2rem;background-color:var(--header-color)}.name-suggestion-container .name-group{display:flex;flex-direction:column;overflow:hidden}.name-suggestion-container .instance{display:flex;flex-direction:row;padding-left:3ch;width:100%;padding-block:.2rem}.name-suggestion-container .instance span{min-width:13ch;width:13ch}.brew_dialog{box-sizing:border-box;position:relative;width:100vw;height:100vh;max-width:100%;max-height:100%;padding:0;margin:0;background-color:var(--body-color);border-width:1px;border-radius:.5rem}.brew_dialog_inner{display:flex;width:100%;flex-direction:column;margin-inline:1px;border-style:none}.brew_dialog_inner .steps{width:100%}.brew_dialog_inner .content{flex-grow:1;display:flex;width:100%;flex-direction:row}.brew_dialog_inner header{position:sticky;background-color:var(--body-color, tan);top:0;z-index:1;display:flex;flex-direction:row;text-align:center;margin:0 auto 1px;border-bottom:solid 1px;width:100%}.brew_dialog_inner header h1{flex-grow:1}.brew_dialog header .zone_clear_btn{position:absolute;flex-grow:0;font-size:1.2rem;width:2.5rem;height:2.5rem;top:0;right:0}.brew_dialog header sound-status button{background-color:transparent;border:none}.steps .hidden{display:none}.brew_dialog .field{width:100%;display:grid;grid-template-columns:7rem minmax(auto,15rem)}.brew_dialog .dilute .instructions{margin-bottom:3em}.brew_dialog .dilute .instructions>p{margin-bottom:0}.brew_dialog .dilute .not_ready{max-width:40ch;display:flex;flex-direction:row;font-size:.8rem;margin-inline:1rem}.brew_dialog .dilute .not_ready>span{padding-left:.25rem}.brew_dialog .dilute .not_ready button{margin:auto}.target-density-ui-root{display:flex;flex-direction:column;width:100%}.CountdownTimerContainer{width:100%;font-size:3rem}.inner_timer{width:fit-content;min-width:3rem;margin-inline:auto;border-style:solid;padding:1rem;border-width:1px;border-radius:50%;cursor:pointer;text-align:center}.inner_timer.expiring{animation-name:TimerExpiring;animation-iteration-count:var(--expire-animation-count, 6);animation-duration:var(--expire-animation-duration, .5s)}.inner_timer.active{background-color:#90ee90}.inner_timer.expired{background-color:red}@keyframes TimerExpiring{0%{box-shadow:0 0 #000}50%{box-shadow:0 0 .5rem .125rem #00f,0 0 .5rem .125rem inset #00f}to{box-shadow:0 0 #000}}.history{display:flex;flex-direction:row}.history header{width:100%;display:flex;flex-direction:row;padding-bottom:.2rem;text-align:center}.history header span{flex-grow:1;margin-block:auto}.history>button{margin-bottom:auto}.history .record{overflow:hidden;flex-grow:1;flex-shrink:1;margin-left:auto;position:relative;border-style:solid;border-width:1px;display:flex;flex-direction:column}.history .record.hidden{display:none}.zone_clear_btn{background-color:#0000;border:none;padding:0}.history .record .zone_clear_btn{flex-grow:0}.history .record .history_field{min-width:0px;display:flex;flex-direction:row;margin-inline:.5rem}.history .record .history_field label{width:9ch;flex-shrink:0;flex-grow:0}.history .record>div :is(input,textarea){display:block;min-width:0px;flex-shrink:1;flex-grow:1}.history .record textarea{background-color:var(--disabled-color)}.history .good{background-color:#90ee90}.history .bad{background-color:orange}dialog{border-width:1px;border-radius:.5rem;background-color:var(--body-color)}.history_dialog .hidden{display:none}.history_dialog{width:95vw;margin-top:1.5rem;min-height:30vh;max-width:60rem;padding:0}.history_dialog header h1{font-size:1.2rem;margin:0}.history_dialog header{position:sticky;top:0;z-index:1;background-color:var(--header-color);text-align:center;border-bottom-style:inset}.history_dialog .close_btn{font-size:1rem;position:absolute;top:0;right:0;border-top-right-radius:.5rem}.history_dialog fieldset>div{width:100%;display:flex;flex-direction:row;gap:.1em;flex-wrap:wrap}.history_dialog fieldset .fieldset_item{display:flex;flex-direction:row;flex-shrink:0;text-align:center;width:fit-content;margin-inline:.2em}.EditableBrewRecord.selected{box-shadow:0 0 .2rem .2rem inset var(--accent-color);transition:box-shadow .25s}.DeleteConfirmationDialog>div{width:100%}.DeleteConfirmationDialog .close{float:right}update-notification-icon-ui{position:relative}update-notification-icon-ui .popup-menu.hidden{display:none}update-notification-icon-ui .popup-menu{background-color:var(--header-color);width:24ch;max-width:90vw;position:absolute;top:100%;left:0%;z-index:1;padding:0rem 1rem 1rem;border-width:0px 1px 1px 1px;border-style:solid;border-radius:0rem .5rem .5rem}update-notification-icon-ui .update{border:0px;animation-name:update_animation;animation-duration:1s;animation-iteration-count:10;animation-delay:3s}update-notification-icon-ui .popup-menu>button{background-color:var(--body-color)}@keyframes update_animation{0%{box-shadow:0 0 inset #ff0}50%{box-shadow:0 0 3px 3px inset #ff0}to{box-shadow:0 0 inset #ff0}}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 100,"GRAD" 0,"opsz" 24}.material-symbols-outlined.material-nofill{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 24}.history .record>button .material-symbols-outlined,.small.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 100,"GRAD" 0,"opsz" 20}.material-nofill.small.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 20}.material-symbols-outlined.inline-size{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;font-size:1.5em;position:relative;top:.35rem}.EditableBrewRecord{position:relative;--body-color:var(--EditableBrewRecord-body-color, bisque);background-color:var(--body-color);display:flex;flex-direction:column;padding:.5rem;border-bottom-style:ridge;cursor:pointer}timestamp-field,editable-coffee-source,editable-brew-results{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:.5rem}timestamp-field .timestamp,editable-coffee-source .name,editable-brew-results .notes{grid-column:span 2}:is(timestamp-field,editable-coffee-source,editable-brew-results) label{display:none}.EditableBrewRecord select{border-radius:.25rem;padding:1px 4px}.EditableBrewRecord .field{overflow:hidden;width:100%;display:flex;flex-direction:row}.EditableBrewRecord .field :not(label){flex:1}.EditableBrewRecord .field label{flex-grow:0;width:10ch}.EditableBrewRecord[editmode=false].compact .notes{display:none}.EditableBrewRecord[editmode=false] :is(input,select,textarea){-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;background-color:transparent;border:none}.EditableBrewRecord .edit_btn,.EditableBrewRecord .delete_btn{background-color:var(--body-color, transparent);padding:.2rem}.bad{background-color:orange!important}.good{background-color:#90ee90!important}input,select,textarea{font-size:1rem}
/*# sourceMappingURL=index.css.map */