/* ApsScss: aps-core@function; version: "2025.1" */
/* ApolloSCSS: aps-core@media; version: "2022.21" */
/* ApolloSCSS: aps-core@values; version: "2022.21" */
body {
  height: 100vh;
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-rows: 1fr minmax(20em, 30em) 1fr;
  grid-template-columns: 1fr min-content 1fr;
  background: url(/assets/i/brail-apollo-system.png);
}
body > main {
  grid-column: 2/3;
  grid-row: 2/3;
}

[data-aps-mod=auth] {
  --aps-auth-backgroundColor: #152a51;
  --aps-ctrl-focus-outline: dotted 2px gold;
  --aps-ctrl-focus-outline-offset: 2px;
  --aps-ctrl-font: normal 400 1.0em/1.2em "Fira Sans", sans-serif;
}
[data-aps-mod=auth] .aps-label {
  --aps-ctrl-font-color: #fff;
  --aps-ctrl-border-color: #fff;
}
[data-aps-mod=auth] .aps-text {
  --aps-ctrl-background: #f8fafd;
  --aps-ctrl-font-color: black;
}
[data-aps-mod=auth] .aps-button {
  --aps-ctrl-fill-color: #dbf8d5;
  --aps-ctrl-font-color: black;
  /*--aps-ctrl-border-color: #fff;*/
}

[data-aps-mod=auth] {
  background-color: var(--aps-auth-backgroundColor);
  width: 30em;
  padding: 1em;
}
[data-aps-mod=auth] .wrap-head {
  padding-block: 1em;
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-rows: 1fr;
  gap: 1em;
}
[data-aps-mod=auth] .wrap-head .logo img {
  border: solid 0.5em white;
  height: 4em;
}
[data-aps-mod=auth] .wrap-head .name {
  font: normal 500 1.4em/1.5em "Fira Sans Condensed", sans-serif;
  color: rgb(232, 234, 237);
}
[data-aps-mod=auth] .wrap-foot {
  padding-block: 1em;
}
[data-aps-mod=auth] .wrap-foot .poweredby svg {
  fill: rgb(207, 209, 212);
  height: 7em;
  width: 100%;
}
[data-aps-mod=auth] .wrap-foot p {
  margin-block: 0;
  font: normal 400 0.9em/1.2 "Fira Sans Condensed", sans-serif;
  color: rgb(207, 209, 212);
  text-align: center;
  padding-block: 0.37em;
}
[data-aps-mod=auth] h1 {
  font: normal 500 1.4em/1.5em Fira Sans Condensed, sans-serif;
  color: rgb(232, 234, 237);
  padding-inline: 0;
  padding-block: 0.5em;
  margin: 0;
  text-decoration: underline;
}
[data-aps-mod=auth] .field {
  padding-block: 1ch;
  display: grid;
  grid-template-rows: min-content 1fr;
  gap: 1ch;
}
[data-aps-mod=auth] .field .aps-label {
  width: 100%;
}
[data-aps-mod=auth] .field .aps-label label {
  place-self: center left;
}
[data-aps-mod=auth] .field .aps-label .svg {
  height: 100%;
  width: 2em;
}
[data-aps-mod=auth] .field .aps-text {
  height: 2em;
  width: 100%;
}
[data-aps-mod=auth] .field .aps-text input {
  padding-inline: 1ch;
}
[data-aps-mod=auth] .buttons {
  padding-top: 2em;
  padding-block: 2em;
}
[data-aps-mod=auth] .buttons .aps-button .text {
  font: var(--aps-ctrl-font);
  color: var(--aps-ctrl-font-color);
  place-self: center center;
  padding-inline: 2em;
  padding-block: 0.5em;
}
[data-aps-mod=auth] .buttons .aps-button .svg {
  display: block;
  background: var(--aps-ctrl-svg-color);
  -webkit-mask: var(--aps-ctrl-svg-url) center/var(--aps-ctrl-svg-scale-size-perc, 100%) no-repeat;
  mask: var(--aps-ctrl-svg-url) center/var(--aps-ctrl-svg-scale, 100%) no-repeat;
}
[data-aps-mod=auth] .aps-statusbar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
}