.form-item .choices {
  width: 100%;
}

@media (prefers-color-scheme: dark) {
  .choices__inner,
  .choices__input,
  .choices__list--multiple .choices__item {
    color-scheme: dark;
    background: inherit;
  }
  .choices__list {
    color-scheme: dark;
    color: var(--gin-color-text);
    background-color: var(--gin-bg-input);
  }
}

.form-wrapper .media-library-item .media-library-item__preview {
  padding-bottom: 0;
}

.ui-autocomplete {
  overflow-y: scroll;
  max-height: 20rem;
  margin-right: 1rem;
}

.media-library-item__preview .field--name-thumbnail {
  min-height: 150px;
}

html.gin--dark-mode .form-element--type-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath fill='none' stroke-width='1.5' d='M1 1L7 7L13 1' stroke='%23ffffff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 2.75rem 0.5625rem;
}

nav .tabs {
  @media screen and (min-width: 768px) {
    flex-wrap: wrap;
    flex-direction: row;
    border: 0;
    margin: 1rem 0;
  }
}

.ck-editor__main > :is(.ck-editor__editable, .ck-source-editing-area) {
  max-height: inherit;
}

.CodeMirror .CodeMirror-sizer {
  margin-bottom: 30px !important;
}

.ck-editor__main .accordion {
  clear: both;
}

.ck-editor__main .accordion-header .html-object-embed {
  height: 90px !important;
  display: block !important;
  position: relative !important;
}

.ck-editor__main .accordion .collapse {
  display: block;
}

div[role="dialog"] .ui-dialog-content {
  max-height: 80vh !important;
}

.media-library-view .media-library-item .media-library-item__preview {
  padding-block-end: 0;
}