/*
  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
/** Imports all theming-related SASS files. */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/* @deprecated */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
/** THIS FILE IS AUTOGENERATED do not modify it manually. See generateDefaultThemeSassFiles.js. New slots should be added to the appropriate interfaces and defaults files. */
.thumbnailWrapper {
  position: relative;
}

.thumbnailWrapper.showGrayBackground {
  background-color: "[theme:neutralLight, default: #edebe9]";
}
:global(.spDeThemeContentPanel) .thumbnailWrapper.showGrayBackground {
  background-color: var(--colorNeutralBackground1Selected);
}

.fullWidth {
  width: 100%;
  padding-bottom: 56.25%;
}

.square {
  width: 100px;
  height: 100px;
}

.thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.thumbnail.thumbnailIcon {
  font-size: 64px;
  text-align: center;
  line-height: 100%;
}

.thumbnail.thumbnailImage .icon {
  width: 100%;
  height: 100%;
}

.thumbnail.thumbnailIconSizeImage .icon {
  width: 64px;
  height: 64px;
}

.thumbnailIconSvg {
  width: 64px;
  height: 64px;
  display: inline-flex;
  margin: auto;
  overflow: visible;
}

.spinner {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}