:root {
  --unidy-iframe-width: 767px;
  --unidy-iframe-transition: right 500ms ease;
  --unidy-container-background-color: rgba(0, 0, 0, 0.25);
  --unidy-iframe-background-color: white;
}

@media (max-width: 768px) {
  :root {
    --unidy-iframe-width: 90vw;
  }
}

#unidyAuthFrame {
  border: 0;
  position: absolute;
  width: var(--unidy-iframe-width);
  right: calc(var(--unidy-iframe-width) * -1);
  height: 100%;
  transition: var(--unidy-iframe-transition);
  box-shadow: -1px 0px 2px 1px rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.6);
  background-color: var(--unidy-iframe-background-color);
}

#unidyAuthFrameWrapper.active #unidyAuthFrame {
  right: 0;
}

#unidyAuthFrameWrapper {
  display: none;
  border-width: 0 1px 0 1px;
  z-index: 99998;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: var(--unidy-container-background-color);
}