jodit-pro/es2021/plugins/google-maps/google-maps.css

PRO Version of Jodit Editor

/*!
 * jodit-pro - PRO Version of Jodit Editor
 * Author: Chupurnov Valerii <chupurnov@gmail.com>
 * Version: v4.9.27
 * Url: https://xdsoft.net/jodit/pro/
 * License(s): SEE LICENSE IN LICENSE.md
 */
	
.jodit-ui-combo-box {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--jd-padding-default);
  position: relative;
}
.jodit-ui-combo-box__input {
  font-family: var(--jd-font-default);
  font-size: var(--jd-font-size-default);
  width: 100%;
  height: var(--jd-input-height);
  box-sizing: border-box;
  padding: 0 var(--jd-padding-default);
  border: 1px solid var(--jd-color-border);
  border-radius: 0;
  appearance: none;
  background-color: var(--jd-color-white);
  line-height: 1.2;
  outline: none;
  border: 0;
}
.jodit-ui-combo-box__input[disabled] {
  background-color: #f0f0f0;
  color: var(--jd-color-border);
}
.jodit-ui-combo-box__input_has-error_true {
  border-color: var(--jd-color-red);
}
.jodit-ui-combo-box__input:focus {
  outline: 0;
}
.jodit-ui-combo-box_theme_dark .jodit-ui-combo-box__input {
  background-color: var(--jd-color-gray);
}
.jodit-ui-combo-box_has-error_true .jodit-ui-combo-box__input {
  border-color: var(--jd-color-red);
}
.jodit-ui-combo-box__error,
.jodit-ui-combo-box__label {
  display: block;
  margin-bottom: calc(var(--jd-padding-default) / 4);
  color: var(--jd-color-label);
  font-size: 0.8em;
}
.jodit-ui-combo-box_has-error_true .jodit-ui-combo-box__label,
.jodit-ui-combo-box__error {
  color: var(--jd-color-error);
}
.jodit-ui-combo-box__wrapper {
  display: flex;
  min-width: 200px;
  align-items: center;
  justify-content: stretch;
  border: 1px solid var(--jd-color-border);
  background-color: var(--jd-color-white);
}
@media (max-width: 480px) {
  .jodit-ui-combo-box__wrapper {
    min-width: 140px;
  }
}
.jodit-ui-combo-box_theme_dark .jodit-ui-combo-box__wrapper {
  border-color: var(--jd-color-border);
  background-color: var(--jd-color-gray);
}
.jodit-ui-combo-box_focused_true .jodit-ui-combo-box__wrapper {
  border-color: var(--jd-color-border-selected);
}
.jodit-ui-combo-box__icon:not(:empty) {
  display: flex;
  align-items: center;
  padding: 0 var(--jd-padding-default);
}
.jodit-ui-combo-box__icon:not(:empty) svg {
  width: 16px;
  height: 16px;
  fill: var(--jd-color-border);
}
.jodit-ui-combo-box__icon:not(:empty) + .jodit-ui-combo-box__input {
  padding-left: 0;
}
.jodit-ui-combo-box__clear {
  display: flex;
  align-items: center;
  padding: 0 var(--jd-padding-default) 0 0;
  opacity: 0.8;
}
.jodit-ui-combo-box__clear:active {
  opacity: 1;
  transform: scale(1.1, 1.1);
}
.jodit-ui-combo-box__clear svg {
  width: 12px;
  height: 12px;
  fill: var(--jd-color-border);
}
.jodit-ui-combo-box_theme_dark .jodit-ui-combo-box__icon svg,
.jodit-ui-combo-box_theme_dark .jodit-ui-combo-box__clear svg {
  fill: var(--jd-color-dark);
}
.jodit-ui-combo-box_in-header_true {
  width: 400px;
  margin: 0;
  justify-self: flex-end;
}
@media (max-width: 480px) {
  .jodit-ui-combo-box_in-header_true {
    width: 270px;
  }
}
.pac-container {
  z-index: 1000000000;
}

.jodit-ui-wysiwyg__label {
  padding-bottom: 2px;
  color: var(--jd-color-label);
}

.jodit-ui-range {
  user-select: none;
}
.jodit-ui-range__slider {
  position: relative;
  z-index: 1;
  height: 2px;
  margin: var(--jd-padding-default) 7px;
  background: #1e87f0;
}
.jodit-ui-range__slider::before,
.jodit-ui-range__slider::after {
  position: absolute;
  top: 0;
  left: -6px;
  width: 7px;
  height: 2px;
  background: #1e87f0;
  content: '';
}
.jodit-ui-range__slider::after {
  right: -6px;
  left: auto;
}
.jodit-ui-range__handle {
  position: absolute;
  z-index: 2;
  top: -5px;
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background: #28a5f5;
  cursor: ew-resize;
  transform: translateX(-50%);
}
.jodit-ui-range__handle:active {
  transform: translateX(-50%) scale(1.1);
}
.jodit-ui-range__label {
  display: flex;
  justify-content: space-between;
  color: var(--jd-color-label);
  font-size: 0.8em;
}
.jodit-ui-range__log {
  color: #7f7272;
  font-weight: bold;
}
.jodit-ui-range_log_false .jodit-ui-range__log {
  display: none;
}

/*!
 * Jodit Editor (https://xdsoft.net/jodit/)
 * Released under MIT see LICENSE.txt in the project root for license information.
 * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
 */
