/* The whole quantity field receives focus, including the unit and disclosure. */
.pvd-scope .quantity-line{display:block}
.pvd-scope .quantity-field{display:flex;align-items:center;width:100%;min-width:0;min-height:46px;border:1px solid #b8cbd9;border-radius:13px;background:#e7eff5;transition:border-color .12s ease,box-shadow .12s ease}
.pvd-scope .quantity-field:focus-within{border-color:#087e82;box-shadow:0 0 0 2px #087e821a}
.pvd-scope .quantity-field.is-open{border-color:#087e82}
.pvd-scope .quantity-field input{flex:0 0 auto;min-width:0;width:calc(var(--quantity-width,3ch) + 17px);height:44px;padding:0 2px 0 15px;border:0;border-radius:13px 0 0 13px;background:transparent;outline:none!important;box-shadow:none;font-size:14px;font-variant-numeric:tabular-nums}
.pvd-scope .quantity-field>.quantity-unit{flex:none;margin-left:2px;padding:0;font-size:14px;color:#55687c;white-space:nowrap;cursor:text}
.pvd-scope .quantity-toggle{display:grid;place-items:center;flex:0 0 42px;align-self:stretch;min-height:44px;margin-left:auto;border:0;border-radius:0 13px 13px 0;background:transparent;color:#087e82;padding:0}
.pvd-scope .quantity-toggle:focus-visible{outline:none;background:#dce9ef}
.pvd-scope .quantity-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .12s ease}
.pvd-scope .quantity-field.is-open .quantity-toggle svg{transform:rotate(180deg)}
.pvd-quantity-popup .quantity-option{gap:10px;min-height:40px;padding:9px 12px}
.pvd-quantity-popup .preset-quantity{font-size:13px;font-weight:600;white-space:nowrap}
.pvd-quantity-popup .preset-price{margin-left:auto;font-size:13px;font-weight:600;color:#55687c;white-space:nowrap;font-variant-numeric:tabular-nums}
.pvd-quantity-popup .quantity-option[aria-selected=true] .preset-price{color:#314b85}
.pvd-quantity-popup .quantity-popup-status{margin:7px 10px 4px;color:#6b7d8c;font-size:10px;line-height:1.55}
.pvd-scope .swatch>span{position:relative;display:grid;place-items:center}
.pvd-scope .swatch[aria-pressed=true]>span:after{content:none}
.pvd-scope .swatch-check{display:none;width:13px;height:13px;fill:none;stroke:var(--check,#fff);stroke-width:2.5;stroke-linecap:butt;stroke-linejoin:miter}
.pvd-scope .swatch[aria-pressed=true] .swatch-check{display:block}
.pvd-scope .crm-select:has(#bag-size) .crm-select-value{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}
@media(max-width:760px){.pvd-scope .quantity-field input,.pvd-scope .quantity-field>.quantity-unit{font-size:16px}}
@media(prefers-reduced-motion:reduce){.pvd-scope .quantity-toggle svg,.pvd-scope .quantity-field{transition:none}}