/* Get rid of messages on front end */
.messages__wrapper {
    display: none;
  }
  
  /* Get rid of rubbish AJAX throbber */
  .ajax-progress {
    display: none !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
  }
  
  /* Make "Edit Layout" button fully visible */
  .lpb-enable {
    z-index: 1000;
  }
  
  /* This is because gin dark mode makes ckeditor text difficult to read */
  .ck {
    color: var(--bs-body-color);
  }
  
  /* Improve the ui-dialogs */
  .gin--dark-mode .ui-dialog .views-exposed-form,
  .gin--dark-mode .ui-dialog .views-form {
    padding: 0 1em;
  }
  
  .ui-dialog .description {
    color: #95a1b6;
  }
  
  .ui-dialog .form-item {
    margin: 1.4em 0;
  }
  
  .ui-dialog .btn {
    margin: 0.8em 0;
  }
  
  /* Remove add media item form from front end :( */
  #media-library-add-form-wrapper {
    display: none;
  }
  
  .js-media-library-views-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .js-media-library-views-form #media-library-messages {
    display: none;
  }
  
  .js-media-library-views-form .js-media-library-item {
    padding: 1em;
  }
  
  .js-media-library-views-form .form-checkbox {
    position: absolute;
    margin: 1em;
  }
  
  .js-media-library-views-form .js-media-library-item {
    display: flex;
    flex-direction: column;
  }
  
  .js-media-library-view .pager__items {
    display: flex;
    list-style: none;
    gap: 1em;
  }
  
  .ui-dialog-buttonset.form-actions {
    justify-content: start !important;
  }
  
  .layout-select {
    gap: 1em;
  }
  
  .lpb-form__actions {
    padding: 20px 2em;
  }