*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}ul{padding:0}li{list-style-position:inside}:root{--color-background: white;--color-heading: var(--vt-c-text-light-1);--color-text: black;--coffee-brown-dark: #38220f;--coffee-brown-medium-dark: #634832;--coffee-brown-medium: #967259;--coffee-brown-medium-light: #dbc1ac;--coffee-brown-light: #ece0d1;--coffee-input-border-radius: 15px}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}strong{font-weight:700}h1{text-align:center;margin-block:1rem}@starting-style{[popover]:popover-open{opacity:0}}[popover]:popover-open{opacity:1}[popover]{width:90%;margin:20vh 5%;padding:2rem;min-height:max(100px,50vh);animation:popoverAnimate .5s ease-in;align-items:center;opacity:0;transition:opacity .5s}[popover]::backdrop{background:#00000080;animation:popoverAnimate .5s ease-in}[popover]:popover-exit{animation:popoverAnimateOut 5s ease-in}@keyframes popoverAnimate{0%{opacity:0}to{opacity:1}}@keyframes popoverAnimateOut{0%{opacity:1}to{opacity:0}}dialog{width:90%;margin:5vh 5%;height:90vh;animation:popoverAnimate .5s ease-in;align-items:center;transition:opacity .5s}dialog::backdrop{background:#00000080;animation:popoverAnimate .5s ease-in}.dialog-inner{padding:2rem;min-height:inherit}dialog dialog{width:80%;margin-inline:10%;margin-block:2rem;height:unset}dialog dialog dialog{width:70%;margin-inline:15%;margin-block:2.5rem;height:unset}dialog dialog .dialog-inner,dialog dialog dialog .dialog-inner{margin-block:1rem;min-height:unset}button{cursor:pointer;background:var(--coffee-brown-dark);border:1px solid var(--coffee-brown-dark);padding:.5rem 1rem;border-radius:var(--coffee-input-border-radius);color:#fff;transition:all .5s;margin-block:.5rem}button~button{margin-inline-start:.5rem}button:hover{background:#fff;color:var(--coffee-brown-dark)}input,select{border:1px solid var(--coffee-brown-dark);padding:.5rem 1rem;border-radius:var(--coffee-input-border-radius);accent-color:var(--coffee-brown-dark)}input[type=checkbox]{outline:4px solid var(--coffee-brown-dark);border:none;appearance:none;padding:.3rem;border-radius:50%}input[type=checkbox]:checked{background:var(--coffee-brown-dark)}label:has(input[type=checkbox]){display:flex;align-items:center;gap:.5rem}.two-col{display:grid;grid-template-columns:1fr;gap:1rem}@media screen and (min-width: 1024px){.two-col{grid-template-columns:1fr 1fr}}:root{--coffee-svg-text-fill: var(--coffee-brown-dark)}svg text{fill:var(--coffee-svg-text-fill)}svg rect{fill:var(--coffee-brown-medium-light);stroke:var(--coffee-brown-dark)}svg circle{fill:var(--coffee-brown-light);stroke:var(--coffee-brown-dark)}.boxplot svg circle{fill:var(--coffee-brown-light);stroke:var(--coffee-brown-dark)}.chart{display:flex}.chart-tooltip{width:300px;min-width:300px;max-width:100%;background-color:#fff;border:1px solid black;padding:10px}@media screen and (max-width: 1260px){.chart{flex-direction:column}.chart-tooltip{width:100%}}#app{margin:0 auto;padding:1rem;font-weight:400}main{width:1280px;max-width:100%;margin:0 auto}main>*{width:100%}section{margin-block:1.5rem}a,button.link{background:0;border:0;text-decoration:underline;font-size:inherit}@media (min-width: 1024px){main{display:flex;place-items:center;align-self:stretch}#app{min-height:100vh;display:flex;flex-direction:column}}#toasty[data-v-355c6b86]{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;background:#00000080}.toasty-inner[data-v-355c6b86]{width:90vw;max-height:90vh;max-width:400px;height:auto;background:var(--color-background);border-radius:var(--monty-border-radius);display:grid;gap:1rem;padding:1rem;box-shadow:var(--monty-box-shadow)}header[data-v-355c6b86]{display:flex;justify-content:space-between;align-items:center}button[data-v-355c6b86]{padding:5px 10px;font-size:12px}header[data-v-7a7a37b1]{line-height:1.5}nav[data-v-7a7a37b1]{width:100%;text-align:center}nav a.router-link-exact-active[data-v-7a7a37b1]{color:var(--color-text)}nav a.router-link-exact-active[data-v-7a7a37b1]:hover{background-color:transparent}nav a[data-v-7a7a37b1]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-7a7a37b1]:first-of-type{border:0}@media (min-width: 1024px){.logo[data-v-7a7a37b1]{margin:0 2rem 0 0}nav[data-v-7a7a37b1]{text-align:right}}:root{--tooltip-left: 0;--tooltip-top: 0}.line-chart{display:flex}.line-tooltip{background-color:#fff;border:1px solid black;padding:10px;width:300px;min-width:300px;max-width:100%}circle{transition:all .3s}circle.active{fill:#563517}.trendline{stroke:var(--coffee-brown-dark)}@media screen and (max-width: 1260px){.line-chart{flex-direction:column}.line-tooltip{width:100%}}section[data-v-881d0142]{animation:fadein-881d0142 ease;animation-timeline:view(block)}@keyframes fadein-881d0142{0%{opacity:0;filter:blur(5px)}10%{opacity:.1}50%{opacity:1;filter:blur(0)}}button.dialog-close[data-v-3af4b8aa]{position:absolute;top:.5rem;right:.5rem}.roast_picker[data-v-d718d14b]{display:flex;justify-content:center;margin-bottom:1em;flex-wrap:wrap;gap:1rem;margin-block:2rem}.roast_picker_item[data-v-d718d14b]{min-width:300px;border:1px solid var(--coffee-brown-dark);display:grid;align-content:center;padding:1rem;background:var(--coffee-brown-medium-dark);color:#fff;box-shadow:2px 2px 8px var(--coffee-brown-dark);cursor:pointer}.roast_picker_item.active[data-v-d718d14b]{background:var(--coffee-brown-light);color:var(--coffee-brown-dark)}.varietyInteractionSingle{border:1px solid #ccc;padding:1rem;margin:1rem 0;flex:1 0 400px;max-width:95%}a[data-v-922c82e2]{cursor:pointer}.variteyInteractions[data-v-922c82e2]{display:flex;gap:1rem;flex-wrap:wrap}summary[data-v-922c82e2]{cursor:pointer}.roast_list{container-name:RoastList;container-type:inline-size}.roast_list ul{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.roast_list li{list-style:none;display:grid;padding:2rem 2rem 3rem;border:3px solid;border-color:var(--coffee-brown-dark);position:relative;min-width:300px}.roast_edit_buttons{position:absolute;bottom:0;right:0;display:flex}.roast_edit_buttons button{background:none;border:none;color:var(--coffee-brown-dark)}.roast_edit_buttons button:hover{text-decoration:underline}.roast_list_wrapper{display:block}@container RoastList (max-width: 600px){.roast_list_wrapper ul{grid-template-columns:1fr}}.interaction-pot-list{margin-top:10px;padding-left:20px;border-left:2px solid #ccc;max-height:0;opacity:0;transition:all .5s;pointer-events:none}.interaction-pot-list.active{max-height:800px;opacity:1}[data-v-bcce0165]:root{--response-color: var(--coffee-brown-dark)}.calculator[data-v-bcce0165]{display:flex;gap:1rem;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--coffee-brown-dark)}.calculator[data-v-bcce0165]>*{flex:1;max-width:300px}label[data-v-bcce0165]{font-size:1.5rem;font-weight:700}select[data-v-bcce0165]{background:var(--coffee-brown-dark);color:#fff;font-size:1.5rem;font-weight:700}.submitWrapper[data-v-bcce0165]{border:2px solid var(--coffee-brown-dark)!important;border-radius:var(--coffee-input-border-radius);background:var(--coffee-brown-light)}input[type=submit][data-v-bcce0165]{color:var(--coffee-brown-dark);background:#fff;font-size:1.5rem;font-weight:700;border:none;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease}input[type=submit][data-v-bcce0165]:hover,input[type=submit].hover[data-v-bcce0165]{background:var(--coffee-brown-light);transition:all .3s ease}.selector[data-v-bcce0165]{display:flex;align-items:center;gap:.5rem}.response-wrapper[data-v-bcce0165]{font-weight:700;color:var(--response-color);font-size:90px;border-radius:50%;border:10px solid var(--response-border-color);display:grid;place-items:center;aspect-ratio:1 / 1;padding:.5rem;transition:all .3s ease;max-width:180px}