.c-file-browser__item img, .c-file-browser__item svg, .c-file-browser__item .folder-icon-preview {
  max-width: 170px;
  max-height: 110px;
}
.c-file-browser__item > svg {
  width: 80px;
  height: 80px;
}
.c-file-browser__item .folder-icon-preview {
  width: 88px;
  height: 72.16px;
  max-width: 88px;
  max-height: 72.16px;
  flex-shrink: 0;
}
.c-file-browser__item .folder-icon-preview > svg {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
.c-file-browser__item .folder-icon-preview .folder-icon-up-arrow {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12%;
  box-sizing: border-box;
  pointer-events: none;
}
.c-file-browser__item .folder-icon-preview .folder-icon-up-arrow svg {
  width: 42% !important;
  height: 42% !important;
  max-width: none !important;
  max-height: none !important;
}
.folder-items .content {
  width: 100% !important;
  flex: 0 0 var(--c-item-folder-preview-height, 88px) !important;
  height: var(--c-item-folder-preview-height, 88px) !important;
  max-height: var(--c-item-folder-preview-height, 88px) !important;
  background-color: transparent;
}
.folder-items .content img {
  max-height: 80px;
}
.folder-items .content.small-icon .folder-icon-preview {
  width: 28px;
  height: 22.96px;
  max-width: 28px;
  max-height: 22.96px;
}
.folder-items .content.small-icon .folder-icon-emoji {
  font-size: 11.76px !important;
  padding-top: 3.36px !important;
}

/* Density mode overrides fixed caps via CSS variables from ItemGrid. */
.c-item-grid--density .c-file-browser__item img, .c-item-grid--density .c-file-browser__item svg {
  max-width: 100% !important;
  max-height: var(--c-item-thumb-max, 110px) !important;
  width: auto !important;
  height: auto !important;
}
.c-item-grid--density .c-file-browser__item > svg {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: var(--c-item-thumb-max, 110px) !important;
}
.c-item-grid--density:not(.folder-items) .c-file-browser__item img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
}
.c-item-grid--density.folder-items .content {
  height: var(--c-item-folder-preview-height, 88px) !important;
}
.c-item-grid--density.folder-items .content img {
  max-height: var(--c-item-thumb-max, 80px) !important;
}
.c-item-grid--density.folder-items .content .folder-icon-preview {
  width: var(--c-item-folder-icon, 88px) !important;
  height: var(--c-item-folder-icon-h, 72px) !important;
  max-width: var(--c-item-folder-icon, 88px) !important;
  max-height: var(--c-item-folder-icon-h, 72px) !important;
}