.app-mixins .app-mixins-title{margin:36px 0}.app-mixins .app-mixins-title h3{text-align:center}.app-mixins .app-mixins-legend legend{display:inline-block;color:#bbb;margin:0 auto 10px;padding:12px}.app-mixins .app-mixins-controls{display:-moz-flex;display:flex;flex-direction:column;-moz-align-items:center;align-items:center;flex-wrap:wrap}@media (min-width:860px){.app-mixins .app-mixins-controls{flex-direction:row;-moz-justify-content:space-between;justify-content:space-between;-moz-align-items:flex-start;align-items:flex-start}}.app-mixins .app-mixins-controls .mixins-controls-group{-moz-flex:1 1 100%;flex:1 1 100%;width:100%;word-break:break-all;margin:0 auto 60px;text-align:center;padding:0 15px;position:relative}@media (min-width:600px){.app-mixins .app-mixins-controls .mixins-controls-group{max-width:300px}}.app-mixins .app-mixins-controls .mixins-controls-group.required h4:after{content:"*";color:red}@media (min-width:860px){.app-mixins .app-mixins-controls .mixins-controls-group{-moz-flex:0 1 auto;flex:0 1 auto;width:33.33333333%}}.app-mixins .app-mixins-controls .mixins-controls-header{margin-bottom:22px}.app-mixins .app-mixins-controls .mixins-controls-header h4{margin-bottom:30px}.app-mixins .app-mixins-controls .mixin-controls-header__graphic{height:84px;margin-bottom:30px}.app-mixins .app-mixins-controls .mixins-controls-header__img{display:inline-block;vertical-align:middle}.app-mixins .app-mixins-controls .mixins-controls-group--fats .mixins-controls-header__img{margin-top:12px}.app-mixins .app-mixins-controls .mixins-ingredients-list{margin:0;padding:0;list-style:none;text-align:left}.app-mixins .app-mixins-controls .mixins-ingredients-list li{display:block;margin-bottom:1px;padding:16px 18px;background-color:#fff;border-radius:2px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.1)}.app-mixins .app-mixins-controls .mixins-ingredients-list li+li{border-top-left-radius:0;border-top-right-radius:0}.app-mixins .app-mixins-controls .mixins-ingredients-list li:before{content:"+";margin-right:12px;color:#bbb}.app-mixins .app-mixins-cta{display:-moz-flex;display:flex;-moz-justify-content:center;justify-content:center}.app-mixins .app-mixins-cta .app-mixins-cta-block{box-shadow:0 2px 26px -10px rgba(0,0,0,.08);display:inline-block;padding:30px;text-align:center;background-color:#fff}@media (min-width:860px){.app-mixins .app-mixins-cta .app-mixins-cta-block{padding:36px 48px}}.app-mixins .app-mixins-cta .servings-form{margin-bottom:30px}.app-mixins .app-mixins-cta .servings-form span{display:block;margin-bottom:12px}@media (min-width:860px){.app-mixins .app-mixins-cta .servings-form span{display:inline-block;margin:0}}.app-mixins .app-mixins-cta .servings-form input{margin-bottom:12px}@media (min-width:860px){.app-mixins .app-mixins-cta .servings-form input{margin:0 12px}}.nav{margin-bottom:15px;text-align:center}.dot{color:#000;cursor:pointer;font-size:36px;line-height:1;margin:0 15px;opacity:.4;text-shadow:none;transition:opacity 1s ease,text-shadow 1s ease;will-change:opacity,text-shadow}.navactive{color:var(--primary);opacity:1}.app-back--button{display:block;margin-bottom:24px;padding:0;font-size:13px;line-height:1;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;color:#f05a5c;border-color:transparent;background-color:transparent}@media (min-width:860px){.app-back--button{position:absolute;left:0;top:0;margin-bottom:0}}.app-back--button span{vertical-align:middle}.app-back--button .btn-icon{margin-right:12px}.app-progress-bar{box-shadow:0 2px 26px -10px rgba(0,0,0,.08);overflow:hidden;margin-bottom:48px;border-radius:3px;background-color:#fff;width:calc(100vw - 755px);overflow-x:hidden;position:relative;display:none;transition:all .5s}@media (min-width:860px){.app-progress-bar{display:block}}.app-progress-bar ul{display:flex;width:100vw;flex-wrap:wrap;font-weight:700;font-size:11px;line-height:1;letter-spacing:.05em;list-style:none;padding-inline-start:0}.app-progress-bar ul li{position:relative;text-align:center;width:190px;display:inline-block}.app-progress-bar ul li button{display:block;padding:22px 0;border-radius:0;border:none;text-decoration:none;text-transform:uppercase;width:100%;height:100%;color:#8a8a8a;background-color:transparent;cursor:pointer;pointer-events:all}.app-progress-bar ul li button.disabled{color:#d8d8d8}.app-progress-bar ul li:after,.app-progress-bar ul li:before{content:"";display:block;position:absolute;top:-1.5px;width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent}.app-progress-bar ul li:before{right:-24px;border-left:22px solid #ddd}.app-progress-bar ul li:after{right:-22px;border-left:22px solid #fff}.app-progress-bar ul li.navactive button{color:#fff;background-color:var(--primary)}.app-progress-bar ul li.navactive:before{left:-22px;border-left:22px solid var(--primary);transform:rotate(180deg);border-top:30px solid transparent;border-bottom:30px solid transparent}.app-progress-bar ul li.navactive:after{border-left:22px solid var(--primary)}.app-progress-bar ul li.prev-last-final:before{display:none}.app-progress-bar ul li.prev-last-final:after{right:-22px;border-left:22px solid var(--primary);transform:rotate(180deg);border-top:30px solid transparent;border-bottom:30px solid transparent}.app-progress-bar ul li.last-step{margin-left:22px}.btnRed{background-color:red!important;color:#fff!important}.btnRed:hover{background-color:#fff!important;color:red!important}.btnGreen{background-color:green!important;color:#fff!important}.btnGreen:hover{background-color:#fff!important;color:green!important}.btnYellow{background-color:#e2b231!important;color:#fff!important}.btnYellow:hover{background-color:#fff!important;color:#e2b231!important}