:has(.roasting-wizard){overflow:hidden}body:has(.roasting-wizard){background:var(--slate)}body:has(.roasting-wizard) .page{background:transparent}body:has(.roasting-wizard) .app-footer-nav{display:none}.recipe-list li{width:calc(50% - 10px);list-style-type:none;position:relative;border:2px solid transparent;border-radius:20px;padding:0;margin:5px}.recipe-list li .btn.link-button{width:100%;height:100%;display:flex;flex-direction:column;background-color:white;align-items:center;border-radius:20px}.recipe-list li .btn.link-button figure{width:110px!important;height:90px!important;position:relative;margin-left:5px!important;display:block;margin-right:0!important;margin-bottom:0;border-radius:10px}.recipe-list li .btn.link-button figure img{object-fit:cover!important;border-radius:10px;overflow:hidden}.recipe-list li .btn.link-button h3{font-size:1rem!important;max-width:50%;text-align:left;margin-left:10px}.recipe-list li .icon-wrap{margin-right:5px!important}.wizard-steps{text-align:center;background-color:var(--light-slate);padding-bottom:10px;min-height:100vh;overflow:hidden;margin-top:var(--nav-height-mobile)}.wizard-steps .step{padding-top:3rem}.wizard-steps .step .wizard-name{height:48px;line-height:48px;flex:1 1}.wizard-steps .step .stephtml-wrap{height:95vh;overflow:auto;padding-bottom:10rem}.wizard-steps .step .step-heading{margin-bottom:2rem;margin-top:2.5rem;padding:0 5rem;font-weight:500;font-size:28px;line-height:30px;font-family:var(--font-oswald),sand-serif}.wizard-steps .step .next-button{margin-top:3rem}.wizard-steps .step form{display:flex;gap:1rem;justify-content:center;padding:10px;border-radius:20px;width:90%;margin:0 auto;flex-direction:column}.wizard-steps .step form .number{width:100%}.wizard-steps .step form .radio-label{position:relative;display:block;cursor:pointer;padding:3px}.wizard-steps .step form .radio-label input[type=radio]{display:none}.wizard-steps .step form .radio-label span{display:block;padding:.5rem 2rem;border-radius:25px;background-color:white;color:#333;font-weight:600;transition:all .3s ease;text-transform:uppercase;font-family:var(--font-oswald),sand-serif;font-weight:400;border:1px solid gainsboro;width:100%;text-align:left}.wizard-steps .step form .radio-label i{position:absolute;right:20px;font-size:28px;color:#a7a9ac;top:11px}.wizard-steps .step form .radio-label input[type=radio]:checked+span{background-color:#414042;color:#fff}.wizard-steps .step form .radio-label .radio{margin-right:.75rem}.wizard-steps .step form .slider-container{position:relative;width:100vw;padding:0 40px;margin-top:-26px}.wizard-steps .step form .slider-container .value-label{position:relative;display:inline-block;margin-left:auto;margin-right:auto;background:var(--red);padding:2px 8px;border-radius:4px;font-size:20px;white-space:nowrap;pointer-events:none;color:#fff;margin-bottom:1rem}.wizard-steps .step form .slider-container input[type=range]::-moz-range-progress{background-color:#666}.wizard-steps .step form:has(.number){background-color:white!important;margin-top:3rem;flex-direction:row}.wizard-steps .step .btn-primary{width:90%;padding:10px 0;border:none;font-size:21px;font-weight:600;display:flex;justify-content:center;font-family:var(--font-oswald),sand-serif;position:relative;margin:0 auto}.wizard-steps .step .btn-primary .icon-wrap{position:absolute;right:20px}.wizard-steps .step .btn-primary .icon-wrap i{font-size:32px;color:#a7a9ac}.wizard-steps .hidden{transform:translateX(-100%);opacity:0;transition:transform .6s ease-in,opacity .6s ease-in;position:absolute;height:100%;z-index:1;animation:stepMoveOut .3s ease-in backwards}.wizard-steps .step-counter{display:flex;width:100%;text-align:center;position:fixed;top:0;padding:5px;align-items:center}.wizard-steps .step-counter .link-button{padding:0;background-color:transparent;width:40px;height:40px;line-height:38px;text-align:center;font-size:20px;background-color:white;color:rgba(34,56,78,.8);border-radius:50px;position:relative;margin-right:10px;border:2px solid #fff}.wizard-steps .step-counter .back-btn{position:relative;margin-left:10px}.wizard-steps .roasting-temp figure{width:60px!important;height:75px!important;margin-left:10px;display:block;margin-right:25px!important}.wizard-steps .roasting-temp .temp-data{border-radius:10px;font-size:18px;background-color:var(--slate);padding:15px 8px;color:#fff;margin-right:15px;margin-left:5px}.wizard-steps .list-container ul{padding:0}.wizard-steps .list-container ul li{width:95%;list-style-type:none;margin-left:auto;margin-right:auto;margin-bottom:10px;position:relative;border:2px solid transparent;background:#fff;border-radius:20px;padding:10px 0}.wizard-steps .list-container ul li .btn.link-button{width:100%;height:100%;display:flex;flex-direction:row;background-color:white;align-items:center;border-radius:10px;text-align:left}.wizard-steps .list-container ul li .btn.link-button .li-titles{flex:1 1;margin:0 10px}.wizard-steps .list-container ul li .btn.link-button .li-titles .listitem-subtitle{text-transform:none}.wizard-steps .list-container ul li .btn.link-button .li-titles .listitem-description{text-transform:none;padding-top:5px;margin-top:5px;border-top:1px solid gainsboro;font-size:.9rem}.wizard-steps .list-container ul li figure{width:100px;height:65px;position:relative;margin-left:5px;display:block;margin-bottom:0;border-radius:10px}.wizard-steps .list-container ul li figure img{border-radius:10px}.wizard-steps .list-container ul li h3{font-size:1.3rem;text-transform:none;font-weight:500;text-align:left}.wizard-steps .list-container ul li .icon-wrap{position:relative;width:40px;height:40px;border-radius:10px;margin-right:15px}.wizard-steps .list-container ul li .icon-wrap i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:32px;color:#a7a9ac}.wizard-steps .list-container li.li-selected{border:2px solid var(--red);border-radius:20px}.wizard-steps .list-container li.li-selected .icon-wrap{position:relative;width:40px;height:40px;background-color:var(--red);border-radius:10px;margin-left:auto;margin-right:20px}.wizard-steps .list-container li.li-selected .icon-wrap i{color:#fff}.wizard-steps .iframe-wrapper .iframe-navbar{text-align:right;position:fixed;top:var(--nav-height-mobile);left:-100vw;z-index:99;width:100vw}.wizard-steps .iframe-wrapper .iframe-navbar button{width:48px;height:48px;line-height:48px;text-align:center;border-color:gainsboro;border-width:1px;border-top:none;border-right:none;background-color:black;color:white;font-size:24px}.wizard-steps .iframe-wrapper .iframe-navbar.reveal{left:0;transition:left .3s ease-in-out;transition-delay:.5s}.wizard-steps .wizard-iframe{position:fixed;top:0;left:101vw;width:100vw;height:100vh}.wizard-steps.step-loading{opacity:.5;transition:opacity .3s ease-in-out}.wizard-steps .visible{position:relative;transform:scale(1.02);animation:stepMoveIn .9s cubic-bezier(.25,.8,.25,1) forwards}@keyframes stepMoveIn{0%{transform:translateX(100%) scale(1);opacity:0}50%{transform:translateX(0) scale(1.02);opacity:.8}to{transform:translateX(0) scale(1);opacity:1}}@keyframes stepMoveOut{0%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(-100%) scale(.98);opacity:0}}