.hh-swatch-tap{justify-content:center;align-items:center;display:inline-flex}.hh-swatch-ring{border-radius:var(--radius-full);border:1.5px solid #0000;justify-content:center;align-items:center;display:inline-flex}.hh-swatch-ring--active{border-color:var(--accent)}.hh-swatch-dot{border-radius:var(--radius-full);border:1px solid var(--border-strong);display:block}.hh-swatch-dot--weave,.hh-swatch-dot--melange{box-shadow:inset 0 0 0 1px #ffffff1f,inset 1px 1px 1.5px #fff6,inset -1px -1px 1.5px #00000047}.hh-swatch-dot--weave{background-image:repeating-linear-gradient(100deg,#ffffff12 0 1px,#0000000d 1px 2px,#0000 2px 3px)}.hh-swatch-dot--melange{background-image:repeating-linear-gradient(100deg,#ffffff80 0 1px,#0000 1px 3px),repeating-linear-gradient(97deg,#00000052 0 1px,#0000 1px 4px),repeating-linear-gradient(103deg,#ffffff47 0 1px,#0000 1px 5px)}.hh-swatch-dot--unknown{background-image:repeating-linear-gradient(45deg, var(--surface) 0, var(--surface) 2px, var(--border-strong) 2px, var(--border-strong) 3px)}
.pc-badges{top:var(--sp-2);left:var(--sp-2);z-index:1;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute}.pc-badge{font-size:calc(var(--size-caption) * .6);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);padding:1px calc(var(--sp-2) * .6);border-radius:var(--radius-full);display:inline-block}.pc-partner-logo{top:var(--sp-2);right:var(--sp-2);z-index:1;border-radius:var(--radius-full);background:var(--surface);width:28px;height:28px;box-shadow:var(--shadow-raised);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.pc-name{margin-top:var(--sp-3);font-weight:var(--weight-medium);font-size:var(--size-small);line-height:var(--lh-small);min-height:calc(var(--lh-small) * 2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pc-price{margin-top:var(--sp-1);font-size:var(--size-small);color:var(--text-muted)}