header#top{background-color:#e1f4ef;color:#003e2f;padding:8px 0;position:absolute;top:0;width:100%;z-index:3}@media(min-width:760px){header#top{padding:10px 0}}header#top #title-menu-container{align-items:center;display:flex;justify-content:space-between;padding:0 20px}header#top #title-menu-container #main-menu-button{background-image:url(/static/media/main-menu.b742e9a211c2fddfa2b3.svg);-webkit-filter:invert(19%) sepia(23%) saturate(1894%) hue-rotate(120deg) brightness(95%) contrast(103%);filter:invert(19%) sepia(23%) saturate(1894%) hue-rotate(120deg) brightness(95%) contrast(103%)}header#top menu{border-top:1px solid rgba(0,62,47,.314);margin-top:10px;padding:14px 20px 10px}header#top menu input{border:1px solid rgba(0,62,47,.314);border-radius:20px;font-size:16px;padding:6px 12px;width:-webkit-fill-available}header#top menu nav{line-height:1.5;margin-top:10px}@media(min-width:760px){header#top #title-menu-container,header#top menu{padding-left:70px;padding-right:70px}}.image-slider{max-width:500px;position:relative;width:100%}.image-slider .progress-screen{border-radius:14px 14px 0 0;padding:6px 8px 0;width:calc(100% - 16px)}.image-slider .next-button,.image-slider .prev-button{width:50%}.image-slider img{border-radius:var(--border-radius);width:100%}#equipment{overflow-x:auto}#equipment .section-content{display:flex;gap:20px}#equipment .item-image{border-radius:8px;height:193px;margin-bottom:4px;width:225px}#equipment .item-description{color:var(--gray);text-align:center}#ingredients{background:#f2f2f2;border-bottom:none;border-radius:var(--border-radius);margin-top:10px;padding:20px}#ingredients .amount{margin-left:4px}#ingredients li{align-items:baseline;display:flex}.ingredient-note{display:block;font-style:italic;margin-top:4px}#ingredients footer{background-color:rgba(0,0,0,.1);bottom:0;height:100vh;left:0;position:fixed;width:100vw;z-index:5}#ingredients footer.closed{background-color:transparent;height:auto;width:auto}#ingredients footer .footer-container{background-color:#fff;border-top:1px solid #eee;bottom:0;box-shadow:0 -2px 6px rgba(0,0,0,.1);max-height:76vh;overflow:auto;position:fixed;width:100vw}#ingredients footer .footer-container header{align-items:center;display:flex;justify-content:space-between;padding:12px 20px}#ingredients footer .footer-container button{background-image:url(/static/media/expand-collapse.d788c8b7d2deeba6a5ff.svg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}#ingredients footer .footer-container .ingredients-container{padding:0 20px 20px}#ingredients footer .footer-container input{display:none}#ingredients footer.closed .footer-container header{justify-content:space-around}#ingredients footer.closed .footer-container .ingredients-container,#ingredients footer.closed .footer-container button{display:none}.video-player-container{background-color:#eee;border-radius:var(--border-radius);display:flex;justify-content:center;position:relative;width:100%}.size-ref,.video-player{max-width:300px;width:70%}.size-ref{position:relative;z-index:-1}.video-player{position:absolute;z-index:1}.progress-screen{background:linear-gradient(0deg,transparent,rgba(0,0,0,.5) 100%);display:flex;height:16px;justify-content:space-around;padding:6px 4px 0;position:absolute;width:calc(100% - 8px);z-index:2}.progress-screen div{background:#fff;height:2px;margin:0 2px}.progress-screen div.inactive{opacity:.5}.play-screen,.prev-pause-next-screen{align-items:center;display:flex;height:100%;position:absolute;width:100%;z-index:3}.play-screen{justify-content:space-around}.play-screen img{-webkit-transform:scale(.5);transform:scale(.5)}.prev-pause-next-screen div{height:100%}.next-button,.prev-button{width:25%}.pause-button{width:50%}#instructions-header{display:flex;justify-content:space-between}#instructions-header p{font-size:18px}#instructions-header button{border:none;border-radius:10.5px;color:#000;font-size:14px}#instructions{border-bottom:none;padding-bottom:60px}#instructions .section-header button,#instructions .section-header h3{cursor:pointer}#instructions .section-header h3{flex-grow:1}#instructions .section-header button{display:none;margin:2px 0 0 auto}#instructions .section-header button.text{background-image:url(/static/media/video.2bfc0a27631e1c001bc3.svg)}#instructions .section-header button.video{background-image:url(/static/media/steps.1182d820a6b85461374f.svg)}#instructions section[data-collapsed=false] h3{margin-right:8px}#instructions section[data-collapsed=false] button{display:block}#instructions .showVideo .text,#instructions .video-player-container{display:none}#instructions .showVideo .video-player-container{display:flex}#instructions ul{list-style-type:circle;padding-left:23px}:root{--gray:#595959;--border-radius:14px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:135%}body,h2{margin:0}h2{font-size:20px}h3,h4,menu,p{margin:0;padding:0}h4{font-weight:400}section{border-bottom:1px solid #ccc;padding:12px 0}section section{border-bottom:1px solid #ddd}ul{list-style-type:none;margin:0;padding:0}ul+ul{margin-top:12px}ul .list-name{margin-bottom:6px}li{padding:4px 0}button{cursor:pointer}button.icon{background:none;background-position:100%;background-repeat:no-repeat;background-size:contain;border:none;height:20px;width:20px}button.icon.small{height:16px;width:16px}input[type=checkbox]{margin:0 8px 0 0}input[type=checkbox]:checked,input[type=checkbox]:checked+label{opacity:.5}select{color:#000;font-size:14px}@media(min-width:760px){select{font-size:16px}}.section-header{align-items:center;display:flex;padding-bottom:10px}section.collapsible .section-header:before{background:url(/static/media/expand-collapse.d788c8b7d2deeba6a5ff.svg);background-size:cover;content:"";height:14px;margin:0 8px 0 4px;width:14px;z-index:0}section.collapsible[data-collapsed=true] .section-header{padding-bottom:0}section.collapsible[data-collapsed=true] .section-header:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}section.collapsible[data-collapsed=true] .section-content{display:none}summary{list-style-type:none}summary::-webkit-details-marker,summary::marker{display:none}details.read-more summary .read-more-contents{display:none}details.read-more summary:after{content:"Read more";text-decoration:underline}details.read-more[open] .read-more-contents{display:inline;display:initial}details.read-more[open] summary:after{content:"Less"}#recipe-sidebar-container{display:flex;gap:60px;justify-content:space-between;margin:60px 20px 0}@media(min-width:760px){#recipe-sidebar-container{margin:70px 70px 0}}#recipe-container{flex-grow:1;width:100%}#sidebar{align-items:center;background-color:#e1f4ef;border-radius:14px;border-radius:var(--border-radius);color:#4c4c4c;display:none;height:670px;max-width:380px;opacity:.75;text-align:center;width:25%}@media(min-width:1300px){#sidebar{display:flex}}#sidebar p{padding:20px}@media(min-width:1200px){#ingredients-instructions-wrapper{display:flex;gap:40px;margin-top:10px}#ingredients-instructions-wrapper #ingredients{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px;width:40%}#ingredients-instructions-wrapper #ingredients .section-header{pointer-events:none}#ingredients-instructions-wrapper #ingredients .section-header:before{display:none}#ingredients-instructions-wrapper #instructions{width:60%}}#intro{padding-top:0}#intro header *{margin:0 0 8px}#intro .subtitle{color:var(--gray)}#intro .image-slider{margin:14px 0 8px}#settings{padding:12px 0}#settings select{margin-right:8px}
/*# sourceMappingURL=main.1d1248e9.css.map*/