.tf-color-selector{margin:0 0 18px}.tf-color-selector__label{margin:0 0 10px;font-weight:600}.tf-color-selector__swatches{display:flex;gap:14px;flex-wrap:wrap}.tf-swatch{display:inline-flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit;min-width:44px;background:transparent;border:0;padding:0;cursor:pointer}.tf-swatch__dot{width:var(--tf-swatch-size, 34px);height:var(--tf-swatch-size, 34px);border-radius:999px;border:1px solid rgba(0,0,0,.15);box-sizing:border-box;display:inline-block}.tf-swatch.is-selected .tf-swatch__dot{outline:2px solid rgba(0,0,0,.65);outline-offset:2px}.tf-swatch__name{font-size:11px;letter-spacing:.06em;opacity:.9;text-align:center;line-height:1.2}.tf-color-selector--card .tf-color-selector__swatches{gap:8px}.tf-color-selector--card .tf-swatch{min-width:0}.tf-swatch{position:relative}.tf-swatch__tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;font-size:var(--tf-tooltip-size, 11px);line-height:1.1;text-transform:uppercase;font-family:inherit;letter-spacing:.04em;z-index:2}.tf-swatch--tooltip:hover .tf-swatch__tooltip,.tf-swatch--tooltip:focus-visible .tf-swatch__tooltip{opacity:1;visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/12/assets/tf-color-selector.css.map */