@media(min-width:753px){.component--recipe-shopping-list{border-top:1px solid var(--color-black)}}.component--recipe-shopping-list .calculation-box{background-color:var(--color-gray-1)}.component--recipe-shopping-list-item{list-style-type:none}.component--recipe-shopping-list-item.product-swapped{animation-duration:4s;animation-iteration-count:1;animation-name:fade-in-product}.component--recipe-shopping-list-item .swapping-open{animation-duration:.5s;animation-iteration-count:1;animation-name:fade-in}.component--recipe-shopping-list-item .swapping-close{animation-duration:.5s;animation-iteration-count:1;animation-name:fade-out}@keyframes fade-in{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@keyframes fade-out{0%{max-height:500px;opacity:1}to{max-height:0;opacity:0}}@keyframes fade-in-product{0%{opacity:.5}20%{opacity:.5}to{opacity:1}}.component--recipe-shopping-list-item-swap-not-available{background-color:var(--color-gray-1);color:#ce3f24}.component--recipe-step-by-step-dialog .notistack-SnackbarContainer{top:5rem}.component--recipe-step-by-step-details{--side-bar-width:26rem}.component--recipe-step-by-step-details .side-bar-menu{height:90%;overflow-y:scroll;position:fixed;width:var(--side-bar-width)}.component--recipe-step-by-step-details .section-container{margin-left:0;width:100%}@media(min-width:753px){.component--recipe-step-by-step-details .section-container{margin-left:var(--side-bar-width)}}.component--recipe-step-by-step-details .rating-box-container{width:100%}@media(min-width:753px){.component--recipe-step-by-step-details .rating-box-container{width:27.188rem}}.component--recipe-step-by-step-arrow-navigation.container-desktop{bottom:3rem;flex-direction:column;gap:2rem;right:2.19rem}.component--recipe-step-by-step-arrow-navigation.container-mobile{backdrop-filter:blur(2px);background:rgba(52,53,56,.6);border-radius:6.25rem;bottom:2.82rem;gap:4rem;left:50%;padding:1rem;transform:translate(-50%);z-index:1}.component--recipe-step-by-step-arrow-navigation .button-arrow{align-items:center;background-color:var(--color-concrete);border-radius:50%;display:flex;justify-content:center}.component--recipe-step-by-step-steps-menu .close-button{margin-left:auto;margin-right:0}.component--recipe-step-by-step-steps-menu .list-container{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.component--recipe-step-by-step-steps-menu .list-item{align-items:center;background:var(--color-gray-1);border:1px solid #eee;border-radius:.5rem;display:flex;height:3.5rem;padding:0 1rem;width:100%}.component--recipe-step-by-step-steps-menu .list-item-active{background:var(--color-tomato-red);color:#fff}.component--recipe-step-by-step-steps-menu .show-ingredients{font-size:.8125rem;font-weight:500;line-height:1.25rem}@media(min-width:753px){.component--recipe-step-by-step-steps-menu .show-ingredients{font-size:1rem;font-weight:400;line-height:1.5rem}}.component--recipe-step-by-step-steps-menu .time-container{font-size:.875rem;font-style:normal;font-weight:500;line-height:.875rem}@media(min-width:753px){.component--recipe-step-by-step-steps-menu .time-container{font-size:1rem;line-height:1rem}}.component--recipe-step-by-step-steps-menu .icon-time-bell,.component--recipe-step-by-step-steps-menu .icon-timer{height:1.125rem;margin-left:.375rem;width:1.125rem}@media(min-width:753px){.component--recipe-step-by-step-steps-menu .icon-time-bell,.component--recipe-step-by-step-steps-menu .icon-timer{height:1.5rem;width:1.5rem}}.component--recipe-step-by-step-progress-bar .title-step{color:var(--color-tomato-red)}.component--recipe-step-by-step-progress-bar .recipe-book-icon{filter:invert(31%) sepia(95%) saturate(1306%) hue-rotate(346deg) brightness(84%) contrast(91%)}.component--recipe-step-by-step-progress-bar .close-button{color:var(--color-black)}.component--recipe-step-by-step-progress-bar .default-progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none}.component--recipe-step-by-step-progress-bar .default-progress-bar::-webkit-progress-bar{background-color:var(--color-gray-3)}.component--recipe-step-by-step-progress-bar .default-progress-bar::-moz-progress-bar{background-color:var(--color-tomato-red)}.component--recipe-step-by-step-progress-bar .default-progress-bar::-webkit-progress-value{background-color:var(--color-tomato-red)}@keyframes fill-bar{0%{width:0}to{width:var(--bar-width)}}.component--recipe-step-by-step-section{color:var(--color-gray-8)}.component--recipe-step-by-step-section.inactive-section{opacity:.5}.component--recipe-step-by-step-section .title{font-size:1.25rem;font-weight:600}@media(min-width:753px){.component--recipe-step-by-step-section .title{font-size:1.75rem}}.component--recipe-step-by-step-section .active-title{color:var(--color-tomato-red)}.component--recipe-step-by-step-section .description.description.description{font-size:1.125rem;font-weight:400;line-height:1.5rem}@media(min-width:753px){.component--recipe-step-by-step-section .description.description.description{font-size:1.75rem;line-height:2.5rem}}.component--recipe-step-by-step-section .description.description.description p{font-size:1.125rem;font-weight:400;line-height:1.5rem}@media(min-width:753px){.component--recipe-step-by-step-section .description.description.description p{font-size:1.75rem;line-height:2.5rem}}.component--recipe-step-by-step-section .description.description.description strong{font-weight:700}.component--recipe-step-by-step-section .ingredients-list,.component--recipe-step-by-step-section .pro-tip{margin-top:1.5rem}.component--recipe-step-by-step-section .ingredients-item{font-size:.8125rem;font-weight:400;line-height:1.25rem}@media(min-width:753px){.component--recipe-step-by-step-section .ingredients-item{font-size:1.25rem;line-height:2.125rem}}.component--recipe-step-by-step-steps-timer .timer-container{align-items:center;border-radius:9.375rem;display:flex;font-size:1rem;font-style:normal;font-weight:600;gap:.375rem;height:2rem;line-height:1.25rem}@media(min-width:753px){.component--recipe-step-by-step-steps-timer .timer-container{font-size:1.25rem;gap:.5rem;height:3.125rem;justify-content:center;line-height:2.125rem}}.component--recipe-step-by-step-steps-timer .initial,.component--recipe-step-by-step-steps-timer .pause,.component--recipe-step-by-step-steps-timer .running{background:var(--color-gray-1);color:var(--color-black);padding:0 .75rem}@media(min-width:753px){.component--recipe-step-by-step-steps-timer .initial,.component--recipe-step-by-step-steps-timer .pause,.component--recipe-step-by-step-steps-timer .running{padding:.5rem 1rem}}.component--recipe-step-by-step-steps-timer .done{background:var(--color-success-green);color:#fff;padding:0 1.75rem}@media(min-width:753px){.component--recipe-step-by-step-steps-timer .done{padding:.5rem 2.5rem}}.component--recipe-step-by-step-steps-timer .icon-rounded-play,.component--recipe-step-by-step-steps-timer .icon-time-reset,.component--recipe-step-by-step-steps-timer .icon-timer{height:1.125rem;width:1.125rem}@media(min-width:753px){.component--recipe-step-by-step-steps-timer .icon-rounded-play,.component--recipe-step-by-step-steps-timer .icon-time-reset,.component--recipe-step-by-step-steps-timer .icon-timer{height:1.75rem;width:1.75rem}}.component--recipe-step-by-step-steps-timer .icon-pause{height:1.25rem;width:1.25rem}@media(min-width:753px){.component--recipe-step-by-step-steps-timer .icon-pause{height:1.5rem;width:1.5rem}}.component--recipe-step-by-step-steps-timer .icon-play{height:1rem;margin-left:.25rem;width:1rem}@media(min-width:753px){.component--recipe-step-by-step-steps-timer .icon-play{height:1.25rem;width:1.25rem}}.component--recipe-step-by-step-steps-timer .icon-time-bell{height:1.25rem;width:1.25rem}@media(min-width:753px){.component--recipe-step-by-step-steps-timer .icon-time-bell{height:1.75rem;width:1.75rem}}.component--recipe-step-by-step-steps-timer-notification{background:var(--color-pea)}.component--recipe-step-by-step-steps-timer-notification .notification-container{font-size:.688rem;font-style:normal;font-weight:600;line-height:1.063rem}@media(min-width:753px){.component--recipe-step-by-step-steps-timer-notification .notification-container{font-size:.875rem;line-height:1.125rem}}.component--recipe-step-by-step-steps-timer-notification .icon-time-bell{height:1.25rem;width:1.375rem}@media(min-width:753px){.component--recipe-step-by-step-steps-timer-notification .icon-time-bell{height:1.5rem;width:1.75rem}}