li[data-v-03e3aecb]{margin-bottom:3rem}.calculator-main[data-v-03e3aecb]{display:block;margin-top:5rem}.new-recipe-btn[data-v-03e3aecb]{margin-top:4rem;margin-bottom:2rem}input[data-v-03e3aecb]{border-radius:.5rem;border:0;width:20rem;height:2.3rem}button[data-v-03e3aecb]{width:20rem}.coffee-recipe[data-v-e77f080a]{display:flex;flex-direction:column;justify-content:flex-start;min-width:145px;max-width:310px;padding-right:1rem;margin-right:2rem;height:auto;border-right:1px solid #000;flex-shrink:0}.content-wrapper[data-v-e77f080a]{flex-grow:1}.detail-btn[data-v-e77f080a]{display:block}button[data-v-e77f080a]{margin-bottom:2rem}.clamp-text[data-v-e77f080a]{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.txtarea-edit[data-v-e77f080a]{width:12.5rem;padding:1rem;border:0;border-radius:.5rem}.button-row[data-v-e77f080a]{margin-top:2rem}input[type=text][data-v-e77f080a],input[type=number][data-v-e77f080a]{background-color:#fff;border:0;border-radius:.5rem;height:2.7rem;width:12.5rem;padding:1rem}.recipe-list[data-v-8009ce23]{width:80%;display:flex;overflow-x:auto;margin-top:2rem;margin-bottom:2rem;align-items:flex-start}body,h1,h2,h3,h4,h5,h6,figure,pre,dl,dd,blockquote,input[type=radio],input[type=checkbox]{margin:0}legend{padding:0}fieldset,ul,ol{padding:0;margin:0}ul,ol{list-style:none}body{line-height:1}main,figure,figcaption,img{display:block}img{max-width:100%;height:auto}a{text-decoration:none}fieldset{border:0}input,textarea,select,button{display:block;max-width:100%;font-family:inherit;font-size:inherit;color:inherit}label{display:table}input[type=text],input[type=email],input[type=password],input[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}button{line-height:inherit}button::-moz-focus-inner{border:0}html{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:1.25em}*,:after,:before{box-sizing:border-box}@font-face{font-family:Melodrama-Regular;src:url(/fonts/Melodrama-Regular.woff2) format("woff2"),url(/fonts/Melodrama-Regular.woff) format("woff"),url(/fonts/Melodrama-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}html{background-color:#1e90ff;color:#00366c;font-size:10px;font-family:Melodrama-Regular,Courier New,Courier,monospace;max-width:90vw;margin:0 auto}header{margin-top:1rem}label,p{font-size:1.3rem;line-height:normal;margin:0}h1{font-size:4rem}h2{font-size:3rem}input,button{font-size:1.5rem}button{margin:0;border:0;border-radius:.5rem;font-size:1.3rem;padding:.5rem;width:12.5rem;background-color:#dbdbdb;border:.2rem solid transparent}button:hover,button:focus,button:focus-visible{border:.2rem solid gray}button:active{border:.2rem solid rgb(54,54,54);transform:translateY(2px)}