/*!
 * jodit-pro - PRO Version of Jodit Editor
 * Author: Chupurnov Valerii <chupurnov@gmail.com>
 * Version: v4.12.5
 * Url: https://xdsoft.net/jodit/pro/
 * License(s): SEE LICENSE IN LICENSE.md
 */
	
:root {
  --jd-todo-color-checkbox-border: #333;
  --jd-todo-color-checkbox-border-checked: #25ab33;
  --jd-todo-color-checkbox-bg-checked: #25ab33;
  --jd-todo-color-checkbox-mark-checked: #fff;
  --jd-todo-size-checkbox: var(--jd-width-element-default);
}
.jodit-wysiwyg .todo-list {
  margin-bottom: var(--jd-padding-default);
  list-style: none;
}
.jodit-wysiwyg .todo-list li {
  max-width: unset;
  margin-bottom: var(--jd-padding-default);
}
.jodit-wysiwyg .todo-list li .todo-list__label {
  user-select: none;
}
.jodit-wysiwyg .todo-list li .todo-list__label > input {
  position: relative;
  right: 0;
  left: -25px;
  display: inline-block;
  width: var(--jd-todo-size-checkbox);
  height: var(--jd-todo-size-checkbox);
  border: 0;
  margin-right: -15px;
  margin-left: 0;
  appearance: none;
  cursor: pointer;
  vertical-align: middle;
}
.jodit-wysiwyg .todo-list li .todo-list__label > input::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid var(--jd-todo-color-checkbox-border);
  border-radius: 2px;
  content: '';
  transition: box-shadow 0.24s ease-in-out, background 0.24s ease-in-out, border 0.24s ease-in-out;
}
.jodit-wysiwyg .todo-list li .todo-list__label > input[checked]::before {
  border-color: var(--jd-todo-color-checkbox-border-checked);
  background: var(--jd-todo-color-checkbox-bg-checked);
}
.jodit-wysiwyg .todo-list li .todo-list__label > input:hover::before {
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
}
.jodit-wysiwyg .todo-list li .todo-list__label > input::after {
  position: absolute;
  top: calc(var(--jd-todo-size-checkbox) / 5.3);
  left: calc(var(--jd-todo-size-checkbox) / 3);
  display: block;
  width: calc(var(--jd-todo-size-checkbox) / 5.3);
  height: calc(var(--jd-todo-size-checkbox) / 2.6);
  box-sizing: content-box;
  border-width: 0 calc(var(--jd-todo-size-checkbox) / 8) calc(var(--jd-todo-size-checkbox) / 8) 0;
  border-style: solid;
  border-color: transparent;
  content: '';
  pointer-events: none;
  transform: rotate(45deg);
}
.jodit-wysiwyg .todo-list li .todo-list__label > input[checked]::after {
  border-color: var(--jd-todo-color-checkbox-mark-checked);
}