benvel-variant-picker{display:block;font-family:var(--bv-font-sans);color:var(--bv-text-primary);margin-block-start:0}.benvel-variant-picker__fieldset{border:0;padding:0;margin:0 0 var(--bv-space-16) 0}.benvel-variant-picker__fieldset:last-of-type{margin-block-end:0}.benvel-variant-picker__legend{font-size:var(--bv-type-label-size);line-height:var(--bv-type-label-lh);font-weight:var(--bv-type-label-weight);letter-spacing:var(--bv-type-label-track);text-transform:uppercase;color:var(--bv-text-primary);margin-bottom:var(--bv-space-8);padding:0}.benvel-variant-picker__legend--size{display:flex;align-items:baseline;justify-content:space-between;gap:var(--bv-space-8);width:100%}.benvel-variant-picker__size-guide{display:inline-flex;align-items:center;gap:var(--bv-space-4);flex-shrink:0;font-size:var(--bv-type-caption-size);line-height:var(--bv-type-caption-lh);letter-spacing:var(--bv-type-caption-track);font-weight:var(--bv-type-label-weight);text-transform:none;color:var(--bv-text-secondary);text-decoration:underline;text-underline-offset:var(--bv-space-2);cursor:pointer}.benvel-variant-picker__size-guide:hover,.benvel-variant-picker__size-guide:focus-visible{color:var(--bv-text-primary)}.benvel-variant-picker__size-guide:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:var(--bv-space-2);border-radius:var(--bv-radius-crisp)}.benvel-variant-picker__size-guide-icon{flex-shrink:0;inline-size:13px;block-size:13px}.benvel-variant-picker__group{display:flex;flex-wrap:wrap;gap:var(--bv-space-8);align-items:stretch}.benvel-variant-picker__fieldset--size .benvel-variant-picker__group{display:grid;grid-template-columns:repeat(4,1fr)}.benvel-variant-picker__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.benvel-variant-picker__size-label{display:flex;align-items:center;justify-content:center;position:relative;inline-size:100%;min-height:52px;padding-inline:var(--bv-space-12);background-color:var(--bv-bg-surface);color:var(--bv-text-primary);border:var(--bv-border-hair) solid var(--bv-border-default);border-radius:var(--bv-radius-crisp);cursor:pointer;font-size:var(--bv-type-button-size);line-height:var(--bv-type-button-lh);font-weight:var(--bv-type-button-weight);letter-spacing:var(--bv-type-button-track);font-feature-settings:var(--bv-font-feat-tabular);font-variant-numeric:tabular-nums;transition:background-color var(--bv-duration-fast) var(--bv-ease-benvel),color var(--bv-duration-fast) var(--bv-ease-benvel),border-color var(--bv-duration-fast) var(--bv-ease-benvel);-webkit-user-select:none;user-select:none}.benvel-variant-picker__size-label:hover{border-color:var(--bv-border-strong)}.benvel-variant-picker__size-label:has(.benvel-variant-picker__input:checked),.benvel-variant-picker__size-label:has(.benvel-variant-picker__size-input:checked){background-color:var(--bv-bg-surface);color:var(--bv-text-primary);border-color:var(--bv-action-primary-bg);box-shadow:inset 0 0 0 var(--bv-border-hair) var(--bv-action-primary-bg)}.benvel-variant-picker__size-label:has(.benvel-variant-picker__size-input:focus-visible){outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:var(--bv-space-2)}.benvel-variant-picker__size-label:has(.benvel-variant-picker__size-input:disabled){color:var(--bv-state-disabled-fg);background-color:var(--bv-state-disabled-bg);border-color:var(--bv-border-default);cursor:not-allowed;text-decoration:line-through;text-decoration-thickness:var(--bv-border-hair)}.benvel-variant-picker__low-stock-dot{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:8px;block-size:8px;border-radius:var(--bv-radius-full);background-color:var(--bv-color-warning);pointer-events:none}.benvel-variant-picker__swatch-label{display:inline-flex;flex-direction:column;align-items:center;gap:var(--bv-space-4);cursor:pointer;padding:var(--bv-space-4);border-radius:var(--bv-radius-crisp);min-width:44px;-webkit-user-select:none;user-select:none}.benvel-variant-picker__swatch-visual{display:block;width:44px;height:44px;border-radius:var(--bv-radius-full);border:var(--bv-border-hair) solid var(--bv-border-default);background-color:var(--bv-bg-subtle);background-size:cover;background-position:center;position:relative}.benvel-variant-picker__swatch-name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.benvel-variant-picker__swatch-label:has(.benvel-variant-picker__swatch-input:checked) .benvel-variant-picker__swatch-visual{border-color:var(--bv-border-focus);box-shadow:0 0 0 var(--bv-border-heavy) var(--bv-border-focus)}.benvel-variant-picker__swatch-label:has(.benvel-variant-picker__swatch-input:focus-visible) .benvel-variant-picker__swatch-visual{outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:var(--bv-space-2)}.benvel-variant-picker__swatch-label:has(.benvel-variant-picker__swatch-input:disabled){cursor:not-allowed}.benvel-variant-picker__swatch-label:has(.benvel-variant-picker__swatch-input:disabled) .benvel-variant-picker__swatch-visual{opacity:.45}.benvel-variant-picker__swatch-label:has(.benvel-variant-picker__swatch-input:disabled) .benvel-variant-picker__swatch-name{color:var(--bv-state-disabled-fg);text-decoration:line-through;text-decoration-thickness:var(--bv-border-hair)}.benvel-variant-picker__stock-chip{margin:0}.benvel-variant-picker__stock-chip:has(.benvel-variant-picker__low-stock-msg:not([hidden])){margin-block-start:var(--bv-space-8)}.benvel-variant-picker__low-stock-msg{margin:0;font-family:var(--bv-font-sans);font-size:var(--bv-type-body-s-size);line-height:var(--bv-type-body-s-lh);color:var(--bv-color-warning)}.benvel-variant-picker__low-stock-msg[hidden]{display:none}.benvel-variant-picker__sold-out-announce{padding:var(--bv-space-12);background-color:var(--bv-state-warning-bg);color:var(--bv-state-warning-fg);border-radius:var(--bv-radius-crisp);margin-block-start:var(--bv-space-12);font-size:var(--bv-type-body-s-size);line-height:var(--bv-type-body-s-lh)}.benvel-variant-picker__sold-out-announce[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/benvel-variant-picker.css.map */