.tk-variants{display:block;width:100%}.tk-variants .tk-variants__form{display:grid;gap:16px}.tk-variants .tk-variants__option{margin:0;padding:0;border:0;min-width:0}.tk-variants .tk-variants__legend{display:block;margin-block-end:8px;padding:0;font-weight:600}.tk-variants .tk-variants__selected{font-weight:400;color:var(--color-foreground-muted, inherit)}.tk-variants .tk-variants__values{display:flex;flex-wrap:wrap;gap:var(--tk-v-gap)}.tk-variants .tk-variants__value{position:relative;display:inline-grid;place-items:center;min-width:var(--tk-v-min);min-height:44px;padding:6px 14px;border:var(--style-border-width, 1px) solid var(--color-variant-border, rgb(var(--color-foreground-rgb) / .2));color:var(--color-variant-text, var(--color-foreground));background:var(--color-variant-background, transparent);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.tk-variants .tk-variants__value:hover{border-color:var(--color-variant-hover-border, var(--color-foreground))}.tk-variants .tk-variants__value:has(.tk-variants__input:checked){border-color:var(--color-selected-variant-border, var(--color-foreground));color:var(--color-selected-variant-text, var(--color-background));background:var(--color-selected-variant-background, var(--color-foreground))}.tk-variants .tk-variants__value:has(.tk-variants__input:focus-visible){outline:2px solid var(--color-foreground);outline-offset:2px}.tk-variants .tk-variants__value--unavailable .tk-variants__text{text-decoration:line-through;opacity:.55}.tk-variants .tk-variants__input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.tk-variants.tk-variants--shape-rounded .tk-variants__value{border-radius:var(--style-border-radius-inputs, 6px)}.tk-variants.tk-variants--shape-pill .tk-variants__value{border-radius:var(--style-border-radius-pills, 999px)}.tk-variants .tk-variants__option--swatches .tk-variants__value{min-width:0;min-height:0;padding:3px;border-radius:50%;background:transparent}.tk-variants .tk-variants__option--swatches .tk-variants__value:has(.tk-variants__input:checked){background:transparent;border-color:var(--color-foreground);box-shadow:inset 0 0 0 1px var(--color-foreground)}.tk-variants .tk-variants__swatch{display:block;width:var(--tk-v-swatch);height:var(--tk-v-swatch);border-radius:50%;background-color:rgb(var(--color-foreground-rgb) / .08);background-size:cover;background-position:center}.tk-variants .tk-variants__value--unavailable .tk-variants__swatch{opacity:.4}.tk-variants .tk-variants__select-wrap{position:relative}.tk-variants .tk-variants__select{width:100%;min-height:44px;padding:8px 40px 8px 14px;border:var(--style-border-width-inputs, 1px) solid var(--color-input-border, currentColor);border-radius:var(--style-border-radius-inputs, 6px);color:var(--color-input-text, inherit);background:var(--color-input-background, transparent);font:inherit;-webkit-appearance:none;appearance:none}.tk-variants .tk-variants__select:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.tk-variants .tk-variants__caret{position:absolute;inset-inline-end:14px;top:50%;translate:0 -50%;pointer-events:none}.tk-variants.tk-variants--center{text-align:center}.tk-variants.tk-variants--center .tk-variants__values{justify-content:center}@media(prefers-reduced-motion:reduce){.tk-variants .tk-variants__value{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/tk-pdp-variant-picker.css.map */