.ql-container {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: var(--form-color);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
}

.ql-container:hover {
  cursor: text;
}

.ql-container.is-invalid {
  border-color: var(--bs-red) !important;
}

.ql-container.is-invalid~.invalid-feedback {
  display: block;
}

.ql-editor {
  line-height: 1.5;
  padding: .375rem .75rem!important;
  white-space: pre-wrap!important;
}

.ql-editor:focus {
  border-color: var(--background-color-kotami-2);
  border-radius: .25rem;
  box-shadow: 0 0 0 0.3rem var(--background-color-kotami-2);
}

.ql-editor a {
  color: var(--color-kotami);
}

.ql-editor a:hover {
  color: var(--color-kotami-hover);
}

.ql-editor.ql-blank::before {
  color: var(--form-placeholder-color);
  font-style: normal;
}

.ql-container.ql-snow + .ql-toolbar.ql-snow {
  border-top: 0px;
}

.ql-toolbar {
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.ql-toolbar.is-invalid {
  border-color: var(--bs-red) !important;
}

.ql-snow .ql-color-picker .ql-picker-options {
  width: 250px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  margin-top: -202px;
  margin-left: -50px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  width: 30px;
  height: 30px;
}

.ql-clipboard {
  white-space: pre;
}

.ql-snow .ql-tooltip {
  background-color: var(--background-color);
  box-shadow: 0 0 5px var(--color-box-shadow);
}

.ql-snow .ql-tooltip input[type=text] {
  color: var(--form-color);
  background-color: var(--form-background-color);
  border-color: var(--form-border-color);
  border-radius: .25rem;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  outline: none;
}

.ql-snow .ql-tooltip input[type=text]::placeholder {
  color: var(--form-placeholder-color);
}

@media screen and (min-width: 992px) {
  .ql-snow .ql-tooltip input[type=text] {
    width: 300px!important;
  }

  .ql-snow .ql-tooltip a.ql-preview {
    max-width: 300px!important;
  }
}

.ql-snow .ql-tooltip a.ql-action, .ql-snow .ql-tooltip a.ql-remove {
  color: #06c!important;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: ""!important;
  margin-right: 0!important;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  content: "保存"!important;
}

.ql-snow .ql-tooltip::before {
  content: "URL"!important;
  color: var(--color);
}

.ql-snow .ql-tooltip a.ql-action::after {
  content: "編集"!important;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "削除"!important;
}

.ql-container.ql-snow, .ql-toolbar.ql-snow {
  border-color: var(--form-border-color);
}

.ql-snow .ql-stroke {
  stroke: var(--color)!important;
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: var(--color)!important;
}

.ql-snow .ql-picker {
  color: var(--color)!important;
}

.ql-snow .ql-picker-options {
  background-color: var(--background-color);
}