/***BEGIN AvatarImagePicker.css***/
.avatar-image-picker-dialog .ms-Dialog-main {
  min-width: 520px;
  min-height: 375px; }

.avatar-section {
  position: relative;
  top: 10px; }

.avatar-image-section .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 100%;
  background: rgba(0, 0, 0, 0.20);
  background: var(--palette-black-alpha-20,rgba(0, 0, 0, 0.20)); }

.avatar-image-section .spinner {
  position: absolute;
  top: calc(50% - 13px);
  left: 21px;
  margin: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }

.avatar-input-section {
  margin-left: 30px;
  margin-top: 5px;
  flex: 1; }

.avatar-input-title {
  font-weight: normal;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }

.legal-section {
  margin-top: 95px;
  font-weight: normal;
  font-size: small;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: flex; }

.reset-link {
  position: relative;
  top: 10px;
  left: 22px;
  cursor: pointer; }

.info-icon {
  position: relative;
  bottom: 7px;
  width: 20px;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1)); }

.rounded-corners {
  border-radius: 5px; }

.avatar-persona .vss-Persona-content {
  border-radius: 3px; }

.avatar-persona > img {
  object-fit: cover; }

.error-section .bolt-messagebar-message {
  margin-right: 75px; }

.dismiss-button:hover {
  background-color: rgba(0, 0, 0, 0.10);
  background-color: var(--palette-black-alpha-10,rgba(0, 0, 0, 0.10)); }
/***END AvatarImagePicker.css***/