index.css

.color-picker{position:relative}.color-picker__input-preview{width:36px;height:36px;transform:translate(1px,1px);position:absolute;cursor:pointer;border-right:1px solid #ccc;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXR0ZXJuIGlkPSJhIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGZpbGw9InJnYmEoMCwgMCwgMCwgMC4yKSIgZD0iTTAgMGgxMHYxMEgwem0xMCAxMGgxMHYxMEgxMHoiLz48L3BhdHRlcm4+PHJlY3QgZmlsbD0idXJsKCNhKSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg==")}.color-picker__preview-color{width:100%;height:100%}.color-picker__text-input{padding-left:37px}.color-picker .color-picker__picker{width:300px;box-shadow:none}.color-picker__wrapper{background-color:#fff;box-shadow:0 2px 10px rgba(22,23,26,.2);display:inline-block;position:absolute;z-index:10}.color-picker__wrapper:focus{outline:none}.color-picker__presets{display:flex;padding-left:8px}.color-picker__preset{width:24px;height:24px;margin-bottom:8px;margin-right:4px;cursor:pointer;transition:transform .1s;transform:scale(1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.color-picker__preset--active{transform:scale(.8)}
.color-picker__picker .vc-chrome-color-wrap{display:none}.color-picker__picker .vc-saturation-pointer{transform:translate(-50%,-50%)}.color-picker__picker--no-alpha .vc-chrome-alpha-wrap,.color-picker__picker--no-alpha .vc-chrome-field:nth-child(4){display:none}
.k-color-field-preview{padding:0 .75rem}.k-color-field-preview .color-preview{width:24px;height:24px}