.jodit-color-input{display:flex;flex-direction:column;margin-bottom:var(--jd-padding-default)}.jodit-color-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--jd-color-white);border:0;border-radius:0;box-sizing:border-box;font-family:var(--jd-font-default);font-size:var(--jd-font-size-default);height:var(--jd-input-height);line-height:var(--jd-input-height);outline:none;padding:0 var(--jd-padding-default);width:100%}.jodit-color-input__input[disabled]{background-color:#f0f0f0;color:var(--jd-color-border)}.jodit-color-input__input_has-error_true{border-color:var(--jd-color-red)}.jodit-color-input__input:focus{outline:0}.jodit-color-input_theme_dark .jodit-color-input__input{background-color:var(--jd-color-gray)}.jodit-color-input_has-error_true .jodit-color-input__input{border-color:var(--jd-color-red)}.jodit-color-input__error,.jodit-color-input__label{color:var(--jd-color-label);display:block;font-size:.8em;margin-bottom:calc(var(--jd-padding-default)/4)}.jodit-color-input__error,.jodit-color-input_has-error_true .jodit-color-input__label{color:var(--jd-color-error)}.jodit-color-input__wrapper{align-items:center;background-color:var(--jd-color-white);border:1px solid var(--jd-color-border);display:flex;justify-content:stretch;min-width:200px}@media (max-width:480px){.jodit-color-input__wrapper{min-width:140px}}.jodit-color-input_theme_dark .jodit-color-input__wrapper{background-color:var(--jd-color-gray);border-color:var(--jd-color-border)}.jodit-color-input_focused_true .jodit-color-input__wrapper{border-color:var(--jd-color-border-selected)}.jodit-color-input__icon:not(:empty){align-items:center;display:flex;padding:0 var(--jd-padding-default)}.jodit-color-input__icon:not(:empty) svg{fill:var(--jd-color-border);height:16px;width:16px}.jodit-color-input__icon:not(:empty)+.jodit-color-input__input{padding-left:0}.jodit-color-input__clear{align-items:center;display:flex;opacity:.8;padding:0 var(--jd-padding-default) 0 0}.jodit-color-input__clear:active{opacity:1;transform:scale(1.1)}.jodit-color-input__clear svg{fill:var(--jd-color-border);height:12px;width:12px}.jodit-color-input_theme_dark .jodit-color-input__clear svg,.jodit-color-input_theme_dark .jodit-color-input__icon svg{fill:var(--jd-color-dark)}.jodit-color-input__trigger{background-color:var(--jd-color-panel);border:1px solid var(--jd-color-border);border-left:0;border-radius:0;box-sizing:content-box;height:calc(var(--jd-input-height) - 2px);width:var(--jd-input-height)}.jodit-color-input_slim_true .jodit-color-input__input,.jodit-color-input_slim_true .jodit-color-input__wrapper{color:transparent;height:24px;min-width:auto;width:24px}.jodit-color-input_slim_true .jodit-color-input__trigger,.jodit-color-input_trigger_false .jodit-color-input__trigger{display:none}