.ph-linked-colors{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-block:2px}
.ph-linked-colors__link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;text-decoration:none}
.ph-linked-colors__link:focus-visible{outline:2px solid #7a6247;outline-offset:1px}
.ph-linked-colors__dot{width:18px;height:18px;border-radius:0;background:var(--ph-linked-color);border:1px solid rgba(29,24,57,.28);box-shadow:0 0 0 2px transparent}
.ph-linked-colors__link.is-current .ph-linked-colors__dot{box-shadow:0 0 0 2px #f3efe7,0 0 0 3px #7a6247}
.ph-linked-colors__link:hover .ph-linked-colors__dot{box-shadow:0 0 0 2px #f3efe7,0 0 0 3px #7a6247}
.ph-linked-colors__text{font-size:12px;padding:4px 8px;border:1px solid #7a6247;color:#1d1839}