/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Germania One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Fh4yPjrqIyv2ucM2qzBjeS3uywhPF6iqeg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:color-emoji;src:local("Apple Color Emoji"),local("Segoe UI Emoji"),local("Segoe UI Symbol"),local("Noto Color Emoji")}:root{--primary: #188B7D;--secondary: #083D77;--warn: #E5625E;--color-link: #083D77;--color-beer: red;--color: black;--muted: #aaa;--slightly-muted: #777;--bg-color: white}body{font-family:system-ui,Segoe UI,Roboto,Helvetica,sans-serif,emoji,color-emoji;color:#aaa;background-color:#3a3a3a}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}p{white-space:wrap;word-break:break-word}nav a:hover{text-decoration:none}select{color:var(--color);background-color:var(--bg-color)}button,.btn{cursor:pointer;color:var(--color);background-color:#80808066;padding:4px 6px;border:none;border-radius:3px;transition:filter .3s,color .3s,background-color .3s}button:hover,.btn:hover{filter:brightness(1.3);text-decoration:none}button.primary,.btn.primary{color:#fff;background:var(--primary)}button.secondary,.btn.secondary{color:#fff;background:var(--secondary)}button.warn,.btn.warn{color:#fff;background:var(--warn)}button.share{position:relative}button.share .icon{display:inline-block;transform:rotateY(180deg);text-shadow:-1px 1px 2px rgba(0,0,0,.4);z-index:0}button.share span.msg{visibility:hidden;position:absolute;inset:0;padding-top:4px;color:#fff;background:var(--primary);border-radius:3px;z-index:1}button.share.active span.msg{visibility:visible;animation:fade-out 4s linear}@keyframes fade-out{0%{opacity:1}80%{opacity:1}to{opacity:0}}.delete button:hover{color:#fff;background:#E5625E;filter:none}h1,h2{font-family:germania one,cursive,sans-serif,color-emoji}h1.tenet{font-size:350%;margin:0 12px;padding:24px;border:1px dotted var(--slightly-muted);border-radius:15px}h1.tenet:first-letter{font-size:150%}h1 a,h2 a,h3 a,h4 a,h5 a{color:var(--color)}.button-group{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}input{color:var(--color);background-color:#8080801a;vertical-align:center;border:none;border-radius:3px;padding:4px 6px;overflow:hidden;text-overflow:ellipsis}input[type=number]{text-align:right;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{display:none}input[type=search]{border-radius:12px;padding:6px 12px}.input{display:flex;flex-direction:row;align-content:stretch;align-items:baseline;white-space:nowrap;background-color:#8080801a;border-radius:3px}.input:focus-within{outline:var(--color) auto 1px;outline:-webkit-focus-ring-color auto 1px}.input input{flex-grow:1;background:none}.input input:focus-visible{outline:none}.input[data-suffix] input{padding-right:2px;border-top-right-radius:0;border-bottom-right-radius:0;min-width:0;overflow:hidden}.input[data-prefix] input{padding-left:2px;border-top-left-radius:0;border-bottom-left-radius:0;min-width:0;overflow:hidden}.input[data-prefix]:before{display:block;padding:4px 0 4px 4px;color:var(--muted);content:attr(data-prefix)}.input[data-suffix]:after{display:block;padding-top:4px;padding-right:4px;padding-bottom:4px;color:var(--muted);content:attr(data-suffix);font-family:monospace}.value{padding:4px}.prefix{color:var(--slightly-muted);padding-right:2px}.suffix{font-family:monospace;color:var(--slightly-muted);padding-left:2px}select{appearance:none;background-color:#8080801a;padding:4px 6px;border:none;border-radius:3px;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);background-size:.6em;background-position:calc(100% - .3em) center;background-repeat:no-repeat}table{width:90%;margin:2em auto;border:none;border-collapse:collapse;border-spacing:0;text-align:left}thead{border-bottom:2px solid rgba(128,128,128,.15)}th,td{padding:4px 6px;white-space:nowrap}td:last-child{white-space:normal}tbody tr:nth-child(even){background-color:#8080800d}tfoot{border-top:2px solid rgba(128,128,128,.15)}nav{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;color:#fff;background:linear-gradient(#3a3a3a,#303030 48%,#343434 48%,#222 51%,#111);padding:6px 12px}nav h1{font-family:germania one,cursive,sans-serif,color-emoji;margin:0}nav h1 a{color:#fff;margin:0}nav a{color:#999;text-decoration:none;margin-left:20px;padding:8px 0}nav a:hover{filter:brightness(1.5)}label{display:block;margin-left:6px}header label{font-size:10pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle label{display:flex;align-items:center;color:#aaa;margin-left:0;margin-top:4px;margin-bottom:4px}.page{margin:auto;container-type:inline-size}article{color:var(--color);background-color:var(--bg-color);padding:24px 0}.row{display:flex;flex-direction:row;align-items:stretch}.row.center{justify-content:center}.wrap{flex-wrap:wrap}.diagram{text-align:center;margin:2em 0}a.plain{color:inherit;text-decoration:none}.recipe-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;margin:24px 12px}.recipe-card,.item{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid rgba(128,128,128,.2);border-radius:5px;background-color:#8080801a;transition:border-color .2s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-card:hover,.item:hover{border-color:var(--primary)}.item:hover{cursor:pointer}.recipe-card h2{margin:0}.recipe-card svg,svg.glass{pointer-events:none}.batch,.boil{width:48px}.ingredients{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));grid-gap:24px;margin:0 12px}.ingredient{display:flex;flex-direction:column;gap:6px}.ingredient .row{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:6px;row-gap:2px;align-items:center;white-space:nowrap;padding-bottom:6px;border-bottom:1px solid rgba(128,128,128,.1)}.ingredient .row:last-child{border-bottom:none}.ingredient .header{font-weight:700;border-bottom:2px solid rgba(128,128,128,.15)}.ingredient .name{flex:1;min-width:0}.ingredient .delete{width:25px}.ingredient .break{height:0;flex-basis:100%}.fermentable .amount{width:70px}.fermentable .lbs,.fermentable .oz,.fermentable .yield,.fermentable .ppg{width:50px}.fermentable .ebc,.fermentable .lovibond{width:40px}.fermentable .abv{width:46px}.cal{display:flex;flex-direction:row;align-items:baseline;gap:4px}.serving-size{max-width:70px}.ingredient .bill,.hops .time,.hops .weight,.hops .alpha-acid{width:50px}.hops .oz{width:56px}.hops .ibu{width:40px}.hops .form{width:62px}.hops .use{width:75px}.miscs .time{width:50px}.miscs .use{width:100px}.miscs .amount{width:50px}.miscs .units{width:60px}.yeasts .amount,.yeasts .units,.yeasts .type,.yeasts .form{width:62px}.yeasts .attenuation{width:60px}.mash .temp{width:56px}.mash .time{width:48px}.mash .ratio{width:68px}.water .row{flex-wrap:nowrap;justify-content:space-evenly}.water .row>div{width:calc(16% - 2px)}.fermentation .type{min-width:70px}.fermentation .time,.fermentation .temp{min-width:40px}.ingredient select{width:100%}.qr svg{max-width:260px;margin:auto}.stats{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:24px;row-gap:2px;margin:12px 0}.ingredients h2{display:flex;justify-content:space-between;align-items:baseline;align-content:stretch;margin:0 0 12px;padding:6px 0;border-bottom:4px solid var(--color)}.ingredients h2 button{padding:0 8px}footer{padding:12px}footer .row{justify-content:center;flex-wrap:wrap}footer a{color:#aaa;white-space:nowrap}footer a:hover{color:#ccc}footer .header{text-transform:uppercase;font-weight:700;text-decoration:underline}footer ul{list-style:none;padding:0;margin:0}.col{display:flex;flex-direction:column}.gap{gap:12px}.gap-small{gap:4px}.germania{font-family:Germania One,cursive,sans-serif,color-emoji}.large{font-size:300%}.muted{color:var(--muted)}.slightly-muted{color:var(--slightly-muted)}.right{text-align:right;justify-content:end}.icon{margin-bottom:-6px;margin-right:4px}.color-block{position:relative;display:inline-flex;justify-content:end;align-items:center;padding-right:6px;width:36px;height:24px;box-shadow:inset 0 0 0 1px #0006;border-radius:4px;margin-right:0}input.color{border:none;box-shadow:inset 0 0 0 1px #0006}input.color:focus{outline:var(--color) auto 1px;outline:-webkit-focus-ring-color auto 1px}header{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 12px}.justify-center{justify-content:center}.recipe-info{flex:3;min-width:380px}.glass-container{border:1px solid transparent;transition:border-color .2s ease-in}.glass-container.edit:hover{cursor:pointer;border-color:var(--primary)}.glass{display:inline-block;position:relative;min-width:128px}.recipe-settings{flex-wrap:wrap}.recipe-settings input{width:40px}.grow{flex:1}.modal{position:absolute;inset:0;background:rgba(50,50,50,.95);animation:fade-in .15s ease-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal .header{color:#fff;background:linear-gradient(#3a3a3a,#303030 48%,#343434 48%,#222 51%,#111);padding:0 12px}.modal .header h2{margin:12px}.modal .contents{display:flex;flex-direction:column;gap:12px;color:var(--color);background:var(--bg-color);margin:auto;max-height:95vh;max-width:600px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:scroll;box-shadow:0 1px 25px #0000004d;animation:slide-down .15s ease-in-out}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.modal .body{display:flex;flex-direction:column;gap:12px;max-height:85vh;overflow:scroll;padding:0 12px}.modal input{min-height:22px}.modal ol{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.modal li{padding:4px 4px 4px 12px}.modal li:hover{background-color:#8080801a;cursor:pointer}.modal li.category{padding-left:0;border-bottom:1px solid rgba(128,128,128,.25)}.modal li.category:hover{background:none;cursor:default}.modal .footer{padding:0 12px 12px}.modal .footer .buttons{display:flex;gap:12px;flex-direction:row;justify-content:end}.style{min-width:300px;flex:2}.style-value{background:rgba(128,128,128,.1)}.style-value .label{width:50px;color:#fff;background:var(--secondary);padding:3px 4px}.style-value .range{position:relative;margin:0 16px;background:rgba(128,128,128,.25)}.style-value .min{position:absolute;top:0;left:2px;font-size:8pt}.style-value .max{position:absolute;top:0;right:2px;font-size:8pt}.style-value .current{position:absolute;font-size:8pt;top:0;bottom:0;display:flex;align-items:end;padding-left:2px;padding-right:2px}.style-value.invalid .current{color:var(--warn)!important;border-left-color:var(--warn)!important}#bubble{position:absolute;width:6px;height:6px;border-radius:50%;margin-left:-10px;offset-path:path("M64 64 Q 54 48, 64 32 T 64 -4");offset-distance:0%;transform:translateZ(0);z-index:1}#bubble.animated{animation:bubble 1s linear}@keyframes bubble{0%{background-color:#fff;offset-distance:0%}80%{background-color:var(--color-beer);border:1px solid var(--color-beer);offset-distance:100%;transform:scale(2)}90%{opacity:.5;background-color:#80808000;border:1px solid var(--color-beer);offset-distance:100%;transform:scale(3)}to{opacity:0;background-color:#80808000;offset-distance:100%;transform:scale(4)}}@container (width < 760px){.tenets{flex-wrap:wrap}}@container (width < 540px){h1.hero{font-size:700%!important}h1.hero+div{font-size:170%!important}img{width:100%}table{width:100%;margin:0}td{white-space:normal;word-break:break-all}.long,.toggle{display:none}.recipe-info{min-width:250px}.ingredients{margin:0;grid-template-columns:1fr}.ingredient .break{margin-top:-25px}.break-small{order:2}.fermentable .yield{margin-left:56px;width:82px}.fermentable .ppg{margin-left:56px;width:70px}.fermentable .ebc{width:72px}.fermentable .srm{width:56px}.fermentable .abv{width:62px}.fermentable .footer .ebc{display:flex;align-items:baseline;width:72px;margin-left:12px}.hops .weight,.hops .oz{margin-left:56px}.hops .footer .weight,.hops .footer .oz{margin-left:0}.hops .form{width:75px}.hops .alpha-acid{width:80px}.hops .ibu{width:72px}.yeasts .attenuation{width:126px}}.ingredients>div{max-width:100%;min-width:0;container-type:inline-size}@container (width > 540px){.short,.input[data-prefix-short]:before{display:none}.fermentable .short{display:none}}@container (width > 1200px){.ingredients{grid-template-columns:repeat(auto-fill,minmax(540px,1fr))}}@media (max-width: 540px){.ingredients h2{padding:6px}}@media (prefers-color-scheme: dark){body{--primary: #157a6e;--color-link: #66abf4;--color: #f5f5f5;--muted: #666;--slightly-muted: #aaa;--bg-color: #222}.diagram{filter:brightness(.8) invert(1) brightness(1.3) hue-rotate(180deg)}}