@-webkit-keyframes read-more-arrow {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}

@-o-keyframes read-more-arrow {
  0%,
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}

@keyframes read-more-arrow {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(5px, 0);
    -o-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}

@-webkit-keyframes download-hover {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }
}

@-o-keyframes download-hover {
  0%,
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }
}

@keyframes download-hover {
  0%,
  100% {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }
}

#layout-builder-modal .horizontal-tabs-panes .claro-details,
.media-library-widget-modal .horizontal-tabs-panes .claro-details,
form.media-form .horizontal-tabs-panes .claro-details {
  border: none;
}

#layout-builder-modal .horizontal-tabs-panes .claro-details .claro-details__summary,
.media-library-widget-modal .horizontal-tabs-panes .claro-details .claro-details__summary,
form.media-form .horizontal-tabs-panes .claro-details .claro-details__summary {
  display: none;
}

#layout-builder-modal ul.horizontal-tabs-list,
.media-library-widget-modal ul.horizontal-tabs-list,
form.media-form ul.horizontal-tabs-list {
  margin: 0;
  list-style: none;
}

#layout-builder-modal .fieldset,
#layout-builder-modal .fieldset,
#layout-builder-modal .form-item__description,
.media-library-widget-modal .fieldset,
.media-library-widget-modal .fieldset,
.media-library-widget-modal .form-item__description,
form.media-form .fieldset,
form.media-form .fieldset,
form.media-form .form-item__description {
  color: #fff;
  background: transparent;
}

#layout-builder-modal .views-exposed-form,
.media-library-widget-modal .views-exposed-form,
form.media-form .views-exposed-form {
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.ui-dialog.ui-dialog-buttons {
  position: fixed;
  z-index: 1261;
  width: 800px;
  height: auto;
}

.layout-builder-discard-changes.confirmation {
  margin-bottom: 60px;
}

#layout-builder-modal .tabledrag-cell,
#layout-builder-modal .tabledrag-cell-content {
  min-width: auto;
  max-width: 100%;
}

#layout-builder-modal tr,
#layout-builder-modal .draggable-table.tabledrag-disabled tr,
.media-library-widget-modal tr,
.media-library-widget-modal .draggable-table.tabledrag-disabled tr,
form.media-form tr,
form.media-form .draggable-table.tabledrag-disabled tr,
#layout-builder-modal tr:focus,
#layout-builder-modal tr:hover {
  background: transparent;
}

#layout-builder-modal .form-managed-file__meta {
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-select option:checked {
  background: #d3d3d3 !important;
}

.field-custom-class {
  overflow: hidden;
}

.field-custom-class + .search {
  display: none !important;
}

body .layout-builder .layout-builder__region > .layout-builder-block.block-inline-blockvarbase-heading-block {
  margin: auto;
  padding: 0 15px;
}

body #drupal-off-canvas-wrapper #drupal-off-canvas.ui-front .inline-block-create-button {
  padding-left: 3rem !important;
}

body #drupal-off-canvas-wrapper #drupal-off-canvas.ui-front .inline-block-create-button::before {
  left: 0.5rem;
}

#layout-builder-modal .form-required::after,
.media-library-widget-modal .form-required::after,
form.media-form .form-required::after {
  vertical-align: super;
  background-image: url(../images/required.svg);
}
