.med-color-fill{margin:14px 0 18px;padding:16px;background:#f4f5ef;border:1px solid #a3b0a5;border-radius:5px;color:#243f38}.med-color-fill[hidden],.med-color-fill [hidden]{display:none!important}.med-color-fill-toggle{display:flex;align-items:flex-start;gap:10px;font:500 14px/1.5 var(--font-body--family,sans-serif);cursor:pointer}.med-color-fill-toggle>input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#183b42}.med-color-fill-toggle strong{display:inline-block;margin-left:6px;white-space:nowrap}.med-color-fill-note,.med-color-fill-unavailable,.med-fill-selection{font:400 12px/1.6 var(--font-body--family,sans-serif);margin:8px 0 0;color:#4e6257}.med-color-fill-unavailable{font-weight:500}.med-fill-swatches{border:0;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}.med-fill-swatches legend{font:500 13px/1.5 var(--font-body--family,sans-serif);padding:0;margin:0 0 9px}.med-fill-swatch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:69px;padding:8px 3px;border:1px solid #ced5cb;border-radius:5px;background:#fff;cursor:pointer;font:400 11px/1.4 var(--font-body--family,sans-serif);text-align:center}.med-fill-swatch input{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%)}.med-fill-chip{display:block;width:24px;height:24px;background:var(--med-fill-chip);border:1px solid #8a948e;border-radius:4px}.med-fill-swatch:has(input:checked){border-color:#183b42;box-shadow:inset 0 0 0 1px #183b42;background:#e8efea;font-weight:600}.med-fill-swatch:has(input:focus-visible){outline:2px solid #183b42;outline-offset:3px}.med-fill-selection{font-weight:500;color:#183b42}@media(max-width:399px){.med-color-fill{padding:12px}.med-fill-swatches{gap:6px}}@media(max-width:749px){.med-color-fill{padding:14px}.med-color-fill-toggle{align-items:center;min-height:44px;font-size:15px;line-height:1.35}.med-color-fill-toggle>input{margin:0}.med-color-fill-toggle>span{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.med-color-fill-toggle strong{margin-left:0}.med-color-fill-note,.med-fill-swatches legend,.med-fill-selection{font-size:13px;line-height:1.45}.med-fill-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.med-fill-swatch{flex-direction:row;justify-content:flex-start;gap:8px;min-height:44px;padding:8px 10px;font-size:13px;text-align:start;overflow-wrap:anywhere}.med-fill-chip{flex:0 0 18px;width:18px;height:18px}.med-fill-selection{margin-top:12px}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/medical-color-fill-v30.css.map */