.spectrum--large .spectrum-Asset-image {
  transition: opacity 130ms;
}
.spectrum--large .spectrum-Asset-folder,
.spectrum--large .spectrum-Asset-file {
  min-width: 60px;
  max-width: 80px;
  margin: 25px;
}
.spectrum-Asset {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.spectrum-Asset-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: opacity 130ms;
}
.spectrum-Asset-folder,
.spectrum-Asset-file {
  width: 100%;
  height: 100%;
  min-width: 48px;
  max-width: 80px;
  margin: 20px;
}
.spectrum--dark .spectrum-Asset-folderBackground {
  fill: rgb(74, 74, 74);
}
.spectrum--dark .spectrum-Asset-fileBackground {
  fill: rgb(37, 37, 37);
}
.spectrum--dark .spectrum-Asset-folderOutline,
.spectrum--dark .spectrum-Asset-fileOutline {
  fill: rgb(110, 110, 110);
}
.spectrum--darkest .spectrum-Asset-folderBackground {
  fill: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Asset-fileBackground {
  fill: rgb(8, 8, 8);
}
.spectrum--darkest .spectrum-Asset-folderOutline,
.spectrum--darkest .spectrum-Asset-fileOutline {
  fill: rgb(92, 92, 92);
}
.spectrum--light .spectrum-Asset-folderBackground {
  fill: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Asset-fileBackground {
  fill: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Asset-folderOutline,
.spectrum--light .spectrum-Asset-fileOutline {
  fill: rgb(179, 179, 179);
}
.spectrum--lightest .spectrum-Asset-folderBackground {
  fill: rgb(234, 234, 234);
}
.spectrum--lightest .spectrum-Asset-fileBackground {
  fill: rgb(255, 255, 255);
}
.spectrum--lightest .spectrum-Asset-folderOutline,
.spectrum--lightest .spectrum-Asset-fileOutline {
  fill: rgb(188, 188, 188);
}