reach-portal,
.rlv-theme {
  --waThemeBlue: #4B7995;
  --waLightBlue: #017bb1;
  --lightblue: #127cb5;
  --lightblue-alpha: #3584ba;
  --black: #000;
  --light-black: #111;
  --light-black-alpha: rgba(0, 0, 0, 0.5);
  --lighter-black-alpha: rgba(0, 0, 0, 0.2);
  --lightest-black-alpha: rgba(0, 0, 0, 0.05);
  --grey: #767676;
  --red: #b31b1b;
  --darkred: #762425;
  --lightgrey: #ccc;
  --lighter-blue: #d3e1e8;
  --lightest-blue: #e7eff3;
  --white: #fff;
  --off-white: #fcf3e1;

  --spacing-0: 0px;
  --spacing-1: 5px;
  --spacing-2: 10px;
  --spacing-3: 15px;
  --spacing-4: 20px;

}
/* This code is subject to LICENSE in root of this repository */

/* Used to detect in JavaScript if apps have loaded styles or not. */
:root {
  --reach-dialog: 1;
}

[data-reach-dialog-overlay] {
  background: hsla(0, 0%, 0%, 0.33);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

[data-reach-dialog-content] {
  width: 50vw;
  margin: 10vh auto;
  background: white;
  padding: 2rem;
  outline: none;
}