@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";header{text-align:center;margin:1.4rem 0}#recipeImg{height:2.6rem;object-fit:contain;margin-right:.2rem;display:none}header h1{margin:0;font-family:Roboto Condensed,sans-serif;font-size:3rem;background:linear-gradient(40deg,#305471,#59a9f4,#03d5ff,#03d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}header p{margin:0;font-size:1.25rem;color:#59a9f4;font-family:Roboto Condensed,sans-serif}@media (min-width: 600px){header{margin:3rem 0}header h1{font-size:3.5rem}#recipeImg{display:initial}}menu button{padding:.5rem 1rem;border:none;border-radius:6px;background-color:transparent;color:#45d1c5;font-family:Roboto Condensed,sans-serif;font-size:1.2rem;cursor:pointer;transition:all .2s ease-in-out;border:1px solid #45d1c5}menu button:hover{background-color:#044a42;color:#ebe7ef}menu button.active{background-color:#023734;color:#ebe7ef}*{box-sizing:border-box}html{font-family:Quicksand,sans-serif;line-height:1.5;color:#ebe7ef;background:radial-gradient(#015a52,#014742);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:80rem}main{width:90%;max-width:50rem;margin:auto}main h2{text-align:center;font-family:Roboto Condensed,sans-serif;margin:0 0 1.5rem;color:#5f8fc1}.examples{margin:3rem auto}.examples h2{text-align:left}.examples menu{margin:.6rem 0 2rem;padding:0;display:flex;gap:.8rem;list-style:none;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center}.examples.hide-tabs menu{display:none}.tab-content{padding:1rem;border-radius:6px;background-color:#023734;box-shadow:0 2px 8px #0000004d}.tab-content h3{margin:0}.tab-content code{font-size:1rem}input{padding:.75rem;font-size:1rem;border-radius:4px;border:none;background-color:#023734;color:#ebe7ef}#searchForm{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;flex-direction:column}#searchReset{cursor:pointer;font-size:2em;padding-inline:10px}#toggleMenu{cursor:pointer;font-size:1.2em;font-weight:700;padding:12px;display:flex;align-items:center;justify-content:center}#toggleMenu img{margin-right:12px;max-width:30px}#toggleMenu img.hide{display:none}#toggleMenu:hover{background-color:#0000001a;color:#fff}#toggleMenu.active{background-color:#04aa6d;color:#fff}.navigation-buttons{display:flex;justify-content:space-between;margin-block:20px;gap:1rem}.navigation-button{padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;border:none;background-color:#023734;color:#ebe7ef;cursor:pointer;transition:background-color .2s;flex:1}.navigation-button:hover{background-color:#034744}@media (min-width: 600px){.examples menu,#searchForm{flex-direction:row}#searchDesc{order:3}}