.c-recipe-follow{display:grid;grid-auto-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2;background-color:#fff}@media (max-width: 991.98px){.c-recipe-follow{grid-template-areas:"header" "steps" "footer"}}@media (min-width: 992px){.c-recipe-follow{grid-template-areas:"header header" "gallery steps" "footer footer"}}.c-recipe-follow.is-hidden{display:none}.c-recipe-follow__header{display:flex;justify-content:space-between;align-items:center;grid-area:header;gap:20px;border-bottom:1px solid #f9f2ec}@media (max-width: 767.98px){.c-recipe-follow__header{padding:15px 30px}}@media (min-width: 768px) and (max-width: 991.98px){.c-recipe-follow__header{padding:30px 40px}}@media (min-width: 992px){.c-recipe-follow__header{height:var(--header-height);padding:0 40px}}@media (max-width: 991.98px){.c-recipe-follow__logo{display:none}}@media (max-width: 767.98px){.c-recipe-follow__thumbnail{width:50px;height:50px}}@media (min-width: 768px) and (max-width: 991.98px){.c-recipe-follow__thumbnail{width:60px;height:60px}}@media (min-width: 992px){.c-recipe-follow__thumbnail{display:none}}.c-recipe-follow__title{flex:1;font-size:1.125rem;line-height:1.3;text-wrap:balance}@media (max-width: 991.98px){.c-recipe-follow__title{font-weight:400}}@media (min-width: 992px){.c-recipe-follow__title{font-weight:300}}.c-recipe-follow__close{display:flex;align-items:center;gap:15px;padding:0;border:none;background-color:transparent;transition:color .3s}.c-recipe-follow__close:hover{color:#cd001a}.c-recipe-follow__close-icon{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border:none;border-radius:50%;color:#cd001a;background-color:#fcf7f2}.c-recipe-follow__gallery{display:flex;flex-direction:column;grid-area:gallery;gap:45px;padding:60px 30px 60px 60px}@media (max-width: 991.98px){.c-recipe-follow__gallery{display:none}}.c-recipe-follow__image-wrapper{width:100%;height:100%;position:relative}.c-recipe-follow__image{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover}.c-recipe-follow__steps{display:flex;flex-direction:column;grid-area:steps;gap:30px;overflow:auto;scroll-snap-type:y mandatory;scroll-padding-top:30px}@media (max-width: 767.98px){.c-recipe-follow__steps{padding:30px}}@media (min-width: 768px) and (max-width: 991.98px){.c-recipe-follow__steps{padding:30px 40px}}@media (min-width: 992px){.c-recipe-follow__steps{padding:60px 60px 60px 30px}}.c-recipe-follow__step{display:flex;flex-direction:column;transition:opacity .5s;scroll-snap-align:start}@media (max-width: 767.98px){.c-recipe-follow__step{gap:30px}}@media (min-width: 768px){.c-recipe-follow__step{gap:45px}}.c-recipe-follow__step:last-child{flex:1 0 100%}.c-recipe-follow__step.is-inactive{opacity:.25}.c-recipe-follow__step-text{display:flex;font-weight:300}@media (max-width: 767.98px){.c-recipe-follow__step-text{flex-direction:column;gap:15px}}@media (min-width: 768px){.c-recipe-follow__step-text{gap:30px}}.c-recipe-follow__step-number{color:#cd001a}@media (min-width: 768px){.c-recipe-follow__step-number{min-width:25px}}.c-recipe-follow__end{display:flex;flex-direction:column;gap:45px;height:100%;padding:60px;font-weight:300;background-color:#fcf7f2}.c-recipe-follow__end-title{display:block;color:#cd001a}.c-recipe-follow__footer{display:flex;grid-area:footer;padding:30px;background-color:#fcf7f2}@media (max-width: 767.98px){.c-recipe-follow__footer{flex-direction:column;gap:20px}}@media (min-width: 768px){.c-recipe-follow__footer{gap:60px}}@media (min-width: 992px){.c-recipe-follow__footer{padding-right:40px;padding-left:40px}}.c-recipe-follow__progress{display:flex;align-items:center;gap:17px}@media (min-width: 768px){.c-recipe-follow__progress{flex:1}}.c-recipe-follow__progress-bar{width:100%;height:8px;border-radius:4px;background-color:#eee5dd66}.c-recipe-follow__progress-bar div{width:0;height:100%;border-radius:4px;background-color:#cd001a;transition:width .2s}.c-recipe-follow__buttons{display:flex;gap:15px}@media (max-width: 991.98px){.c-recipe-follow__back{display:none}}@media (max-width: 767.98px){.c-recipe-follow__next{width:100%}}@media (min-width: 768px){.c-recipe-follow__next{min-width:216px}}