@import '@teambit/ui-foundation.ui.constants.z-indexes/z-indexes.module.scss';

.overlay {
  position: fixed;
  z-index: $modal-z-index - 1;
  overflow-y: auto;
  background: var(--surface-neutral-color, #fff);
  border: 1px solid var(--bit-border-color-lightest, #eaeaec);
  border-radius: 8px;
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.08),
    0 1px 3px rgba(0, 0, 0, 0.06);
  // Portaled into <body>, outside the BaseTheme wrapper that carries the
  // app font. Set the family here so descendants (MenuItems, color swatches,
  // etc.) inherit it via the global `font: inherit` reset.
  font-family: 'CircularXX', 'Gill Sans', 'Gill Sans MT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.suppressNativeMenu {
  display: none !important;
}
