body{margin:0}#home nav menu li{display:flex;align-items:center;list-style:none}#home nav menu li img{width:64px}#home nav menu li a{font-size:2em}@font-face{font-family:Indie Flower;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/indieflower/v21/m8JVjfNVeKWVnh3QMuKkFcZlbg.ttf) format("truetype")}#grocery{font-family:Indie Flower,sans-serif;font-size:1.5em;margin:0}#grocery .loader{text-align:center;font-size:1em;height:360px;width:500px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#grocery .loader h1{padding-top:.5em}#grocery .loader img{padding-bottom:1em;width:128px;display:block;margin:auto}#grocery .loader>svg{animation-name:loader;animation-timing-function:ease-in-out;animation-duration:3s;animation-iteration-count:infinite;height:20px;width:20px;position:absolute;left:0}#grocery .loader>svg:nth-child(2){fill:#8c6daf;animation-delay:.5s}#grocery .loader>svg:nth-child(3){fill:#60beeb;animation-delay:.4s}#grocery .loader>svg:nth-child(4){fill:#8cc759;animation-delay:.3s}#grocery .loader>svg:nth-child(5){fill:#fbef5a;animation-delay:.2s}#grocery .loader>svg:nth-child(6){fill:#f9a74b;animation-delay:.1s}#grocery .loader>svg:nth-child(7){fill:#ef5d74;animation-delay:0s}@keyframes loader{15%{transform:translate(0)}45%{transform:translate(480px)}65%{transform:translate(480px)}95%{transform:translate(0)}}#grocery main{padding:25px;min-height:calc(100vh - 75px);max-width:750px;margin:0 auto}#grocery footer{font-size:.5em;color:gray;text-align:center;margin:auto;height:25px}#grocery h1{font-size:1.25em}#grocery button,#grocery input,#grocery textarea{font-family:Indie Flower,sans-serif;background:#fff;border:1px solid black;border-radius:2px;padding:10px 20px;font-size:.75em}#grocery button{min-width:150px;margin:10px}#grocery button:active{background:#d3d3d3}#grocery button:hover{background:#d3d3d3;cursor:pointer}#grocery .checkbox-wrapper{align-self:center;flex:0 0 1em;text-align:center}#grocery nav{display:flex;padding:0 40px}#grocery nav h1{flex:1 1 auto}#grocery nav .current-user{flex:0 0 auto;align-self:center;text-align:right}#grocery nav .current-user>div:first-child{display:flex;align-items:center}#grocery nav .current-user>div>img{width:32px;margin-left:10px}#grocery nav menu{font-size:.75em}#grocery nav menu li{list-style:none}#grocery nav .logout{color:#4169e1;font-size:.75em}@media only screen and (max-device-width: 600px){#grocery{font-size:4em;margin:50px}#grocery input{height:1.5em}#grocery input,#grocery textarea{line-height:1.5em;font-size:1em}#grocery input[type=checkbox]{transform:scale(5);height:.2em}#grocery button{font-size:1em;padding:25px 50px;min-width:300px}.current-user>div>img{width:128px;margin-left:25px}.current-user>div:first-child{flex-direction:column-reverse;align-items:flex-end}.refresh-button{height:145px;min-width:145px;padding:25px}.refresh-button img{width:92px}}.form div{display:flex;flex-direction:column;margin:10px}.item-list-buttons{display:flex;justify-content:space-between}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-button{padding:5px;min-width:48px;height:48px}.refresh-button img{width:36px}.refresh-button.spin img{animation:1s linear infinite spinner}.item-list{list-style-type:none;padding-left:0}.item-list li{display:flex;border:solid 1px grey;margin:10px;padding:5px 10px}.item-list li.obtained{text-decoration:line-through;font-style:italic;opacity:.5}.item-list li>label{margin-left:10px;flex:1 1 auto}.item-list li .description{font-size:.75em}.item-list li .meta{font-size:.75em;color:gray}.item-list li .trash-icon{flex:0 0 auto;align-self:center;text-align:right;height:3em}.item-list li .trash-icon img{opacity:.65;cursor:pointer;width:1em;padding:1em}#overlay:not([hidden]){position:absolute;top:0;bottom:0;left:0;right:0;background:#0004;display:flex;align-items:center;justify-content:center}#overlay .modal{border:1px solid black;padding:25px;background:#fff}@font-face{font-family:Victor Mono;font-style:italic;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6B-LGQWyfv-LGy7lEO0_ZYrRskvW7bUNen840lxtaK.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:italic;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6B-LGQWyfv-LGy7lEO0_ZYrRskvW7bUNen842lx9aK.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6B-LGQWyfv-LGy7lEO0_ZYrRskvW7bUNen8417x9aK.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6B-LGQWyfv-LGy7lEO0_ZYrRskvW7bUNen840lx9aK.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6B-LGQWyfv-LGy7lEO0_ZYrRskvW7bUNen840Xx9aK.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6B-LGQWyfv-LGy7lEO0_ZYrRskvW7bUNen8437wNaK.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6B-LGQWyfv-LGy7lEO0_ZYrRskvW7bUNen843CwNaK.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6H-LGQWyfv-LGy7lEO09xRn-T81AVB_tCyO8_NhA.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6H-LGQWyfv-LGy7lEO09xRn-T81AVB_tCyu87NhA.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6H-LGQWyfv-LGy7lEO09xRn-T81AVB_tCyZc7NhA.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6H-LGQWyfv-LGy7lEO09xRn-T81AVB_tCyO87NhA.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6H-LGQWyfv-LGy7lEO09xRn-T81AVB_tCyCc7NhA.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6H-LGQWyfv-LGy7lEO09xRn-T81AVB_tCy5cnNhA.ttf) format("truetype")}@font-face{font-family:Victor Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/victormono/v3/Yq6H-LGQWyfv-LGy7lEO09xRn-T81AVB_tCy3MnNhA.ttf) format("truetype")}#recipes{font-family:Victor Mono,monospace;display:flex;padding:0;margin:0;height:100vh;width:100vw}#recipes button{min-height:1.5rem}#recipes #overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#00000080}#recipes #overlay.shown{display:flex;justify-content:center;align-items:center}#recipes #overlay div#modal{background-color:#fff;border:1px solid black;min-height:500px;min-width:500px;max-height:80%;flex-basis:80%;overflow:scroll;padding:1.5rem}#recipes #overlay div#modal img{float:right;margin:1rem}#recipes #overlay div#modal div.header{padding-bottom:1.5rem}#recipes #overlay div#modal div.header h1{font-size:1.625rem;margin:0}#recipes #overlay div#modal div.header h2{font-size:1rem;margin:0 0 .75rem}#recipes #overlay div#modal div.step-description{white-space:pre-line}#recipes nav{flex-basis:400px;flex-grow:0;flex-shrink:0;border-right:1px solid black;display:flex;flex-direction:column}#recipes nav div.title{padding:16px 1.5rem}#recipes nav div.title h1{font-size:2.25rem;font-weight:700;margin:0;text-shadow:0 4px 4px rgba(0,0,0,.25)}#recipes nav div.title h2{font-size:8px;font-style:italic}#recipes nav ul{list-style:none;padding:0;margin:0;border-bottom:2px solid black}#recipes nav ul li a{font-size:1.4rem;border-top:1px solid black;border-bottom:1px solid black;margin:1rem 0;text-decoration:none}#recipes nav ul li a{display:block;padding:.5rem 1rem}#recipes nav ul li a.active{background-color:#ff8731;border-left:1rem solid black;color:#000}#recipes nav ul li a:not(.active) a{padding-left:2rem}#recipes nav div.nav-content{margin-top:3rem;flex-grow:1;border-bottom:1px solid black}#recipes nav div.nav-content:not(:empty){border-top:1px solid black}#recipes nav div.nav-content ul a{margin:1rem 0}#recipes nav div.nav-content ul li a{margin:0;font-size:1.125rem;padding:.5rem 1rem}#recipes nav div.nav-content ul a:not(.active){border:none}#recipes nav div.tools{padding:1rem}#recipes main{flex-grow:1;display:flex;flex-direction:column}#recipes main div.top-bar{border-bottom:solid 1px black;padding:1.5rem 2rem;flex-shrink:0;flex-grow:0;display:flex;align-items:center}#recipes main div.top-bar h1{margin:0}#recipes main div.top-bar div.feast-grocery-list{display:flex;flex-grow:1;justify-content:flex-end}#recipes main div.top-bar div#feast-popup{position:fixed;background-color:#fff;border:solid 1px black;padding:1rem;display:none;margin-top:2rem}#recipes main div.top-bar div#feast-popup.shown{display:block}#recipes main div#feasts{overflow:scroll;display:flex;flex-direction:row;flex-wrap:wrap}#recipes main div#feasts section.card{flex-basis:420px;border:1px solid black;margin:1.5rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:440px}#recipes main div#feasts section.card div.header{margin-bottom:1rem}#recipes main div#feasts section.card div.header h1{font-size:1.25rem;margin:0}#recipes main div#feasts section.card div.header h2{font-size:.875rem;margin:0 0 .75rem}#recipes main div#feasts section.card img{width:420px;align-self:center}#recipes main div#feasts section.card dl{display:flex}#recipes main div#feasts section.card dl div{margin-right:1rem}#recipes main div#feasts section.card dl dt{font-size:.625rem}#recipes main div#feasts section.card dl dd{font-size:.875rem;margin-left:0}#recipes main div.cookbook{overflow:scroll;display:flex;flex-direction:row;flex-wrap:wrap}#recipes main div.cookbook section.card{min-height:222px;flex-basis:280px;border:1px solid black;margin:1.5rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}#recipes main div.cookbook section.card div.header h1{font-size:1rem;margin:0}#recipes main div.cookbook section.card div.header h2{font-size:.75rem;margin:0 0 .75rem}#recipes main div.cookbook section.card img{width:200px}a{color:#00b7ff}