.canvas-photo-colors > span { font: 700 11px/1.15 Inter, sans-serif; align-self: end; }
.canvas-photo-colors > small { font: 500 10px/1.15 Inter, sans-serif; align-self: start; }
.canvas-photo-colors[aria-busy="true"] { opacity: .55; cursor: progress; }
.canvas-photo-colors:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.canvas-photo-colors.is-active {
 background: #7434cf !important;
 color: #fff !important;
 border: 2px solid #c9a7fa;
 box-shadow: 0 0 0 2px #7434cf, 0 3px 12px #27114240;
}
.canvas-photo-colors.is-active::after {
 content: "✓";
 position: absolute;
 top: -5px;
 right: -5px;
 display: grid;
 place-items: center;
 width: 17px;
 height: 17px;
 border: 1px solid #7434cf;
 border-radius: 50%;
 background: #fff;
 color: #7434cf;
 font: 800 12px/1 sans-serif;
}