/* CYBERDOM GLOBAL MEDIA LIBRARY MODAL */
.ui-dialog.media-library-widget-modal {
  width: min(80vw, 1680px) !important;
  max-width: 80vw !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  border: 1px solid var(--cd-brand-accent-2, #7d4a75) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: var(--cd-brand-surface-2, #30162a) !important;
  color: #ffffff !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, .42) !important;
}

.ui-dialog.media-library-widget-modal .ui-dialog-titlebar,
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane {
  background: var(--cd-brand-accent-2, #6f3a67) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  color: #ffffff !important;
}

.ui-dialog.media-library-widget-modal .ui-dialog-title,
.ui-dialog.media-library-widget-modal .ui-dialog-titlebar-close,
.ui-dialog.media-library-widget-modal .ui-dialog-titlebar-close span {
  color: #ffffff !important;
}

.ui-dialog.media-library-widget-modal .ui-dialog-content {
  max-height: calc(80vh - 188px) !important;
  overflow: auto !important;
  background: var(--cd-brand-surface-2, #30162a) !important;
  color: #ffffff !important;
}

.ui-dialog.media-library-widget-modal #drupal-modal,
.ui-dialog.media-library-widget-modal #drupal-modal > *,
.ui-dialog.media-library-widget-modal .media-library-wrapper,
.ui-dialog.media-library-widget-modal .media-library-content,
.ui-dialog.media-library-widget-modal .media-library-add-form,
.ui-dialog.media-library-widget-modal .media-library-add-form__added-media,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields,
.ui-dialog.media-library-widget-modal .media-library-add-form__media,
.ui-dialog.media-library-widget-modal .media-library-add-form__source-field,
.ui-dialog.media-library-widget-modal .media-library-add-form__input-wrapper,
.ui-dialog.media-library-widget-modal .media-library-view,
.ui-dialog.media-library-widget-modal .views-element-container,
.ui-dialog.media-library-widget-modal .view-media-library,
.ui-dialog.media-library-widget-modal .js-media-library-view,
.ui-dialog.media-library-widget-modal .views-exposed-form,
.ui-dialog.media-library-widget-modal .media-library-menu,
.ui-dialog.media-library-widget-modal .views-display-links,
.ui-dialog.media-library-widget-modal .form-wrapper,
.ui-dialog.media-library-widget-modal .form-item,
.ui-dialog.media-library-widget-modal .form-group,
.ui-dialog.media-library-widget-modal .field,
.ui-dialog.media-library-widget-modal .field--type-image,
.ui-dialog.media-library-widget-modal .field--widget-image-image,
.ui-dialog.media-library-widget-modal .image-widget,
.ui-dialog.media-library-widget-modal .form-managed-file,
.ui-dialog.media-library-widget-modal .details-wrapper,
.ui-dialog.media-library-widget-modal fieldset,
.ui-dialog.media-library-widget-modal details,
.ui-dialog.media-library-widget-modal .panel,
.ui-dialog.media-library-widget-modal .card,
.ui-dialog.media-library-widget-modal .well,
.ui-dialog.media-library-widget-modal .filter-wrapper,
.ui-dialog.media-library-widget-modal .filter-help,
.ui-dialog.media-library-widget-modal .filter-guidelines,
.ui-dialog.media-library-widget-modal table,
.ui-dialog.media-library-widget-modal tr,
.ui-dialog.media-library-widget-modal td,
.ui-dialog.media-library-widget-modal th {
  background: var(--cd-brand-surface-2, #30162a) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .14) !important;
  box-shadow: none !important;
}

.ui-dialog.media-library-widget-modal .media-library-add-form__fields,
.ui-dialog.media-library-widget-modal .views-exposed-form,
.ui-dialog.media-library-widget-modal .media-library-menu,
.ui-dialog.media-library-widget-modal .views-display-links,
.ui-dialog.media-library-widget-modal details,
.ui-dialog.media-library-widget-modal fieldset,
.ui-dialog.media-library-widget-modal .filter-wrapper {
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

.ui-dialog.media-library-widget-modal h1,
.ui-dialog.media-library-widget-modal h2,
.ui-dialog.media-library-widget-modal h3,
.ui-dialog.media-library-widget-modal h4,
.ui-dialog.media-library-widget-modal h5,
.ui-dialog.media-library-widget-modal h6,
.ui-dialog.media-library-widget-modal label,
.ui-dialog.media-library-widget-modal legend,
.ui-dialog.media-library-widget-modal summary,
.ui-dialog.media-library-widget-modal .fieldset__label,
.ui-dialog.media-library-widget-modal .form-item label,
.ui-dialog.media-library-widget-modal .form-required,
.ui-dialog.media-library-widget-modal .media-library-item__name,
.ui-dialog.media-library-widget-modal .media-library-item__attributes,
.ui-dialog.media-library-widget-modal .views-display-link,
.ui-dialog.media-library-widget-modal .js-media-library-selected-count,
.ui-dialog.media-library-widget-modal .file,
.ui-dialog.media-library-widget-modal .messages,
.ui-dialog.media-library-widget-modal .messages * {
  color: #ffffff !important;
}

.ui-dialog.media-library-widget-modal .description,
.ui-dialog.media-library-widget-modal .help-block,
.ui-dialog.media-library-widget-modal .details-wrapper,
.ui-dialog.media-library-widget-modal .form-item__description,
.ui-dialog.media-library-widget-modal .form-item__label,
.ui-dialog.media-library-widget-modal .form-item .description,
.ui-dialog.media-library-widget-modal .filter-guidelines,
.ui-dialog.media-library-widget-modal .filter-help,
.ui-dialog.media-library-widget-modal small {
  color: rgba(255, 255, 255, .82) !important;
}

.ui-dialog.media-library-widget-modal input:not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']),
.ui-dialog.media-library-widget-modal select,
.ui-dialog.media-library-widget-modal textarea,
.ui-dialog.media-library-widget-modal .form-control,
.ui-dialog.media-library-widget-modal .form-text,
.ui-dialog.media-library-widget-modal .form-email,
.ui-dialog.media-library-widget-modal .form-search,
.ui-dialog.media-library-widget-modal .form-select,
.ui-dialog.media-library-widget-modal .form-textarea {
  background: rgba(58, 25, 51, .98) !important;
  color: #ffffff !important;
  border: 1px solid var(--cd-brand-accent-2, #7d4a75) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.ui-dialog.media-library-widget-modal input::placeholder,
.ui-dialog.media-library-widget-modal textarea::placeholder {
  color: rgba(255, 255, 255, .68) !important;
}

.ui-dialog.media-library-widget-modal input:focus,
.ui-dialog.media-library-widget-modal select:focus,
.ui-dialog.media-library-widget-modal textarea:focus,
.ui-dialog.media-library-widget-modal .form-control:focus {
  border-color: var(--cd-brand-acid, #beff3d) !important;
  box-shadow: 0 0 0 3px rgba(190, 255, 61, .18) !important;
}

.ui-dialog.media-library-widget-modal .ck.ck-toolbar,
.ui-dialog.media-library-widget-modal .ck.ck-editor__main > .ck-editor__editable,
.ui-dialog.media-library-widget-modal .ck.ck-content,
.ui-dialog.media-library-widget-modal .ck.ck-list,
.ui-dialog.media-library-widget-modal .ck.ck-dropdown__panel {
  background: rgba(58, 25, 51, .98) !important;
  color: #ffffff !important;
  border-color: var(--cd-brand-accent-2, #7d4a75) !important;
}

.ui-dialog.media-library-widget-modal .ck.ck-button,
.ui-dialog.media-library-widget-modal .ck.ck-button .ck-button__label,
.ui-dialog.media-library-widget-modal .ck.ck-icon,
.ui-dialog.media-library-widget-modal .ck.ck-content p,
.ui-dialog.media-library-widget-modal .ck.ck-content li {
  color: #ffffff !important;
}

.ui-dialog.media-library-widget-modal .ck.ck-button:hover,
.ui-dialog.media-library-widget-modal .ck.ck-button:focus,
.ui-dialog.media-library-widget-modal .ck.ck-button.ck-on {
  background: var(--cd-brand-accent-2, #6f3a67) !important;
  color: #ffffff !important;
}

.ui-dialog.media-library-widget-modal .button,
.ui-dialog.media-library-widget-modal .btn,
.ui-dialog.media-library-widget-modal input[type='submit'],
.ui-dialog.media-library-widget-modal button {
  border-radius: 8px !important;
  box-shadow: none !important;
}

.ui-dialog.media-library-widget-modal .button--primary,
.ui-dialog.media-library-widget-modal .btn-primary,
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane .button,
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane .btn,
.ui-dialog.media-library-widget-modal input[type='submit'] {
  background: var(--cd-brand-acid, #beff3d) !important;
  border-color: var(--cd-brand-acid, #beff3d) !important;
  color: #23111f !important;
}

.ui-dialog.media-library-widget-modal .button--primary:hover,
.ui-dialog.media-library-widget-modal .button--primary:focus,
.ui-dialog.media-library-widget-modal .btn-primary:hover,
.ui-dialog.media-library-widget-modal .btn-primary:focus,
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane .button:hover,
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane .button:focus,
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane .btn:hover,
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane .btn:focus,
.ui-dialog.media-library-widget-modal input[type='submit']:hover,
.ui-dialog.media-library-widget-modal input[type='submit']:focus {
  background: #d8ff7a !important;
  border-color: #d8ff7a !important;
  color: #23111f !important;
}



.ui-dialog.media-library-widget-modal .js-media-library-item,
.ui-dialog.media-library-widget-modal .js-click-to-select,
.ui-dialog.media-library-widget-modal .media-library-item {
  position: relative !important;
  cursor: pointer !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-trigger,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-trigger {
  cursor: pointer !important;
  pointer-events: auto !important;
}

.ui-dialog.media-library-widget-modal .js-media-library-item.checked,
.ui-dialog.media-library-widget-modal .js-media-library-item.is-selected,
.ui-dialog.media-library-widget-modal .js-click-to-select.checked,
.ui-dialog.media-library-widget-modal .media-library-item--selected,
.ui-dialog.media-library-widget-modal .js-media-library-item:has(input[type='checkbox']:checked) {
  border-color: var(--cd-brand-acid, #beff3d) !important;
  box-shadow: 0 0 0 3px rgba(190, 255, 61, .28) !important;
}

.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 6px !important;
  border-radius: 8px !important;
  background: rgba(35, 17, 31, .92) !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .32) !important;
}

.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox'] {
  position: static !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  border: 2px solid #ffffff !important;
  border-radius: 5px !important;
  background: rgba(58, 25, 51, .98) !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox']:checked {
  background: var(--cd-brand-acid, #beff3d) !important;
  border-color: var(--cd-brand-acid, #beff3d) !important;
}

.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox']:checked::after {
  content: '' !important;
  display: block !important;
  width: 7px !important;
  height: 13px !important;
  margin: 2px 0 0 6px !important;
  border: solid #23111f !important;
  border-width: 0 3px 3px 0 !important;
  transform: rotate(45deg) !important;
}

.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox']:focus {
  outline: 2px solid var(--cd-brand-acid, #beff3d) !important;
  outline-offset: 2px !important;
}

.ui-dialog.media-library-widget-modal .js-media-library-item.is-selected .media-library-item__click-to-select-checkbox,
.ui-dialog.media-library-widget-modal .js-media-library-item:has(input[type='checkbox']:checked) .media-library-item__click-to-select-checkbox,
.ui-dialog.media-library-widget-modal .media-library-item--selected .media-library-item__click-to-select-checkbox {
  background: rgba(190, 255, 61, .16) !important;
  border-color: var(--cd-brand-acid, #beff3d) !important;
}

.ui-dialog.media-library-widget-modal .media-library-item,
.ui-dialog.media-library-widget-modal .js-media-library-item,
.ui-dialog.media-library-widget-modal .views-row {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
}

.ui-dialog.media-library-widget-modal .media-library-item__preview,
.ui-dialog.media-library-widget-modal .media-library-item__name,
.ui-dialog.media-library-widget-modal .media-library-item__attributes {
  background: rgba(58, 25, 51, .82) !important;
  color: #ffffff !important;
}

.ui-dialog.media-library-widget-modal a,
.ui-dialog.media-library-widget-modal .ui-widget-content a {
  color: var(--cd-brand-acid, #beff3d) !important;
}

@media (max-width: 899px) {
  .ui-dialog.media-library-widget-modal {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    transform: none !important;
  }

  .ui-dialog.media-library-widget-modal .ui-dialog-content {
    max-height: calc(100vh - 188px) !important;
  }

  .ui-dialog.media-library-widget-modal .ui-dialog-buttonpane {
    min-height: 92px !important;
    padding: 16px !important;
  }

  .ui-dialog.media-library-widget-modal .ui-dialog-buttonpane .button,
  .ui-dialog.media-library-widget-modal .ui-dialog-buttonpane .btn,
  .ui-dialog.media-library-widget-modal .ui-dialog-buttonpane button {
    min-width: 220px !important;
  }
}


/* CYBERDOM GLOBAL MEDIA LIBRARY CORE SELECTORS */
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  min-height: 86px !important;
  padding: 18px 28px !important;
}

.ui-dialog.media-library-widget-modal .ui-dialog-buttonset {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
  order: 2 !important;
  margin: 0 !important;
}

.ui-dialog.media-library-widget-modal .js-media-library-selected-count {
  flex: 0 0 auto !important;
  order: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
}

.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane .button,
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane .btn,
.ui-dialog.media-library-widget-modal .ui-dialog-buttonpane button {
  width: auto !important;
  min-width: 260px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 28px !important;
  white-space: nowrap !important;
  line-height: 48px !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-trigger,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-selectable-trigger {
  position: relative !important;
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 18px 0 !important;
  cursor: pointer !important;
}

.ui-dialog.media-library-widget-modal .js-media-library-views-form .js-click-to-select-checkbox,
.ui-dialog.media-library-widget-modal .js-media-library-views-form .cyberdom-media-library-select,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 45 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  background: rgba(35, 17, 31, .92) !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .28) !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  transform: none !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .field-content,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .form-item,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .checkbox,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .form-group,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .field-content,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .form-item,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .checkbox,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .form-group,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox .form-item,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox .checkbox,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox .form-group {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox input[type='checkbox'],
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select input[type='checkbox'],
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox'] {
  position: static !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid #ffffff !important;
  border-radius: 5px !important;
  background: rgba(58, 25, 51, .98) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: hidden !important;
  white-space: normal !important;
  transform: none !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox input[type='checkbox']:checked,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select input[type='checkbox']:checked,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox']:checked {
  background: var(--cd-brand-acid, #beff3d) !important;
  border-color: var(--cd-brand-acid, #beff3d) !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox input[type='checkbox']:checked::after,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select input[type='checkbox']:checked::after,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox']:checked::after {
  content: '' !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 7px !important;
  height: 12px !important;
  margin: 1px 0 0 6px !important;
  border: solid #23111f !important;
  border-width: 0 3px 3px 0 !important;
  transform: rotate(45deg) !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-trigger.checked,
.ui-dialog.media-library-widget-modal .js-click-to-select-trigger.is-selected {
  outline: 3px solid rgba(190, 255, 61, .82) !important;
  outline-offset: 2px !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox.checked,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox.is-selected {
  outline: 0 !important;
}

.ui-dialog.media-library-widget-modal .cyberdom-media-library-card-toggle {
  display: none !important;
}
/* CYBERDOM GLOBAL MEDIA LIBRARY CORE SELECTORS END */


/* CYBERDOM MEDIA LIBRARY DRAWN CHECKBOX CONTROL */
.ui-dialog.media-library-widget-modal .js-media-library-views-form .js-click-to-select-checkbox,
.ui-dialog.media-library-widget-modal .js-media-library-views-form .cyberdom-media-library-select,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 60 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(35, 17, 31, .9) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .36), 0 8px 18px rgba(0, 0, 0, .32) !important;
  overflow: hidden !important;
  transform: none !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox::before,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select::before,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 24px !important;
  height: 24px !important;
  margin: -12px 0 0 -12px !important;
  border: 2px solid #ffffff !important;
  border-radius: 5px !important;
  background: rgba(58, 25, 51, .98) !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox.checked::before,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox.is-selected::before,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox:has(input[type='checkbox']:checked)::before,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select.checked::before,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select.is-selected::before,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select:has(input[type='checkbox']:checked)::before,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox.checked::before,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox.is-selected::before,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox:has(input[type='checkbox']:checked)::before {
  background: var(--cd-brand-acid, #beff3d) !important;
  border-color: var(--cd-brand-acid, #beff3d) !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox.checked::after,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox.is-selected::after,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox:has(input[type='checkbox']:checked)::after,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select.checked::after,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select.is-selected::after,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select:has(input[type='checkbox']:checked)::after,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox.checked::after,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox.is-selected::after,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox:has(input[type='checkbox']:checked)::after {
  content: '' !important;
  position: absolute !important;
  top: 12px !important;
  left: 17px !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 8px !important;
  height: 15px !important;
  border: solid #23111f !important;
  border-width: 0 3px 3px 0 !important;
  transform: rotate(45deg) !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .field-content,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .form-item,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .checkbox,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .form-group,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .field-content,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .form-item,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .checkbox,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .form-group,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox .form-item,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox .checkbox,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox .form-group {
  position: static !important;
  display: block !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox input[type='checkbox'],
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select input[type='checkbox'],
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox'] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0 !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox input[type='checkbox']::before,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox input[type='checkbox']::after,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select input[type='checkbox']::before,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select input[type='checkbox']::after,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox']::before,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox']::after {
  content: none !important;
  display: none !important;
}
/* CYBERDOM MEDIA LIBRARY DRAWN CHECKBOX CONTROL END */


/* CYBERDOM MEDIA LIBRARY CLICK SAFE CHECKBOX SIZE */
.ui-dialog.media-library-widget-modal .js-media-library-views-form .js-click-to-select-checkbox,
.ui-dialog.media-library-widget-modal .js-media-library-views-form .cyberdom-media-library-select,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  background: rgba(35, 17, 31, .78) !important;
  pointer-events: auto !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox::before,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select::before,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox::before {
  width: 20px !important;
  height: 20px !important;
  margin: -10px 0 0 -10px !important;
  pointer-events: none !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox.checked::after,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox.is-selected::after,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox:has(input[type='checkbox']:checked)::after,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select.checked::after,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select.is-selected::after,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select:has(input[type='checkbox']:checked)::after,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox.checked::after,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox.is-selected::after,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox:has(input[type='checkbox']:checked)::after {
  top: 9px !important;
  left: 13px !important;
  width: 7px !important;
  height: 13px !important;
  pointer-events: none !important;
}

.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .field-content,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .form-item,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .checkbox,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox .form-group,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .field-content,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .form-item,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .checkbox,
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select .form-group,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox .form-item,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox .checkbox,
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox .form-group,
.ui-dialog.media-library-widget-modal .js-click-to-select-checkbox input[type='checkbox'],
.ui-dialog.media-library-widget-modal .cyberdom-media-library-select input[type='checkbox'],
.ui-dialog.media-library-widget-modal .media-library-item__click-to-select-checkbox input[type='checkbox'] {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
}
/* CYBERDOM MEDIA LIBRARY CLICK SAFE CHECKBOX SIZE END */


/* CYBERDOM MEDIA LIBRARY ADD FORM POLISH */
.ui-dialog.media-library-widget-modal .form-type-managed-file .image-widget,
.ui-dialog.media-library-widget-modal .form-type-managed-file .image-widget .image-widget-data,
.ui-dialog.media-library-widget-modal .image-widget,
.ui-dialog.media-library-widget-modal .image-widget-data,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields .field,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields .field--type-image,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields .field--name-field-media-image,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields .field--widget-image-image,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields .form-wrapper,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields .form-item,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields [class*='field-media-image'],
.ui-dialog.media-library-widget-modal [data-drupal-selector*='edit-field-media-image'] {
  background: var(--cd-brand-surface-2, #30162a) !important;
  background-color: var(--cd-brand-surface-2, #30162a) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .14) !important;
  box-shadow: none !important;
}

.ui-dialog.media-library-widget-modal .media-library-add-form__fields .image-widget-data {
  padding: 0 !important;
}

.ui-dialog.media-library-widget-modal .media-library-add-form__fields .description,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields .help-block,
.ui-dialog.media-library-widget-modal .media-library-add-form__fields .form-item__description {
  background: transparent !important;
  color: rgba(255, 255, 255, .76) !important;
}

.ui-dialog.media-library-widget-modal ul,
.ui-dialog.media-library-widget-modal ol,
.ui-dialog.media-library-widget-modal li {
  list-style: none !important;
}

.ui-dialog.media-library-widget-modal li::marker {
  content: '' !important;
}
/* CYBERDOM MEDIA LIBRARY ADD FORM POLISH END */

/* CYBERDOM GLOBAL MEDIA LIBRARY MODAL END */