.color-picker-container{position:relative;display:flex;flex-direction:row;align-items:center}.color-picker-preview{width:24px;height:24px;border-radius:4px;margin-right:5px;border:1px solid var(--border-color)}.color-picker-content{display:flex;flex-direction:column;gap:4px}.color-picker-ok-button{align-self:flex-end;background-color:var(--background-accent);margin-right:8px;margin-bottom:8px}.sketch-picker{background:var(--background-primary)!important;box-shadow:none!important}.flexbox-fix{border-top:1px solid var(--border-color)!important}.flexbox-fix input{color:var(--font-color)!important;background:var(--background-component)!important;box-shadow:0 0 0 1px var(--border-color)!important}.flexbox-fix input:focus{outline:none!important;border-color:var(--border-accessible)!important;box-shadow:0 0 0 1px var(--border-accessible)!important}.flexbox-fix label{color:var(--font-color)!important}