.vial-size-selector{min-width:0;margin:16px 0 18px;padding:0;border:0}.vial-size-selector legend{width:100%;margin:0 0 9px;padding:0}.vial-size-legend{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;color:#354335;font-size:12px;line-height:1.4;font-weight:550}.vial-size-count{color:#6a705f;font-size:10px;font-weight:400}.vial-size-options{display:flex;flex-wrap:wrap;gap:7px}.vial-size-option{position:relative;display:flex;flex:1 1 0;min-width:0;cursor:pointer}.vial-size-selector[data-multiple=false] .vial-size-option{flex:0 1 104px}.vial-size-option input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.vial-size-face{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;width:100%;padding:8px 10px;border:1px solid #c9cdbf;border-radius:8px;background:#f8f8f0;color:#43503e;font-size:14px;line-height:1.2;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.vial-size-check{display:grid;place-items:center;flex:0 0 15px;width:15px;height:15px;border:1px solid #9ba58e;border-radius:50%}.vial-size-check svg{opacity:0}.vial-size-option:hover .vial-size-face{border-color:#788566;background:#edf0e5}.vial-size-option input:checked+.vial-size-face{border-color:#2a402e;background:#2a402e;color:#fffef7;box-shadow:0 2px 4px #233a2110}.vial-size-option input:checked+.vial-size-face .vial-size-check{border-color:#d6e0c9;background:#ffffff12}.vial-size-option input:checked+.vial-size-face svg{opacity:1}.vial-size-option input:focus-visible+.vial-size-face{outline:2px solid #957537;outline-offset:3px}.vial-size-option input{scroll-margin-top:calc(var(--announcement-height) + var(--header-compact-height) + 180px)}@media (max-width:599px){.vial-size-selector{margin:13px 0 16px}.vial-size-legend{font-size:11px;gap:3px}.vial-size-count{font-size:9px}.vial-size-options{gap:5px}.vial-size-face{min-height:44px;gap:4px;padding:7px 5px;font-size:12px;border-radius:7px}.vial-size-check{flex-basis:12px;width:12px;height:12px}.vial-size-check svg{width:9px;height:9px}.vial-size-selector[data-multiple=false] .vial-size-option{flex-basis:86px}}@media (max-width:359px){.vial-size-selector[data-multiple=true] .vial-size-check{position:absolute;top:3px;right:3px;width:9px;height:9px;border:0}.vial-size-selector[data-multiple=true] input:not(:checked)+.vial-size-face .vial-size-check{visibility:hidden}}@media (prefers-reduced-motion:reduce){.vial-size-face{transition:none}}