.dh-dispense{--dh-pill-bg: var(--color-bg, #fff);--dh-pill-border: var(--color-border, #d4d4d4);--dh-pill-active-bg: var(--color-text, #1a1a1a);--dh-pill-active-color: var(--color-bg, #fff);--dh-pill-hover-border: var(--color-text, #1a1a1a);--dh-pill-radius: 6px;--dh-pill-gap: 8px;--dh-transition: .2s ease;display:block;margin:16px 0 12px}.dh-dispense__header{display:flex;align-items:baseline;gap:6px;margin-bottom:10px;font-size:14px;line-height:1.4}.dh-dispense__label{font-weight:600;color:var(--color-text, #1a1a1a)}.dh-dispense__current-volume{font-weight:400;color:var(--color-text-light, #666)}.dh-dispense__pills{display:flex;flex-wrap:wrap;gap:var(--dh-pill-gap)}.dh-dispense__pill{-webkit-appearance:none;appearance:none;border:1px solid var(--dh-pill-border);background:var(--dh-pill-bg);color:var(--color-text, #1a1a1a);padding:8px 16px;font-size:13px;font-weight:500;font-family:var(--font-body-family, inherit);line-height:1.2;border-radius:var(--dh-pill-radius);cursor:pointer;transition:border-color var(--dh-transition),background var(--dh-transition),color var(--dh-transition),box-shadow var(--dh-transition);white-space:nowrap;min-width:52px;text-align:center}.dh-dispense__pill:hover{border-color:var(--dh-pill-hover-border)}.dh-dispense__pill--active{background:var(--dh-pill-active-bg);color:var(--dh-pill-active-color);border-color:var(--dh-pill-active-bg);box-shadow:0 1px 3px #0000001f}.dh-dispense__pill:focus-visible{outline:2px solid var(--dh-pill-active-bg);outline-offset:2px}@media screen and (min-width:750px){.dh-dispense__pill{padding:8px 20px;font-size:14px;min-width:56px}}.dh-dispense-active .t4s-swatch{display:none!important}.dh-price-block{margin-top:8px;margin-bottom:4px}.dh-price-block__title{font-size:15.5px;font-weight:600;color:#222;line-height:1.4;margin:0}.dh-price-block__breakdown{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:13px;color:#666;line-height:1.4}.dh-price-block__sep{color:#aaa}.dh-price-block__per-ml{margin-top:2px;font-size:13px;color:#666}@media(max-width:1024px){.t4s-accordion-mb-true .t4s-tab-wrapper.t4s-active .t4s-tab-content.t4s-active:not([style]){display:block}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/dh-dispense.css.map */