.color-picker-anchor{display:inline-flex;flex:0 0 auto}.color-swatch-btn{display:inline-flex;padding:2px;border:1px solid var(--border-color);border-radius:5px;background:var(--background-primary);cursor:pointer;transition:box-shadow .12s ease,border-color .12s ease,transform .1s ease}.color-swatch-btn:hover{border-color:var(--border-accessible);transform:scale(1.05)}.color-swatch-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--border-accessible)}.color-swatch-btn__fill{width:24px;height:24px;border-radius:3px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12),inset 0 0 0 1px rgba(0,0,0,.08)}.color-popover.dx-overlay-wrapper{z-index:100000!important}.color-popover .dx-popup-content{padding:0}.color-picker-content{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--background-component)}.color-picker-done{align-self:stretch}.color-picker-content .sketch-picker{background:var(--background-component)!important;box-shadow:none!important;padding:0!important;border-radius:6px;font-family:var(--app-font)!important}.color-picker-content .flexbox-fix{border-top:1px solid var(--border-color)!important}.color-picker-content .flexbox-fix input{color:var(--font-color)!important;background:var(--background-primary)!important;border-radius:4px;box-shadow:0 0 0 1px var(--border-color)!important;font-family:var(--app-font)!important}.color-picker-content .flexbox-fix input:focus{outline:none!important;border-color:var(--border-accessible)!important;box-shadow:0 0 0 1px var(--border-accessible)!important}.color-picker-content .flexbox-fix label{color:var(--base-text-secondary)!important}