.color-palette-list{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:228px;max-height:320px;padding:8px 8px 6px;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.color-palette-list[data-variant=search]{border:0;border-radius:12px}.color-palette-hint{color:#94a3b8;letter-spacing:.01em;padding:0 1px 4px;font-size:10px}.color-palette-group{margin-bottom:2px}.color-palette-group-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.08em;padding:1px 1px 2px;font-size:9px;font-weight:600}.color-palette-row{flex-wrap:wrap;gap:3px;display:flex}.color-palette-row-flat{padding:2px 0}.color-palette-cell{cursor:pointer;border:1px solid #00000014;border-radius:4px;flex-shrink:0;width:18px;height:18px;padding:0;transition:transform .1s}.color-palette-list[data-variant=search] .color-palette-cell{box-shadow:none;border:0}.color-palette-cell:hover{transform:scale(1.12)}.color-palette-cell.selected{outline-offset:1px;z-index:1;outline:2px solid #3b82f6;position:relative;transform:scale(1.12)}.color-palette-list[data-variant=search] .color-palette-cell.selected{outline:0}.color-palette-footer{color:#64748b;letter-spacing:.01em;border-top:1px solid #f1f5f9;min-height:1em;margin-top:6px;padding-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.color-palette-empty{text-align:center;color:#94a3b8;padding:12px 16px;font-size:12px}