:root{--drv-ingredients-head-h: 3.625rem;--drv-ingredients-card-flex: 20rem;--drv-ingredients-card-w: 20rem;--drv-ingredients-img-h: 11.25rem;--drv-ingredients-name-bg: .25rem;--drv-ingredients-name-bg-2: .4375rem;--drv-ingredients-name-bg-3: .03125rem;--drv-ingredients-row-bg: .25rem;--drv-ingredients-row-bg-2: .4375rem;--drv-ingredients-row-bg-3: .03125rem;--drv-ingredients-label-w: 4.625rem;--drv-ingredients-nav-min-h: 1.8125rem;--drv-ingredients-progress-w: 6rem;--drv-ingredients-progress-span-h: .25rem;--drv-ingredients-span-active-flex: 3.125rem;--drv-ingredients-arrow-w: 1.5625rem;--drv-ingredients-arrow-h: 1.8125rem;--drv-ingredients-arrow-svg-w: .3125rem;--drv-ingredients-arrow-svg-h: .5625rem;--drv-ingredients-card-flex-lt750: 15rem;--drv-ingredients-card-w-lt750: 15rem;--drv-ingredients-card-min-h: 19.8125rem;--drv-ingredients-img-h-lt750: 8.4375rem;--drv-ingredients-head-min-h: 3.125rem;--drv-ingredients-row-h: 33.25rem;--drv-ingredients-ingredient-flex: 10.8125rem;--drv-ingredients-panel-shift: .75rem;--drv-ingredients-bars-w: 6rem;--drv-ingredients-bar-min-w: .0625rem;--drv-ingredients-bar-h: .25rem;--drv-ingredients-bar-active-flex: 3.125rem;--drv-ingredients-ingredient-h: 19.6875rem;--drv-ingredients-thumbrow-ingredient-flex: 7.75rem;--drv-ingredients-ingredient-w: 7.75rem;--drv-ingredients-thumbrow-ingredient-h: 4.75rem;--drv-ingredients-bar-active-flex-lt990: 1.25rem;--drv-ingredients-btn-mobile-h: 2.75rem;--drv-ingredients-ingredient-basis: 7.5rem;--drv-ingredients-panel-max-w: 37.25rem;--drv-ingredients-open-min: 26.5rem}.drv-ingr{padding:0;background:var(--drv-white)}.drv-ingr__head{display:flex;align-items:center;justify-content:space-between;gap:var(--drv-space-24);min-height:var(--drv-ingredients-head-h);padding-inline:var(--drv-page-inset)}.drv-ingr__intro{display:flex;flex-direction:column;gap:var(--drv-space-16)}.drv-ingr__sub{margin:0;font-family:var(--font-body--family);font-size:var(--drv-text-paragraph-size);font-weight:var(--drv-fw-regular);line-height:var(--drv-text-paragraph-lh);color:var(--drv-text-muted)}.drv-ingr__heading{margin:0;font-size:var(--drv-fs-36);line-height:var(--drv-lh-38);letter-spacing:var(--drv-ls-n1);font-weight:var(--drv-fw-medium);color:var(--drv-ink)}.drv-ingr__btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--drv-space-16) var(--drv-space-24);border:var(--drv-border-1) solid var(--drv-ink);border-radius:var(--drv-radius-button);font-size:var(--drv-fs-12);line-height:var(--drv-lh-14);font-weight:var(--drv-fw-medium);letter-spacing:0;text-transform:uppercase;text-decoration:none;color:var(--drv-ink);background:transparent}.drv-ingr__body{margin-top:var(--drv-space-40)}.drv-ingr__track{display:flex;align-items:stretch;gap:var(--drv-space-24);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--drv-page-inset);scroll-padding-left:var(--drv-page-inset)}.drv-ingr__track::-webkit-scrollbar{display:none}.drv-ingr__card{flex:0 0 var(--drv-ingredients-card-flex);width:var(--drv-ingredients-card-w);display:flex;flex-direction:column;gap:var(--drv-space-8);border:var(--drv-border-1) solid var(--drv-grey);border-radius:var(--drv-radius-card);background:var(--drv-white);scroll-snap-align:start}.drv-ingr__img{display:block;width:100%;height:var(--drv-ingredients-img-h);object-fit:cover;border-radius:var(--drv-radius-card)}.drv-ingr__name{margin:0;padding:var(--drv-space-8) var(--drv-space-16);background:repeating-linear-gradient(90deg,var(--drv-grey) 0 var(--drv-ingredients-name-bg),transparent var(--drv-ingredients-name-bg) var(--drv-ingredients-name-bg-2)) left bottom / 100% var(--drv-ingredients-name-bg-3) no-repeat;font-size:var(--drv-fs-16);line-height:var(--drv-lh-22);font-weight:var(--drv-fw-semibold);color:var(--drv-ink)}.drv-ingr__img-link{display:block;border-radius:var(--drv-radius-card)}.drv-ingr__img-link:focus-visible{outline:var(--drv-border-2) solid var(--drv-brand-black);outline-offset:var(--drv-space-2)}.drv-ingr__specs{padding:0 var(--drv-space-16) var(--drv-space-8)}.drv-ingr__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--drv-space-10);padding:var(--drv-space-8) 0;background:repeating-linear-gradient(90deg,var(--drv-text-muted) 0 var(--drv-ingredients-row-bg),transparent var(--drv-ingredients-row-bg) var(--drv-ingredients-row-bg-2)) left bottom / 100% var(--drv-ingredients-row-bg-3) no-repeat}.drv-ingr__label,.drv-ingr__value{font-size:var(--drv-fs-14);line-height:var(--drv-lh-18);letter-spacing:var(--drv-ls-3)}.drv-ingr__label{color:var(--drv-text-muted);width:var(--drv-ingredients-label-w);flex-shrink:0}.drv-ingr__value{color:var(--drv-ink);text-align:right;flex:1}.drv-ingr__targets{margin:0;padding:var(--drv-space-10) 0;font-size:var(--drv-text-body-sm-size);line-height:var(--drv-text-body-sm-lh);letter-spacing:var(--drv-ls-n1);color:var(--drv-ink)}.drv-ingr__nav{margin-top:var(--drv-space-16);display:flex;align-items:center;justify-content:space-between;min-height:var(--drv-ingredients-nav-min-h);padding-inline:var(--drv-page-inset)}.drv-ingr__progress{display:flex;align-items:center;gap:var(--drv-space-8);width:var(--drv-ingredients-progress-w)}.drv-ingr__progress span{flex:1 0 0;height:var(--drv-ingredients-progress-span-h);border-radius:var(--drv-radius-card);background:var(--drv-surface-alt);transition:flex-basis var(--drv-duration-medium),background var(--drv-duration-medium);cursor:pointer;position:relative}.drv-ingr__progress span:after{content:"";position:absolute;inset:calc(-1 * var(--drv-space-10)) 0}.drv-ingr__progress span.is-active{flex:0 0 var(--drv-ingredients-span-active-flex);background:var(--drv-brand-black)}.drv-ingr__arrows{display:flex;align-items:center;gap:var(--drv-space-4)}.drv-ingr__arrow{color:var(--drv-ink);width:var(--drv-ingredients-arrow-w);height:var(--drv-ingredients-arrow-h);padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.drv-ingr__arrow svg{width:var(--drv-ingredients-arrow-svg-w);height:var(--drv-ingredients-arrow-svg-h)}.drv-ingr__targets div,.drv-ingr__targets p{display:inline;margin:0;font-size:var(--drv-text-body-sm-size);line-height:var(--drv-text-body-sm-lh);letter-spacing:var(--drv-ls-n1)}.drv-ingr__btn--mobile{display:none}.drv-ingr--fits .drv-ingr__track{justify-content:center}.drv-ingr--fits .drv-ingr__nav{display:none}@media(max-width:749px){.drv-ingr{padding:0 var(--drv-space-10)}.drv-ingr__track{margin-inline:calc(-1 * var(--drv-space-10));padding-inline:var(--drv-space-10);scroll-padding-left:var(--drv-space-10)}.drv-ingr__head{display:block;min-height:0;padding-inline:0}.drv-ingr__head .drv-ingr__btn{display:none}.drv-ingr__heading{padding-top:0;font-size:var(--drv-fs-30);line-height:var(--drv-lh-34);letter-spacing:0}.drv-ingr__body{margin-top:var(--drv-space-12)}.drv-ingr__track{gap:var(--drv-space-10)}.drv-ingr__card{flex:0 0 var(--drv-ingredients-card-flex-lt750);width:var(--drv-ingredients-card-w-lt750);min-height:var(--drv-ingredients-card-min-h);box-sizing:border-box}.drv-ingr__img{height:var(--drv-ingredients-img-h-lt750)}.drv-ingr__name{font-size:var(--drv-fs-14);padding:var(--drv-space-2) var(--drv-space-16) var(--drv-space-8) var(--drv-space-8)}.drv-ingr__specs{padding:0 var(--drv-space-8) var(--drv-space-8)}.drv-ingr__row{padding:var(--drv-space-6) 0}.drv-ingr__targets{padding:var(--drv-space-8) 0 0}.drv-ingr__nav{margin-top:var(--drv-space-16);justify-content:center;min-height:0;padding-inline:0}.drv-ingr__arrows{display:none}.drv-ingr__btn--mobile{display:flex;width:100%;margin-top:var(--drv-space-16)}}.drv-ingredients{display:block;padding-inline:var(--drv-page-inset);background:var(--drv-white)}.drv-ingredients__head{display:flex;align-items:center;justify-content:space-between;gap:var(--drv-space-24);min-height:var(--drv-ingredients-head-min-h)}.drv-ingredients__intro{display:flex;flex-direction:column;gap:var(--drv-space-16)}.drv-ingredients__sub{margin:0;font-family:var(--font-body--family);font-size:var(--drv-text-paragraph-size);font-weight:var(--drv-fw-regular);line-height:var(--drv-text-paragraph-lh);color:var(--drv-text-muted)}.drv-ingredients__heading{margin:0;font-size:var(--drv-fs-36);line-height:var(--drv-lh-38);letter-spacing:var(--drv-ls-n1);font-weight:var(--drv-fw-medium);color:var(--drv-brand-black)}.drv-ingredients__btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--drv-space-12) var(--drv-space-24);border:var(--drv-border-1) solid var(--drv-brand-black);border-radius:var(--drv-radius-button);font-size:var(--drv-fs-12);line-height:var(--drv-lh-14);font-weight:var(--drv-fw-medium);letter-spacing:0;text-transform:uppercase;text-decoration:none;color:var(--drv-brand-black);background:transparent}.drv-ingredients__row{touch-action:pan-y;margin-top:var(--drv-space-40);display:flex;gap:var(--drv-space-16);height:var(--drv-ingredients-row-h)}.drv-ingredient{position:relative;flex:0 1 var(--drv-ingredients-closed-w, var(--drv-ingredients-ingredient-flex));min-width:0;border-radius:var(--drv-radius-card);overflow:hidden;cursor:pointer;transition:flex-grow var(--drv-duration-slower) var(--drv-ease-out)}.drv-ingredient.is-active{flex-grow:1}.drv-ingredient__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.drv-ingredient__panel{position:absolute;left:var(--drv-space-24);right:var(--drv-space-24);bottom:var(--drv-space-24);display:flex;flex-direction:column;gap:var(--drv-space-10);padding:var(--drv-space-24);border-radius:var(--drv-radius-card);background-color:var(--drv-black-a45);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='2' numOctaves='1' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.29 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");backdrop-filter:blur(var(--drv-blur-32));-webkit-backdrop-filter:blur(var(--drv-blur-32));color:var(--drv-white);opacity:0;transform:translateY(var(--drv-ingredients-panel-shift));transition:opacity var(--drv-duration-base) var(--drv-ease),transform var(--drv-duration-base) var(--drv-ease);pointer-events:none}.drv-ingredient.is-active .drv-ingredient__panel{opacity:1;transform:translateY(0);transition:opacity var(--drv-duration-moderate) var(--drv-ease),transform var(--drv-duration-moderate) var(--drv-ease-out);transition-delay:var(--drv-duration-fast)}.drv-ingredient__link{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.drv-ingredient.is-active .drv-ingredient__link{pointer-events:auto}.drv-ingredients__thumbrow .drv-ingredient__link{display:none}.drv-ingredient__link:focus-visible{outline:var(--drv-border-2) solid var(--drv-white);outline-offset:calc(-1 * var(--drv-space-4))}.drv-ingredient__name{margin:0;font-size:var(--drv-fs-20);line-height:var(--drv-lh-24);letter-spacing:var(--drv-ls-n1);font-weight:var(--drv-fw-medium)}.drv-ingredient__desc{margin:0;font-size:var(--drv-fs-16);line-height:var(--drv-lh-20);font-weight:var(--drv-fw-regular)}.drv-ingredients__controls{margin-top:var(--drv-space-30);display:flex;align-items:center;justify-content:space-between}.drv-ingredients__bars{display:flex;align-items:center;gap:var(--drv-space-8);width:var(--drv-ingredients-bars-w)}.drv-ingredients__bar{flex:1 1 0;min-width:var(--drv-ingredients-bar-min-w);height:var(--drv-ingredients-bar-h);padding:0;border:0;border-radius:var(--drv-radius-card);background:var(--drv-surface-alt);cursor:pointer;transition:flex-basis var(--drv-duration-medium),background var(--drv-duration-medium)}.drv-ingredients__bar.is-active{flex:0 0 var(--drv-ingredients-bar-active-flex);background:var(--drv-brand-black)}.drv-ingredients__arrows{display:flex;align-items:center;gap:var(--drv-space-4)}.drv-ingredients__arrow{display:inline-flex;align-items:center;justify-content:center;width:var(--drv-ingredients-arrow-w);height:var(--drv-ingredients-arrow-h);padding:0;border:0;background:none;color:var(--drv-brand-black);cursor:pointer}.drv-ingredients__arrow svg{width:100%;height:100%}.drv-ingredients__btn--mobile{display:none}@media screen and (min-width:990px){.drv-ingredients__thumbrow{display:none}.drv-ingredient__panel{right:auto;width:calc(var(--drv-ingredients-open-w, 100%) - 2 * var(--drv-space-24))}}@media screen and (max-width:989px){.drv-ingredients{padding-inline:var(--drv-space-10)}.drv-ingredients__head .drv-ingredients__btn{display:none}.drv-ingredients__head{min-height:0}.drv-ingredients__heading{font-size:var(--drv-fs-30);line-height:var(--drv-lh-34);letter-spacing:0}.drv-ingredients__row{margin-top:var(--drv-space-24);display:block;height:auto}.drv-ingredient{position:relative;display:block;width:100%;height:var(--drv-ingredients-ingredient-h)}.drv-ingredients__thumbrow{display:flex;gap:var(--drv-space-10);margin-top:var(--drv-space-24);margin-inline:calc(-1 * var(--drv-space-10));padding-inline:var(--drv-space-10);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-left:var(--drv-space-10)}.drv-ingredients__thumbrow .drv-ingredient{scroll-snap-align:start}.drv-ingredients__thumbrow::-webkit-scrollbar{display:none}.drv-ingredients__thumbrow .drv-ingredient{flex:0 0 var(--drv-ingredients-thumbrow-ingredient-flex);width:var(--drv-ingredients-ingredient-w);height:var(--drv-ingredients-thumbrow-ingredient-h)}.drv-ingredients__thumbrow .drv-ingredient__panel{display:none}.drv-ingredient__panel{left:var(--drv-space-10);right:var(--drv-space-10);bottom:var(--drv-space-10);padding:var(--drv-space-20);gap:var(--drv-space-8)}.drv-ingredient.is-active .drv-ingredient__panel{transition-delay:0s}.drv-ingredient__name{font-size:var(--drv-fs-16);line-height:var(--drv-lh-18);letter-spacing:0;text-transform:uppercase}.drv-ingredient__desc{line-height:var(--drv-lh-24)}.drv-ingredients__controls{margin-top:var(--drv-space-24);justify-content:center}.drv-ingredients__arrows{display:none}.drv-ingredients__bar{background:var(--drv-surface)}.drv-ingredients__bar.is-active{flex:0 0 var(--drv-ingredients-bar-active-flex-lt990)}.drv-ingredients__btn--mobile{display:flex;align-items:center;justify-content:center;width:100%;height:var(--drv-ingredients-btn-mobile-h);margin-top:var(--drv-space-24)}}@media screen and (min-width:990px)and (max-width:1439px){.drv-ingredient{flex-basis:var(--drv-ingredients-closed-w, var(--drv-ingredients-ingredient-basis))}}.drv-ingredients__btn{transition:background-color var(--drv-duration-fast) var(--drv-ease),border-color var(--drv-duration-fast) var(--drv-ease),color var(--drv-duration-fast) var(--drv-ease)}@media(hover:hover){.drv-ingredients__btn:hover{background:var(--drv-hover);border-color:var(--drv-hover);color:var(--drv-white)}}.drv-ingr__btn{transition:background-color var(--drv-duration-fast) var(--drv-ease),border-color var(--drv-duration-fast) var(--drv-ease),color var(--drv-duration-fast) var(--drv-ease)}@media(hover:hover){.drv-ingr__btn:hover{background:var(--drv-hover);border-color:var(--drv-hover);color:var(--drv-white)}}@media screen and (min-width:1441px){.drv-ingredient__panel{right:auto;width:min(calc(var(--drv-ingredients-open-w, 100%) - 2 * var(--drv-space-24)),var(--drv-ingredients-panel-max-w))}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/drv-ingredients.css.map */