.gin-entity-browser .entity-browser-form .view-content {
  display: inline-block !important;
}
.paragraphs-browser-wrapper fieldset:not(.fieldgroup) {
  padding: 15px 25px 75px;
}

.paragraphs-browser-wrapper fieldset input {
  transform: translate(-50%,-110%);
}

.ui-widget.ui-widget-content {
  position: fixed;
  top: 5% !important;
  max-height: 90%;
  overflow: auto !important;
}

.ui-widget.ui-widget-content .paragraphs-add-dialog {
  overflow: auto;
}

.view-icons-media-browser .views-field-field-media-image img,
  article.media--type-icon img {
    background-color: black;
    padding: 4px;
  }

/**
 * Reskinning Nested Paragraph Blocks for Visibility
 *
 * The Gin Theme (inherited from Claro) does not yet treat nested blocks quite properly.
 *  This requires a bit of cleanup within the form display, the drag-drop button, and
 *  the width of the Paragraph's subform blocks when already IN a subform.
 *
 * See https://taoti.teamwork.com/#/tasks/34260335
 */
@media screen and (max-width: 1024px) {
  .js .field--widget-paragraphs .draggable .tabledrag-handle {
    min-width: 25px;
  }
  .paragraphs-tabs-wrapper .paragraphs-subform .paragraphs-subform {
    max-width: 60vw;
  }
}
@media (min-width: 1359px) and (max-width: 1700px) {
  .js .field--widget-paragraphs .draggable .tabledrag-handle {
    min-width: 25px;
  }
  .paragraphs-tabs-wrapper .paragraphs-subform {
    max-width: 22vw;
  }
  .paragraphs-tabs-wrapper .paragraphs-subform .paragraphs-subform {
    max-width: 22vw;
  }
}

@media (min-width: 1023px) and (max-width: 1200px) {
  .js .field--widget-paragraphs .draggable .tabledrag-handle {
    min-width: 25px;
  }
  .paragraphs-tabs-wrapper .paragraphs-subform .paragraphs-subform {
    max-width: 30vw;
  }
  .js .paragraph-type-top {
    justify-content: start;
  }
}