.pg-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--tb-space-3)}.pg-swatch{display:flex;flex-direction:column;border:1px solid var(--tb-border);border-radius:var(--tb-radius-lg);overflow:hidden;background:var(--tb-color-white)}.pg-swatch__chip{display:block;width:100%;height:110px;border:none;padding:0;cursor:pointer}.pg-swatch__info{display:flex;align-items:center;justify-content:space-between;gap:var(--tb-space-1);padding:var(--tb-space-2)}.pg-swatch__value{font-family:var(--tb-font-mono);font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-swatch__copy{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;padding:0;border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);background:var(--tb-color-white);color:var(--tb-color-gray-500);cursor:pointer;transition:border-color var(--tb-transition-fast),color var(--tb-transition-fast)}.pg-swatch__copy:hover{border-color:var(--tb-color-primary);color:var(--tb-color-primary)}.pg-crosslink a{color:var(--tb-color-primary);text-decoration:underline}@media(max-width:640px){.pg-swatches{grid-template-columns:repeat(2,1fr)}.pg-swatch__chip{height:84px}.pg-random-label{display:none}}