:root{--note-color-picker-clear-color-cell-background:var(--primary-button-background-color);--note-color-picker-clear-color-cell-color:var(--main-background-color);--note-color-picker-clear-color-cell-selection-outline-color:var(--primary-button-border-color)}.note-color-picker{justify-content:space-between;gap:8px;display:flex}.note-color-picker .color-cell{--color-picker-cell-size:14px;width:var(--color-picker-cell-size);height:var(--color-picker-cell-size);background-color:var(--color);border-radius:4px}.note-color-picker .color-cell:not(.selected):hover{transform:scale(1.2)}.note-color-picker .color-cell.disabled-color-cell{cursor:not-allowed}.note-color-picker .color-cell.selected{outline:2px solid var(--outline-color,var(--color));outline-offset:2px}.note-color-picker .color-cell-reset{--color:var(--note-color-picker-clear-color-cell-background);--outline-color:var(--note-color-picker-clear-color-cell-selection-outline-color);justify-content:center;align-items:center;display:flex;position:relative}.note-color-picker .color-cell-reset svg{width:var(--color-picker-cell-size);height:var(--color-picker-cell-size);fill:var(--note-color-picker-clear-color-cell-color)}.note-color-picker .custom-color-cell:before{content:"";font-size:calc(var(--color-picker-cell-size) * 1.3);color:var(--foreground);justify-content:center;align-items:center;font-family:boxicons;font-size:16px;display:flex;position:absolute;inset:0}.note-color-picker .custom-color-cell{justify-content:center;display:flex;position:relative;overflow:hidden}.note-color-picker .custom-color-cell.custom-color-cell-empty{--foreground:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA1LjEuMTGKCBbOAAAAuGVYSWZJSSoACAAAAAUAGgEFAAEAAABKAAAAGwEFAAEAAABSAAAAKAEDAAEAAAACAAAAMQECABEAAABaAAAAaYcEAAEAAABsAAAAAAAAAPJ2AQDoAwAA8nYBAOgDAABQYWludC5ORVQgNS4xLjExAAADAACQBwAEAAAAMDIzMAGgAwABAAAAAQAAAAWgBAABAAAAlgAAAAAAAAACAAEAAgAEAAAAUjk4AAIABwAEAAAAMDEwMAAAAABc7WH6CeiquwAAA5dJREFUSEtt1r9vHEUUwPHPzt7eD9/5/CMJDrGDEiWKEgWlQERChI7UtPwZ1Jj/gx6JkoqGKhUVEogGhIjipEmCo4AT++yc727PSzG76z0np6fT7sy877x5835s8mjUz5kyY1LJmCMOOeAVL9jhVx9yjQ3WGLLMEj06dGmT0aYVWrTIqv/40ByJrwmExmQ904qg5vJQL6k3akpcmxIWoE2lqFcDMrIQNc8OL45ELoF00YC30S2yEK1vTtbSadBTKmKUTkNqjcqnZ/Zq06W7uLyyNB68yWo+xJ0y2sFMelIq16x4nZ3qaju0Skubk83lNbdNFkyZSnLt4pTSW5S4vLKlS68Kpt7iwTpk5qGEmjCV5qVGVKqldwp9eyZyO7TNQ+QEE44bMtGZW6LPciV9utBtDA/oV9yuvFWrOxZOcWPGvGGsNTFgyEolS7DUGBgyYCDPSsXxqVnhlPWGoyo9DxnpTa1zgQuswkr1ts7QrOuIUaUVCWPGTWicO2Cf1+yxJ9t3IXeVS7DJVScbjpe9Su3xmgMOOKy4Y8aS0U/9mNiSRQkEMkknKZaLnaF7HpjcTg6T4riQM+eEAhSVoJCMfuiXo/V/XDpnzoxDdmW7337vy6+uzFxkUCVZSszeaEe0jGT0Xb+knDRAU44Z8Vz68NP5n/f54pGtH3lwO/3tztz7DKuCV1ed6nzp9v12efV1Bd3jBY+F37eKnz8vXt7jDpdz3YTBy2L5D8fjcDApyr0nymCflQal25+1y1sasc9/PJX83Ut+uVu8vMstrnCJc1PZFPQY7hbZw2R/nuR5dbIpsdrn0u2P2wsl/rHkr5vF048UN/iAi1UMLc+0JuQktOgXVnZ5kbyeK+9tVnLT7Ztt+/zLM2Fnq3hyx+Q6l9ngPGusxrSaSqM1c5KquvQnlp/LR+FoXshFSbe32nYlTwZ2bhVH19lkg3Osslr1oj69XJhVdxnDJJDRZXBYtJ+ZzJLpnLn0m9BLdq4Voxts8R7rrFaJGHH9mOC5JDrwpIq6GEixcfTo7wv/JEcnSfr1+BPF5cpxZ1h1KerQySVTageeKH/RFbGD9AtLewKble8iblCxYumNUR6icpVlC2V1oKw+65xnk8AaKw1cXR9jaa6baVJ3vrovv41eYY3AsOG4un3UbT0SQzxphNb9r25SUTNShoSG45rtru63p8RmnXmnvXVXCO/C1V8M0ay6WpRPcfTMd01ER/r/4kUzUyX/bY0AAAAASUVORK5CYII=);background-size:cover}
