@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;800&family=Poppins:wght@500;700&display=swap);#refresh-disclaimer{padding-top:1rem;padding-bottom:1rem;font-size:80%;margin:0 auto;text-align:center}#app{display:flex;flex-direction:column;min-height:100vh}.footer{font-size:.7rem;bottom:0;margin:0 auto;text-align:center}body{font-family:JetBrains Mono,monospace;background-color:#0a1828;color:#fff;font-size:14px}main{flex:1;margin:0 auto;padding-top:2rem;padding-bottom:2rem;width:50%}h1{font-weight:800;font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}.recipe-name{border-bottom:1px solid hsla(0,0%,96%,.1)}.recipe-ingredients,.recipe-servings,.recipe-steps{margin-top:10px}.ingredients-flex,.recipe-servings{display:flex;align-items:center;gap:20px}.recipe-ingredients,.recipe-steps{display:flex;flex-direction:column}.recipe-step{align-items:flex-start;padding:8px 12px}.recipe-ingredient,.recipe-step{display:flex;border-radius:8px;transition:background-color .3s ease;position:relative}.recipe-ingredient{align-items:center;padding:6px 10px}.recipe-ingredient:hover,.recipe-step:hover{background-color:hsla(0,0%,96%,.1)}.recipe-ingredient input[type=checkbox],.recipe-step input[type=checkbox]{margin-right:20px;width:18px;height:18px;position:relative;z-index:1}.recipe-step-number{margin-right:10px;position:relative;z-index:1}.recipe-ingredient label,.recipe-step label{flex:1;position:relative;z-index:1}#input-div{display:flex;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;height:4vh}input[type=text]{width:70%;padding:0 15px;border:1px solid #f5f5f5;border-radius:5px;background:#f5f5f5}input[type=number],input[type=text]{height:100%;font-size:14px;outline:none;font-family:JetBrains Mono,monospace}input[type=number]{padding:4px 0 4px 10px;font-weight:600;border:2px solid #f5f5f5;border-radius:5px;background:#0a1828;color:#f5f5f5}input[type=checkbox]{width:40px}button{font-family:JetBrains Mono,monospace;border:none;cursor:pointer;padding:6px 10px;border-radius:5px;font-weight:600;font-size:14px;text-decoration:none;height:100%;transition:background-color .4s ease}button:active{background-color:#afeeee}.part-heading{font-weight:800}#convert-button,#servings-button{font-family:JetBrains Mono,monospace;border:none;cursor:pointer;background-color:#0a1828;border:2px solid #f5f5f5;padding:6px 10px;border-radius:5px;font-weight:700;text-decoration:none;height:100%;color:#f5f5f5}#submit-button{width:20%}#convert-button,#servings-button{transition:background-color .3s ease}#convert-button:active,#servings-button:active{background-color:#ccc}.disclaimer{font-size:80%;margin-bottom:2rem}.disclaimer h2{font-size:.9rem;margin-bottom:1.2rem;color:#f5f5f5}.disclaimer p{line-height:1.5;margin-bottom:1rem;opacity:.9}.limitations{padding-top:1.5rem;font-size:80%;border-top:1px solid hsla(0,0%,96%,.1)}.limitations h3{font-size:.9rem;color:#f5f5f5;margin-bottom:1rem}.limitations ul{list-style-type:none;padding-left:0}.limitations li{line-height:1.5;margin-bottom:.8rem;opacity:.9}a{color:#afeeee;font-weight:600}.recipe-name>h2{font-weight:1000}#main-content{margin-top:1rem}#print-button-div{display:flex;justify-content:center;align-items:center;padding-top:3rem;padding-bottom:4rem}#print-button-div>button{padding:10px 20px}.bottom-stuff{margin-top:2rem;background:hsla(0,0%,96%,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 4px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,96%,.1)}#hidden-credits,#hidden-source{visibility:hidden;height:0}@media screen and (max-width:1024px){main{width:80%}}@media (max-width:768px){main{width:90%}body{font-size:85%}}@media screen and (max-width:425px){main{width:95%;padding-top:1rem}html{font-size:95%}#input-div{padding-bottom:1.5rem}button,input[type=number]{font-size:12px}.recipe-ingredient input[type=checkbox],.recipe-step input[type=checkbox]{margin-right:10px}input[type=text]{width:65%}}@media screen and (max-width:320px){main{width:97%;padding-top:.5rem}html{font-size:92%}#input-div{padding-bottom:1rem}button,input[type=number]{font-size:12px}.recipe-ingredient input[type=checkbox],.recipe-step input[type=checkbox]{margin-right:10px}input[type=text]{width:65%}}@media print{@page{size:auto;margin:20mm}#convert-button,#print-button-div,#servings-button,#update-servings-div>button,#update-servings-div>label,body{visibility:hidden}#main-content{visibility:visible;position:absolute;left:0;top:0;color:#000}#hidden-credits,#hidden-source{visibility:visible;color:#a9a9a9;height:100%}#hidden-credits{font-size:.5rem;text-align:center;margin-top:2rem}input[type=number]{color:#000}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(10,24,40,.9);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-content{text-align:center;color:#fff}.loading-spinner{width:45px;height:45px;border:5px solid hsla(0,0%,100%,.2);border-top:5px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:1rem;font-family:JetBrains Mono,monospace;color:#fff;margin-top:20px;animation:fadeInOut 5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.cancel-button{margin-top:20px;padding:8px 20px;background-color:#f5f5f5;color:#0a1828;border:2px solid #f5f5f5;font-weight:600;transition:all .3s ease}.cancel-button:hover{background-color:#0a1828;color:#f5f5f5}