.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;border-color:inherit;box-shadow: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(3){display:none}
.k-color-field-preview{padding:0 .75rem}.k-color-field-preview .color-preview{width:24px;height:24px}

.seo-preview{padding:1.5rem;color:#444;line-height:1.5rem;background:hsla(0,0%,100%,.25);border:none;box-shadow:0 0 8px rgba(0,0,0,.1)}.seo-preview h3{color:#0f70b7;font-size:1.1rem;margin-bottom:0;font-weight:400}.seo-preview .link{color:green;text-decoration:none}

.font-family-monospace .k-input-element {
  font-family: "SF Mono", Menlo, "Roboto Mono", Monaco, monospace;
}