.tpm-vpick{display:grid;gap:.75rem;margin:0 0 1.25rem}.tpm-vpick__opt{min-width:0}.tpm-vpick__fieldset{border:0;margin:0;padding:0;min-width:0}.tpm-vpick__label{display:block;margin:0 0 .375rem;padding:0;font-size:.8125rem;font-weight:600;color:var(--tpm-navy, #1B2A4A)}.tpm-vpick__value{font-weight:400;color:var(--tpm-ink-soft, #4A5B70)}.tpm-vpick__opt--fixed .tpm-vpick__label{margin:0}.tpm-vpick__choices{display:flex;flex-wrap:wrap;gap:.375rem}.tpm-vpick__choice{position:relative;display:inline-flex;cursor:pointer}.tpm-vpick__radio{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.tpm-vpick__pill{display:inline-block;padding:.375rem .75rem;border:1px solid rgba(27,42,74,.22);border-radius:999px;background:#fff;font-size:.8125rem;line-height:1.2;color:var(--tpm-navy, #1B2A4A);white-space:nowrap;transition:border-color .15s,box-shadow .15s}.tpm-vpick__choice:hover .tpm-vpick__pill{border-color:var(--tpm-navy, #1B2A4A)}.tpm-vpick__radio:checked+.tpm-vpick__pill{border-color:var(--tpm-navy, #1B2A4A);background:var(--tpm-navy, #1B2A4A);color:#fff}.tpm-vpick__swatch{display:block;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--sw, #ccc);box-shadow:inset 0 0 0 1px #0000002e;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s}.tpm-vpick__choice--swatch:hover .tpm-vpick__swatch{outline-color:#1b2a4a59}.tpm-vpick__radio:checked+.tpm-vpick__swatch{outline-color:var(--tpm-gold-mid, #B08A35)}.tpm-vpick__radio:focus-visible+.tpm-vpick__swatch,.tpm-vpick__radio:focus-visible+.tpm-vpick__pill{outline:2px solid var(--tpm-gold-mid, #B08A35);outline-offset:2px}.tpm-vpick__choice.is-unavailable{opacity:.4}.tpm-vpick__choice.is-unavailable .tpm-vpick__pill{text-decoration:line-through}.tpm-vpick__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tpm-vpick__select{width:100%;max-width:22rem;padding:.5rem 2rem .5rem .75rem;border:1px solid rgba(27,42,74,.22);border-radius:.5rem;background:#fff;font:inherit;font-size:.875rem;color:var(--tpm-navy, #1B2A4A)}.tpm-vpick__price{margin:0;font-weight:600;color:var(--tpm-gold-mid, #B08A35)}@media(max-width:420px){.tpm-vpick{gap:.625rem}.tpm-vpick__pill{padding:.3125rem .625rem;font-size:.75rem}.tpm-vpick__select{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/tpm-variant-picker.css.map */
