@charset "UTF-8";

/* src/styles/global.scss */
:root {
  --az-navy: #003781;
  --az-blue: #006FB9;
  --az-blue-soft: #5B9DC4;
  --az-light: #E5EFF8;
  --az-bg: #F4F5F7;
  --az-border: #D1D8E0;
  --az-text: #2D3748;
  --az-muted: #6B7280;
  --az-success: #2D8659;
  --az-success-bg: #E5F3EB;
  --az-danger: #B33A3F;
  --az-danger-bg: #FDECEC;
  --az-warning: #C57F00;
  --az-warning-bg: #FBEFD9;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  background: #000;
  color: #fff;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
button {
  font-family: inherit;
}
.rotate-guard {
  display: none;
}
@media (orientation: landscape) and (pointer: coarse) {
  .rotate-guard {
    display: flex;
    position: fixed;
    inset: 0;
    z-index: 100000;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px;
    background: var(--az-navy, #003781);
    color: #fff;
  }
  imocha-root {
    display: none !important;
  }
}
.rotate-guard__icon {
  font-size: 64px;
  line-height: 1;
  animation: rotate-guard-rock 1.8s ease-in-out infinite;
}
.rotate-guard__text {
  margin-top: 18px;
  font-size: 16px;
  font-weight: 600;
  max-width: 280px;
  line-height: 1.4;
}
@keyframes rotate-guard-rock {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(90deg);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-ZR6W6XDV.css.map */