header{margin:0 0 44px}header h1{margin-bottom:16px}header .options-bar{display:flex}header .options-bar .option{margin-right:16px}header .options-bar .option select{border:none;font-size:16px}header .options-bar .option input{margin:0 4px 0 0}header .options-bar .option input[type=number]{width:40px}#sticky-header-placeholder{height:40px;width:100%}#sticky-header{display:flex;margin:0 0 16px}#sticky-header.fixed{background-color:#fff;border-bottom:1px solid gray;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:1}#sticky-header.fixed nav{line-height:normal;margin:6px 50px}#sticky-header.fixed nav #top-link{padding:0 8px 0 0}#sticky-header.fixed nav a{padding:0 4px}#sticky-header nav{display:flex;flex-wrap:wrap;line-height:1.5}#sticky-header nav div{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}#sticky-header nav a{color:#000;text-decoration:none}#sticky-header nav a:hover{text-decoration:underline}#sticky-header nav a.active{background:#000;border-radius:2px;color:#fff}#sticky-header nav a.active:hover{text-decoration:none}#sticky-header nav .arrow-right{padding:0 8px}#outline #outline-media{display:flex;margin-bottom:14px;overflow-x:auto;-webkit-transform:translateX(-50px);transform:translateX(-50px);width:100vw}#outline #outline-media div{margin-right:20px;min-width:600px}#outline #outline-media div:first-child{padding-left:50px}#outline #outline-media div img{width:100%}#outline #description{max-width:50%}.list-item:hover .menu .menu-handle{visibility:initial}.list-item .menu[open] .menu-handle{background-color:#f2f2f2;visibility:initial}.list-item .menu .menu-handle{visibility:hidden}.list-item .menu .menu-handle:hover{background-color:#f2f2f2}.list-item .video-wrapper{background-color:#000}.list-item .video-wrapper .video-title{color:#fff;padding:4px;text-align:center}#ingredients-list-wrapper{display:flex}#ingredients-list-wrapper.no-sauce .sauce{display:none}.instructions-section .scroll-offset{position:absolute;top:-50px;visibility:hidden;z-index:-1}.instructions-section .section-contents-wrapper{display:flex}.instructions-section .section-contents-wrapper .left{min-width:500px;width:40%}.instructions-section .section-contents-wrapper .right{width:50%}.instructions-section .section-contents-wrapper .step-list-wrapper .step-list,.instructions-section .section-contents-wrapper .step-summary{margin:0 0 24px}.instructions-section .section-contents-wrapper .step-list-wrapper .step-list:not(:last-child){border-bottom:1px solid #eaeaea}.instructions-section .section-contents-wrapper .step-list-wrapper .step-list .step-item{margin:0 0 16px}.instructions-section .section-contents-wrapper .step-list-wrapper .step-list .step-item .details-primary .step-menu{width:600px}.instructions-section .section-contents-wrapper .step-list-wrapper .step-list .step-item .details-secondary{display:flex;margin:6px 0 0}.instructions-section .section-contents-wrapper .step-list-wrapper .step-list .step-item .details-secondary .time{background:#f2f2f2;border-radius:2px;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 4px 0 -4px;padding:0 4px}@-webkit-keyframes example{0%{background-color:#f2f2f2}25%{background-color:#000;color:#fff}50%{background-color:#f2f2f2;color:#000}to{background-color:#000;color:#fff}}@keyframes example{0%{background-color:#f2f2f2}25%{background-color:#000;color:#fff}50%{background-color:#f2f2f2;color:#000}to{background-color:#000;color:#fff}}.instructions-section .section-contents-wrapper .step-list-wrapper .step-list .step-item .details-secondary .time.done{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:example;animation-name:example}.instructions-section .section-contents-wrapper .step-list-wrapper .step-list .step-item .details-secondary span{font-style:italic}*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:sans-serif;line-height:125%}input,label,select{cursor:pointer}.serif{font-family:serif;font-size:17px}#App{padding:50px 50px 500px}section{border-bottom:1px solid #7f7f7f;margin:0 0 24px;padding:0 0 24px;position:relative}section details[open] summary h2:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}section details summary{margin:0 0 16px}section details summary h2{align-items:center;display:flex;font-size:22px}section details summary h2:before{background:url(/static/media/expand-collapse.be2fc5238be93d609479.svg);background-size:cover;content:" ";height:14px;margin-right:8px;width:9px;z-index:0}details summary{align-items:center;cursor:pointer;display:flex;position:relative;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.list,details summary{list-style-type:none}.list .list-heading{font-weight:400;margin:0 0 10px;text-transform:capitalize}.list .list-item{align-items:baseline;display:flex;margin:0 0 8px}.list .list-item:hover input{opacity:.5}.list .list-item input{margin:0 8px 0 0;opacity:.25}.list .list-item input:checked+.item-details{opacity:.5}.list .list-item .item-details{display:flex;flex-direction:column}.list .list-item .item-details .details-primary{display:flex}.list .list-item .item-details .details-primary label{margin-right:4px}details summary.menu-handle{margin:0}details summary.menu-handle.text:after{background:url(/static/media/down.8813191ff6442e25fe86.svg);content:" ";height:7px;margin-left:5px;width:11px;z-index:0}details summary.menu-handle.icon{border-radius:2px;height:15px;padding:2px 4px}details .menu-contents{background-color:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,.25);position:absolute;z-index:10}details .menu-contents ul{list-style-type:none;margin:0;padding:10px}details .menu-contents ul li{padding:4px 0}
/*# sourceMappingURL=main.4c9cdd58.css.map*/