@import '../colors.css';
@import '../variables.css';
@import './config.css';

.overlay {
  background-color: var(--overlay-color);
  bottom: 0;
  height: 100vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity var(--animation-duration) var(--animation-curve-default);
  width: 100vw;

  &.active {
    opacity: var(--overlay-opacity);
    pointer-events: all;
  }
}

@import '../colors.css';
@import '../variables.css';
@import './config.css';

.overlay {
  bottom: 0;
  height: 100vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity var(--animation-duration) var(--animation-curve-default);
  width: 100vw;

  &.active {
    opacity: var(--overlay-opacity);
    pointer-events: all;
  }
}

.dark {
  background-color: var(--overlay-color);
}

Set background color as an option instead of by default
Set background color as an option instead of by default
