.jodit-about { padding: 20px } .jodit-about a { color: #459ce7; text-decoration: none } .jodit-about a:focus, .jodit-about a:hover { color: #23527c; outline: 0; text-decoration: underline } .jodit-about div { margin-bottom: calc(var(--jd-padding-default)/2) } .jodit-ui-group { display: inline-flex; flex: 0 0 auto; flex-shrink: 0; flex-wrap: wrap; max-width: 100% } .jodit-ui-group_line_true { display: flex; justify-content: stretch } .jodit-ui-group_separated_true:not(:last-child):not(.jodit-ui-group_before-spacer_true):after { border-left: 0; border-right: 1px solid var(--jd-color-border); content: ""; cursor: default; margin: 2px; padding: 0 } .jodit-ui-group:last-child { border-bottom: 0 } .jodit-ui-list { display: flex; flex-direction: column } .jodit-ui-list_mode_vertical .jodit-ui-group { background-color: transparent; border: 0; flex-direction: column } .jodit-ui-list_mode_vertical .jodit-toolbar-button { height: auto; min-height: var(--jd-button-size) } .jodit-ui-list_mode_vertical .jodit-toolbar-button__button { cursor: pointer; height: auto; min-height: var(--jd-button-size); width: 100% } .jodit-ui-list_mode_vertical .jodit-toolbar-button__text:not(:empty) { justify-content: left } .jodit-ui-separator { border-left: 0; border-right: 1px solid var(--jd-color-border); cursor: default; margin: 2px; padding: 0 } .jodit-ui-break { border-top: 1px solid var(--jd-color-border); flex-basis: 100%; height: 0 !important; width: 0 } .jodit-ui-spacer { flex: 1 } .jodit-ui-button-icon-text__icon { display: none } .jodit-ui-button-icon-text__icon:not(:empty) { display: inline-flex } .jodit-ui-button-icon-text__text { display: none } .jodit-ui-button-icon-text__text:not(:empty) { display: inline-flex; flex-grow: 1; font-family: var(--jd-font-default); font-size: var(--jd-font-size-default); justify-content: center } .jodit-ui-button-icon-text_context_menu .jodit-ui-button-icon-text__text { justify-content: left; padding-left: var(--jd-padding-default); position: relative } .jodit-ui-button-icon-text_context_menu .jodit-ui-button-icon-text__text:before { border-left: 1px solid var(--jd-color-border); content: ""; height: 35px; left: 0; position: absolute; top: calc(var(--jd-padding-default)*-1) } .jodit-ui-button-icon-text__icon:not(:empty) + .jodit-ui-button-icon-text__text:not(:empty) { margin-left: var(--jd-padding-default) } .jodit-ui-button-icon-text__icon:empty + .jodit-ui-button-icon-text__text:not(:empty) { padding: 0 var(--jd-padding-default) } .jodit-ui-button-clear, .jodit-ui-button_clear { appearance: none; background: 0 0; border: 0; box-shadow: none; box-sizing: border-box; font-style: normal; outline: 0; padding: 0; position: relative; text-align: center; text-decoration: none; text-transform: none; user-select: none } .jodit-ui-button-sizes { height: 34px; min-width: 34px } .jodit-ui-button-sizes .jodit-icon { height: 14px; width: 14px } .jodit-ui-button-sizes button { appearance: none; height: 34px; min-width: 34px; padding: 0 } .jodit-ui-button-sizes_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-ui-button-sizes_size_tiny { height: 16px; min-width: 16px } .jodit-ui-button-sizes_size_tiny .jodit-icon { height: 8px; width: 8px } .jodit-ui-button-sizes_size_tiny button { appearance: none; height: 16px; min-width: 16px; padding: 0 } .jodit-ui-button-sizes_size_tiny_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-ui-button-sizes_size_xsmall { height: 22px; min-width: 22px } .jodit-ui-button-sizes_size_xsmall .jodit-icon { height: 10px; width: 10px } .jodit-ui-button-sizes_size_xsmall button { appearance: none; height: 22px; min-width: 22px; padding: 0 } .jodit-ui-button-sizes_size_xsmall_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-ui-button-sizes_size_small { height: 28px; min-width: 28px } .jodit-ui-button-sizes_size_small .jodit-icon { height: 12px; width: 12px } .jodit-ui-button-sizes_size_small button { appearance: none; height: 28px; min-width: 28px; padding: 0 } .jodit-ui-button-sizes_size_small_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-ui-button-sizes_size_large { height: 40px; min-width: 40px } .jodit-ui-button-sizes_size_large .jodit-icon { height: 16px; width: 16px } .jodit-ui-button-sizes_size_large button { appearance: none; height: 40px; min-width: 40px; padding: 0 } .jodit-ui-button-sizes_size_large_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-ui-button-variants_variant_outline { border: 1px solid var(--jd-color-border) } .jodit-ui-button-variants_variant_default { background-color: #e3e3e3; color: #212529 } .jodit-ui-button-variants_variant_default svg { fill: #212529; stroke: #212529 } .jodit-ui-button-variants_variant_default [disabled] { opacity: .7 } .jodit-ui-button-variants_variant_default:hover:not([disabled]) { background-color: #c9cdd1; color: #212529 } .jodit-ui-button-variants_variant_default:hover:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-ui-button-variants_variant_default:active:not([disabled]) { background-color: #dae0e5; color: #212529 } .jodit-ui-button-variants_variant_default:active:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-ui-button-variants_variant_default:focus:not([disabled]) { outline: 1px dashed #dae0e5 } .jodit-ui-button-variants_variant_primary { background-color: #007bff; color: #fff } .jodit-ui-button-variants_variant_primary svg { fill: #fff; stroke: #fff } .jodit-ui-button-variants_variant_primary [disabled] { opacity: .7 } .jodit-ui-button-variants_variant_primary:hover:not([disabled]) { background-color: #0069d9; color: #fff } .jodit-ui-button-variants_variant_primary:hover:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button-variants_variant_primary:active:not([disabled]) { background-color: #0062cc; color: #fff } .jodit-ui-button-variants_variant_primary:active:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button-variants_variant_primary:focus:not([disabled]) { outline: 1px dashed #0062cc } .jodit-ui-button-variants_variant_secondary { background-color: #d8d8d8; border-radius: 0; color: #212529 } .jodit-ui-button-variants_variant_secondary svg { fill: #212529; stroke: #212529 } .jodit-ui-button-variants_variant_secondary [disabled] { opacity: .7 } .jodit-ui-button-variants_variant_secondary:hover:not([disabled]) { background-color: #c9cdd1; color: #212529 } .jodit-ui-button-variants_variant_secondary:hover:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-ui-button-variants_variant_secondary:active:not([disabled]) { background-color: #dae0e5; color: #212529 } .jodit-ui-button-variants_variant_secondary:active:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-ui-button-variants_variant_secondary:focus:not([disabled]) { outline: 1px dashed #dae0e5 } .jodit-ui-button-variants_variant_success { background-color: #28a745; color: #fff } .jodit-ui-button-variants_variant_success svg { fill: #fff; stroke: #fff } .jodit-ui-button-variants_variant_success [disabled] { opacity: .7 } .jodit-ui-button-variants_variant_success:hover:not([disabled]) { background-color: #218838; color: #fff } .jodit-ui-button-variants_variant_success:hover:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button-variants_variant_success:active:not([disabled]) { background-color: #1e7e34; color: #fff } .jodit-ui-button-variants_variant_success:active:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button-variants_variant_success:focus:not([disabled]) { outline: 1px dashed #1e7e34 } .jodit-ui-button-variants_variant_danger { background-color: #dc3545; color: #fff } .jodit-ui-button-variants_variant_danger svg { fill: #fff; stroke: #fff } .jodit-ui-button-variants_variant_danger [disabled] { opacity: .7 } .jodit-ui-button-variants_variant_danger:hover:not([disabled]) { background-color: #c82333; color: #fff } .jodit-ui-button-variants_variant_danger:hover:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button-variants_variant_danger:active:not([disabled]) { background-color: #bd2130; color: #fff } .jodit-ui-button-variants_variant_danger:active:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button-variants_variant_danger:focus:not([disabled]) { outline: 1px dashed #bd2130 } .jodit-ui-button-style { border-radius: var(--jd-border-radius-default); padding: 0 var(--jd-padding-default) } .jodit-ui-button, .jodit-ui-button-style { align-items: center; color: var(--jd-color-text-icons); display: inline-flex; justify-content: center } .jodit-ui-button { appearance: none; background: 0 0; border: 0; border-radius: var(--jd-border-radius-default); box-shadow: none; box-sizing: border-box; cursor: pointer; font-style: normal; height: 34px; min-width: 34px; outline: 0; padding: 0; padding: 0 var(--jd-padding-default); position: relative; text-align: center; text-decoration: none; text-transform: none; user-select: none } .jodit-ui-button:focus-visible:not([disabled]), .jodit-ui-button:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover); opacity: 1; outline: 0 } .jodit-ui-button:active:not([disabled]), .jodit-ui-button[aria-pressed=true]:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity40); outline: 0 } .jodit-ui-button[aria-pressed=true]:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity60) } .jodit-ui-button[disabled] { opacity: .3; pointer-events: none } .jodit-ui-button .jodit-icon { height: 14px; width: 14px } .jodit-ui-button button { appearance: none; height: 34px; min-width: 34px; padding: 0 } .jodit-ui-button_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-ui-button_size_tiny { height: 16px; min-width: 16px } .jodit-ui-button_size_tiny .jodit-icon { height: 8px; width: 8px } .jodit-ui-button_size_tiny button { appearance: none; height: 16px; min-width: 16px; padding: 0 } .jodit-ui-button_size_tiny_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-ui-button_size_xsmall { height: 22px; min-width: 22px } .jodit-ui-button_size_xsmall .jodit-icon { height: 10px; width: 10px } .jodit-ui-button_size_xsmall button { appearance: none; height: 22px; min-width: 22px; padding: 0 } .jodit-ui-button_size_xsmall_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-ui-button_size_small { height: 28px; min-width: 28px } .jodit-ui-button_size_small .jodit-icon { height: 12px; width: 12px } .jodit-ui-button_size_small button { appearance: none; height: 28px; min-width: 28px; padding: 0 } .jodit-ui-button_size_small_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-ui-button_size_large { height: 40px; min-width: 40px } .jodit-ui-button_size_large .jodit-icon { height: 16px; width: 16px } .jodit-ui-button_size_large button { appearance: none; height: 40px; min-width: 40px; padding: 0 } .jodit-ui-button_size_large_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-ui-button__icon { display: none } .jodit-ui-button__icon:not(:empty) { display: inline-flex } .jodit-ui-button__text { display: none } .jodit-ui-button__text:not(:empty) { display: inline-flex; flex-grow: 1; font-family: var(--jd-font-default); font-size: var(--jd-font-size-default); justify-content: center } .jodit-ui-button_context_menu .jodit-ui-button__text { justify-content: left; padding-left: var(--jd-padding-default); position: relative } .jodit-ui-button_context_menu .jodit-ui-button__text:before { border-left: 1px solid var(--jd-color-border); content: ""; height: 35px; left: 0; position: absolute; top: calc(var(--jd-padding-default)*-1) } .jodit-ui-button__icon:not(:empty) + .jodit-ui-button__text:not(:empty) { margin-left: var(--jd-padding-default) } .jodit-ui-button__icon:empty + .jodit-ui-button__text:not(:empty) { padding: 0 var(--jd-padding-default) } .jodit-ui-button:focus:not([disabled]) { outline: 1px dashed var(--jd-color-background-selection) } .jodit-ui-button_variant_outline { border: 1px solid var(--jd-color-border) } .jodit-ui-button_variant_default { background-color: #e3e3e3; color: #212529 } .jodit-ui-button_variant_default svg { fill: #212529; stroke: #212529 } .jodit-ui-button_variant_default [disabled] { opacity: .7 } .jodit-ui-button_variant_default:hover:not([disabled]) { background-color: #c9cdd1; color: #212529 } .jodit-ui-button_variant_default:hover:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-ui-button_variant_default:active:not([disabled]) { background-color: #dae0e5; color: #212529 } .jodit-ui-button_variant_default:active:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-ui-button_variant_default:focus:not([disabled]) { outline: 1px dashed #dae0e5 } .jodit-ui-button_variant_primary { background-color: #007bff; color: #fff } .jodit-ui-button_variant_primary svg { fill: #fff; stroke: #fff } .jodit-ui-button_variant_primary [disabled] { opacity: .7 } .jodit-ui-button_variant_primary:hover:not([disabled]) { background-color: #0069d9; color: #fff } .jodit-ui-button_variant_primary:hover:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button_variant_primary:active:not([disabled]) { background-color: #0062cc; color: #fff } .jodit-ui-button_variant_primary:active:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button_variant_primary:focus:not([disabled]) { outline: 1px dashed #0062cc } .jodit-ui-button_variant_secondary { background-color: #d8d8d8; border-radius: 0; color: #212529 } .jodit-ui-button_variant_secondary svg { fill: #212529; stroke: #212529 } .jodit-ui-button_variant_secondary [disabled] { opacity: .7 } .jodit-ui-button_variant_secondary:hover:not([disabled]) { background-color: #c9cdd1; color: #212529 } .jodit-ui-button_variant_secondary:hover:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-ui-button_variant_secondary:active:not([disabled]) { background-color: #dae0e5; color: #212529 } .jodit-ui-button_variant_secondary:active:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-ui-button_variant_secondary:focus:not([disabled]) { outline: 1px dashed #dae0e5 } .jodit-ui-button_variant_success { background-color: #28a745; color: #fff } .jodit-ui-button_variant_success svg { fill: #fff; stroke: #fff } .jodit-ui-button_variant_success [disabled] { opacity: .7 } .jodit-ui-button_variant_success:hover:not([disabled]) { background-color: #218838; color: #fff } .jodit-ui-button_variant_success:hover:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button_variant_success:active:not([disabled]) { background-color: #1e7e34; color: #fff } .jodit-ui-button_variant_success:active:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button_variant_success:focus:not([disabled]) { outline: 1px dashed #1e7e34 } .jodit-ui-button_variant_danger { background-color: #dc3545; color: #fff } .jodit-ui-button_variant_danger svg { fill: #fff; stroke: #fff } .jodit-ui-button_variant_danger [disabled] { opacity: .7 } .jodit-ui-button_variant_danger:hover:not([disabled]) { background-color: #c82333; color: #fff } .jodit-ui-button_variant_danger:hover:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button_variant_danger:active:not([disabled]) { background-color: #bd2130; color: #fff } .jodit-ui-button_variant_danger:active:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-ui-button_variant_danger:focus:not([disabled]) { outline: 1px dashed #bd2130 } :root { --jd-popup-box-shadow: 0 4px 1px -2px rgba(76,76,76,.2),0 3px 3px 0 rgba(76,76,76,.15),0 1px 4px 0 rgba(76,76,76,.13) } .jodit-popup { background: 0 0; border: 0; box-shadow: var(--jd-popup-box-shadow); display: inline-block; float: none; height: auto; margin: 0; max-width: none; outline: 0; padding: 0; position: static; position: fixed; transform: translateZ(0); width: auto; z-index: var(--jd-z-index-popup) } .jodit-popup__content { background: var(--jd-color-background-default); font-family: var(--jd-font-default); font-size: var(--jd-font-size-default); max-height: 300px; overflow: auto; padding: var(--jd-padding-default); overflow-scrolling: touch } .jodit-popup_padding_false .jodit-popup__content { padding: 0 } .jodit-popup_max-height_false .jodit-popup__content { max-height: fit-content } .jodit-context-menu { background: 0 0; border: 0; box-shadow: var(--jd-popup-box-shadow); display: inline-block; float: none; height: auto; margin: 0; max-width: none; outline: 0; padding: 0; position: static; position: fixed; transform: translateZ(0); width: auto; z-index: var(--jd-z-index-popup); z-index: var(--jd-z-index-context-menu) } .jodit-context-menu, .jodit-context-menu__content { font-family: var(--jd-font-default); font-size: var(--jd-font-size-default) } .jodit-context-menu__content { background: var(--jd-color-background-default); max-height: 300px; overflow: auto; padding: var(--jd-padding-default); overflow-scrolling: touch } .jodit-context-menu_padding_false .jodit-context-menu__content { padding: 0 } .jodit-context-menu_max-height_false .jodit-context-menu__content { max-height: fit-content } .jodit-context-menu .jodit-ui-button { display: flex } .jodit-context-menu button { width: 100% } .jodit-context-menu_theme_dark { background-color: var(--jd-dark-background-color) } .jodit-ui-button-group { margin-bottom: var(--jd-padding-default) } .jodit-ui-button-group__label { color: var(--jd-color-label); display: block; font-size: .8em; margin-bottom: calc(var(--jd-padding-default)/4) } .jodit-ui-button-group__options { display: flex; justify-content: flex-start } .jodit-ui-button-group .jodit-ui-button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .jodit-ui-button-group .jodit-ui-button + .jodit-ui-button { border-bottom-left-radius: 0; border-left: 1px solid var(--jd-color-button-background-hover-opacity40); border-top-left-radius: 0 } .jodit-ui-button-group .jodit-ui-button[aria-pressed=true]:not([disabled]) { background-color: var(--jd-color-button-background-hover); border-left: 0; box-shadow: inset 0 0 3px 0 var(--jd-color-dark); color: var(--jd-color-dark); outline: 0 } .jodit-ui-button-group .jodit-ui-button[aria-pressed=true]:not([disabled]) + .jodit-ui-button { border: 0 } :root { --jd-tooltip-color: #fff; --jd-tooltip-background-color: rgba(0,0,0,.7); --jd-tooltip-sfx-shadow: rgba(0,0,0,.15); --jd-tooltip-border-width: 0; --jd-tooltip-border-color: #e5e5e5 } .jodit-ui-tooltip { animation-fill-mode: forwards; animation-timing-function: ease-out; background-clip: padding-box; background-color: var(--jd-tooltip-background-color); border-radius: 4px; box-shadow: 0 0 0 var(--jd-tooltip-border-width) var(--jd-tooltip-border-color),0 8px 20px var(--jd-tooltip-border-width) var(--jd-tooltip-sfx-shadow); color: var(--jd-tooltip-color); font-family: var(--jd-font-default); font-size: var(--jd-font-size-small); line-height: 1.4; max-width: 120px; opacity: 0; outline: none; position: fixed; text-rendering: optimizelegibility; transform: translate(-50%,calc(var(--jd-padding-default)/2)); transition: opacity .2s ease 0s; user-select: none; white-space: normal; width: auto; z-index: var(--jd-z-index-tooltip) } @media (max-width:768px) { .jodit-ui-tooltip { display: none } } .jodit-ui-tooltip__content { padding: calc(var(--jd-padding-default)/2) calc(var(--jd-padding-default)*1.5) } .jodit-ui-tooltip.jodit-ui-tooltip_visible_true { opacity: 1 } .jodit-ui-block { align-items: center; display: flex; justify-content: stretch; margin-bottom: var(--jd-padding-default) } .jodit-ui-block_width_full { width: 100% } .jodit-ui-block_align_full { justify-content: space-between } .jodit-ui-block_align_right { justify-content: flex-end } .jodit-ui-block_padding_true { padding: var(--jd-padding-default) } .jodit-ui-label { color: var(--jd-color-label); display: block; font-size: .8em; margin-bottom: calc(var(--jd-padding-default)/4) } .jodit-ui-input { display: flex; flex-direction: column; margin-bottom: var(--jd-padding-default) } .jodit-ui-input__input { 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: 1.2; outline: none; padding: 0 var(--jd-padding-default); width: 100% } .jodit-ui-input__input[disabled] { background-color: #f0f0f0; color: var(--jd-color-border) } .jodit-ui-input__input_has-error_true { border-color: var(--jd-color-red) } .jodit-ui-input__input:focus { outline: 0 } .jodit-ui-input_theme_dark .jodit-ui-input__input { background-color: var(--jd-color-gray) } .jodit-ui-input_has-error_true .jodit-ui-input__input { border-color: var(--jd-color-red) } .jodit-ui-input__error, .jodit-ui-input__label { color: var(--jd-color-label); display: block; font-size: .8em; margin-bottom: calc(var(--jd-padding-default)/4) } .jodit-ui-input__error, .jodit-ui-input_has-error_true .jodit-ui-input__label { color: var(--jd-color-error) } .jodit-ui-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-ui-input__wrapper { min-width: 140px } } .jodit-ui-input_theme_dark .jodit-ui-input__wrapper { background-color: var(--jd-color-gray); border-color: var(--jd-color-border) } .jodit-ui-input_focused_true .jodit-ui-input__wrapper { border-color: var(--jd-color-border-selected) } .jodit-ui-input__icon:not(:empty) { align-items: center; display: flex; padding: 0 var(--jd-padding-default) } .jodit-ui-input__icon:not(:empty) svg { height: 16px; width: 16px; fill: var(--jd-color-border) } .jodit-ui-input__icon:not(:empty) + .jodit-ui-input__input { padding-left: 0 } .jodit-ui-input__clear { align-items: center; display: flex; opacity: .8; padding: 0 var(--jd-padding-default) 0 0 } .jodit-ui-input__clear:active { opacity: 1; transform: scale(1.1) } .jodit-ui-input__clear svg { height: 12px; width: 12px; fill: var(--jd-color-border) } .jodit-ui-input_theme_dark .jodit-ui-input__clear svg, .jodit-ui-input_theme_dark .jodit-ui-input__icon svg { fill: var(--jd-color-dark) } .jodit-ui-block .jodit-ui-input { margin-bottom: 0 } .jodit-ui-select { display: flex; flex-direction: column; margin-bottom: var(--jd-padding-default) } .jodit-ui-select__input { 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: 1.2; outline: none; padding: 0 var(--jd-padding-default); width: 100% } .jodit-ui-select__input[disabled] { background-color: #f0f0f0; color: var(--jd-color-border) } .jodit-ui-select__input_has-error_true { border-color: var(--jd-color-red) } .jodit-ui-select__input:focus { outline: 0 } .jodit-ui-select_theme_dark .jodit-ui-select__input { background-color: var(--jd-color-gray) } .jodit-ui-select_has-error_true .jodit-ui-select__input { border-color: var(--jd-color-red) } .jodit-ui-select__error, .jodit-ui-select__label { color: var(--jd-color-label); display: block; font-size: .8em; margin-bottom: calc(var(--jd-padding-default)/4) } .jodit-ui-select__error, .jodit-ui-select_has-error_true .jodit-ui-select__label { color: var(--jd-color-error) } .jodit-ui-select__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-ui-select__wrapper { min-width: 140px } } .jodit-ui-select_theme_dark .jodit-ui-select__wrapper { background-color: var(--jd-color-gray); border-color: var(--jd-color-border) } .jodit-ui-select_focused_true .jodit-ui-select__wrapper { border-color: var(--jd-color-border-selected) } .jodit-ui-select__icon:not(:empty) { align-items: center; display: flex; padding: 0 var(--jd-padding-default) } .jodit-ui-select__icon:not(:empty) svg { height: 16px; width: 16px; fill: var(--jd-color-border) } .jodit-ui-select__icon:not(:empty) + .jodit-ui-select__input { padding-left: 0 } .jodit-ui-select__clear { align-items: center; display: flex; opacity: .8; padding: 0 var(--jd-padding-default) 0 0 } .jodit-ui-select__clear:active { opacity: 1; transform: scale(1.1) } .jodit-ui-select__clear svg { height: 12px; width: 12px; fill: var(--jd-color-border) } .jodit-ui-select_theme_dark .jodit-ui-select__clear svg, .jodit-ui-select_theme_dark .jodit-ui-select__icon svg { fill: var(--jd-color-dark) } .jodit-ui-select__input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NH08L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMCAwaDQuOTV2MTBIMHoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJtMS40MSA0LjY3IDEuMDctMS40OSAxLjA2IDEuNDl6TTMuNTQgNS4zMyAyLjQ4IDYuODIgMS40MSA1LjMzeiIgY2xhc3M9ImNscy0yIi8+PC9zdmc+); background-position: 98% 50%; background-repeat: no-repeat; padding-right: calc(var(--jd-padding-default)*2) } .jodit-ui-select_size_tiny { margin-bottom: 0 } .jodit-ui-select_size_tiny .jodit-ui-select__input { --jd-height: calc(var(--jd-input-height)/1.8); height: var(--jd-height); line-height: var(--jd-height) } .jodit-ui-select_variant_outline .jodit-ui-select__wrapper { border: 0 } .jodit-ui-select_variant_outline .jodit-ui-select__wrapper select { outline: 0 } .jodit-ui-select_width_auto { width: auto } .jodit-ui-select_width_auto .jodit-ui-select__wrapper { min-width: auto } .jodit-ui-text-area { display: flex; flex-direction: column; margin-bottom: var(--jd-padding-default); width: 100% } .jodit-ui-text-area__input { 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: 1.2; outline: none; padding: 0 var(--jd-padding-default); width: 100% } .jodit-ui-text-area__input[disabled] { background-color: #f0f0f0; color: var(--jd-color-border) } .jodit-ui-text-area__input_has-error_true { border-color: var(--jd-color-red) } .jodit-ui-text-area__input:focus { outline: 0 } .jodit-ui-text-area_theme_dark .jodit-ui-text-area__input { background-color: var(--jd-color-gray) } .jodit-ui-text-area_has-error_true .jodit-ui-text-area__input { border-color: var(--jd-color-red) } .jodit-ui-text-area__error, .jodit-ui-text-area__label { color: var(--jd-color-label); display: block; font-size: .8em; margin-bottom: calc(var(--jd-padding-default)/4) } .jodit-ui-text-area__error, .jodit-ui-text-area_has-error_true .jodit-ui-text-area__label { color: var(--jd-color-error) } .jodit-ui-text-area__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-ui-text-area__wrapper { min-width: 140px } } .jodit-ui-text-area_theme_dark .jodit-ui-text-area__wrapper { background-color: var(--jd-color-gray); border-color: var(--jd-color-border) } .jodit-ui-text-area_focused_true .jodit-ui-text-area__wrapper { border-color: var(--jd-color-border-selected) } .jodit-ui-text-area__icon:not(:empty) { align-items: center; display: flex; padding: 0 var(--jd-padding-default) } .jodit-ui-text-area__icon:not(:empty) svg { height: 16px; width: 16px; fill: var(--jd-color-border) } .jodit-ui-text-area__icon:not(:empty) + .jodit-ui-text-area__input { padding-left: 0 } .jodit-ui-text-area__clear { align-items: center; display: flex; opacity: .8; padding: 0 var(--jd-padding-default) 0 0 } .jodit-ui-text-area__clear:active { opacity: 1; transform: scale(1.1) } .jodit-ui-text-area__clear svg { height: 12px; width: 12px; fill: var(--jd-color-border) } .jodit-ui-text-area_theme_dark .jodit-ui-text-area__clear svg, .jodit-ui-text-area_theme_dark .jodit-ui-text-area__icon svg { fill: var(--jd-color-dark) } .jodit-ui-text-area__wrapper { flex: 1 } .jodit-ui-text-area__input { height: 100%; min-height: 60px; padding: var(--jd-padding-default) } .jodit-ui-checkbox { align-items: center; display: flex; flex-direction: row-reverse; justify-content: flex-end; margin-bottom: var(--jd-padding-default) } .jodit-ui-checkbox__input { margin-right: var(--jd-padding-default) } .jodit-ui-checkbox_switch_true .jodit-ui-checkbox__wrapper { display: inline-block; height: 34px; margin-right: var(--jd-padding-default); position: relative; width: 60px } .jodit-ui-checkbox_switch_true .jodit-ui-checkbox__wrapper input { height: 0; opacity: 0; width: 0 } .jodit-ui-checkbox_switch_true .jodit-ui-checkbox__switch-slider { background-color: #ccc; border-radius: 34px; cursor: pointer; inset: 0; position: absolute; transition: .4s } .jodit-ui-checkbox_switch_true .jodit-ui-checkbox__switch-slider:before { background-color: #fff; border-radius: 50%; bottom: 4px; content: ""; height: 26px; left: 4px; position: absolute; transition: .4s; width: 26px } .jodit-ui-checkbox_switch_true.jodit-ui-checkbox_checked_true .jodit-ui-checkbox__switch-slider { background-color: #2196f3 } .jodit-ui-checkbox_switch_true.jodit-ui-checkbox_checked_true .jodit-ui-checkbox__switch-slider:before { transform: translateX(26px) } .jodit-ui-checkbox_switch_true.jodit-ui-checkbox_focused_true .jodit-ui-checkbox__switch-slider { box-shadow: 0 0 1px #2196f3 } .jodit-ui-block .jodit-ui-checkbox { margin-bottom: 0 } .jodit-ui-file-input { overflow: hidden; position: relative } .jodit-ui-file-input__input { bottom: 0; cursor: pointer; font-size: 400px; margin: 0 calc(var(--jd-padding-default)*-1) 0 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0 } @keyframes a { 30% { opacity: .6 } 60% { opacity: 0 } to { opacity: .6 } } .jodit-progress-bar { border-radius: 1px; height: 2px; left: 0; opacity: .7; position: absolute; top: 0; z-index: 2147483647 } .jodit-progress-bar div { background: var(--jd-color-background-progress); height: 2px; position: relative; transition: width .5s ease-out,opacity .5s linear; will-change: width,opacity } .jodit-progress-bar div:after, .jodit-progress-bar div:before { animation: a 2s ease-out 0s infinite; border-radius: 100%; box-shadow: var(--jd-color-background-progress) 1px 0 6px 1px; content: ""; display: inline-block; height: 2px; opacity: .6; position: absolute; top: 0 } .jodit-progress-bar div:before { right: -80px; width: 180px; clip: rect(-6px,90px,14px,-6px) } .jodit-progress-bar div:after { right: 0; width: 20px; clip: rect(-6px,22px,14px,var(--jd-padding-default)) } :root { --jd-em-color-border: #b6d4fe; --jd-em-color-bg: #cfe2ff; --jd-em-color-color: #084298; --jd-em-border-radius: 0.375rem; --jd-em-padding: 0.5rem 1rem; --jd-em-font-size: 1rem } .jodit-ui-messages { bottom: 0; height: 0; overflow: visible; position: absolute; right: 0; width: 0; z-index: 3 } .jodit-ui-message { background: var(--jd-em-color-bg); border: 1px solid var(--jd-em-color-border); border-radius: var(--jd-em-border-radius); bottom: 0; color: var(--jd-em-color-color); cursor: pointer; display: block; font-size: var(--jd-em-font-size); opacity: 0; padding: var(--jd-em-padding); position: absolute; right: calc(var(--jd-padding-default)/2); transition: opacity .1s linear,bottom .3s linear,transform .1s ease-out; white-space: pre } .jodit-ui-message_active_true { opacity: 1 } .jodit-ui-message:active { transform: scale(.76) } .jodit-ui-message_variant_secondary { --jd-em-color-border: #d3d6d8; --jd-em-color-bg: #e2e3e5; --jd-em-color-color: #41464b } .jodit-ui-message_variant_danger, .jodit-ui-message_variant_error, .jodit-ui-message_variant_secondary { background: var(--jd-em-color-bg); border-color: var(--jd-em-color-border); color: var(--jd-em-color-color) } .jodit-ui-message_variant_danger, .jodit-ui-message_variant_error { --jd-em-color-border: #f5c2c7; --jd-em-color-bg: #f8d7da; --jd-em-color-color: #842029 } .jodit-ui-message_variant_success { --jd-em-color-border: #badbcc; --jd-em-color-bg: #d1e7dd; --jd-em-color-color: #0f5132; background: var(--jd-em-color-bg); border-color: var(--jd-em-color-border); color: var(--jd-em-color-color) } .jodit-toolbar-collection, .jodit-toolbar-editor-collection { display: flex; flex-direction: column } .jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_mode_horizontal { background-image: repeating-linear-gradient(transparent 0,transparent calc(var(--jd-button-size) - 1px),var(--jd-color-border) var(--jd-button-size)); position: relative } .jodit-toolbar-collection_mode_horizontal:after, .jodit-toolbar-editor-collection_mode_horizontal:after { background-color: var(--jd-color-background-default); bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100% } .jodit-toolbar-collection_size_tiny, .jodit-toolbar-editor-collection_size_tiny { --jd-button-icon-size: 8px } .jodit-toolbar-collection_size_tiny.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_tiny.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_tiny.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_tiny.jodit-toolbar-editor-collection_mode_horizontal { background-image: repeating-linear-gradient(transparent 0,transparent 19px,var(--jd-color-border) 20px) } .jodit-toolbar-collection_size_xsmall, .jodit-toolbar-editor-collection_size_xsmall { --jd-button-icon-size: 10px } .jodit-toolbar-collection_size_xsmall.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_xsmall.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_xsmall.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_xsmall.jodit-toolbar-editor-collection_mode_horizontal { background-image: repeating-linear-gradient(transparent 0,transparent 25px,var(--jd-color-border) 26px) } .jodit-toolbar-collection_size_small, .jodit-toolbar-editor-collection_size_small { --jd-button-icon-size: 12px } .jodit-toolbar-collection_size_small.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_small.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_small.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_small.jodit-toolbar-editor-collection_mode_horizontal { background-image: repeating-linear-gradient(transparent 0,transparent 31px,var(--jd-color-border) 32px) } .jodit-toolbar-collection_size_middle, .jodit-toolbar-editor-collection_size_middle { --jd-button-icon-size: 14px } .jodit-toolbar-collection_size_middle.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal { background-image: repeating-linear-gradient(transparent 0,transparent 37px,var(--jd-color-border) 38px) } .jodit-toolbar-collection_size_large, .jodit-toolbar-editor-collection_size_large { --jd-button-icon-size: 16px } .jodit-toolbar-collection_size_large.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_large.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_large.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_large.jodit-toolbar-editor-collection_mode_horizontal { background-image: repeating-linear-gradient(transparent 0,transparent 43px,var(--jd-color-border) 44px) } .jodit-toolbar-collection_mode_vertical .jodit-ui-group, .jodit-toolbar-editor-collection_mode_vertical .jodit-ui-group { background-color: transparent; border: 0; flex-direction: column } .jodit-toolbar-collection_mode_vertical .jodit-toolbar-button, .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button { height: auto; min-height: var(--jd-button-size) } .jodit-toolbar-collection_mode_vertical .jodit-toolbar-button__button, .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button { cursor: pointer; height: auto; min-height: var(--jd-button-size); width: 100% } .jodit-toolbar-collection_mode_vertical .jodit-toolbar-button__text:not(:empty), .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__text:not(:empty) { justify-content: left } .jodit-toolbar-collection .jodit-toolbar-button, .jodit-toolbar-collection .jodit-toolbar-content, .jodit-toolbar-collection .jodit-toolbar-select, .jodit-toolbar-editor-collection .jodit-toolbar-button, .jodit-toolbar-editor-collection .jodit-toolbar-content, .jodit-toolbar-editor-collection .jodit-toolbar-select { margin: var(--jd-margin-v) 1px; padding: 0 } .jodit-dialog .jodit-toolbar-collection_mode_horizontal, .jodit-dialog .jodit-toolbar-editor-collection_mode_horizontal { background-image: none } :root { --jd-button-trigger-size: 14px } .jodit-toolbar-button { align-items: center; border: 1px solid transparent; border-radius: var(--jd-border-radius-default); display: flex; height: 34px; justify-content: center; min-width: 34px; overflow: hidden } .jodit-toolbar-button__icon { display: none } .jodit-toolbar-button__icon:not(:empty) { display: inline-flex } .jodit-toolbar-button__text { display: none } .jodit-toolbar-button__text:not(:empty) { display: inline-flex; flex-grow: 1; font-family: var(--jd-font-default); font-size: var(--jd-font-size-default); justify-content: center } .jodit-toolbar-button_context_menu .jodit-toolbar-button__text { justify-content: left; padding-left: var(--jd-padding-default); position: relative } .jodit-toolbar-button_context_menu .jodit-toolbar-button__text:before { border-left: 1px solid var(--jd-color-border); content: ""; height: 35px; left: 0; position: absolute; top: calc(var(--jd-padding-default)*-1) } .jodit-toolbar-button__icon:not(:empty) + .jodit-toolbar-button__text:not(:empty) { margin-left: var(--jd-padding-default) } .jodit-toolbar-button__icon:empty + .jodit-toolbar-button__text:not(:empty) { padding: 0 var(--jd-padding-default); padding: 0 } .jodit-toolbar-button .jodit-icon { height: 14px; width: 14px } .jodit-toolbar-button button { appearance: none; height: 34px; min-width: 34px; padding: 0 } .jodit-toolbar-button_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-button_size_tiny { height: 16px; min-width: 16px } .jodit-toolbar-button_size_tiny .jodit-icon { height: 8px; width: 8px } .jodit-toolbar-button_size_tiny button { appearance: none; height: 16px; min-width: 16px; padding: 0 } .jodit-toolbar-button_size_tiny_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-button_size_xsmall { height: 22px; min-width: 22px } .jodit-toolbar-button_size_xsmall .jodit-icon { height: 10px; width: 10px } .jodit-toolbar-button_size_xsmall button { appearance: none; height: 22px; min-width: 22px; padding: 0 } .jodit-toolbar-button_size_xsmall_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-button_size_small { height: 28px; min-width: 28px } .jodit-toolbar-button_size_small .jodit-icon { height: 12px; width: 12px } .jodit-toolbar-button_size_small button { appearance: none; height: 28px; min-width: 28px; padding: 0 } .jodit-toolbar-button_size_small_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-button_size_large { height: 40px; min-width: 40px } .jodit-toolbar-button_size_large .jodit-icon { height: 16px; width: 16px } .jodit-toolbar-button_size_large button { appearance: none; height: 40px; min-width: 40px; padding: 0 } .jodit-toolbar-button_size_large_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-button__button { align-items: center; appearance: none; background: 0 0; border: 0; border-radius: var(--jd-border-radius-default); box-shadow: none; box-sizing: border-box; color: var(--jd-color-text-icons); cursor: pointer; display: inline-flex; font-style: normal; justify-content: center; outline: 0; padding: 0; padding: 0 var(--jd-padding-default); position: relative; text-align: center; text-decoration: none; text-transform: none; user-select: none } .jodit-toolbar-button__button:focus-visible:not([disabled]), .jodit-toolbar-button__button:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover); opacity: 1; outline: 0 } .jodit-toolbar-button__button:active:not([disabled]), .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity40); outline: 0 } .jodit-toolbar-button__button[aria-pressed=true]:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity60) } .jodit-toolbar-button__button[disabled] { opacity: .3; pointer-events: none } .jodit-toolbar-button__trigger { align-items: center; border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0; cursor: pointer; display: flex; height: 100%; justify-content: center; opacity: .4; --jd-button-trigger-size: 14px; width: calc(var(--jd-button-trigger-size, 14px) + 2px) } .jodit-toolbar-button__trigger:focus-visible:not([disabled]), .jodit-toolbar-button__trigger:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover); opacity: 1; outline: 0 } .jodit-toolbar-button__trigger:active:not([disabled]), .jodit-toolbar-button__trigger[aria-pressed=true]:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity40); outline: 0 } .jodit-toolbar-button__trigger[aria-pressed=true]:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity60) } .jodit-toolbar-button__trigger[disabled] { opacity: .3; pointer-events: none } .jodit-toolbar-button__trigger svg { width: calc(var(--jd-button-trigger-size, 14px) - 4px) } .jodit-toolbar-button_size_tiny .jodit-toolbar-button__trigger { --jd-button-trigger-size: 8px; width: calc(var(--jd-button-trigger-size, 8px) + 2px) } .jodit-toolbar-button_size_tiny .jodit-toolbar-button__trigger svg { width: calc(var(--jd-button-trigger-size, 8px) - 4px) } .jodit-toolbar-button_size_xsmall .jodit-toolbar-button__trigger { --jd-button-trigger-size: 10px; width: calc(var(--jd-button-trigger-size, 10px) + 2px) } .jodit-toolbar-button_size_xsmall .jodit-toolbar-button__trigger svg { width: calc(var(--jd-button-trigger-size, 10px) - 4px) } .jodit-toolbar-button_size_small .jodit-toolbar-button__trigger { --jd-button-trigger-size: 12px; width: calc(var(--jd-button-trigger-size, 12px) + 2px) } .jodit-toolbar-button_size_small .jodit-toolbar-button__trigger svg { width: calc(var(--jd-button-trigger-size, 12px) - 4px) } .jodit-toolbar-button_size_large .jodit-toolbar-button__trigger { --jd-button-trigger-size: 16px; width: calc(var(--jd-button-trigger-size, 16px) + 2px) } .jodit-toolbar-button_size_large .jodit-toolbar-button__trigger svg { width: calc(var(--jd-button-trigger-size, 16px) - 4px) } .jodit-toolbar-button_with-trigger_true .jodit-toolbar-button__button { border-radius: var(--jd-border-radius-default) 0 0 var(--jd-border-radius-default) } .jodit-toolbar-button_with-trigger_true:hover:not([disabled]) { border-color: var(--jd-color-border) } .jodit-toolbar-button_stroke_false svg { stroke: none } .jodit-toolbar-content { align-items: center; appearance: none; background: 0 0; border: 1px solid transparent; border-radius: var(--jd-border-radius-default); box-shadow: none; box-sizing: border-box; color: var(--jd-color-text-icons); cursor: pointer; display: inline-flex; font-style: normal; height: 34px; justify-content: center; min-width: 34px; outline: 0; padding: 0; position: relative; text-align: center; text-decoration: none; text-transform: none; user-select: none } .jodit-toolbar-content:focus-visible:not([disabled]), .jodit-toolbar-content:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover); opacity: 1; outline: 0 } .jodit-toolbar-content:active:not([disabled]), .jodit-toolbar-content[aria-pressed=true]:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity40); outline: 0 } .jodit-toolbar-content[aria-pressed=true]:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity60) } .jodit-toolbar-content[disabled] { opacity: .3; pointer-events: none } .jodit-toolbar-content .jodit-icon { height: 14px; width: 14px } .jodit-toolbar-content button { appearance: none; height: 34px; min-width: 34px; padding: 0 } .jodit-toolbar-content_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-content_size_tiny { height: 16px; min-width: 16px } .jodit-toolbar-content_size_tiny .jodit-icon { height: 8px; width: 8px } .jodit-toolbar-content_size_tiny button { appearance: none; height: 16px; min-width: 16px; padding: 0 } .jodit-toolbar-content_size_tiny_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-content_size_xsmall { height: 22px; min-width: 22px } .jodit-toolbar-content_size_xsmall .jodit-icon { height: 10px; width: 10px } .jodit-toolbar-content_size_xsmall button { appearance: none; height: 22px; min-width: 22px; padding: 0 } .jodit-toolbar-content_size_xsmall_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-content_size_small { height: 28px; min-width: 28px } .jodit-toolbar-content_size_small .jodit-icon { height: 12px; width: 12px } .jodit-toolbar-content_size_small button { appearance: none; height: 28px; min-width: 28px; padding: 0 } .jodit-toolbar-content_size_small_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-content_size_large { height: 40px; min-width: 40px } .jodit-toolbar-content_size_large .jodit-icon { height: 16px; width: 16px } .jodit-toolbar-content_size_large button { appearance: none; height: 40px; min-width: 40px; padding: 0 } .jodit-toolbar-content_size_large_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-content__icon { display: none } .jodit-toolbar-content__icon:not(:empty) { display: inline-flex } .jodit-toolbar-content__text { display: none } .jodit-toolbar-content__text:not(:empty) { display: inline-flex; flex-grow: 1; font-family: var(--jd-font-default); font-size: var(--jd-font-size-default); justify-content: center } .jodit-toolbar-content_context_menu .jodit-toolbar-content__text { justify-content: left; padding-left: var(--jd-padding-default); position: relative } .jodit-toolbar-content_context_menu .jodit-toolbar-content__text:before { border-left: 1px solid var(--jd-color-border); content: ""; height: 35px; left: 0; position: absolute; top: calc(var(--jd-padding-default)*-1) } .jodit-toolbar-content__icon:not(:empty) + .jodit-toolbar-content__text:not(:empty) { margin-left: var(--jd-padding-default) } .jodit-toolbar-content__icon:empty + .jodit-toolbar-content__text:not(:empty) { padding: 0 var(--jd-padding-default) } .jodit-toolbar-content:focus:not([disabled]) { outline: 1px dashed var(--jd-color-background-selection) } .jodit-toolbar-content_variant_outline { border: 1px solid var(--jd-color-border) } .jodit-toolbar-content_variant_default { background-color: #e3e3e3; color: #212529 } .jodit-toolbar-content_variant_default svg { fill: #212529; stroke: #212529 } .jodit-toolbar-content_variant_default [disabled] { opacity: .7 } .jodit-toolbar-content_variant_default:hover:not([disabled]) { background-color: #c9cdd1; color: #212529 } .jodit-toolbar-content_variant_default:hover:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-toolbar-content_variant_default:active:not([disabled]) { background-color: #dae0e5; color: #212529 } .jodit-toolbar-content_variant_default:active:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-toolbar-content_variant_default:focus:not([disabled]) { outline: 1px dashed #dae0e5 } .jodit-toolbar-content_variant_primary { background-color: #007bff; color: #fff } .jodit-toolbar-content_variant_primary svg { fill: #fff; stroke: #fff } .jodit-toolbar-content_variant_primary [disabled] { opacity: .7 } .jodit-toolbar-content_variant_primary:hover:not([disabled]) { background-color: #0069d9; color: #fff } .jodit-toolbar-content_variant_primary:hover:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-toolbar-content_variant_primary:active:not([disabled]) { background-color: #0062cc; color: #fff } .jodit-toolbar-content_variant_primary:active:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-toolbar-content_variant_primary:focus:not([disabled]) { outline: 1px dashed #0062cc } .jodit-toolbar-content_variant_secondary { background-color: #d8d8d8; border-radius: 0; color: #212529 } .jodit-toolbar-content_variant_secondary svg { fill: #212529; stroke: #212529 } .jodit-toolbar-content_variant_secondary [disabled] { opacity: .7 } .jodit-toolbar-content_variant_secondary:hover:not([disabled]) { background-color: #c9cdd1; color: #212529 } .jodit-toolbar-content_variant_secondary:hover:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-toolbar-content_variant_secondary:active:not([disabled]) { background-color: #dae0e5; color: #212529 } .jodit-toolbar-content_variant_secondary:active:not([disabled]) svg { fill: #212529; stroke: #212529 } .jodit-toolbar-content_variant_secondary:focus:not([disabled]) { outline: 1px dashed #dae0e5 } .jodit-toolbar-content_variant_success { background-color: #28a745; color: #fff } .jodit-toolbar-content_variant_success svg { fill: #fff; stroke: #fff } .jodit-toolbar-content_variant_success [disabled] { opacity: .7 } .jodit-toolbar-content_variant_success:hover:not([disabled]) { background-color: #218838; color: #fff } .jodit-toolbar-content_variant_success:hover:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-toolbar-content_variant_success:active:not([disabled]) { background-color: #1e7e34; color: #fff } .jodit-toolbar-content_variant_success:active:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-toolbar-content_variant_success:focus:not([disabled]) { outline: 1px dashed #1e7e34 } .jodit-toolbar-content_variant_danger { background-color: #dc3545; color: #fff } .jodit-toolbar-content_variant_danger svg { fill: #fff; stroke: #fff } .jodit-toolbar-content_variant_danger [disabled] { opacity: .7 } .jodit-toolbar-content_variant_danger:hover:not([disabled]) { background-color: #c82333; color: #fff } .jodit-toolbar-content_variant_danger:hover:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-toolbar-content_variant_danger:active:not([disabled]) { background-color: #bd2130; color: #fff } .jodit-toolbar-content_variant_danger:active:not([disabled]) svg { fill: #fff; stroke: #fff } .jodit-toolbar-content_variant_danger:focus:not([disabled]) { outline: 1px dashed #bd2130 } .jodit-toolbar-content:hover:not([disabled]) { background-color: transparent; opacity: 1; outline: 0 } .jodit-toolbar-select { --jd-color-button-background-hover-opacity40: hsla(0,0%,86%,.2); --jd-color-button-background-hover-opacity60: hsla(0,0%,86%,.1); align-items: center; border: 1px solid transparent; border-radius: var(--jd-border-radius-default); cursor: pointer; display: flex; height: 34px; justify-content: center; justify-content: space-between; min-width: 34px; min-width: 100px; overflow: hidden } .jodit-toolbar-select__icon { display: none } .jodit-toolbar-select__icon:not(:empty) { display: inline-flex } .jodit-toolbar-select__text { display: none } .jodit-toolbar-select__text:not(:empty) { display: inline-flex; flex-grow: 1; font-family: var(--jd-font-default); font-size: var(--jd-font-size-default); justify-content: center } .jodit-toolbar-select_context_menu .jodit-toolbar-select__text { justify-content: left; padding-left: var(--jd-padding-default); position: relative } .jodit-toolbar-select_context_menu .jodit-toolbar-select__text:before { border-left: 1px solid var(--jd-color-border); content: ""; height: 35px; left: 0; position: absolute; top: calc(var(--jd-padding-default)*-1) } .jodit-toolbar-select__icon:not(:empty) + .jodit-toolbar-select__text:not(:empty) { margin-left: var(--jd-padding-default) } .jodit-toolbar-select__icon:empty + .jodit-toolbar-select__text:not(:empty) { padding: 0 var(--jd-padding-default); padding: 0 } .jodit-toolbar-select .jodit-icon { height: 14px; width: 14px } .jodit-toolbar-select button { appearance: none; height: 34px; min-width: 34px; padding: 0 } .jodit-toolbar-select_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-select_size_tiny { height: 16px; min-width: 16px } .jodit-toolbar-select_size_tiny .jodit-icon { height: 8px; width: 8px } .jodit-toolbar-select_size_tiny button { appearance: none; height: 16px; min-width: 16px; padding: 0 } .jodit-toolbar-select_size_tiny_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-select_size_xsmall { height: 22px; min-width: 22px } .jodit-toolbar-select_size_xsmall .jodit-icon { height: 10px; width: 10px } .jodit-toolbar-select_size_xsmall button { appearance: none; height: 22px; min-width: 22px; padding: 0 } .jodit-toolbar-select_size_xsmall_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-select_size_small { height: 28px; min-width: 28px } .jodit-toolbar-select_size_small .jodit-icon { height: 12px; width: 12px } .jodit-toolbar-select_size_small button { appearance: none; height: 28px; min-width: 28px; padding: 0 } .jodit-toolbar-select_size_small_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-select_size_large { height: 40px; min-width: 40px } .jodit-toolbar-select_size_large .jodit-icon { height: 16px; width: 16px } .jodit-toolbar-select_size_large button { appearance: none; height: 40px; min-width: 40px; padding: 0 } .jodit-toolbar-select_size_large_text-icons_true button { padding: 0 var(--jd-padding-default) } .jodit-toolbar-select__button { align-items: center; appearance: none; background: 0 0; border: 0; border-radius: var(--jd-border-radius-default); box-shadow: none; box-sizing: border-box; color: var(--jd-color-text-icons); cursor: pointer; display: inline-flex; font-style: normal; justify-content: center; outline: 0; padding: 0; padding: 0 var(--jd-padding-default); position: relative; text-align: center; text-decoration: none; text-transform: none; user-select: none } .jodit-toolbar-select__button:focus-visible:not([disabled]), .jodit-toolbar-select__button:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover); opacity: 1; outline: 0 } .jodit-toolbar-select__button:active:not([disabled]), .jodit-toolbar-select__button[aria-pressed=true]:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity40); outline: 0 } .jodit-toolbar-select__button[aria-pressed=true]:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity60) } .jodit-toolbar-select__button[disabled] { opacity: .3; pointer-events: none } .jodit-toolbar-select__trigger { align-items: center; border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0; cursor: pointer; display: flex; height: 100%; justify-content: center; opacity: .4; --jd-button-trigger-size: 14px; width: calc(var(--jd-button-trigger-size, 14px) + 2px) } .jodit-toolbar-select__trigger:focus-visible:not([disabled]), .jodit-toolbar-select__trigger:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover); opacity: 1; outline: 0 } .jodit-toolbar-select__trigger:active:not([disabled]), .jodit-toolbar-select__trigger[aria-pressed=true]:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity40); outline: 0 } .jodit-toolbar-select__trigger[aria-pressed=true]:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity60) } .jodit-toolbar-select__trigger[disabled] { opacity: .3; pointer-events: none } .jodit-toolbar-select__trigger svg { width: calc(var(--jd-button-trigger-size, 14px) - 4px) } .jodit-toolbar-select_size_tiny .jodit-toolbar-select__trigger { --jd-button-trigger-size: 8px; width: calc(var(--jd-button-trigger-size, 8px) + 2px) } .jodit-toolbar-select_size_tiny .jodit-toolbar-select__trigger svg { width: calc(var(--jd-button-trigger-size, 8px) - 4px) } .jodit-toolbar-select_size_xsmall .jodit-toolbar-select__trigger { --jd-button-trigger-size: 10px; width: calc(var(--jd-button-trigger-size, 10px) + 2px) } .jodit-toolbar-select_size_xsmall .jodit-toolbar-select__trigger svg { width: calc(var(--jd-button-trigger-size, 10px) - 4px) } .jodit-toolbar-select_size_small .jodit-toolbar-select__trigger { --jd-button-trigger-size: 12px; width: calc(var(--jd-button-trigger-size, 12px) + 2px) } .jodit-toolbar-select_size_small .jodit-toolbar-select__trigger svg { width: calc(var(--jd-button-trigger-size, 12px) - 4px) } .jodit-toolbar-select_size_large .jodit-toolbar-select__trigger { --jd-button-trigger-size: 16px; width: calc(var(--jd-button-trigger-size, 16px) + 2px) } .jodit-toolbar-select_size_large .jodit-toolbar-select__trigger svg { width: calc(var(--jd-button-trigger-size, 16px) - 4px) } .jodit-toolbar-select_with-trigger_true .jodit-toolbar-button__button { border-radius: var(--jd-border-radius-default) 0 0 var(--jd-border-radius-default) } .jodit-toolbar-select_with-trigger_true:hover:not([disabled]) { border-color: var(--jd-color-border) } .jodit-toolbar-select_stroke_false svg { stroke: none } .jodit-toolbar-select:focus-visible:not([disabled]), .jodit-toolbar-select:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover); opacity: 1; outline: 0 } .jodit-toolbar-select:active:not([disabled]), .jodit-toolbar-select[aria-pressed=true]:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity40); outline: 0 } .jodit-toolbar-select[aria-pressed=true]:hover:not([disabled]) { background-color: var(--jd-color-button-background-hover-opacity60) } .jodit-toolbar-select[disabled] { opacity: .3; pointer-events: none } .jodit-toolbar-select__text:not(:empty) { justify-content: left } .jodit-toolbar-select__button { flex: 1 } .jodit-toolbar__box:not(:empty) { --jd-color-background-default: var(--jd-color-panel); background-color: var(--jd-color-background-default); border-bottom: 1px solid var(--jd-color-border); border-radius: var(--jd-border-radius-default) var(--jd-border-radius-default) 0 0; overflow: hidden } .jodit-toolbar__box:not(:empty) .jodit-toolbar-editor-collection:after { background-color: var(--jd-color-panel) } .jodit-dialog { border: 0; box-sizing: border-box; display: none; font-family: var(--jd-font-default); font-size: var(--jd-font-size-default); height: 0; position: absolute; width: 0; will-change: left,top,width,height } .jodit-dialog_moved_true { user-select: none } .jodit-dialog * { box-sizing: border-box } .jodit-dialog .jodit_elfinder, .jodit-dialog .jodit_elfinder * { box-sizing: initial } .jodit-dialog__overlay { background-color: rgba(0,0,0,.5); display: none; height: 100%; left: 0; overflow: auto; position: fixed; text-align: center; top: 0; white-space: nowrap; width: 100%; z-index: var(--jd-z-index-dialog-overlay) } .jodit-dialog_static_true .jodit-dialog__overlay { display: none } .jodit-dialog_active_true, .jodit-dialog_modal_true .jodit-dialog__overlay { display: block } .jodit-dialog__panel { background-color: #fff; display: flex; flex-flow: column nowrap; left: 0; max-height: 100%; max-width: 100%; min-height: 100px; min-width: 200px; position: fixed; top: 0; z-index: var(--jd-z-index-dialog); --jd-box-shadow-blur: calc(var(--jd-padding-default)*2); --jd-box-shadow-1: 0 var(--jd-padding-default) var(--jd-box-shadow-blur) rgba(0,0,0,.19); box-shadow: var(--jd-box-shadow-1),0 6px 6px rgba(0,0,0,.23); text-align: left; white-space: normal } @media (max-width:480px) { .jodit-dialog:not(.jodit-dialog_adaptive_false) .jodit-dialog__panel { height: 100% !important; left: 0 !important; max-width: 100%; top: 0 !important; width: 100% !important } } .jodit-dialog_static_true { box-sizing: border-box; display: block; height: auto; position: relative; width: auto; z-index: inherit } .jodit-dialog_static_true .jodit-dialog__panel { border: 1px solid var(--jd-color-border); box-shadow: none; left: auto !important; position: relative; top: auto !important; width: 100% !important; z-index: inherit } .jodit-dialog_theme_dark, .jodit-dialog_theme_dark .jodit-dialog__panel { background-color: var(--jd-dark-background-darknes); color: var(--jd-dark-text-color) } .jodit-dialog__header { border-bottom: 1px solid var(--jd-color-border); cursor: move; display: flex; justify-content: space-between; min-height: 50px; text-align: left } .jodit-dialog__header-title, .jodit-dialog__header-toolbar { align-items: center; display: flex; flex-shrink: 3; font-size: 18px; font-weight: 400; line-height: 48px; margin: 0; padding: 0 var(--jd-padding-default); vertical-align: top } @media (max-width:480px) { .jodit-dialog__header-toolbar { padding-left: 0 } } .jodit-dialog__header-button { color: #222; flex-basis: 48px; font-size: 28px; height: 48px; line-height: 48px; text-align: center; text-decoration: none; transition: background-color .2s ease 0s } .jodit-dialog__header-button:hover { background-color: var(--jd-color-background-button-hover) } .jodit-dialog__header .jodit_toolbar { background: transparent; border: 0; box-shadow: none } .jodit-dialog__header .jodit_toolbar > li.jodit-toolbar-button .jodit-input { padding-left: var(--jd-padding-default); width: auto } @media (max-width:480px) { .jodit-dialog:not(.jodit-dialog_adaptive_false) .jodit-dialog__header { flex-direction: column } } .jodit-dialog_slim_true .jodit-dialog__header { min-height: 10px } .jodit-dialog_slim_true .jodit-dialog__header-title, .jodit-dialog_slim_true .jodit-dialog__header-toolbar { padding: 0 calc(var(--jd-padding-default)/4) } .jodit-dialog_theme_dark .jodit-dialog__header { border-color: var(--jd-color-dark) } .jodit-dialog_fullsize_true .jodit-dialog__header { cursor: default } .jodit-dialog__content { flex: 1; min-height: 100px; overflow: auto } .jodit-dialog__content .jodit-form__group { margin-bottom: calc(var(--jd-padding-default)*1.5); padding: 0 var(--jd-padding-default) } .jodit-dialog__content .jodit-form__group:first-child { margin-top: var(--jd-padding-default) } .jodit-dialog__content .jodit-form__group .jodit-input_group { border-collapse: separate; display: table; width: 100% } .jodit-dialog__content .jodit-form__group .jodit-input_group > * { display: table-cell; height: 34px; vertical-align: middle } .jodit-dialog__content .jodit-form__group .jodit-input_group > input { margin: 0 !important } .jodit-dialog__content .jodit-form__group .jodit-input_group > input:not([class*=col-]) { width: 100% } .jodit-dialog__content .jodit-form__group .jodit-input_group-buttons { font-size: 0; vertical-align: middle; white-space: nowrap; width: 1% } .jodit-dialog__content .jodit-form__group .jodit-input_group-buttons > .jodit-button { border: 1px solid var(--jd-color-border); border-radius: 0; height: 34px; line-height: 34px; margin-left: -1px } .jodit-dialog__footer { display: none; flex-wrap: nowrap; justify-content: space-between; padding: var(--jd-padding-default) } .jodit-dialog__footer button { margin-right: calc(var(--jd-padding-default)/2) } .jodit-dialog__footer button:last-child { margin-right: 0 } .jodit-dialog__column { display: flex } .jodit-dialog__resizer { display: none; position: relative } .jodit-dialog__resizer svg { bottom: 0; cursor: nwse-resize; height: 12px; overflow: hidden; position: absolute; right: 0; width: 12px; fill: var(--jd-color-gray-dark); user-select: none } .jodit-dialog_resizable_true .jodit-dialog__resizer { display: block } @media (max-width:480px) { .jodit-dialog__resizer { display: none } } .jodit-dialog_prompt { max-width: 300px; min-width: 200px; padding: var(--jd-padding-default); word-break: break-all } .jodit-dialog_prompt label { display: block; margin-bottom: calc(var(--jd-padding-default)/2) } .jodit-dialog_alert { max-width: 300px; min-width: 200px; padding: var(--jd-padding-default); word-break: break-all } .jodit-dialog_footer_true .jodit-dialog__footer { display: flex } .jodit_fullsize .jodit-dialog__panel { height: 100% !important; inset: 0 !important; width: 100% !important } .jodit_fullsize .jodit-dialog__panel .jodit-dialog__resizer { display: none } .jodit-dialog .jodit-ui-messages { z-index: var(--jd-z-index-dialog) } :root { --jd-image-editor-resizer-border-color: #05ff00; --jd-image-editor-resizer-target-size: padding-default; --jd-image-editor-resizer-target-border-color: #383838; --jd-image-editor-resizer-target-bg-color: #8c7878 } .jodit-image-editor { height: 100%; overflow: hidden; padding: var(--jd-padding-default); width: 100% } @media (max-width:768px) { .jodit-image-editor { height: auto } } .jodit-image-editor > div, .jodit-image-editor > div > div { height: 100% } @media (max-width:768px) { .jodit-image-editor > div, .jodit-image-editor > div > div { height: auto; min-height: 200px } } .jodit-image-editor * { box-sizing: border-box } .jodit-image-editor .jodit-image-editor__slider-title { background-color: #f9f9f9; border-bottom: 1px solid hsla(0,0%,62%,.31); color: #333; cursor: pointer; font-weight: 700; line-height: 1em; padding: .8em 1em; text-overflow: ellipsis; text-shadow: #f3f3f3 0 1px 0; user-select: none; white-space: nowrap } .jodit-image-editor .jodit-image-editor__slider-title svg { display: inline-block; margin-right: var(--jd-padding-default); vertical-align: middle; width: 16px } .jodit-image-editor .jodit-image-editor__slider-content { display: none } .jodit-image-editor .jodit-image-editor__slider.jodit-image-editor_active .jodit-image-editor__slider-title { background-color: #5d5d5d; color: #fff; text-shadow: #000 0 1px 0 } .jodit-image-editor .jodit-image-editor__slider.jodit-image-editor_active .jodit-image-editor__slider-title svg { fill: #fff } .jodit-image-editor .jodit-image-editor__slider.jodit-image-editor_active .jodit-image-editor__slider-content { display: block } .jodit-image-editor__area { background-color: #eee; background-image: linear-gradient(45deg,var(--jd-color-border) 25%,transparent 25%,transparent 75%,var(--jd-color-border) 75%,var(--jd-color-border)),linear-gradient(45deg,var(--jd-color-border) 25%,transparent 25%,transparent 75%,var(--jd-color-border) 75%,var(--jd-color-border)); background-position: 0 0,15px 15px; background-size: 30px 30px; display: none; height: 100%; overflow: hidden; position: relative; user-select: none; width: 100% } .jodit-image-editor__area.jodit-image-editor_active { display: block } .jodit-image-editor__area .jodit-image-editor__box { height: 100%; overflow: hidden; pointer-events: none; position: relative; z-index: 1 } .jodit-image-editor__area .jodit-image-editor__box img { max-height: 100%; max-width: 100%; user-select: none } .jodit-image-editor__area .jodit-image-editor__croper, .jodit-image-editor__area .jodit-image-editor__resizer { background-repeat: no-repeat; border: 1px solid #fff; box-shadow: 0 0 11px #000; height: 100px; left: 20px; pointer-events: none; position: absolute; top: var(--jd-padding-default); width: 100px; z-index: 2 } .jodit-image-editor__area .jodit-image-editor__croper i.jodit_bottomright, .jodit-image-editor__area .jodit-image-editor__resizer i.jodit_bottomright { background-color: var(--jd-image-editor-resizer-target-bg-color); border: 1px solid var(--jd-image-editor-resizer-target-border-color); border-radius: 50%; bottom: calc(var(--jd-padding-default)*-1); box-shadow: 0 0 11px #000; cursor: se-resize; display: inline-block; height: 20px; pointer-events: all; position: absolute; right: calc(var(--jd-padding-default)*-1); width: 20px; z-index: 4 } .jodit-image-editor__area .jodit-image-editor__croper i.jodit_bottomright:active, .jodit-image-editor__area .jodit-image-editor__resizer i.jodit_bottomright:active { border: 1px solid #ff0 } .jodit-image-editor__area.jodit-image-editor__area_crop { background: #eee; height: 100%; line-height: 100%; position: relative; text-align: center } .jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box { height: 100%; line-height: 100%; overflow: visible; pointer-events: all; text-align: left } .jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box img { height: 100%; max-height: 100%; max-width: 100%; width: 100% } .jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box:after { background: hsla(0,0%,100%,.3); content: ""; inset: 0; margin: auto; position: absolute; z-index: 1 } .jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box .jodit-image-editor__croper { cursor: move; pointer-events: all } .jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box .jodit-image-editor__croper i.jodit-image-editor__sizes { background: rgba(0,0,0,.2); border-radius: .4em; bottom: -30px; color: #fff; display: block; font-size: 12px; left: 100%; padding: 9px 6px; position: absolute; text-align: center; text-shadow: none; white-space: pre } .jodit-image-editor__area.jodit-image-editor__area_crop.jodit-image-editor_active { align-items: center; display: flex; justify-content: center } .jodit-file-browser-files { display: none; height: 100%; overflow-anchor: auto; position: relative; vertical-align: top } .jodit-file-browser-files .jodit-button { border-radius: 0 } .jodit-file-browser-files_loading_true:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .jodit-file-browser-files_loading_true:after { animation: b 2s ease-out 0s infinite; background: url(data:image/png;base64,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) no-repeat 50%; background-size: 100% 100%; content: ""; display: inline-block; height: var(--jd-icon-loader-size); left: 50%; margin-left: calc(var(--jd-icon-loader-size)/-2); margin-top: calc(var(--jd-icon-loader-size)/-2); opacity: .7; position: absolute; top: 50%; vertical-align: middle; width: var(--jd-icon-loader-size); will-change: transform } .jodit-file-browser-files::-webkit-scrollbar { width: calc(var(--jd-padding-default)/2) } .jodit-file-browser-files::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,.3) } .jodit-file-browser-files::-webkit-scrollbar-thumb { background-color: #a9a9a9; outline: 1px solid #708090 } .jodit-file-browser-files_active_true { align-content: flex-start; display: flex; flex-wrap: wrap; overflow-y: auto; padding: calc(var(--jd-padding-default)/2); width: 100% } .jodit-file-browser-files__item { align-items: center; border: 1px solid var(--jd-color-border); display: flex; font-size: 0; height: var(--jd-col-size); justify-content: center; margin: calc(var(--jd-padding-default)/2); overflow: hidden; position: relative; text-align: center; transition: border .1s linear,bottom .1s linear; width: var(--jd-col-size) } @media (max-width:480px) { .jodit-file-browser-files__item { width: calc(50% - var(--jd-padding-default)) } } .jodit-file-browser-files__item img { max-width: 100% } .jodit-file-browser-files__item:hover { border-color: #433b5c } .jodit-file-browser-files__item_active_true { background-color: var(--jd-color-border-active); border-color: var(--jd-color-border-selected) } .jodit-file-browser-files__item_active_true .jodit-file-browser-files__item-info { background-color: var(--jd-color-border-active); color: #fff; text-shadow: none } .jodit-file-browser-files__item-info { background-color: var(--jd-info-background); bottom: 0; color: #333; font-size: 14px; left: 0; line-height: 16px; opacity: .85; overflow: visible; padding: .3em .6em; position: absolute; right: 0; text-align: left; text-shadow: #eee 0 1px 0; transition: opacity .4s ease; white-space: normal } .jodit-file-browser-files__item-info > span { display: block; font-size: .75em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .jodit-file-browser-files__item-info > span.jodit-file-browser-files__item-info-filename { font-size: .9em; font-weight: 700 } .jodit-file-browser-files__item:hover:not(.jodit-file-browser-files__item_active_true) .jodit-file-browser-files__item-info { bottom: -100px } .jodit-file-browser-files_view_list { scroll-behavior: smooth } .jodit-file-browser-files_view_list a { border-width: 0 0 1px; display: block; height: 26px; line-height: 26px; margin: 0; text-align: left; white-space: nowrap; width: 100% } .jodit-file-browser-files_view_list a img { display: inline-block; margin-left: 4px; max-width: 16px; min-width: 16px; vertical-align: middle } .jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info { background-color: transparent; display: inline-block; font-size: 0; height: 100%; line-height: inherit; margin-left: 4px; padding: 0; position: static; vertical-align: middle; width: calc(100% - 20px) } .jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info > span { display: inline-block; font-size: 12px; height: 100% } .jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info-filename { width: 50% } .jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info-filechanged, .jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info-filesize { width: 25% } .jodit-file-browser-files_view_list a:hover { background-color: #433b5c } .jodit-file-browser-files_view_list a:hover .jodit-file-browser-files__item-info { color: #fff; text-shadow: none } .jodit-file-browser-files_view_list a:before { content: ""; display: inline-block; height: 100%; vertical-align: middle } :root { --jd-color-folder-title: #b1b1b1 } .jodit-file-browser-tree { --jd-color-background-filebrowser-folders: #3f3f3f; display: none; height: 100%; overflow-anchor: auto; position: relative; vertical-align: top } .jodit-file-browser-tree .jodit-button { border-radius: 0 } .jodit-file-browser-tree_loading_true:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .jodit-file-browser-tree_loading_true:after { animation: b 2s ease-out 0s infinite; background: url(data:image/png;base64,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) no-repeat 50%; background-size: 100% 100%; content: ""; display: inline-block; height: var(--jd-icon-loader-size); left: 50%; margin-left: calc(var(--jd-icon-loader-size)/-2); margin-top: calc(var(--jd-icon-loader-size)/-2); opacity: .7; position: absolute; top: 50%; vertical-align: middle; width: var(--jd-icon-loader-size); will-change: transform } .jodit-file-browser-tree::-webkit-scrollbar { width: calc(var(--jd-padding-default)/2) } .jodit-file-browser-tree::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,.3) } .jodit-file-browser-tree::-webkit-scrollbar-thumb { background-color: #a9a9a9; outline: 1px solid #708090 } .jodit-file-browser-tree_active_true { background-color: var(--jd-color-background-filebrowser-folders); display: flex; flex-direction: column; max-width: 290px; min-width: 200px; overflow-y: auto; width: var(--jd-first-column); z-index: 2 } @media (max-width:480px) { .jodit-file-browser-tree_active_true { height: 100px; max-width: 100%; width: auto } } .jodit-file-browser-tree_active_true::-webkit-scrollbar { width: calc(var(--jd-padding-default)/2) } .jodit-file-browser-tree_active_true::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,.3) } .jodit-file-browser-tree_active_true::-webkit-scrollbar-thumb { background-color: hsla(0,0%,50%,.5); outline: 1px solid #708090 } .jodit-file-browser-tree__item { align-items: center; border-bottom: 1px solid #474747; color: var(--jd-color-folder-title); display: flex; justify-content: space-between; min-height: 38px; padding: calc(var(--jd-padding-default)/2) var(--jd-padding-default); position: relative; text-decoration: none; transition: background-color .2s ease 0s; word-break: break-all } .jodit-file-browser-tree__item-title { color: var(--jd-color-folder-title); flex: 1 } .jodit-file-browser-tree__item .jodit-icon_folder { align-items: center; display: flex; height: calc(var(--jd-icon-size) + 4px); justify-content: center; margin-left: calc(var(--jd-padding-default)/2); opacity: .3; width: calc(var(--jd-icon-size) + 4px) } .jodit-file-browser-tree__item .jodit-icon_folder svg { height: var(--jd-icon-size); width: var(--jd-icon-size); fill: var(--jd-color-folder-title) !important; stroke: var(--jd-color-folder-title) !important } .jodit-file-browser-tree__item .jodit-icon_folder:hover { background: #696969 } .jodit-file-browser-tree__item:hover { background-color: var(--jd-color-background-button-hover) } .jodit-file-browser-tree__item:hover-title { color: var(--jd-color-text) } .jodit-file-browser-tree__item:hover i.jodit-icon_folder { opacity: .6 } .jodit-file-browser-tree__source-title { background: #5a5a5a; border-bottom: 1px solid #484848; color: #969696; display: block; font-size: 12px; padding: 2px 4px; position: relative; user-select: none; word-break: break-all } a + .jodit-file-browser-tree__source-title { margin-top: var(--jd-padding-default) } :root { --jd-first-column: 31%; --jd-cols: 4; --jd-info-background: #e9e9e9; --jd-icon-size: 12px; --jd-col-size: 150px } .jodit-file-browser { display: flex; font-family: var(--jd-font-default); height: 100% } .jodit-file-browser_no-files_true { padding: var(--jd-padding-default) } @media (max-width:480px) { .jodit-file-browser { flex-flow: column-reverse } } .jodit-dialog .jodit-dialog__header-title.jodit-file-browser__title-box { align-items: center; display: flex; padding-left: var(--jd-padding-default) } .jodit-file-browser-preview { align-items: center; display: flex; height: 100%; justify-content: center; margin: auto; max-height: 100%; max-width: min(100%,1000px); min-height: min(100%,500px); min-width: 400px; position: relative; text-align: center } @media (max-width:768px) { .jodit-file-browser-preview { height: 100%; max-height: 100%; max-width: 100%; min-height: auto; min-width: auto } } .jodit-file-browser-preview__box { align-items: center; display: flex; flex-grow: 1; justify-content: center } .jodit-file-browser-preview__navigation { cursor: pointer; height: 100%; left: 0; position: absolute; top: 0 } .jodit-file-browser-preview__navigation_arrow_next { left: auto; right: 0 } .jodit-file-browser-preview__navigation svg { height: 45px; position: relative; top: 50%; width: 45px; fill: #9e9ba7; transform: translateY(-50%); transition: fill .3s linear } .jodit-file-browser-preview__navigation:hover svg { fill: #000 } .jodit-file-browser-preview img { max-height: 100%; max-width: 100% } .jodit-status-bar { align-items: center; background-color: var(--jd-color-panel); border-radius: 0 0 var(--jd-border-radius-default) var(--jd-border-radius-default); color: var(--jd-color-text-icons); display: flex; font-size: var(--jd-font-size-small); height: 20px; justify-content: flex-start; overflow: hidden; padding: 0 calc(var(--jd-padding-default)/2); text-transform: uppercase } .jodit-status-bar_resize-handle_true { padding-right: 14px } .jodit-status-bar:before { content: ""; flex: auto; order: 1 } .jodit-status-bar .jodit-status-bar__item { line-height: 1.5714em; margin: 0 var(--jd-padding-default) 0 0; order: 0; padding: 0 } .jodit-status-bar .jodit-status-bar__item, .jodit-status-bar .jodit-status-bar__item > span { font-family: var(--jd-font-default); font-size: var(--jd-font-size-default); font-size: var(--jd-font-size-small) } .jodit-status-bar .jodit-status-bar__item.jodit-status-bar__item-right { margin: 0 0 0 var(--jd-padding-default); order: 2 } .jodit-status-bar .jodit-status-bar__item a { border-radius: 3px; cursor: default; text-decoration: none } .jodit-status-bar .jodit-status-bar__item a:hover { background-color: var(--jd-color-background-gray); text-decoration: none } .jodit-status-bar a.jodit-status-bar-link { cursor: pointer } .jodit-status-bar a.jodit-status-bar-link, .jodit-status-bar a.jodit-status-bar-link:hover, .jodit-status-bar a.jodit-status-bar-link:visited { background-color: transparent; color: var(--jd-color-text-icons) } .jodit-status-bar a.jodit-status-bar-link:hover { text-decoration: underline } .jodit-workplace + .jodit-status-bar:not(:empty) { border-top: 1px solid var(--jd-color-border) } .jodit_disabled .jodit-status-bar { opacity: .4 } .jodit-drag-and-drop__file-box, .jodit_uploadfile_button { border: 1px dashed var(--jd-color-gray); margin: var(--jd-padding-default) 0; overflow: hidden; padding: 25px 0; position: relative; text-align: center; width: 100% } .jodit-drag-and-drop__file-box:hover, .jodit_uploadfile_button:hover { background-color: var(--jd-color-background-button-hover) } .jodit-drag-and-drop__file-box input, .jodit_uploadfile_button input { cursor: pointer; font-size: 400px; inset: 0; margin: 0; opacity: 0; padding: 0; position: absolute } @media (max-width:768px) { .jodit-drag-and-drop__file-box { max-width: 100%; min-width: var(--jd-width-input-min); width: auto } } :root { --jd-anl-color-new-line: var(--jd-color-border); --jd-anl-handle-size: 20px; --jd-anl-handle-offset: calc(100% - var(--jd-anl-handle-size)) } .jodit-add-new-line { display: block; height: 1px; outline: none; position: fixed; top: 0; z-index: 1 } .jodit-add-new-line, .jodit-add-new-line * { box-sizing: border-box } .jodit-add-new-line:after { background-color: var(--jd-anl-color-new-line); content: ""; display: block; height: 1px; width: 100% } .jodit-add-new-line span { align-items: center; background: var(--jd-color-background-button-hover-opacity30); border: 1px solid var(--jd-anl-color-new-line); cursor: pointer; display: flex; height: var(--jd-anl-handle-size); justify-content: center; left: var(--jd-anl-handle-offset); position: absolute; top: 0; transform: translateY(-50%); width: var(--jd-anl-handle-size) } .jodit-add-new-line span:hover { background: var(--jd-color-background-button-hover) } .jodit-add-new-line svg { width: calc(var(--jd-anl-handle-size)/2); fill: var(--jd-anl-color-new-line) } .jodit-source__mode .jodit-add-new-line { display: none !important } :root { --jd-color-picker-cell-size: 24px } .jodit-color-picker { margin: 0; text-align: left; user-select: none } .jodit-color-picker__group { display: flex; flex-wrap: wrap; margin-bottom: calc(var(--jd-padding-default)/2); max-width: calc(var(--jd-color-picker-cell-size)*10); white-space: normal } .jodit-color-picker__color-item { border: 1px solid transparent; display: block; height: var(--jd-color-picker-cell-size); text-align: center; text-decoration: none; vertical-align: middle; width: var(--jd-color-picker-cell-size) } .jodit-color-picker__color-item:hover { border-color: #000 } .jodit-color-picker__color-item:active, .jodit-color-picker__color-item_active_true { border: 2px solid var(--jd-color-border-selected) } .jodit-color-picker__native svg { display: inline-block; height: 16px; margin-right: 4px; width: 16px } .jodit-color-picker__native input { appearance: none; border: none; height: 18px; padding: 0; width: 18px } .jodit-color-picker__native input[type=color]::-webkit-color-swatch-wrapper { padding: 0 } .jodit-color-picker__native input input[type=color]::-webkit-color-swatch { border: none } .jodit-tabs { font-family: var(--jd-font-default); font-size: var(--jd-font-size-default) } .jodit-tabs .jodit-tabs__buttons { display: flex; justify-content: center; margin-bottom: var(--jd-padding-default); margin-top: calc(var(--jd-padding-default)/2) } .jodit-tabs .jodit-tabs__buttons > * { cursor: pointer; margin-left: calc(var(--jd-padding-default)/2) } .jodit-tabs .jodit-tabs__buttons > :only-of-type { width: 100% } .jodit-tabs .jodit-tabs__buttons > :first-child { margin-left: 0 } @media (max-width:480px) { .jodit-tabs .jodit-tabs__buttons { display: block } .jodit-tabs .jodit-tabs__buttons > * { margin-left: 0; width: 100% } } .jodit-tabs__button { min-width: 80px } .jodit-tabs__button_columns_3 { width: 33.33333% } .jodit-tabs__button_columns_2 { width: 50% } .jodit-tabs .jodit-tabs__wrapper .jodit-tab { display: none } .jodit-tabs .jodit-tabs__wrapper .jodit-tab.jodit-tab_active { display: block } .jodit-tabs .jodit-tabs__wrapper .jodit-tab.jodit-tab_empty { min-height: 100px; min-width: 220px } .jodit_fullsize-box_true { overflow: visible !important; position: static !important; z-index: var(--jd-z-index-full-size) !important } body.jodit_fullsize-box_true, html.jodit_fullsize-box_true { height: 0 !important; overflow: hidden !important; width: 0 !important } html.jodit_fullsize-box_true { position: fixed !important } .jodit_fullsize { inset: 0; max-width: none !important; position: absolute; z-index: var(--jd-z-index-full-size) } .jodit_fullsize .toolbar { width: 100% !important } .jodit_fullsize .jodit__area, .jodit_fullsize .jodit_editor { height: 100% } .jodit-ui-image-position-tab__lockMargin > svg, .jodit-ui-image-position-tab__lockSize > svg, .jodit-ui-image-properties-form__lockMargin > svg, .jodit-ui-image-properties-form__lockSize > svg { display: inline-block; height: var(--jd-icon-middle-size); overflow: hidden; width: var(--jd-icon-middle-size); fill: var(--jd-color-dark); line-height: var(--jd-icon-middle-size); transform-origin: 0 0 !important; vertical-align: middle } .jodit-ui-image-position-tab__view-box, .jodit-ui-image-properties-form__view-box { padding: var(--jd-padding-default) } .jodit-ui-image-position-tab__imageView, .jodit-ui-image-properties-form__imageView { align-items: center; background-color: var(--jd-color-background-light-gray); display: flex; height: var(--jd-width-default); justify-content: center; margin: 0 0 var(--jd-padding-default); padding: 0 } .jodit-ui-image-position-tab__imageView img, .jodit-ui-image-properties-form__imageView img { max-height: 100%; max-width: 100% } .jodit-ui-image-position-tab__imageSizes.jodit-form__group, .jodit-ui-image-properties-form__imageSizes.jodit-form__group { align-items: center; flex-direction: row; margin: 0; min-width: auto; padding: 0 } .jodit-ui-image-position-tab__imageSizes.jodit-form__group a, .jodit-ui-image-properties-form__imageSizes.jodit-form__group a { cursor: pointer; display: inline-block } .jodit-ui-image-position-tab .jodit-form__group, .jodit-ui-image-properties-form .jodit-form__group { padding: 0 } .jodit-ui-image-position-tab__tabsBox, .jodit-ui-image-properties-form__tabsBox { padding: 0 var(--jd-padding-default) } .jodit-ui-image-properties-form_lock_true:before { background-color: var(--jd-color-button-background-hover-opacity60); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3 } .jodit-ui-image-properties-form_lock_true:after { animation: b 2s ease-out 0s infinite; background: url(data:image/png;base64,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) no-repeat 50%; background-size: 100% 100%; background-size: var(--jd-icon-loader-size); content: ""; display: inline-block; height: var(--jd-icon-loader-size); left: 50%; margin-left: -10px; margin-top: -10px; position: absolute; top: 50%; vertical-align: middle; width: var(--jd-icon-loader-size); will-change: transform } .jodit-popup-inline__container { min-width: 700px; z-index: 1300 } .jodit-paste-storage { max-width: 600px; padding: var(--jd-padding-default) } @media (max-width:768px) { .jodit-paste-storage { max-width: 100% } } .jodit-paste-storage > div { border: 1px solid var(--jd-color-border); max-height: 300px; max-width: 100% } .jodit-paste-storage > div:first-child { margin-bottom: var(--jd-padding-default) } .jodit-paste-storage > div:first-child a { border: 1px solid transparent; box-sizing: border-box; color: var(--jd-color-default); display: block; margin: 0; max-width: 100%; outline: none; overflow: hidden; padding: calc(var(--jd-padding-default)/2); text-decoration: none; text-overflow: ellipsis; white-space: pre } .jodit-paste-storage > div:first-child a.jodit_active { background-color: var(--jd-dark-background-color); color: var(--jd-color-white) } .jodit-paste-storage > div:first-child a:focus { outline: none } .jodit-paste-storage > div:last-child { overflow: auto; padding: var(--jd-padding-default) } .jodit-paste-storage > div:last-child li, .jodit-paste-storage > div:last-child ul { margin: 0 } .jodit-placeholder { color: var(--jd-color-placeholder); display: block; left: 0; padding: var(--jd-padding-default); pointer-events: none; position: absolute; top: 0; user-select: none !important; width: 100%; z-index: 1 } .jodit__preview-box table { border: none; border-collapse: collapse; empty-cells: show; margin-bottom: 1em; margin-top: 1em; max-width: 100% } .jodit__preview-box table tr { user-select: none } .jodit__preview-box table tr td, .jodit__preview-box table tr th { border: 1px solid var(--jd-color-border); min-width: 2em; padding: .4em; user-select: text; vertical-align: middle } .jodit-table-resizer { cursor: col-resize; margin-left: calc(var(--jd-padding-default)/-2); padding-left: calc(var(--jd-padding-default)/2); padding-right: calc(var(--jd-padding-default)/2); position: absolute; z-index: 3 } .jodit-table-resizer:after { border: 0; content: ""; display: block; height: 100%; width: 0 } .jodit-table-resizer_moved { background-color: var(--jd-color-background-selection); z-index: 2 } .jodit-table-resizer_moved:after { border-right: 1px solid moved } [data-jodit_iframe_wrapper] { display: block; position: relative; user-select: none } [data-jodit_iframe_wrapper] iframe { position: relative } [data-jodit_iframe_wrapper]:after { background: transparent; content: ""; cursor: pointer; display: block; inset: 0; position: absolute; z-index: 1 } [data-jodit_iframe_wrapper][data-jodit-wrapper_active=true] iframe { z-index: 2 } .jodit_lock [data-jodit-wrapper_active=true] iframe { z-index: 1 } :root { --jd-viewer-width: 70px; --jd-viewer-height: 24px; --jd-resizer-handle-size: 10px; --jd-resizer-border-color: #98c1f1; --jd-resizer-handle-color: #5ba4f3; --jd-resizer-handle-hover-color: #537ebb } .jodit-resizer { font-size: 0; height: 100px; left: 0; outline: 3px solid var(--jd-resizer-border-color); pointer-events: none; position: absolute; top: 0; width: 100px } .jodit-resizer, .jodit-resizer * { box-sizing: border-box } .jodit-resizer > span { background-color: var(--jd-color-placeholder); color: var(--jd-color-white); display: inline-block; font-size: 12px; height: var(--jd-viewer-height); left: 50%; line-height: var(--jd-viewer-height); margin-left: calc(var(--jd-viewer-width)/-2); margin-top: calc(var(--jd-viewer-height)/-2); opacity: 0; overflow: visible; position: absolute; text-align: center; top: 50%; transition: opacity .2s linear; width: var(--jd-viewer-width) } .jodit-resizer > div { background-color: var(--jd-resizer-handle-color); display: inline-block; height: var(--jd-resizer-handle-size); pointer-events: all; position: absolute; width: var(--jd-resizer-handle-size); z-index: 4 } .jodit-resizer > div:hover { background-color: var(--jd-resizer-handle-hover-color) } .jodit-resizer > div:first-child { cursor: nwse-resize; left: calc(var(--jd-resizer-handle-size)/-2); top: calc(var(--jd-resizer-handle-size)/-2) } .jodit-resizer > div:nth-child(2) { cursor: nesw-resize; right: calc(var(--jd-resizer-handle-size)/-2); top: calc(var(--jd-resizer-handle-size)/-2) } .jodit-resizer > div:nth-child(3) { bottom: calc(var(--jd-resizer-handle-size)/-2); cursor: nwse-resize; right: calc(var(--jd-resizer-handle-size)/-2) } .jodit-resizer > div:nth-child(4) { bottom: calc(var(--jd-resizer-handle-size)/-2); cursor: nesw-resize; left: calc(var(--jd-resizer-handle-size)/-2) } @media (max-width:768px) { .jodit-resizer > div :root { --jd-resizer-handle-size: calc(var(--jd-resizer-handle-size)*2) } } :root { --jd-height-search: 30px; --jd-width-search: 320px; --jd-width-search-input-box: 60%; --jd-width-search-count-box: 15%; --jd-transform-button-active: 0.95; --jd-timeout-button-active: 0.1s } .jodit-ui-search { height: 0; position: absolute; right: 0; top: 0; width: 0 } .jodit-ui-search_sticky_true { position: fixed } .jodit-ui-search__box { background-color: var(--jd-color-panel); border: solid var(--jd-color-border); border-width: 0 0 1px 1px; display: flex; max-width: 100vw; padding: calc(var(--jd-padding-default)/2); position: absolute; right: 0; width: var(--jd-width-search) } .jodit-ui-search__box input { background-color: transparent; border: 0; height: 100%; margin: 0; outline: none; padding: 0 var(--jd-padding-default); width: 100% } .jodit-ui-search__box input[data-ref=replace] { display: none } .jodit-ui-search__box input:not(:focus) + input:not(:focus) { border-top: 1px solid var(--jd-color-border) } .jodit-ui-search__buttons, .jodit-ui-search__counts, .jodit-ui-search__inputs { height: var(--jd-height-search) } .jodit-ui-search__inputs { padding-right: calc(var(--jd-padding-default)/2); width: var(--jd-width-search-input-box) } .jodit-ui-search__counts { border-left: 1px solid var(--jd-color-border); color: var(--jd-color-border); width: var(--jd-width-search-count-box) } .jodit-ui-search__buttons, .jodit-ui-search__counts { align-items: center; display: flex; justify-content: center } .jodit-ui-search__buttons { flex: 1; padding-left: 0 } .jodit-ui-search__buttons button { background-color: transparent; border: 1px solid transparent; height: 100%; margin-right: 1%; width: 32% } .jodit-ui-search__buttons button[data-ref=replace-btn] { border: 1px solid var(--jd-color-border); display: none; margin-top: 2px; width: 100% } .jodit-ui-search__buttons button:hover { background-color: var(--jd-color-background-button-hover) } .jodit-ui-search__buttons button:focus { border: 1px solid var(--jd-color-background-selection-opacity50) } .jodit-ui-search__buttons button:active { border: 1px solid var(--jd-color-background-selection); transform: scale(var(--jd-transform-button-active)) } .jodit-ui-search_empty-query_true [data-ref=next], .jodit-ui-search_empty-query_true [data-ref=prev] { opacity: .5 } .jodit-ui-search_replace_true .jodit-ui-search__counts, .jodit-ui-search_replace_true .jodit-ui-search__inputs { height: calc(var(--jd-height-search)*2) } .jodit-ui-search_replace_true .jodit-ui-search__counts input, .jodit-ui-search_replace_true .jodit-ui-search__inputs input { height: 50%; transition: background-color var(--jd-timeout-button-active) linear } .jodit-ui-search_replace_true .jodit-ui-search__counts input:focus, .jodit-ui-search_replace_true .jodit-ui-search__inputs input:focus { box-shadow: inset 0 0 3px 0 var(--jd-color-border) } .jodit-ui-search_replace_true .jodit-ui-search__counts input[data-ref=replace], .jodit-ui-search_replace_true .jodit-ui-search__inputs input[data-ref=replace] { display: block } .jodit-ui-search_replace_true .jodit-ui-search__buttons { flex-wrap: wrap } .jodit-ui-search_replace_true .jodit-ui-search__buttons button[data-ref=replace-btn] { display: block } ::highlight(jodit-search-result), [jd-tmp-selection] { background-color: var(--jd-color-background-selection); color: var(--jd-color-text-selection) } .jodit-container:not(.jodit_inline) { min-height: 100px } .jodit-container:not(.jodit_inline) .jodit-workplace { display: flex; flex-direction: column; height: auto; min-height: 50px; overflow: hidden } .jodit-container:not(.jodit_inline) .jodit-editor__resize { position: relative } .jodit-container:not(.jodit_inline) .jodit-editor__resize svg { bottom: 0; cursor: nwse-resize; height: 12px; overflow: hidden; position: absolute; right: 0; width: 12px; fill: var(--jd-color-gray-dark); user-select: none } .jodit-source { background-color: var(--jd-color-source-area); display: none; flex: auto; overflow: auto; position: relative } .jodit-source, .jodit-source .jodit-source__mirror-fake { min-height: 100% } .jodit-source * { font: 12px/normal Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace } .jodit-container.jodit-source__mode .jodit-wysiwyg, .jodit-container.jodit-source__mode .jodit-wysiwyg_iframe { display: none !important } .jodit-container.jodit-source__mode .jodit-source { display: block !important } .jodit-container.jodit_split_mode .jodit-workplace { flex-flow: row nowrap } .jodit-container.jodit_split_mode .jodit-source, .jodit-container.jodit_split_mode .jodit-wysiwyg, .jodit-container.jodit_split_mode .jodit-wysiwyg_iframe { display: block !important; flex: 1; width: 50% } .jodit-source__mirror { background: var(--jd-color-source-area); border: 0; box-shadow: none; box-sizing: border-box; color: #f0f0f0; height: 100%; line-height: 1.5; font: 12px/normal Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace; margin: 0; min-height: 100%; outline: none; overflow: auto; padding: var(--jd-padding-default); resize: none; tab-size: 2em; white-space: pre-wrap; width: 100%; z-index: 2 } .jodit-source__mirror::selection { background: var(--jd-color-selection-area) } .jodit_sticky-dummy_toolbar { display: none } .jodit_sticky > .jodit-toolbar__box { border-bottom: 1px solid var(--jd-color-border); left: auto; position: fixed; position: sticky; top: 0; z-index: 3 } .jodit_sticky .jodit_sticky-dummy_toolbar { display: block } .jodit-symbols { padding: var(--jd-padding-default); width: 460px } .jodit-symbols__container { display: flex } .jodit-symbols__container_table { width: 88% } .jodit-symbols__container_preview { width: 12% } .jodit-symbols__preview { border: 1px solid var(--jd-color-border); font-size: 34px; padding: 20px 0; text-align: center } .jodit-symbols__table { border: 0; border-spacing: 0; table-layout: fixed } .jodit-symbols__table td { padding: 0 } .jodit-symbols__table td a { border: 1px solid transparent; box-sizing: border-box; color: var(--jd-color-text); cursor: pointer; display: inline-block; font-size: 16px; height: calc(var(--jd-height-element-default)*1.2); line-height: calc(var(--jd-height-element-default)*1.2); text-align: center; text-decoration: none; vertical-align: top; width: calc(var(--jd-width-element-default)*1.2) } .jodit-symbols__table td a:focus, .jodit-symbols__table td a:hover { outline: 2px solid var(--jd-color-border) } .jodit-ui-ai-assistant { min-width: 460px; padding: var(--jd-padding-default); width: 100% } @media (max-width:768px) { .jodit-ui-ai-assistant { min-width: 100% } } .jodit-ui-ai-assistant__body { margin-bottom: 10px } .jodit-ui-ai-assistant__prompt-row { align-items: flex-start; display: flex; margin-bottom: 10px } .jodit-ui-ai-assistant__prompt-row-label { margin-right: 10px } .jodit-ui-ai-assistant__prompt-row-input { flex: 1; margin-right: 10px } .jodit-ui-ai-assistant__prompt-row .jodit-icon_ai_assistant { cursor: pointer; height: 22px; width: 22px } .jodit-ui-ai-assistant__prompt-row .jodit-ui-button { margin-right: 10px } .jodit-ui-ai-assistant__prompt-row .jodit-ui-button_ai_assistant { margin-right: 0; margin-top: 20px } .jodit-ui-ai-assistant__results { border-color: var(--jd-color-label); border-style: solid; border-width: 1px; height: 300px; line-height: 1.5; max-width: 460px; min-height: 300px; min-width: 100%; overflow: auto; padding: var(--jd-padding-default); position: relative } .jodit-ui-ai-assistant__results p { margin: 0 0 10px } .jodit-ui-ai-assistant__close { cursor: pointer; padding: 10px; position: absolute; right: 0; top: 0 } .jodit-ui-ai-assistant_hide_true { display: none } .jodit-ui-ai-assistant__spinner:before { animation: b .6s linear infinite; border: 1px solid #ccc; border-radius: 50%; border-top-color: #8817c3; box-sizing: border-box; content: ""; height: 30px; left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; top: 50%; width: 30px } .jodit-ui-ai-assistant__error { color: var(--jd-color-error) } /*.jodit-context table, .jodit-wysiwyg table { border: none; border-collapse: collapse; empty-cells: show; margin-bottom: 1em; margin-top: 1em; max-width: 100% } .jodit-context table tr, .jodit-wysiwyg table tr { user-select: none } .jodit-context table tr td, .jodit-context table tr th, .jodit-wysiwyg table tr td, .jodit-wysiwyg table tr th { border: 1px solid var(--jd-color-border); min-width: 2em; padding: .4em; user-select: text; vertical-align: middle }*/ .jodit-form__inserter { --jd-color-table-cell-background-hover: var(--jd-color-button-background-hover) } .jodit-form__inserter .jodit-form__table-creator-box { display: flex } @media (max-width:768px) { .jodit-form__inserter .jodit-form__table-creator-box { flex-direction: column } } .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container { font-size: 0; margin: 0; min-width: 180px; padding: 0 } .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container > div > span { border: 1px solid var(--jd-color-border); box-sizing: border-box; display: inline-block; height: var(--jd-height-element-default); margin-bottom: 2px; margin-left: 2px; vertical-align: top; width: var(--jd-width-element-default) } .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container > div > span:first-child { margin-left: 0 } .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container > div > span.jodit_hovered { background: var(--jd-color-table-cell-background-hover); border-color: var(--jd-color-table-cell-background-hover) } .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__options { font-size: var(--jd-font-size-default) } .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__options label { padding-top: 0; text-align: left } .jodit-form__inserter .jodit-form__table-creator-box .jodit-form__options label input { margin-right: var(--jd-padding-default) } .jodit-form__inserter label { font-size: 14px; margin: 0; padding: 8px; text-align: center } .jodit-xpath { align-items: center; display: flex; margin-left: calc(var(--jd-padding-default)/-2) } .jodit-xpath__item { display: flex; height: var(--jd-font-size-small); line-height: calc(var(--jd-font-size-small) - 1px) } .jodit-xpath__item a { color: var(--jd-color-default); font-size: var(--jd-font-size-small); margin-left: 2px; outline: 0; padding: 0 3px } :root { --jd-color-white: #fff; --jd-color-gray: #dadada; --jd-color-gray-dark: #a5a5a5; --jd-color-dark: #4c4c4c; --jd-color-blue: #b5d6fd; --jd-color-light-blue: rgba(181,214,253,.5); --jd-color-red: #ff3b3b; --jd-color-light-red: rgba(255,59,59,.4); --jd-color-default: var(--jd-color-dark); --jd-color-text: #222; --jd-color-label: var(--jd-color-gray-dark); --jd-color-error: var(--jd-color-red); --jd-color-border: var(--jd-color-gray); --jd-color-border-dark: var(--jd-color-dark); --jd-color-border-selected: #1e88e5; --jd-color-border-active: #b5b5b5; --jd-color-selection: var(--jd-color-dark); --jd-color-selection-area: #bdbdbd; --jd-color-separator: var(--jd-color-border); --jd-color-placeholder: var(--jd-color-gray-dark); --jd-color-panel: #f9f9f9; --jd-color-resizer: #c8c8c8; --jd-color-background-default: var(--jd-color-white); --jd-color-background-light-gray: #f5f5f6; --jd-color-background-gray: var(--jd-color-gray); --jd-color-background-gray-hover: #f8f8f8; --jd-color-background-button-hover: #ecebe9; --jd-color-background-button-hover-opacity30: hsla(40,7%,92%,.3); --jd-color-background-progress: #b91f1f; --jd-color-background-active: #2196f3; --jd-color-background-selection: #b5d6fd; --jd-color-text-selection: var(--jd-color-white); --jd-color-background-selection-opacity50: rgba(181,214,253,.995); --jd-color-source-area: #323232; --jd-color-button-background-hover: #dcdcdc; --jd-color-button-background-hover-opacity40: hsla(0,0%,86%,.4); --jd-color-button-background-hover-opacity60: hsla(0,0%,86%,.6); --jd-font-default: -apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif; --jd-font-size-default: 14px; --jd-font-size-small: 11px; --jd-color-text-icons: rgba(0,0,0,.75); --jd-color-icon: var(--jd-color-dark); --jd-padding-default: 8px; --jd-border-radius-default: 3px; --jd-icon-tiny-size: 8px; --jd-icon-xsmall-size: 10px; --jd-icon-small-size: 12px; --jd-icon-middle-size: 14px; --jd-icon-large-size: 16px; --jd-z-index-full-size: 100000; --jd-z-index-popup: 10000001; --jd-z-index-dialog-overlay: 20000003; --jd-z-index-dialog: 20000004; --jd-z-index-context-menu: 30000005; --jd-z-index-tooltip: 30000006; --jd-icon-loader-size: 48px; --jd-width-element-default: 18px; --jd-height-element-default: 18px; --jd-dark-background-color: #575757; --jd-dark-background-ligher: silver; --jd-dark-background-darknes: #353535; --jd-dark-border-color: #444; --jd-dark-text-color: #d1cccc; --jd-dark-text-color-opacity80: hsla(0,5%,81%,.8); --jd-dark-text-color-opacity50: hsla(0,5%,81%,.5); --jd-dark-icon-color: silver; --jd-dark-toolbar-color: #5f5c5c; --jd-dark-toolbar-seperator-color1: rgba(81,81,81,.41); --jd-dark-toolbar-seperator-color2: #686767; --jd-dark-toolbar-seperator-color-opacity80: hsla(0,0%,41%,.8); --jd-dark-toolbar-seperator-color3: hsla(0,0%,41%,.75); --jd-dark-color-border-selected: #152f5f; --jd-width-default: 180px; --jd-width-input-min: var(--jd-width-default); --jd-input-height: 32px; --jd-button-icon-size: 14px; --jd-margin-v: 2px; --jd-button-df-size: calc((var(--jd-button-icon-size) - 4px)*2); --jd-button-size: calc(var(--jd-button-icon-size) + var(--jd-button-df-size) + var(--jd-margin-v)*2); --jd-focus-input-box-shadow: 0 0 0 0.05rem rgba(0,123,255,.25) } .jodit-wysiwyg { outline: 0 } .jodit-wysiwyg ::selection, .jodit-wysiwyg::selection { background: #b5d6fd; color: #4c4c4c } .jodit-container:not(.jodit_inline) .jodit-wysiwyg { margin: 0; outline: 0; overflow-x: auto; padding: 8px; position: relative } .jodit-container:not(.jodit_inline) .jodit-wysiwyg img { max-width: 100%; position: relative } .jodit-container:not(.jodit_inline) .jodit-wysiwyg jodit-media { position: relative } .jodit-container:not(.jodit_inline) .jodit-wysiwyg jodit-media * { position: relative; z-index: 0 } .jodit-container:not(.jodit_inline) .jodit-wysiwyg jodit-media:before { content: ""; inset: 0; position: absolute; z-index: 1 } :root { --jd-switche-width: 60px; --jd-switche-height: 32px; --jd-switche-slider-margin: 4px; --jd-switche-slider-size: calc(var(--jd-switche-height) - var(--jd-switche-slider-margin)*2) } .jodit-form { color: var(--jd-color-default); font-family: var(--jd-font-default); font-size: var(--jd-font-size-default) } .jodit-form.jodit_error { border-color: var(--jd-color-error); box-shadow: inset 0 0 3px 0 hsla(0,0%,74%,.3) } @media (max-width:768px) { .jodit-form { min-width: 150px } } .jodit-form button { background: #d6d6d6; border: none; color: var(--jd-color-dark); cursor: pointer; font-size: 16px; height: 36px; line-height: 1; margin-bottom: var(--jd-padding-default); margin-top: var(--jd-padding-default); outline: none; padding: var(--jd-padding-default); text-decoration: none; transition: background .2s ease 0s } .jodit-form button:hover { background-color: var(--jd-color-background-button-hover); color: var(--jd-color-dark) } .jodit-form button:active { background: var(--jd-color-background-button-hover); color: var(--jd-color-dark) } .jodit-form label { align-items: center; display: flex; margin-bottom: var(--jd-padding-default); text-align: left; white-space: nowrap } .jodit-form label:last-child { margin-bottom: 0 } .jodit-form .jodit-form__center { justify-content: center } .jodit .jodit-input, .jodit .jodit-select, .jodit .jodit-textarea { appearance: none; background-color: var(--jd-color-white); border: 1px solid var(--jd-color-border); 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: 1.2; outline: none; padding: 0 var(--jd-padding-default); width: 100% } .jodit .jodit-input[disabled], .jodit .jodit-select[disabled], .jodit .jodit-textarea[disabled] { background-color: #f0f0f0; color: var(--jd-color-border) } .jodit .jodit-input_has-error_true, .jodit .jodit-select_has-error_true, .jodit .jodit-textarea_has-error_true { border-color: var(--jd-color-red) } .jodit .jodit-input:focus { border-color: #66afe9; outline: 0 } .jodit-checkbox { border: 0; cursor: pointer; height: 16px; margin: 0 calc(var(--jd-padding-default)/2) 0 0; outline: none; padding: 0; position: relative; width: 16px; z-index: 2 } .jodit-select { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 4.95 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:%23444}%3C/style%3E%3C/defs%3E%3Cpath d='M0 0h4.95v10H0z' style='fill:%23fff'/%3E%3Cpath d='m1.41 4.67 1.07-1.49 1.06 1.49zM3.54 5.33 2.48 6.82 1.41 5.33z' class='cls-2'/%3E%3C/svg%3E"); background-position: 98% 50%; background-repeat: no-repeat; padding-right: calc(var(--jd-padding-default)*2) } .jodit-textarea { height: auto } .jodit-form__group, .jodit-textarea { min-width: var(--jd-width-input-min) } .jodit-form__group { display: flex; flex-direction: column; margin-bottom: var(--jd-padding-default) } .jodit-form__group label { margin-bottom: calc(var(--jd-padding-default)/2) } .jodit-button { align-items: center; background-color: var(--jd-color-background-gray); border: 0; border-radius: .25rem; color: var(--jd-color-default); cursor: pointer; display: inline-flex; height: calc(var(--jd-padding-default)*4); justify-content: center; line-height: 1; margin: 0; padding: 0 var(--jd-padding-default); position: relative; text-decoration: none; user-select: none; width: auto } .jodit-button svg { display: inline-block; height: 24px; width: 24px } .jodit-button svg + span { margin-left: calc(var(--jd-padding-default)/2) } .jodit-button:active, .jodit-button:focus { outline: 0 } .jodit-button.disabled { opacity: .7 } .jodit-buttons { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: var(--jd-padding-default) } .jodit-button .jodit_icon, .jodit-button svg, .jodit-dialog__header .jodit_icon, .jodit-dialog__header svg { display: inline-block; height: 16px; vertical-align: middle; width: 16px } .jodit-switcher-wrapper { align-items: center; display: flex } .jodit-switcher-wrapper .jodit-switcher + span { margin-left: var(--jd-padding-default) } .jodit-switcher { display: inline-block; height: var(--jd-switche-height); position: relative; width: var(--jd-switche-width) } .jodit-switcher input { height: 0; opacity: 0; width: 0 } .jodit-switcher .jodit-switcher__slider { background-color: var(--jd-color-gray); border-radius: var(--jd-switche-height); cursor: pointer; inset: 0; position: absolute; transition: .4s } .jodit-switcher .jodit-switcher__slider:before { background-color: #fff; border-radius: 50%; bottom: var(--jd-switche-slider-margin); content: ""; height: var(--jd-switche-slider-size); left: var(--jd-switche-slider-margin); position: absolute; transition: .4s; width: var(--jd-switche-slider-size) } input:checked + .jodit-switcher__slider { background-color: var(--jd-color-background-active) } input:checked + .jodit-switcher__slider:before { transform: translateX(calc(var(--jd-switche-width) - var(--jd-switche-slider-margin)*2 - var(--jd-switche-slider-size))) } input:focus + .jodit-switcher__slider { box-shadow: 0 0 1px var(--jd-color-background-active) } .jodit-button-group { display: flex } .jodit-button-group input { display: none } .jodit-button-group button { display: flex; flex: 1; justify-content: center; text-align: center } .jodit-button-group button + button { margin-left: -1px } .jodit-button-group button:first-child, .jodit-button-group input:first-child + button { border-bottom-right-radius: 0; border-right: 0; border-top-right-radius: 0 } .jodit-button-group button:last-child, .jodit-button-group input:last-child + button { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0 } .jodit-button-group input[type=checkbox]:checked + button, .jodit-button-group input[type=checkbox]:not(:checked) + button + button { background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.05) } .jodit_text_icons .jodit_icon { font-size: var(--jd-font-size-default); width: auto } .jodit_text_icons .jodit_icon:first-letter { text-transform: uppercase } .jodit_text_icons .jodit-tabs .jodit-tabs__buttons > a { font-family: var(--jd-font-default); width: auto } .jodit_text_icons .jodit-tabs .jodit-tabs__buttons > a i { width: auto } .jodit_text_icons.jodit-dialog .jodit-button, .jodit_text_icons.jodit-dialog .jodit-dialog__header a { color: var(--jd-color-text-icons); font-family: var(--jd-font-default); padding: var(--jd-padding-default); width: auto } .jodit_text_icons.jodit-dialog .jodit-button .jodit_icon, .jodit_text_icons.jodit-dialog .jodit-dialog__header a .jodit_icon { width: auto } .jodit-grid { display: flex; width: 100% } .jodit-grid.jodit-grid_column { flex-direction: column } @media (max-width:480px) { .jodit-grid.jodit-grid_xs-column { flex-direction: column } } .jodit-grid [class*=jodit_col-] { flex: 1 1 auto } .jodit-grid .jodit_col-lg-5-5 { width: 100% } .jodit-grid .jodit_col-lg-4-5 { width: 80% } .jodit-grid .jodit_col-lg-3-5 { width: 60% } .jodit-grid .jodit_col-lg-2-5 { width: 40% } .jodit-grid .jodit_col-lg-1-5 { width: 20% } .jodit-grid .jodit_col-lg-4-4 { width: 100% } .jodit-grid .jodit_col-lg-3-4 { width: 75% } .jodit-grid .jodit_col-lg-2-4 { width: 50% } .jodit-grid .jodit_col-lg-1-4 { width: 25% } @media (max-width:992px) { .jodit-grid .jodit_col-md-5-5 { width: 100% } .jodit-grid .jodit_col-md-4-5 { width: 80% } .jodit-grid .jodit_col-md-3-5 { width: 60% } .jodit-grid .jodit_col-md-2-5 { width: 40% } .jodit-grid .jodit_col-md-1-5 { width: 20% } .jodit-grid .jodit_col-md-4-4 { width: 100% } .jodit-grid .jodit_col-md-3-4 { width: 75% } .jodit-grid .jodit_col-md-2-4 { width: 50% } .jodit-grid .jodit_col-md-1-4 { width: 25% } } @media (max-width:768px) { .jodit-grid .jodit_col-sm-5-5 { width: 100% } .jodit-grid .jodit_col-sm-4-5 { width: 80% } .jodit-grid .jodit_col-sm-3-5 { width: 60% } .jodit-grid .jodit_col-sm-2-5 { width: 40% } .jodit-grid .jodit_col-sm-1-5 { width: 20% } .jodit-grid .jodit_col-sm-4-4 { width: 100% } .jodit-grid .jodit_col-sm-3-4 { width: 75% } .jodit-grid .jodit_col-sm-2-4 { width: 50% } .jodit-grid .jodit_col-sm-1-4 { width: 25% } } @media (max-width:480px) { .jodit-grid .jodit_col-xs-5-5 { width: 100% } .jodit-grid .jodit_col-xs-4-5 { width: 80% } .jodit-grid .jodit_col-xs-3-5 { width: 60% } .jodit-grid .jodit_col-xs-2-5 { width: 40% } .jodit-grid .jodit_col-xs-1-5 { width: 20% } .jodit-grid .jodit_col-xs-4-4 { width: 100% } .jodit-grid .jodit_col-xs-3-4 { width: 75% } .jodit-grid .jodit_col-xs-2-4 { width: 50% } .jodit-grid .jodit_col-xs-1-4 { width: 25% } } @keyframes b { to { transform: rotate(1turn) } } .jodit-icon_loader { animation: b 2s ease-out 0s infinite; background: url(data:image/png;base64,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) no-repeat 50%; background-size: 100% 100%; display: inline-block; height: var(--jd-icon-loader-size); vertical-align: middle; width: var(--jd-icon-loader-size); will-change: transform } .jodit-icon { background: 50% no-repeat; background-size: contain; height: 14px; overflow: visible; width: 14px; fill: var(--jd-color-icon); transform-origin: 0 0 !important } .jodit-icon, .jodit-icon_close { stroke: var(--jd-color-icon) } svg.jodit-icon { height: auto; isolation: isolate } .jodit-icon_text { font-size: 14px } .jodit, .jodit *, .jodit-container, .jodit-container * { box-sizing: border-box } .jodit .jodit-workplace, .jodit-container .jodit-workplace { overflow: auto; position: relative } .jodit .jodit-workplace .jodit-wysiwyg, .jodit .jodit-workplace .jodit-wysiwyg_iframe, .jodit-container .jodit-workplace .jodit-wysiwyg, .jodit-container .jodit-workplace .jodit-wysiwyg_iframe { height: 100%; width: 100% } .jodit-wysiwyg [contenteditable=false] { cursor: default } .jodit-container:not(.jodit_inline) { background-color: var(--jd-color-background-light-gray); border: 1px solid var(--jd-color-border); border-radius: var(--jd-border-radius-default) } .jodit-container:not(.jodit_inline) .jodit-workplace { background-color: var(--jd-color-background-default); border: 0 solid var(--jd-color-border); max-height: 100% } .jodit-container:not(.jodit_inline).jodit_disabled { background: var(--jd-color-background-gray) } .jodit-container:not(.jodit_inline).jodit_disabled .jodit-workplace { opacity: .4 } .jodit_disabled, .jodit_lock { user-select: none !important } .jodit_hidden { display: none !important } .jodit_vertical_middle { align-items: center; display: flex } .jodit-box { background: 0 0; border: 0; float: none; height: auto; margin: 0; max-width: none; outline: 0; padding: 0; position: static; width: auto } .jodit-dialog_theme_dark, .jodit_theme_dark { --jd-color-border: #6b6b6b; --jd-color-text: var(--jd-dark-text-color) } .jodit-dialog_theme_dark .jodit-toolbar-collection_mode_horizontal, .jodit-dialog_theme_dark .jodit-toolbar-editor-collection_mode_horizontal, .jodit_theme_dark .jodit-toolbar-collection_mode_horizontal, .jodit_theme_dark .jodit-toolbar-editor-collection_mode_horizontal { background-image: repeating-linear-gradient(transparent 0,transparent calc(var(--jd-button-size) - 1px),var(--jd-color-border) var(--jd-button-size)) } .jodit-dialog_theme_dark .jodit-toolbar-collection_mode_horizontal:after, .jodit-dialog_theme_dark .jodit-toolbar-editor-collection_mode_horizontal:after, .jodit_theme_dark .jodit-toolbar-collection_mode_horizontal:after, .jodit_theme_dark .jodit-toolbar-editor-collection_mode_horizontal:after { background-color: var(--jd-color-border) } .jodit-dialog_theme_dark .jodit-toolbar__box:not(:empty), .jodit_theme_dark .jodit-toolbar__box:not(:empty) { border-color: var(--jd-color-border) } .jodit-dialog_theme_dark .jodit-toolbar__box:not(:empty) .jodit-toolbar-editor-collection:after, .jodit_theme_dark .jodit-toolbar__box:not(:empty) .jodit-toolbar-editor-collection:after { background-color: var(--jd-color-border) } .jodit-dialog_theme_dark .jodit-ui-group_separated_true:not(:last-child,.jodit-ui-group_before-spacer_true):after, .jodit_theme_dark .jodit-ui-group_separated_true:not(:last-child,.jodit-ui-group_before-spacer_true):after { border-right-color: var(--jd-color-border) } .jodit-dialog_theme_dark.jodit-container, .jodit_theme_dark.jodit-container { background-color: var(--jd-dark-background-color); border-color: var(--jd-color-border) } .jodit-dialog_theme_dark.jodit-container.jodit_disabled, .jodit_theme_dark.jodit-container.jodit_disabled { background-color: var(--jd-dark-background-color) } .jodit-dialog_theme_dark.jodit-container:not(.jodit_inline) .jodit-workplace, .jodit_theme_dark.jodit-container:not(.jodit_inline) .jodit-workplace { border-color: var(--jd-dark-background-color) } .jodit-dialog_theme_dark .jodit-popup__content, .jodit_theme_dark .jodit-popup__content { background: var(--jd-dark-background-color) } .jodit-dialog_theme_dark .jodit-toolbar-button, .jodit-dialog_theme_dark .jodit-toolbar-select, .jodit-dialog_theme_dark .jodit-ui-button, .jodit_theme_dark .jodit-toolbar-button, .jodit_theme_dark .jodit-toolbar-select, .jodit_theme_dark .jodit-ui-button { --jd-color-icon: var(--jd-dark-icon-color) } .jodit-dialog_theme_dark .jodit-toolbar-button__text, .jodit-dialog_theme_dark .jodit-toolbar-select__text, .jodit-dialog_theme_dark .jodit-ui-button__text, .jodit_theme_dark .jodit-toolbar-button__text, .jodit_theme_dark .jodit-toolbar-select__text, .jodit_theme_dark .jodit-ui-button__text { color: var(--jd-color-text) } .jodit-dialog_theme_dark .jodit-toolbar-button .jodit-icon, .jodit-dialog_theme_dark .jodit-toolbar-button svg, .jodit-dialog_theme_dark .jodit-toolbar-button__trigger, .jodit-dialog_theme_dark .jodit-toolbar-select .jodit-icon, .jodit-dialog_theme_dark .jodit-toolbar-select svg, .jodit-dialog_theme_dark .jodit-toolbar-select__trigger, .jodit-dialog_theme_dark .jodit-ui-button .jodit-icon, .jodit-dialog_theme_dark .jodit-ui-button svg, .jodit-dialog_theme_dark .jodit-ui-button__trigger, .jodit_theme_dark .jodit-toolbar-button .jodit-icon, .jodit_theme_dark .jodit-toolbar-button svg, .jodit_theme_dark .jodit-toolbar-button__trigger, .jodit_theme_dark .jodit-toolbar-select .jodit-icon, .jodit_theme_dark .jodit-toolbar-select svg, .jodit_theme_dark .jodit-toolbar-select__trigger, .jodit_theme_dark .jodit-ui-button .jodit-icon, .jodit_theme_dark .jodit-ui-button svg, .jodit_theme_dark .jodit-ui-button__trigger { fill: var(--jd-color-icon); stroke: var(--jd-color-icon) } .jodit-dialog_theme_dark .jodit-toolbar-button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-button__button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-button__text:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-button__trigger:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-select:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-select__button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-select__text:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-select__trigger:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-ui-button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-ui-button__button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-ui-button__text:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-ui-button__trigger:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button__button:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button__text:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button__trigger:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-select:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-select__button:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-select__text:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-select__trigger:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button__button:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button__text:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button__trigger:hover:not([disabled]) { --jd-color-text: var(--jd-dark-background-color); --jd-color-icon: var(--jd-dark-background-color); background-color: var(--jd-dark-background-ligher); color: var(--jd-dark-background-color) } .jodit-dialog_theme_dark .jodit-status-bar, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty), .jodit_theme_dark .jodit-status-bar, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) { background-color: var(--jd-dark-toolbar-color); border-color: var(--jd-color-border); color: var(--jd-dark-text-color) } .jodit-dialog_theme_dark .jodit-status-bar, .jodit-dialog_theme_dark .jodit-status-bar .jodit-status-bar__item a, .jodit-dialog_theme_dark .jodit-status-bar .jodit-status-bar__item span, .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link, .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link:hover, .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link:visited, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty), .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) .jodit-status-bar__item a, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) .jodit-status-bar__item span, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link:hover, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link:visited, .jodit_theme_dark .jodit-status-bar, .jodit_theme_dark .jodit-status-bar .jodit-status-bar__item a, .jodit_theme_dark .jodit-status-bar .jodit-status-bar__item span, .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link, .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link:hover, .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link:visited, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty), .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) .jodit-status-bar__item a, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) .jodit-status-bar__item span, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link:hover, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link:visited { color: var(--jd-dark-text-color) } .jodit-dialog_theme_dark .jodit-toolbar__box:not(:empty), .jodit_theme_dark .jodit-toolbar__box:not(:empty) { background: var(--jd-dark-toolbar-color) } .jodit-dialog_theme_dark .jodit-icon-close, .jodit_theme_dark .jodit-icon-close { stroke: var(--jd-dark-icon-color) } .jodit-dialog_theme_dark .jodit-wysiwyg, .jodit-dialog_theme_dark .jodit-wysiwyg_iframe, .jodit_theme_dark .jodit-wysiwyg, .jodit_theme_dark .jodit-wysiwyg_iframe { background-color: var(--jd-dark-background-color); color: var(--jd-dark-text-color) } .jodit-dialog_theme_dark .jodit-form input[type=text], .jodit-dialog_theme_dark .jodit-form input[type=url], .jodit-dialog_theme_dark .jodit-form textarea, .jodit_theme_dark .jodit-form input[type=text], .jodit_theme_dark .jodit-form input[type=url], .jodit_theme_dark .jodit-form textarea { background-color: var(--jd-dark-toolbar-seperator-color1); border-color: var(--jd-dark-toolbar-seperator-color2); color: var(--jd-dark-text-color) } .jodit-dialog_theme_dark .jodit-form button, .jodit_theme_dark .jodit-form button { background-color: var(--jd-dark-toolbar-seperator-color3); color: var(--jd-dark-text-color) } .jodit-dialog_theme_dark .jodit-placeholder, .jodit_theme_dark .jodit-placeholder { color: var(--jd-dark-text-color-opacity80) } .jodit-dialog_theme_dark .jodit-drag-and-drop__file-box, .jodit-dialog_theme_dark .jodit_uploadfile_button, .jodit_theme_dark .jodit-drag-and-drop__file-box, .jodit_theme_dark .jodit_uploadfile_button { color: var(--jd-dark-text-color) } .jodit-dialog_theme_dark .jodit-drag-and-drop__file-box:hover, .jodit-dialog_theme_dark .jodit_uploadfile_button:hover, .jodit_theme_dark .jodit-drag-and-drop__file-box:hover, .jodit_theme_dark .jodit_uploadfile_button:hover { background-color: var(--jd-dark-toolbar-seperator-color3) } .jodit-dialog_theme_dark .jodit-add-new-line:before, .jodit_theme_dark .jodit-add-new-line:before { border-top-color: var(--jd-dark-toolbar-seperator-color2) } .jodit-dialog_theme_dark .jodit-add-new-line span, .jodit_theme_dark .jodit-add-new-line span { background: var(--jd-dark-toolbar-seperator-color3); border-color: var(--jd-dark-toolbar-seperator-color2) } .jodit-dialog_theme_dark .jodit-add-new-line span svg, .jodit_theme_dark .jodit-add-new-line span svg { fill: var(--jd-dark-text-color) } .jodit-dialog_theme_dark .jodit-resizer > i, .jodit_theme_dark .jodit-resizer > i { background: var(--jd-dark-toolbar-seperator-color3); border-color: var(--jd-dark-icon-color) } .jodit-dialog_theme_dark .jodit-input, .jodit-dialog_theme_dark .jodit-select, .jodit_theme_dark .jodit-input, .jodit_theme_dark .jodit-select { background-color: var(--jd-dark-background-ligher); border-color: var(--jd-dark-border-color); color: var(--jd-dark-border-color) } .jodit-dialog_theme_dark.jodit-dialog, .jodit_theme_dark.jodit-dialog { background-color: var(--jd-dark-background-color) } .jodit-dialog_theme_dark.jodit-dialog .jodit-dialog__header, .jodit-dialog_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item, .jodit_theme_dark.jodit-dialog .jodit-dialog__header, .jodit_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item { border-color: var(--jd-dark-border-color) } .jodit-dialog_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item-info, .jodit_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item-info { background-color: var(--jd-dark-text-color) }