.hd-ingr [hidden]{display:none!important}.hd-ingr__title{font-size:clamp(56px,8.6vw,124px)}.hd-ingr__app{display:block}.hd-ingr__tabs{flex-wrap:wrap;justify-content:center;gap:10px 12px;margin:0 0 clamp(20px,3vw,30px);display:flex}.hd-ingr__tab{appearance:none;border:2px solid var(--hd-ink);min-height:54px;color:var(--hd-ink);font:900 23px/1 var(--hd-font-display);letter-spacing:.02em;text-transform:uppercase;text-align:left;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 22px 8px 9px;font-stretch:62.5%;transition:transform .15s,box-shadow .15s,background-color .15s,color .15s;display:inline-flex}.hd-ingr__tab:hover{box-shadow:3px 3px 0 var(--hd-ink);transform:translateY(-2px)}.hd-ingr__tab[aria-selected=true]{background:var(--hd-ink);color:var(--hd-cream);box-shadow:4px 4px 0 var(--hd-orange);transform:none}.hd-ingr__tab:focus-visible{outline:3px solid var(--hd-orange);outline-offset:3px}.hd-ingr__swatch{border:2px solid var(--hd-ink);background:var(--hd-ingr-sw,var(--hd-cream-deep));border-radius:50%;flex:none;width:32px;height:32px}.hd-ingr__tab[aria-selected=true] .hd-ingr__swatch{border-color:var(--hd-cream)}.hd-ingr__tab--vanilla,.hd-ingr__intro--vanilla{--hd-ingr-sw:#f6e7c1}.hd-ingr__tab--mocha,.hd-ingr__intro--mocha{--hd-ingr-sw:#8b5e3c}.hd-ingr__tab--strawberry,.hd-ingr__intro--strawberry{--hd-ingr-sw:#f7a9c2}.hd-ingr__tab--barista,.hd-ingr__intro--barista{--hd-ingr-sw:#eadfc6}.hd-ingr__intro{border:2px solid var(--hd-ink);border-radius:var(--hd-radius-sm);background:var(--hd-ingr-sw);color:var(--hd-ink);flex-wrap:wrap;align-items:center;gap:12px 22px;margin:0 0 clamp(20px,3vw,28px);padding:18px 22px;display:flex}.hd-ingr__intro--mocha{color:var(--hd-cream)}.hd-ingr__intro-name{font:900 clamp(34px, 3.8vw, 50px)/.9 var(--hd-font-display);text-transform:uppercase;margin:0;font-stretch:62.5%}.hd-ingr__facts{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hd-ingr__facts li{border:2px solid var(--hd-ink);color:var(--hd-ink);font:700 13px/1 var(--hd-font);white-space:nowrap;background:#fff;border-radius:999px;padding:7px 12px;font-stretch:100%}.hd-ingr__note{flex:100%;max-width:62em;margin:0;font-size:15px;font-weight:600;line-height:1.5}.hd-ingr__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:0 0 clamp(20px,3vw,28px);display:flex}.hd-ingr__chips{flex-wrap:wrap;gap:8px;display:flex}.hd-ingr__chip{appearance:none;border:2px solid var(--hd-ink);min-height:44px;color:var(--hd-ink);font:800 14px/1 var(--hd-font);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 18px;font-stretch:100%;transition:background-color .15s,color .15s,transform .15s;display:inline-flex}.hd-ingr__chip:hover{transform:translateY(-1px)}.hd-ingr__chip[aria-pressed=true]{background:var(--hd-ink);color:var(--hd-cream);box-shadow:3px 3px 0 var(--hd-orange)}.hd-ingr__chip:focus-visible{outline:3px solid var(--hd-orange);outline-offset:3px}.hd-ingr__chip-n{background:var(--hd-cream-deep);min-width:24px;height:24px;color:var(--hd-ink);letter-spacing:0;border-radius:999px;place-items:center;padding:0 7px;font-size:12px;font-weight:700;display:inline-grid}.hd-ingr__chip[aria-pressed=true] .hd-ingr__chip-n{background:var(--hd-cream)}.hd-ingr__status{font:700 14px/1.3 var(--hd-font);color:var(--hd-ink-soft);margin:0;font-stretch:100%}.hd-ingr__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}@media screen and (max-width:1099px){.hd-ingr__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:849px){.hd-ingr__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media screen and (max-width:549px){.hd-ingr__grid{grid-template-columns:minmax(0,1fr)}}.hd-ingr__item{min-width:0;padding:0 5px 5px 0;display:flex}.hd-ingr__card{--hd-ingr-bg:var(--hd-green);--hd-ingr-fg:var(--hd-ink);border:2px solid var(--hd-ink);border-radius:var(--hd-radius-sm);width:100%;color:var(--hd-ink);box-shadow:5px 5px 0 var(--hd-ink);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.hd-ingr__card--mint{--hd-ingr-bg:var(--hd-green-soft)}.hd-ingr__card--pink{--hd-ingr-bg:var(--hd-pink)}.hd-ingr__card--blush{--hd-ingr-bg:var(--hd-pink-soft)}.hd-ingr__card--orange{--hd-ingr-bg:var(--hd-orange)}.hd-ingr__card--vanilla{--hd-ingr-bg:#f6e7c1}.hd-ingr__card--sand{--hd-ingr-bg:var(--hd-cream-deep)}.hd-ingr__card--mocha{--hd-ingr-bg:var(--hd-mocha)}.hd-ingr__card--ink{--hd-ingr-bg:var(--hd-ink);--hd-ingr-fg:var(--hd-cream)}.hd-ingr__media{border-bottom:2px solid var(--hd-ink);background-color:var(--hd-ingr-bg);height:136px;color:var(--hd-ingr-fg);--hd-icon-fill:var(--hd-ingr-bg);background-image:radial-gradient(#2b1d1421 1.4px,#0000 1.6px);background-size:15px 15px;place-items:center;display:grid;position:relative;overflow:hidden}.hd-ingr__card--ink .hd-ingr__media{background-image:radial-gradient(#fdfbee24 1.4px,#0000 1.6px)}.hd-ingr__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hd-ingr__art{place-items:center;width:86px;height:86px;transition:transform .35s;display:grid;transform:rotate(-8deg)}.hd-ingr__art .hd-icon{width:100%;height:100%}.hd-ingr__card:hover .hd-ingr__art{transform:rotate(4deg)scale(1.06)}.hd-ingr__symbol{font:900 30px/1 var(--hd-font-display);letter-spacing:.01em;font-stretch:62.5%;position:absolute;top:12px;left:14px}.hd-ingr__only{z-index:1;text-overflow:ellipsis;max-width:calc(100% - 20px);box-shadow:2px 2px 0 var(--hd-ink);padding:6px 10px;font-size:10px;position:absolute;top:-15px;right:12px;overflow:hidden}.hd-ingr__card.is-open .hd-ingr__only{display:none}.hd-ingr__body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex;position:relative}.hd-ingr__cat{font:800 11px/1 var(--hd-font);letter-spacing:.1em;text-transform:uppercase;color:var(--hd-green-deep);margin:0;font-stretch:112.5%}.hd-ingr__name{font:900 30px/.92 var(--hd-font-display);text-transform:uppercase;overflow-wrap:anywhere;margin:0;padding-right:4px;font-stretch:62.5%}.hd-ingr__front{flex-direction:column;gap:12px;display:flex}.hd-ingr__short{color:var(--hd-ink-soft);margin:0;font-size:15px;line-height:1.45}.hd-ingr__amounts{margin:0}.hd-ingr__amount{background:var(--hd-cream-deep);border-radius:17px;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:5px 5px 5px 12px;display:inline-flex}.hd-ingr__amount dt{font:700 11px/1.1 var(--hd-font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-stretch:112.5%}.hd-ingr__amount dd{background:var(--hd-ink);color:var(--hd-cream);font:800 13px/1 var(--hd-font);white-space:nowrap;border-radius:999px;margin:0;padding:5px 10px;font-stretch:100%}.hd-ingr__toggle{border:2px solid var(--hd-ink);background:var(--hd-orange);width:46px;height:46px;color:var(--hd-ink);cursor:pointer;border-radius:50%;flex:none;order:10;align-self:flex-end;place-items:center;margin-top:auto;padding:0;transition:background-color .2s,transform .2s;display:grid}.hd-ingr__toggle:hover{transform:rotate(90deg)}.hd-ingr__toggle:focus-visible{outline:3px solid var(--hd-ink);outline-offset:3px}.hd-ingr__toggle .hd-icon{width:20px;height:20px;transition:transform .25s;transform:rotate(45deg)}.hd-ingr__card.is-open{background:var(--hd-cream)}.hd-ingr__card.is-open .hd-ingr__media{background-image:none;height:14px}.hd-ingr__card.is-open .hd-ingr__media>*,.hd-ingr__card.is-open .hd-ingr__front{display:none}.hd-ingr__card.is-open .hd-ingr__toggle{background:var(--hd-green)}.hd-ingr__card.is-open .hd-ingr__toggle .hd-icon{transform:rotate(0)}.hd-ingr__long{color:var(--hd-ink);font-size:15px;line-height:1.55}.hd-ingr__long p{margin:0 0 10px}.hd-ingr__long p:last-child{margin-bottom:4px}.hd-ingr__long a{color:inherit;font-weight:700}.hd-ingr__empty{border:2px dashed var(--hd-ink);border-radius:var(--hd-radius-sm);text-align:center;font:800 19px/1.35 var(--hd-font);margin:0;padding:28px 22px;font-stretch:87.5%}.hd-ingr__more{text-align:center;margin-top:24px;display:none}.hd-ingr__foot{flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:clamp(28px,4vw,44px);display:flex}@media screen and (max-width:749px){.hd-ingr__tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hd-ingr__tab{gap:8px;min-height:56px;padding:7px 10px 7px 7px;font-size:19px;line-height:.95}.hd-ingr__swatch{width:26px;height:26px}.hd-ingr__intro{gap:10px 14px;padding:16px}.hd-ingr__bar{gap:10px}.hd-ingr__chips{width:calc(100% + 2 * var(--hd-gutter));margin:0 calc(-1 * var(--hd-gutter));padding:4px var(--hd-gutter) 8px;scroll-padding:0 var(--hd-gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.hd-ingr__chips::-webkit-scrollbar{display:none}.hd-ingr__chip{flex:none}.hd-ingr__item.is-over{display:none}.hd-ingr__more{display:block}.hd-ingr__media{height:118px}.hd-ingr__art{width:78px;height:78px}}@media (prefers-reduced-motion:reduce){.hd-ingr__tab,.hd-ingr__chip,.hd-ingr__toggle,.hd-ingr__toggle .hd-icon,.hd-ingr__art{transition:none}.hd-ingr__card:hover .hd-ingr__art,.hd-ingr__toggle:hover,.hd-ingr__tab:hover{transform:none}}