@import 'themes/default';

.Blitz__Wrapper {
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 1em;
  pointer-events: none;
  position: fixed;
  top: -4em;
  transition-duration: var(--timing--fade);
  transition-property: opacity, top, visibility;
  visibility: hidden;
  width: 100%;
  z-index: 15;

  &--show {
    opacity: 1;
    top: 0;
    visibility: visible;
    transition-property: opacity, top;
  }
}

.Blitz {
  --focus--color: currentColor;

  border-radius: var(--radius--med);
  box-shadow: var(--shadow--s);
  color: var(--color--invert);
  max-width: 48em;
  padding: 1em;
  pointer-events: all;
}