/* This code is subject to LICENSE in root of @reach/dialog repository */
/* Used to detect in JavaScript if apps have loaded styles or not. */
:root {
  --reach-dialog: 1; }

[data-reach-dialog-overlay] {
  background: rgba(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; }