.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:grid;grid-template-columns:repeat(5,1fr);gap:6px}.dh-dispense__pill{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-width:0;padding:6px 3px 5px;border:1px solid var(--dh-pill-border);background:var(--dh-pill-bg)!important;color:var(--color-text, #1a1a1a);font-family:var(--font-body-family, inherit);border-radius:var(--dh-pill-radius);cursor:pointer;transition:border-color var(--dh-transition),background-color var(--dh-transition),box-shadow var(--dh-transition)}.dh-dispense__pill-icon{display:flex;align-items:flex-end;justify-content:center;width:100%;height:40px}.dh-dispense__pill-icon img{max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain;display:block;mix-blend-mode:multiply}.dh-dispense__pill-label{font-size:11px;font-weight:500;line-height:1.1;white-space:nowrap;color:var(--color-text, #1a1a1a)}.dh-dispense__pill:hover,.dh-dispense__pill:focus{background:#f3f3f3!important;border-color:var(--dh-pill-hover-border)}.dh-dispense__pill--active,.dh-dispense__pill--active:hover,.dh-dispense__pill--active:focus{background:#f3f3f3!important;border-color:var(--dh-pill-active-bg);box-shadow:inset 0 0 0 1px var(--dh-pill-active-bg)}.dh-dispense__pill--active .dh-dispense__pill-label{font-weight:700}.dh-dispense__pill:focus-visible{outline:2px solid var(--dh-pill-active-bg);outline-offset:2px}@media screen and (min-width:750px){.dh-dispense__pills{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.dh-dispense__pill{padding:7px 3px 5px}.dh-dispense__pill-icon{height:44px}.dh-dispense__pill-icon img{max-height:44px}.dh-dispense__pill-label{font-size:12px}}.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}}@media screen and (min-width:750px){.t4s-product-form__submit{min-height:40px!important;height:40px!important;padding-top:0!important;padding-bottom:0!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/dh-dispense.css.map */