.jodit-color-input {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--jd-padding-default);
}
.jodit-color-input__input {
  font-family: var(--jd-font-default);
  font-size: var(--jd-font-size-default);
  width: 100%;
  height: var(--jd-input-height);
  box-sizing: border-box;
  padding: 0 var(--jd-padding-default);
  border: 1px solid var(--jd-color-border);
  border-radius: 0;
  appearance: none;
  background-color: var(--jd-color-white);
  line-height: 1.2;
  outline: none;
  border: 0;
}
.jodit-color-input__input[disabled] {
  background-color: #f0f0f0;
  color: var(--jd-color-border);
}
.jodit-color-input__input_has-error_true {
  border-color: var(--jd-color-red);
}
.jodit-color-input__input:focus {
  outline: 0;
}
.jodit-color-input_theme_dark .jodit-color-input__input {
  background-color: var(--jd-color-gray);
}
.jodit-color-input_has-error_true .jodit-color-input__input {
  border-color: var(--jd-color-red);
}
.jodit-color-input__error,
.jodit-color-input__label {
  display: block;
  margin-bottom: calc(var(--jd-padding-default) / 4);
  color: var(--jd-color-label);
  font-size: 0.8em;
}
.jodit-color-input_has-error_true .jodit-color-input__label,
.jodit-color-input__error {
  color: var(--jd-color-error);
}
.jodit-color-input__wrapper {
  display: flex;
  min-width: 200px;
  align-items: center;
  justify-content: stretch;
  border: 1px solid var(--jd-color-border);
  background-color: var(--jd-color-white);
}
@media (max-width: 480px) {
  .jodit-color-input__wrapper {
    min-width: 140px;
  }
}
.jodit-color-input_theme_dark .jodit-color-input__wrapper {
  border-color: var(--jd-color-border);
  background-color: var(--jd-color-gray);
}
.jodit-color-input_focused_true .jodit-color-input__wrapper {
  border-color: var(--jd-color-border-selected);
}
.jodit-color-input__icon:not(:empty) {
  display: flex;
  align-items: center;
  padding: 0 var(--jd-padding-default);
}
.jodit-color-input__icon:not(:empty) svg {
  width: 16px;
  height: 16px;
  fill: var(--jd-color-border);
}
.jodit-color-input__icon:not(:empty) + .jodit-color-input__input {
  padding-left: 0;
}
.jodit-color-input__clear {
  display: flex;
  align-items: center;
  padding: 0 var(--jd-padding-default) 0 0;
  opacity: 0.8;
}
.jodit-color-input__clear:active {
  opacity: 1;
  transform: scale(1.1, 1.1);
}
.jodit-color-input__clear svg {
  width: 12px;
  height: 12px;
  fill: var(--jd-color-border);
}
.jodit-color-input_theme_dark .jodit-color-input__icon svg,
.jodit-color-input_theme_dark .jodit-color-input__clear svg {
  fill: var(--jd-color-dark);
}
.jodit-color-input__trigger {
  width: var(--jd-input-height);
  height: calc(var(--jd-input-height) - 2px);
  box-sizing: content-box;
  border: 1px solid var(--jd-color-border);
  border-radius: 0;
  border-left: 0;
  background-color: var(--jd-color-panel);
}
.jodit-color-input_slim_true .jodit-color-input__wrapper,
.jodit-color-input_slim_true .jodit-color-input__input {
  width: 24px;
  min-width: auto;
  height: 24px;
  color: transparent;
}
.jodit-color-input_trigger_false .jodit-color-input__trigger,
.jodit-color-input_slim_true .jodit-color-input__trigger {
  display: none;
}

/*!
 * Jodit Editor (https://xdsoft.net/jodit/)
 * Released under MIT see LICENSE.txt in the project root for license information.
 * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
 */
:root {
  --jd-color-map-bounding-box: rgba(99, 170, 241, 0.5);
}
.jodit-ui-map {
  position: relative;
  height: 100%;
  background-color: #f6f6f6;
}
.jodit-ui-map__map-root {
  height: 100%;
}
.jodit-ui-map__map-size {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px dotted var(--jd-color-map-bounding-box);
  pointer-events: none;
  transform: translateX(-50%) translateY(-50%);
}
.jodit-ui-map__map-size::after,
.jodit-ui-map__map-size::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1px;
  height: 30px;
  background-color: var(--jd-color-map-bounding-box);
  content: '';
  transform: translateY(-50%);
}
.jodit-ui-map__map-size::before {
  width: 30px;
  height: 1px;
  transform: translateX(-50%);
}
.jodit-ui-map_info-opened_true .jodit-ui-map__map-size {
  display: none;
}
.jodit-ui-map__map-palette {
  position: absolute;
  top: 5px;
  left: 50%;
  background-color: #fff;
  transform: translateX(-50%);
}
.jodit-ui-map__map-palette .jodit-ui-group {
  flex-wrap: nowrap;
}

.jodit-ui-maps-controls-form {
  width: 300px;
  padding: 16px;
}

/*!
 * Jodit Editor (https://xdsoft.net/jodit/)
 * Released under MIT see LICENSE.txt in the project root for license information.
 * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
 */
.jodit-ui-maps-props-form {
  width: 300px;
  padding: 16px;
}

/*!
 * Jodit Editor (https://xdsoft.net/jodit/)
 * Released under MIT see LICENSE.txt in the project root for license information.
 * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
 */
.jodit-google-maps .jodit-tabs {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.jodit-google-maps .jodit-tabs__wrapper {
  flex: 1;
}
.jodit-google-maps .jodit-tabs__wrapper .jodit-tab {
  height: 100%;
}
@media (max-width: 480px) {
  .jodit-google-maps .jodit-dialog__header {
    flex-direction: row;
  }
}