/** @define Mask */
.Mask.Mask--active {
  position: relative;
}

.Mask__overlay {
  align-items: center;
  cursor: not-allowed;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 799;
}
.Mask__overlay.border-radius-1 {
  border-radius: 3px;
}
.Mask__overlay.border-radius-2 {
  border-radius: 6px;
}
.Mask__overlay > * {
  cursor: auto;
}

.Mask__backdrop {
  background: var(--colorsSurfaceDefault, white);
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.85;
}

.Mask__card,
.Mask__spinner {
  position: relative;
  z-index: 99;
}

.Mask__spinner {
  display: inline-block;
  width: initial;
  margin: auto;
}

.Mask__card {
  width: 100%;
  max-width: 300px;
  margin: 16px;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
}
.Mask__card .CardSection {
  position: relative;
  padding: 24px;
}

/*# sourceMappingURL=Mask.css.map */