/* Color choices use the same persistent selection language as avatar choices. */
.inspector .color-picker .color-dot{
  position:relative;
  display:grid;
  place-items:center;
  overflow:visible;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.inspector .color-picker .color-dot:not(.custom-color-dot):hover{
  transform:translateY(-2px) scale(1.07);
  border-color:color-mix(in srgb,var(--accent) 72%,#fff);
  box-shadow:0 4px 11px color-mix(in srgb,var(--accent) 20%,transparent);
}
.inspector .color-picker .color-dot.active,
.inspector .color-picker .color-dot[aria-pressed="true"]{
  z-index:1;
  transform:scale(1.08);
  border-color:#fff!important;
  box-shadow:0 0 0 2px var(--accent),0 0 0 5px color-mix(in srgb,var(--accent) 20%,transparent),0 5px 13px #0002!important;
}
.inspector .color-picker .color-dot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}