.mh-variant-picker .variant-option legend{display:flex;flex-wrap:wrap;align-items:baseline;margin-bottom:.75rem;font-size:1rem;font-weight:500}.mh-variant-picker .mh-variant-option__separator{white-space:pre}.mh-variant-picker .variant-option--swatches .variant-option__swatch-value{margin:0;padding:0;font-weight:400;color:var(--mh-muted)}.mh-variant-option--images{display:flex;flex-wrap:wrap;gap:8px}.mh-variant-picker .mh-swatch-label{position:relative;display:block;width:var(--mh-swatch-size, 56px);height:calc(var(--mh-swatch-size, 56px) * 1.25);padding:0;border:0;border-radius:var(--mh-radius);background:none;cursor:pointer}.mh-variant-picker .variant-option .mh-swatch-label{flex:0 0 auto;min-width:0;overflow:visible}.mh-variant-picker .mh-swatch-label>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.mh-variant-picker .mh-swatch-label input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.mh-swatch{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border:1px solid var(--mh-line);background-color:var(--mh-oat);font-size:.75rem;text-transform:uppercase;pointer-events:none}.mh-swatch--color{background:var(--mh-swatch-fill)}.mh-swatch__image{width:100%;height:100%;object-fit:cover}.mh-swatch-label:hover .mh-swatch{border-color:var(--mh-ink)}.mh-swatch-label:has(input:checked) .mh-swatch{outline:1px solid var(--mh-aubergine);outline-offset:2px}.mh-swatch-label:has(input:focus-visible) .mh-swatch{outline:2px solid var(--mh-ink);outline-offset:2px}.mh-swatch-label:has(input[aria-disabled=true]) .mh-swatch{opacity:.45}.mh-variant-picker{--color-selected-variant-background: var(--mh-aubergine);--color-selected-variant-border: var(--mh-aubergine);--color-selected-variant-text: #ffffff;--color-selected-variant-text-rgb: 255 255 255;--color-selected-variant-hover-background: var(--mh-aubergine);--color-selected-variant-hover-border: var(--mh-aubergine);--color-selected-variant-hover-text: #ffffff}.mh-variant-picker .variant-option--buttons:not(.variant-option--swatches){display:flex;flex-wrap:wrap;gap:8px}.mh-variant-picker .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label{flex:0 0 auto;justify-content:center;min-width:48px;height:48px;min-height:48px;padding:0 .75rem}.mh-variant-picker .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label:not(:has(input:checked)){background-color:transparent}.mh-variant-picker .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label:has(input:checked){border-color:var(--mh-aubergine);background-color:var(--mh-aubergine);color:#fff}.mh-variant-picker .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label__text{text-align:center}.mh-variant-picker .variant-option--buttons:not(.variant-option--swatches) .variant-option__swatch-value{margin:0;padding:0;font-weight:400;color:var(--mh-muted)}.mh-variant-picker .variant-option legend{width:100%}.mh-variant-option__guide{margin-inline-start:auto;padding:.25rem 0;border:0;background:none;color:var(--mh-ink);font:inherit;font-size:.875rem;font-weight:400;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.mh-variant-option__guide:hover{color:var(--mh-aubergine)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mh-variant-picker-block.css.map */