.wc-badge-colors{border:1px solid var(--wc-border,rgba(128,148,169,.25));border-radius:14px;padding:16px;margin:16px 0;background:#8094a90a}.wc-badge-colors-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.wc-badge-colors h4{font-size:14px;font-weight:650;margin:0 0 5px}.wc-badge-colors-heading p{font-size:12px;line-height:1.5;opacity:.7;margin:0;max-width:420px}.wc-badge-preview{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:30px;border-radius:9px;color:#fff;font-size:12px;font-weight:750;box-shadow:0 2px 5px #0002}.wc-badge-palette{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0 12px}.wc-badge-palette button{cursor:pointer;min-height:40px;border-radius:10px;border:2px solid transparent;transition:outline-color .15s}.wc-badge-auto{font-size:12px;padding:0 12px;background:#8094a91f;color:inherit}.wc-badge-color{width:40px;color:#fff;font-size:11px;font-weight:750;padding:0;flex-shrink:0}.wc-badge-palette button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:3px}.wc-badge-palette .wc-badge-color[aria-pressed=true]{outline-color:#7c8898;border-color:#fff}.wc-badge-palette button:focus-visible,.wc-badge-save:focus-visible{outline:3px solid #3b82f6;outline-offset:3px}.wc-badge-colors .wc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid #c5d8ce;border-radius:9px;background:#edf6f1;color:#246349;font-size:12px;font-weight:600;cursor:pointer}.wc-badge-palette button:disabled{cursor:wait;opacity:.65}.wc-badge-save:disabled{opacity:.5;cursor:default}.wc-badge-error,.wc-badge-notice{font-size:12px;line-height:1.5;margin:10px 0 0}.wc-badge-error{color:#dc4444}.wc-badge-notice{color:#178a61}