#ember-a11y-refocus-nav-message {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ember-a11y-refocus-skip-link {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgb(0 0 0 / 75%);
  font-size: 0.75rem;
  color: #fff;
  padding: 0.25rem;
  text-decoration: none;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
}

.ember-a11y-refocus-skip-link:focus {
  transform: translateY(0);
}

/* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */
html {
  font-size: 16px;
  height: 100%;
}

body {
  background-color: #020e1c;
  color: rgb(247 252 251 / 90%);
  font-family: Raleway, sans-serif;
  font-weight: 400;
  height: 100%;
  letter-spacing: 0.03rem;
  margin: 0;
}

* {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2.25em;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

h4 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

a {
  color: rgb(245 255 250 / 88%);
}

button {
  background: transparent;
  border: 0.0625rem solid rgb(247 252 251 / 50%);
  border-radius: 0.15rem;
  color: rgb(247 252 251 / 90%);
  font-family: Raleway, sans-serif;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}

button:hover {
  background-color: rgb(255 255 255 / 22.5%);
  cursor: pointer;
  transition: background-color 0.17s;
}

input {
  background-color: #fff;
  font-family: Raleway, sans-serif;
  font-size: 1rem;
}

p {
  margin-bottom: 0.75rem;
}

select {
  background-color: #fff;
  font-family: Raleway, sans-serif;
  font-size: 1rem;
}

table {
  border-collapse: collapse;
  width: 100%;
}

textarea {
  background-color: #fff;
  font-family: Raleway, sans-serif;
  font-size: 1rem;
}

th,
td {
  border: 0.0625rem solid rgb(112 128 144 / 100%);
  padding: 0.25rem 0.5rem;
}

ul {
  list-style-type: none;
}

.input-disabled {
  background-color: #9ea4b0 !important;
  color: #546e7a !important;
  cursor: not-allowed !important;
}

#ember-testing-container {
  overflow: hidden !important;
}

#ember-testing {
  background-color: #020e1c !important;
}

.container-query {
  height: 100%;
  width: 100%;
}

.MGJkz {
  display: grid;
  grid-template-areas:
    ". header ."
    "main main main"
    ". footer .";
  grid-template-columns: 1fr minmax(auto, 75rem) 1fr;
  grid-template-rows: auto 1fr auto;
  height: 100%;
  overflow: hidden;
  width: 100vw;
}

.H48Vr {
  grid-area: header;
  min-height: 2.75rem;
  overflow-x: auto;
}

._5dUxq {
  background-color: rgb(255 255 255 / 4.5%);
  border-bottom: 0.0625rem solid rgb(211 211 211 / 15%);
  border-top: 0.0625rem solid rgb(211 211 211 / 15%);
  display: flex;
  flex: 1;
  grid-area: main;
  justify-content: center;
  overflow-y: hidden;
}

.le8FN {
  display: flex;
  flex-direction: column;
  max-width: 75rem;
  overflow-y: auto;
  width: 100%;
}

.VjYOA {
  align-items: center;
  display: flex;
  grid-area: footer;
  justify-content: center;
  min-height: 2.375rem;
}

.QrmuT {
  color: rgb(128 191 255 / 90%);
  font-size: 0.75rem;
  padding: 0.75rem 0;
}

.QrmuT a {
  color: rgb(128 191 255 / 90%);
}