/* media menu icon */
:root {
  --media-menu-item: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-image'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");
}
a[data-drupal-link-system-path="admin/content/media-grid"]:before {
  background-image: var(--media-menu-item);
}
.tabs--secondary a[data-drupal-link-system-path="admin/content/media-grid"]:before {
  background-image: none;
}
.toolbar .toolbar-bar a[data-drupal-link-system-path="admin/content/media-grid"]:before {
  -webkit-mask-image: var(--media-menu-item);
  mask-image: var(--media-menu-item);
}
.media-library-view .media-library-item .media-library-item__preview {
  padding-bottom: 0;
  display: flex;
  min-height: 220px;
  justify-content: center;
}
.media-library-view .media-library-item .media-library-item__preview img {
  margin: auto;
  display: block;
}

.view-media.view-display-id-media_page_list td.views-field-thumbnail__target-id {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  padding: 0;
  border-radius: var(--ginBorderXSmall);
  border: 1px solid var(--colorGinTableBorder);
  background: white;
  margin: 10px auto;
  overflow: hidden;
}
.views-row.media-library-item.media-library-item--grid .media-library-item__click-to-select-trigger {
  height: auto;
}
.views-row.media-library-item.media-library-item--grid .views-field-field-media-name,
.views-row.media-library-item.media-library-item--grid .views-field-field-tags {
  padding: 0.5rem;
}
.views-row.media-library-item.media-library-item--grid .views-field-field-media-name {
  padding-bottom: 0;
}
.views-row.media-library-item.media-library-item--grid .views-field-field-tags ul {
  margin: 0;
  padding: 0;
}
.views-row.media-library-item.media-library-item--grid .views-field-field-tags ul li {
  list-style: none;
  display: inline-block;
  color: var(--colorGinPrimaryActive);
  background: none;
  background: var(--colorGinPrimaryLight);
  border: none;
  border-radius: var(--ginBorderDefault);
  padding: 0.5rem 1rem 0.5rem 1rem;
  margin: 0 0.4rem 0.4rem 0;
}
.view-footer {
  margin: 1rem 1.5rem;
}
.media-library-view .media-library-item .media-library-item__preview img,
.media-library-view .media-library-item .media-library-item__preview video,
.media-library-view .media-library-item .media-library-item__preview .field img {
  position: relative;
  max-width: 200px;
  max-height: 165px;
  width: auto;
  height: auto;
}
.view-media.view-display-id-media_page_list td.views-field-thumbnail__target-id img[src*=".svg"],
.media-library-view .media-library-item .media-library-item__preview img[src*=".svg"] {
  background-color: var(--colorGinTableHeader);
  min-width: 100px;
  min-height: 100px;
}
.media-library-view .media-library-item .media-library-item__preview video {
  top: 50%;
  transform: translateY(-50%);
}
.media-library-view .media-library-item .media-library-item__preview img:focus,
.media-library-view .media-library-item .media-library-item__preview video:focus {
  box-shadow: none;
}
.media-library-view .media-library-item a.media-library-item__edit.icon-link {
  right: 1rem;
  margin: 0.5rem;
}
.views-row.media-library-item.media-library-item--grid .media-library-item__click-to-select-trigger {
  height: auto;
}
.views-row.media-library-item.media-library-item--grid .views-field-field-tags {
  padding: 0.5rem;
}