.vx-ing{--u: clamp(.86px, calc(100vw / 1440), 1.3px);position:relative;display:block;padding:calc(var(--vx-ing-pt, 80) * var(--u)) var(--vx-gutter, 24px) calc(var(--vx-ing-pb, 58) * var(--u));color:#fff;background:var(--vx-ing-bg, #000)}.vx-ing.vx-card-black-bottom{background:var(--vx-card-below, #f8f8f8);--vx-card-color: var(--vx-ing-bg, #000)}.vx-ing *,.vx-ing *:before,.vx-ing *:after{box-sizing:border-box}.vx-ing__inner{width:min(100%,calc(813 * var(--u)));margin-inline:auto}.vx-ing__heading.vx-heading{--vx-h-size: calc(36 * var(--u));--vx-stagger-overlap: 3.6em;line-height:1.12;margin-bottom:calc(34 * var(--u))}.vx-ing__heading .vx-heading__bold{letter-spacing:-.005em}.vx-ing__empty{margin:0;text-align:center;opacity:.7;font-size:14px}.vx-ing__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:calc((min(100vw - 2 * var(--vx-gutter, 24px),813 * var(--u)) - 40 * var(--u)) / 5);gap:calc(10 * var(--u))}.vx-ing__tile{position:relative;isolation:isolate;overflow:hidden;min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:calc(16 * var(--u));background:#131313;transition:border-color .5s var(--vx-ease, ease)}.vx-ing__tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 115% at 32% 100%,color-mix(in srgb,var(--glow, #c8961e) 62%,transparent) 0%,color-mix(in srgb,var(--glow, #c8961e) 22%,transparent) 45%,transparent 78%);opacity:0;transition:opacity .6s var(--vx-ease, ease);pointer-events:none}@media(hover:hover){.vx-ing__tile:hover:before{opacity:1}.vx-ing__tile:hover{border-color:#ffffff24}.vx-ing__tile:hover .vx-ing__media{transform:translateY(-3px) scale(1.04)}}.vx-ing__media{transition:transform .7s var(--vx-ease, ease)}.vx-ing__slot.vx-slot{border-radius:calc(10 * var(--u))}.vx-ing__slot.vx-slot--empty{color:#fff}.vx-ing__tile--sq{display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(34 * var(--u)) calc(10 * var(--u)) 0}.vx-ing__tile--sq .vx-ing__media{width:calc(54 * var(--u));flex:none}.vx-ing__tile--sq .vx-ing__name{margin-top:calc(14 * var(--u))}.vx-ing__name{margin:0;font-family:var(--vx-font, "Poppins", sans-serif);font-size:max(11.5px,calc(12.6 * var(--u)));font-weight:600;font-style:normal;line-height:1.2;letter-spacing:0;text-transform:none;color:#fff}.vx-ing__origin{margin:calc(4 * var(--u)) 0 0;font-size:max(9.5px,calc(9.6 * var(--u)));line-height:1.3;color:#ffffff8c}.vx-ing__tile--wide{grid-column:span var(--vx-ing-wide, 2);display:grid;grid-template-columns:calc(97 * var(--u)) 1fr;align-items:center;gap:calc(8 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u)) calc(9 * var(--u))}.vx-ing__media--wide{width:calc(97 * var(--u))}.vx-ing__copy{align-self:start;padding-top:calc(28 * var(--u));min-width:0}.vx-ing__copy .vx-ing__name{font-size:max(11.5px,calc(12.8 * var(--u)))}.vx-ing__fact{margin:calc(8 * var(--u)) 0 0;font-size:max(10px,calc(10.2 * var(--u)));font-weight:300;line-height:1.34;color:#ffffffe6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.vx-ing__tile--claim{grid-column:span var(--vx-ing-claim, 2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(14 * var(--u)) calc(24 * var(--u));text-align:center}.vx-ing__claim-title{margin:0;font-size:calc(36 * var(--u));font-weight:700;line-height:1.08;letter-spacing:-.01em}.vx-ing__claim-text{max-width:calc(290 * var(--u));margin:calc(14 * var(--u)) 0 0;font-size:max(10px,calc(10.2 * var(--u)));font-weight:300;line-height:1.38;color:#ffffffe6}@media(max-width:989px){.vx-ing{--u: 1px;padding-top:64px;padding-bottom:56px}.vx-ing__heading.vx-heading{--vx-h-size: clamp(26px, 6.4vw, 34px);margin-bottom:26px}.vx-ing__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:8px}.vx-ing__tile--sq{aspect-ratio:1;padding-top:22%}.vx-ing__tile--wide,.vx-ing__tile--claim{grid-column:1 / -1}.vx-ing__tile--wide{grid-template-columns:96px 1fr;padding:12px}.vx-ing__copy{padding-top:0;align-self:center}.vx-ing__tile--claim{min-height:150px}.vx-ing__claim-title{font-size:34px}.vx-ing__claim-text{font-size:12px}.vx-ing__name,.vx-ing__copy .vx-ing__name{font-size:14px}.vx-ing__fact{font-size:12px}.vx-ing__origin{font-size:11px}.vx-ing__tile--sq:nth-last-child(2):nth-child(2n){grid-column:1 / -1;aspect-ratio:auto;min-height:150px}}@media(min-width:990px){.vx-ing.vx-ing--desk-cap{padding:0 0 calc(44 * var(--u))}.vx-ing--desk-cap .vx-ing__inner{display:none}}.vx-ing.vx-ing--pdp{padding:0;background:none}.vx-ing--pdp .vx-ing__inner{width:100%}.vx-ing--pdp .vx-ing__heading.vx-heading{--vx-h-size: calc(24 * var(--u));margin-bottom:calc(16 * var(--u))}.vx-ing--pdp .vx-ing__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:calc(8 * var(--u))}.vx-ing--pdp .vx-ing__tile--sq{justify-content:center;min-height:calc(146 * var(--u));padding:calc(12 * var(--u)) calc(8 * var(--u))}.vx-ing--pdp .vx-ing__tile--sq .vx-ing__media{width:calc(108 * var(--u))}.vx-ing--pdp .vx-ing__tile--sq .vx-ing__name{margin-top:calc(8 * var(--u))}.vx-ing--pdp .vx-ing__tile--solo{grid-column:1 / -1;justify-self:center;width:calc(50% - 4 * var(--u))}.vx-ing--pdp .vx-ing__tile--claim{grid-column:1 / -1;min-height:calc(120 * var(--u))}.vx-ing--pdp .vx-ing__claim-title{font-size:calc(30 * var(--u))}.vx-ing__grid.vx-ing__grid--squares{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(10 * var(--u))}.vx-ing__grid--squares .vx-ing__tile--sq{flex:0 0 calc((100% - 40 * var(--u)) / 5);justify-content:center;min-height:calc(154 * var(--u));padding:calc(12 * var(--u)) calc(8 * var(--u))}.vx-ing__grid--squares .vx-ing__tile--sq .vx-ing__media{width:calc(108 * var(--u))}.vx-ing__grid--squares .vx-ing__tile--sq .vx-ing__name{margin-top:calc(8 * var(--u))}.vx-ing__grid--squares .vx-ing__tile--claim{flex:0 0 100%;min-height:calc(120 * var(--u))}@media(max-width:989px){.vx-ing__grid.vx-ing__grid--squares{gap:8px}.vx-ing__grid--squares .vx-ing__tile--sq,.vx-ing__grid--squares .vx-ing__tile--sq:nth-last-child(2):nth-child(2n){flex:0 0 calc((100% - 16px) / 3);aspect-ratio:auto;justify-content:flex-start;min-height:0;padding:10px 6px 12px}.vx-ing__grid--squares .vx-ing__tile--sq .vx-ing__media{width:100%}.vx-ing__grid--squares .vx-ing__tile--sq .vx-ing__name{margin-top:6px;font-size:13px}.vx-ing__grid--squares .vx-ing__origin{font-size:11px}.vx-ing__grid--squares .vx-ing__tile--claim{min-height:140px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/vx-ingredients.css.map */