.dilution-charts{--dc-header-offset: 0px;--dc-radius: 0}.dilution-charts .dc-intro{max-width:560px;margin:0 auto;padding-bottom:calc(var(--master_spacing) * .75)}.dilution-charts .dc-intro p{padding:0}.dilution-charts .dc-heading{margin-bottom:calc(var(--master_spacing) / 2)}.dilution-charts .dc-subheading{font-size:var(--medium);font-weight:var(--body_font_weight_medium);color:var(--headline_font_color);margin:0 0 calc(var(--master_spacing) / 2)}.dilution-charts .dc-note{font-size:var(--x_small);color:var(--body_font_color_lighten_15);margin:0}.dilution-charts .dc-chips{position:sticky;top:var(--dc-header-offset);z-index:20;background:var(--background);margin-bottom:var(--master_spacing)}.dilution-charts .dc-chips__list{display:flex;gap:8px;list-style:none;margin:0;padding:10px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dilution-charts .dc-chips__list::-webkit-scrollbar{display:none}.dilution-charts .dc-chips__list li{flex:0 0 auto;margin:0;padding:0;list-style:none}.dilution-charts .dc-chips__list li:before{display:none}.dilution-charts .dc-chip{display:inline-block;padding:8px 16px;border:1px solid var(--dc-accent);border-radius:999px;color:var(--dc-accent);font-size:var(--x_small);font-weight:var(--body_font_weight_bold);line-height:1.2;text-decoration:none;white-space:nowrap}.dilution-charts .dc-chip:hover,.dilution-charts .dc-chip:focus-visible{background:var(--dc-accent);color:#fff}.dilution-charts .dc-cards{display:grid;gap:calc(var(--master_spacing) * 3);max-width:1000px;margin:0 auto}.dilution-charts .dc-card{scroll-margin-top:70px;border:1px solid var(--line_color);border-top:4px solid var(--dc-accent);border-radius:var(--dc-radius);background:var(--background);overflow:hidden}.dilution-charts .dc-card__top{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--dc-accent-soft)}.dilution-charts .dc-card__image{flex:0 0 80px;width:80px;height:80px}.dilution-charts .dc-card__image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.dilution-charts .dc-card__name{font-size:var(--headline_font_size_30);line-height:1.1;color:var(--dc-accent);margin:0 0 6px}.dilution-charts .dc-card__link{font-size:var(--x_small);color:var(--body_font_color);text-decoration:underline;text-underline-offset:2px}.dilution-charts .dc-card__footnote{margin:0;padding:16px;font-size:var(--x_small);line-height:1.45;border-top:1px solid var(--line_color)}.dilution-charts .dc-table{width:100%;border-collapse:collapse;margin:0}.dilution-charts :where(.dc-table thead,.dc-table tbody){display:block}.dilution-charts :where(.dc-table th,.dc-table td){display:block;height:auto;padding:0;border:0;background:none;text-align:left}.dilution-charts .dc-head-row{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dilution-charts .dc-row,.dilution-charts .dc-bracket-row{display:grid;grid-template-columns:26px repeat(3,minmax(0,1fr));column-gap:8px}.dilution-charts .dc-row{row-gap:12px;padding:20px 16px;border-bottom:1px solid var(--line_color)}.dilution-charts .dc-row:last-child{border-bottom:0}.dilution-charts .dc-col-bottle{grid-column:1;grid-row:1 / span 2;align-self:center}.dilution-charts .dc-row .dc-col-use{grid-column:2 / -1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.dilution-charts .dc-use__name{font-size:calc(var(--base) * 1.25);font-weight:var(--body_font_weight_bold);color:var(--headline_font_color);line-height:1.2}.dilution-charts .dc-use__ratio{display:inline-block;padding:4px 10px;border-radius:0;background:var(--dc-accent);color:#fff;font-size:var(--x_small);font-weight:var(--body_font_weight_bold);line-height:1.3;white-space:nowrap}.dilution-charts .dc-amount{grid-row:2;padding:10px 6px;border-radius:0;background:var(--dc-accent-soft);font-size:var(--small);font-weight:var(--body_font_weight_bold);color:var(--headline_font_color);line-height:1.25;text-align:center;overflow-wrap:break-word}.dilution-charts .dc-amount--small{font-size:var(--x_small)}.dilution-charts .dc-amount:empty{visibility:hidden}.dilution-charts .dc-amount__note{display:block;margin-top:2px;font-size:var(--xx_small);font-weight:var(--body_font_weight);white-space:nowrap}.dilution-charts .dc-amount:before{display:block;margin-bottom:2px;font-size:var(--xx_small);font-weight:var(--body_font_weight);color:var(--body_font_color_lighten_15)}.dilution-charts .dc-amount--ml:before{content:var(--dc-label-ml)}.dilution-charts .dc-amount--oz:before{content:var(--dc-label-oz)}.dilution-charts .dc-amount--measure:before{content:var(--dc-label-measure)}.dilution-charts .dc-span{grid-column:2 / -1;grid-row:2;align-self:center}.dilution-charts .dc-span__text{display:flex;align-items:center;gap:12px;font-size:var(--medium);font-weight:var(--body_font_weight_bold);color:var(--headline_font_color);white-space:nowrap}.dilution-charts .dc-span__text:before,.dilution-charts .dc-span__text:after{content:"";flex:1 1 auto;height:2px;background:var(--dc-accent)}.dilution-charts .dc-bracket-row{padding:22px 16px 0}.dilution-charts .dc-bracket-row>:first-child{grid-column:1}.dilution-charts .dc-bracket-cell{grid-column:2 / span 2}.dilution-charts .dc-bracket-row>:last-child{display:none}.dilution-charts .dc-bracket{position:relative;display:block;height:14px;margin:0 2px;border:2px solid var(--dc-accent);border-bottom:0}.dilution-charts .dc-bracket__label{position:absolute;top:0;left:50%;transform:translate(-50%,-55%);padding:0 8px;background:var(--background);color:var(--dc-accent);font-size:var(--xx_small);font-weight:var(--body_font_weight_bold);line-height:1;white-space:nowrap}.dilution-charts .dc-bottle{display:block}.dilution-charts .dc-bottle__cap,.dilution-charts .dc-bottle__neck{fill:var(--body_font_color_25)}.dilution-charts .dc-bottle__water{fill:var(--dc-water)}.dilution-charts .dc-bottle__product{fill:var(--dc-accent)}.dilution-charts .dc-bottle__outline{fill:none;stroke:var(--body_font_color_50);stroke-width:1.5}@media only screen and (min-width:700px){.dilution-charts .dc-chips__list{justify-content:center}.dilution-charts .dc-card__top{padding:20px 28px}.dilution-charts .dc-card__image{flex-basis:96px;width:96px;height:96px}.dilution-charts .dc-card__footnote{padding:18px 28px 22px}.dilution-charts .dc-table{table-layout:fixed}.dilution-charts .dc-table thead{display:table-header-group}.dilution-charts .dc-table tbody{display:table-row-group}.dilution-charts .dc-table tr,.dilution-charts .dc-row,.dilution-charts .dc-bracket-row,.dilution-charts .dc-head-row{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;display:table-row;padding:0}.dilution-charts .dc-table th,.dilution-charts .dc-table td{display:table-cell;vertical-align:middle;padding:22px 10px;border-bottom:1px solid var(--line_color)}.dilution-charts .dc-table tbody tr:last-child>*{border-bottom:0}.dilution-charts .dc-table tr>:first-child{padding-left:28px}.dilution-charts .dc-table tr>:last-child{padding-right:28px}.dilution-charts .dc-bracket-row>:last-child{display:table-cell}.dilution-charts .dc-table .dc-bracket-row>*{padding-top:26px;padding-bottom:0;border-bottom:0}.dilution-charts .dc-table .dc-head-row th{padding-top:8px;padding-bottom:12px;font-size:var(--x_small);font-weight:var(--body_font_weight_bold);color:var(--body_font_color_lighten_15);text-align:center}.dilution-charts .dc-table .dc-head-row th.dc-col-use{text-align:left}.dilution-charts .dc-bracket{height:18px;margin:0 25%}.dilution-charts .dc-bracket__label{font-size:var(--x_small)}.dilution-charts .dc-c-bottle{width:72px}.dilution-charts .dc-c-amount{width:18%}.dilution-charts .dc-row .dc-col-use{display:table-cell}.dilution-charts .dc-use__name{display:block;margin-bottom:8px;font-size:calc(var(--base) * 1.375)}.dilution-charts .dc-amount{background:none;font-size:var(--medium);overflow-wrap:normal}.dilution-charts .dc-amount--small,.dilution-charts .dc-amount__note{font-size:var(--x_small)}.dilution-charts .dc-amount:before{display:none}.dilution-charts .dc-span__text{padding:0 4%}}@media only screen and (min-width:700px){.dilution-charts .dc-cards{gap:calc(var(--master_spacing) * 5)}}@media(prefers-reduced-motion:no-preference){html:has(.dilution-charts){scroll-behavior:smooth}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-dilution-charts.css.map */