.variant-picker{--max-pill-size: 22px;--variant-picker-swatch-width: 56px;--variant-picker-swatch-height: 56px;--variant-picker-pill-padding-block: 10px;--variant-picker-pill-padding-inline: 18px}.variant-picker .variant-option__button-label{min-height:44px;min-width:60px;padding-block:var(--variant-picker-pill-padding-block, 10px);padding-inline:var(--variant-picker-pill-padding-inline, 18px);border-radius:999px;border-width:1.5px;transition:background-color .2s,border-color .2s,color .2s,transform .15s;gap:10px}.variant-picker .variant-option__button-label--has-swatch{padding-block:8px;padding-inline:14px 18px}.variant-picker .variant-option__button-label:hover{transform:translateY(-1px)}.variant-picker .variant-option__button-label:has(:checked){border-width:2px}.variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):before,.variant-picker .variant-option__button-label:has([data-option-available=false]):not(.variant-option__button-label--has-swatch):after{border-radius:999px;border-width:2px}.variant-picker .swatch.swatch--unscaled,.variant-picker .variant-option__button-label .swatch{border:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .15);box-shadow:0 0 0 1px rgb(var(--color-background-rgb, 255 255 255) / .5) inset}.variant-picker .variant-option__button-label:has([data-option-available=false]){text-decoration:line-through;text-decoration-thickness:1.5px;opacity:.55;cursor:not-allowed}.variant-picker .variant-option__button-label:has([data-option-available=false]):hover{transform:none}.variant-picker .variant-option+.variant-option{margin-top:18px}.variant-picker .variant-option legend{font-weight:500;margin-bottom:8px;font-size:.95em}.variant-picker .variant-option__swatch-value{font-weight:400;opacity:.7;margin-left:4px}.variant-picker .variant-option--buttons,.variant-picker .variant-option--swatches{display:flex;flex-wrap:wrap;gap:8px}.variant-picker .variant-option--swatches .variant-option__button-label{border-radius:12px;min-height:60px;min-width:60px;padding:0;overflow:hidden}.variant-picker .variant-option--swatches .swatch.swatch--unscaled{width:100%;height:100%;border:none;border-radius:inherit}@media screen and (max-width:749px){.variant-picker{--variant-picker-swatch-width: 48px;--variant-picker-swatch-height: 48px;--variant-picker-pill-padding-inline: 14px}.variant-picker .variant-option__button-label{min-height:40px;min-width:52px;font-size:.95em}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-variant-picker-custom.css.map */