@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-name:fade-in-product;animation-duration:4s;animation-iteration-count:1}.component--recipe-shopping-list-item .swapping-open{animation-name:fade-in;animation-duration:.5s;animation-iteration-count:1}.component--recipe-shopping-list-item .swapping-close{animation-name:fade-out;animation-duration:.5s;animation-iteration-count:1}@keyframes fade-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes fade-out{0%{opacity:1;max-height:500px}to{opacity:0;max-height: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%;width:var(--side-bar-width);position:fixed;overflow-y:scroll}.component--recipe-step-by-step-details .section-container{width:100%;margin-left:0}@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{flex-direction:column;gap:2rem;bottom:3rem;right:2.19rem}.component--recipe-step-by-step-arrow-navigation.container-mobile{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;background:#34353899;border-radius:6.25rem;gap:4rem;padding:1rem;bottom:2.82rem;left:50%;transform:translate(-50%)}.component--recipe-step-by-step-arrow-navigation .button-arrow{background-color:var(--color-concrete);border-radius:50%;justify-content:center;align-items:center;display:flex}
.component--recipe-step-by-step-steps-menu .close-button{margin-left:auto;margin-right:0}.component--recipe-step-by-step-steps-menu .list-container{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.component--recipe-step-by-step-steps-menu .list-item{background:var(--color-gray-1);border:1px solid #eee;border-radius:.5rem;align-items:center;width:100%;height:3.5rem;padding:0 1rem;display:flex}.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{width:1.125rem;height:1.125rem;margin-left:.375rem}@media (min-width:753px){.component--recipe-step-by-step-steps-menu .icon-time-bell,.component--recipe-step-by-step-steps-menu .icon-timer{width:1.5rem;height: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{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 .pro-tip,.component--recipe-step-by-step-section .ingredients-list{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{border-radius:9.375rem;align-items:center;gap:.375rem;height:2rem;font-size:1rem;font-style:normal;font-weight:600;line-height:1.25rem;display:flex}@media (min-width:753px){.component--recipe-step-by-step-steps-timer .timer-container{justify-content:center;gap:.5rem;height:3.125rem;font-size:1.25rem;line-height:2.125rem}}.component--recipe-step-by-step-steps-timer .pause,.component--recipe-step-by-step-steps-timer .initial,.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 .pause,.component--recipe-step-by-step-steps-timer .initial,.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{width:1.125rem;height: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{width:1.75rem;height:1.75rem}}.component--recipe-step-by-step-steps-timer .icon-pause{width:1.25rem;height:1.25rem}@media (min-width:753px){.component--recipe-step-by-step-steps-timer .icon-pause{width:1.5rem;height:1.5rem}}.component--recipe-step-by-step-steps-timer .icon-play{width:1rem;height:1rem;margin-left:.25rem}@media (min-width:753px){.component--recipe-step-by-step-steps-timer .icon-play{width:1.25rem;height:1.25rem}}.component--recipe-step-by-step-steps-timer .icon-time-bell{width:1.25rem;height:1.25rem}@media (min-width:753px){.component--recipe-step-by-step-steps-timer .icon-time-bell{width:1.75rem;height: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{width:1.375rem;height:1.25rem}@media (min-width:753px){.component--recipe-step-by-step-steps-timer-notification .icon-time-bell{width:1.75rem;height:1.5rem}}