.palette-picker{gap:8px;display:flex}.palette-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:0 0 0 1px #ffffff1f}.palette-swatch.selected{border-color:#fff}.typography-picker{flex-wrap:wrap;gap:8px;display:flex}.typography-swatch{color:#e7e9ec;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;display:flex}.typography-swatch.selected{background:#ffffff1f;border-color:#fff}.typography-swatch-sans{font-size:15px;font-weight:700;line-height:1}.typography-swatch-mono{color:#b6bcc4;font-size:11px;line-height:1}