/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
/** @define Backdrop */
.Backdrop {
  /* Set color on root of component. It can be overridden after the @include */
  color: var(--colorsTextDefault, #141414);
  /* Make sure font-family goes across entire component */
  font-family: "Nunito Sans", sans-serif;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--colorsSurfaceInvertedStrong, #141414);
}

.Backdrop--is-open {
  display: flex;
}

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