#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);
}

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%);
  display: inline-block;
}

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 {
  font-family: Raleway, sans-serif;
  font-size: 1rem;
}

p {
  margin-bottom: 0.75rem;
}

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

textarea {
  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 {
  background-color: #020e1c !important;
  border: 0.0625rem solid rgb(211 211 211 / 15%) !important;
  overflow: visible !important;
}

.x6nJt {
  align-items: center;
  display: flex;
}

.QOPqB {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.875rem 1rem;
  text-decoration: none;
  white-space: nowrap;
}

.QOPqB.active {
  background-color: #15202d;
}

.QOPqB:hover {
  background-color: #26313d;
  transition: background-color 0.17s;
}

._49WOj {
  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;
}

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

.QFY54 {
  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;
}

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

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

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

.qaHuO .RbVN2 {
  color: rgb(128 191 255 / 90%);
}

.pF7gU {
  display: grid;
  grid-template-areas:
    "title"
    "content";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  height: calc(100% - 3em);
  overflow-y: auto;
  padding: 1.5rem 1rem;
  scrollbar-gutter: stable;
}

.mKJ9F {
  grid-area: title;
}

.Bfayf {
  grid-area: content;
}

.D5uNL {
  font-family: monospace;
}

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

.eURFi {
  flex: 1;
  margin: 2rem 0 1.5rem 0.75rem;
}

.N2TIX {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(3, 1fr);
  height: 4.5rem;
  width: 15rem;
}

.gkJF9 {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: luxy2;
  background-color: goldenrod;
  border-radius: 0.125rem;
  grid-column: 1;
  grid-row: 1;
  height: 1.5rem;
  width: 1.5rem;
}

._4dRu3 {
  align-items: center;
  border: 0.0625rem solid white;
  border-radius: 0.1875rem;
  display: flex;
  font-family: monospace;
  font-size: 0.875rem;
  grid-column: 6 / 11;
  grid-row: 1 / 4;
  height: calc(4.5rem - 2 * (0.2rem + 0.0625rem));
  line-height: 1.25;
  padding: 0.2rem 0.5rem;
  width: calc(100% - 2 * (0.5rem + 0.0625rem));
}

@keyframes luxy2 {
  from {
    width: 1.5rem;
  }

  to {
    width: 10rem;
  }
}

.N2TIX.\+YSg2 {
  height: 12.5rem;
  margin-left: 0;
  width: 12.5rem;
}

.N2TIX.\+YSg2 .gkJF9 {
  animation-name: Gb9Ao;
  height: 1.25rem;
  width: 1.25rem;
}

.N2TIX.\+YSg2 ._4dRu3 {
  height: calc(3.75rem - 2 * (0.2rem + 0.0625rem));
  padding: 0.2rem 0.3rem;
}

@keyframes Gb9Ao {
  from {
    width: 1.5rem;
  }

  to {
    width: 8rem;
  }
}