.ingredient-title{font-weight:400;font-size:14px;line-height:1;letter-spacing:0;text-transform:uppercase;margin-block:1rem .5rem}.ingredient-description{font-weight:300;font-size:11px;line-height:1.2;letter-spacing:0;margin-block-end:.5rem}.ingredient-quantity-label{font-size:14px;line-height:1.2;letter-spacing:0;color:#5c5c5c}.pdp-how-to-make-section .section-header__content{padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.pdp-how-to-make-section .section-header__content .section-header__content-title-wrapper{flex:1}.pdp-how-to-make-section .scroll-indicator-wrapper__width-nav-arrows .scroll-indicator{background:#f9f9f8}.pdp-how-to-make-section .section-header__content .section-header__content-tabs{display:flex;gap:12px;justify-content:flex-start;width:100%;flex-shrink:0;align-items:center}.how-to-make-tab-button{border:1px solid var(--color-border, #efefef);background-color:var(--color-background, #ffffff);padding:14px 20px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:Modern Gothic,sans-serif;font-weight:300;font-size:14px;line-height:1.2;color:#181818;text-transform:none;transition:all .2s ease;white-space:nowrap}.how-to-make-tab-button:hover{opacity:.8}.pdp-how-to-make-section .how-to-make-tab-button--active{border:1px solid transparent;border-image:linear-gradient(320deg,#515ecb,#cb4bad 40%,#384ec5 56%,#cb44c2 90%) 1}.how-to-make-content--hidden{display:none}.how-to-make-content{animation:howToMakeFadeIn .3s ease}@keyframes howToMakeFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 720px){.pdp-how-to-make-section .scroll-slider--scroll-all-sizes>.scroll-slider__slider>*:not(.scroll-slider__mobile-loop-nav){width:75%}.pdp-how-to-make-section .section-header__content .section-header__content-title-wrapper h2{max-width:270px}.pdp-how-to-make-section .scroll-indicator-wrapper__width-nav-arrows button{display:none}.pdp-how-to-make-section .scroll-indicator-wrapper__width-nav-arrows{padding-right:20px}.pdp-how-to-make-section .section-header__content{flex-direction:column;gap:20px}.pdp-how-to-make-section .section-header__content .section-header__content-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px}.pdp-how-to-make-section .section-header__content .section-header__content-tabs::-webkit-scrollbar{display:none}.pdp-how-to-make-section .section-header__content .section-header__content-tabs button{padding:14px 20px;height:38px;font-size:14px}}@media (min-width: 720px){.pdp-how-to-make-section .section-header__content{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;width:100%}.pdp-how-to-make-section .section-header__content .section-header__content-tabs{justify-content:flex-end;width:auto}.pdp-how-to-make-section scroll-slider-with-scroll-indicator .scroll-slider--scroll-all-sizes>.scroll-slider__slider,.pdp-how-to-make-section .section-slider-wrap scroll-slider-with-scroll-indicator .scroll-slider--scroll-all-sizes>.scroll-slider__slider{padding-bottom:1.5rem}.ingredient-title{font-size:16px}.ingredient-description{font-size:12px}.ingredient-quantity-label{font-size:16px}.pdp-how-to-make-section .scroll-slider-nav-button--overlaid.btn.btn--style-icon[disabled]{opacity:1!important}.pdp-how-to-make-section .scroll-slider-nav-button-wrapper:has(.scroll-slider-nav-button--overlaid){position:relative;top:unset;transform:unset;display:flex}.pdp-how-to-make-section .scroll-indicator-wrapper__width-nav-arrows{margin-right:80px;gap:0!important;margin-top:0!important}.pdp-how-to-make-section.featured-collection .scroll-slider-nav-button--overlaid.btn.btn--style-icon{width:38px!important;height:45px!important;background-color:#181818!important;border:none!important;box-shadow:none!important;border-radius:0;display:flex;align-items:center;justify-content:center}.pdp-how-to-make-section.featured-collection .scroll-slider-nav-button--overlaid.btn.btn--style-icon:first-of-type{border-right:1px solid #343434!important;margin-inline-start:3rem}.pdp-how-to-make-section.featured-collection .scroll-slider-nav-button--overlaid.btn.btn--style-icon svg{width:12px!important;height:12px!important}}
/*# sourceMappingURL=/cdn/shop/t/556/assets/component-how-to-make.css.map */
