.custom-ingredient-jar__topline{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5em}.custom-ingredient-jar__heading{margin:0;text-align:center;transition:opacity .3s ease}.custom-ingredient-jar__announcer{position:relative;width:100%}#MainContent .shopify-section:nth-child(3){display:none}.custom-ingredient-jar__announce-card{position:absolute;left:0;right:0;top:2.5vh;display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center;opacity:0;transition:opacity .12s linear}.custom-ingredient-jar__announce-name{display:flex;align-items:center;gap:.55em;line-height:1.2}.custom-ingredient-jar__announce-chips{display:flex;flex-wrap:wrap;gap:.4em;justify-content:center}.custom-ingredient-jar{position:relative;height:var(--jar-scroll-track-height, 300vh)}.custom-ingredient-jar__pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}.custom-ingredient-jar__stage{width:100%;display:flex;align-items:center;justify-content:center;padding:4.5rem 1rem 1.5rem}.custom-ingredient-jar__stage-inner{display:flex;flex-direction:column;align-items:center}.custom-ingredient-jar__stage-inner .section-title--wrapper{margin-bottom:0}.custom-ingredient-jar__main{display:flex;align-items:flex-start;justify-content:center;width:100%;margin-top:var(--default-margin-top)}.custom-ingredient-jar__scene{position:relative;width:min(65vw,504px,calc(90svh * 570 / 1046));aspect-ratio:570 / 1046;flex:0 0 auto}.custom-ingredient-jar__glass{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200}.custom-ingredient-jar__interior{position:absolute;overflow:hidden;z-index:10;border-radius:0 0 15% 15%/0 0 8% 8%}.custom-ingredient-jar__stack{position:absolute;left:0;right:0;bottom:-2px;font-size:0}.custom-ingredient-jar__layer{position:relative;overflow:hidden;width:100%;will-change:opacity,transform}.custom-ingredient-jar__layer>img{display:block;width:100%;height:auto;position:absolute;left:0;bottom:0}.custom-ingredient-jar__layer--flip>img{transform:scaleX(-1)}.custom-ingredient-jar__layer--top{overflow:visible}.custom-ingredient-jar__layer--top>img{position:relative}.custom-ingredient-jar__legend{min-width:0;display:flex;flex-direction:column;justify-content:space-around;flex:0 1 auto}.custom-ingredient-jar__legend-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6em;opacity:0;will-change:opacity,transform}.custom-ingredient-jar__legend-name{font-size:var(--body-font-size-22-to-em);font-weight:600;line-height:1.15;white-space:nowrap}.custom-ingredient-jar__dot{width:.85em;height:.85em;border-radius:50%;background:var(--jar-ingredient-color);flex:0 0 auto}.custom-ingredient-jar__legend-chips{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.6em}@media(min-width:769px)and (max-width:1100px){.custom-ingredient-jar__legend-chips{flex-basis:100%;margin-left:1.45em}.custom-ingredient-jar__legend{align-self:center;justify-content:flex-start;row-gap:clamp(.4em,1.2svh,1em)}}@media(min-width:769px)and (max-width:1100px){.custom-ingredient-jar__legend-chips{display:none}}.custom-ingredient-jar .badge{display:inline-flex;align-items:center;padding:.3em .5em;font-size:var(--body-font-size-16-to-em);line-height:1.2;color:var(--color-brand-dirt);background:var(--color-brand-sand);white-space:nowrap;flex-shrink:0}.custom-ingredient-jar__eyebrow{margin-bottom:.5em;margin-top:0}@media(min-width:769px){.custom-ingredient-jar__announcer{display:none}}.custom-ingredient-jar__progress{position:absolute;top:0;left:0;right:0;height:1vh;z-index:300;background:color-mix(in srgb,var(--color-brand-dirt),transparent 90%);opacity:0;transition:opacity .3s;pointer-events:none}.custom-ingredient-jar__progress--visible{opacity:1}.custom-ingredient-jar__progress-bar{display:block;width:0;height:100%;background:var(--color-brand-dirt);transition:width .08s linear}.custom-ingredient-jar__hint{position:absolute;left:50%;bottom:1.5em;transform:translate(-50%);z-index:300;font-size:var(--body-font-size-12-to-em);opacity:.85;transition:opacity .4s;pointer-events:none}.custom-ingredient-jar__hint-arrow{display:inline-block;animation:custom-ingredient-jar-bob 1.4s ease-in-out infinite}@keyframes custom-ingredient-jar-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.custom-ingredient-jar__mobile-final{display:none}@media(max-width:768px){.custom-ingredient-jar__pin{padding-top:var(--jar-mobile-top-shift, 2vh)}.custom-ingredient-jar__stage{padding:.6em}.custom-ingredient-jar__main{flex-direction:column;gap:0px;align-items:center;width:100%;margin-top:0}.custom-ingredient-jar__scene{width:min(98vw,calc(92svh * 570 / 1046))}.custom-ingredient-jar__legend{display:none}.custom-ingredient-jar__topline{display:grid;align-items:start;justify-items:center;margin-top:calc(1vh + .4em)}.custom-ingredient-jar__topline>*{grid-area:1 / 1}.custom-ingredient-jar__mobile-final{display:block;position:absolute;left:0;right:0;top:0;padding:0 .75em;opacity:0;transition:opacity .35s ease;text-align:left}@media only screen and (max-width:430px){.custom-ingredient-jar__mobile-final-names{font-size:var(--body-font-size-16-to-em)}}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/custom-ingredient-jar.css.map */