* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'BR Hendrix';
  font-weight: 400;
  font-style: normal;
  src: url(.//assets/fonts/brink_-_br_hendrix_regular-webfont.woff2) format('woff2'), url(.//assets/fonts/brink_-_br_hendrix_regular-webfont.woff) format('woff'), url(.//assets/fonts/brink_-_br_hendrix_regular-webfont.ttf) format('truetype');
}
@font-face {
  font-family: 'BR Hendrix';
  font-weight: 400;
  font-style: italic;
  src: url(.//assets/fonts/brink_-_br_hendrix_regular_italic-webfont.woff2) format('woff2'), url(.//assets/fonts/brink_-_br_hendrix_regular_italic-webfont.woff) format('woff'), url(.//assets/fonts/brink_-_br_hendrix_regular_italic-webfont.ttf) format('truetype');
}
@font-face {
  font-family: 'BR Hendrix';
  font-weight: 500;
  font-style: normal;
  src: url(.//assets/fonts/brink_-_br_hendrix_medium-webfont.woff2) format('woff2'), url(.//assets/fonts/brink_-_br_hendrix_medium-webfont.woff) format('woff'), url(.//assets/fonts/brink_-_br_hendrix_medium-webfont.ttf) format('truetype');
}
@font-face {
  font-family: 'BR Hendrix';
  font-weight: 600;
  font-style: normal;
  src: url(.//assets/fonts/brink_-_br_hendrix_semibold-webfont.woff2) format('woff2'), url(.//assets/fonts/brink_-_br_hendrix_semibold-webfont.woff) format('woff'), url(.//assets/fonts/brink_-_br_hendrix_semibold-webfont.ttf) format('truetype');
}
@font-face {
  font-family: 'BR Hendrix';
  font-weight: 700;
  font-style: normal;
  src: url(.//assets/fonts/brink_-_br_hendrix_bold-webfont.woff2) format('woff2'), url(.//assets/fonts/brink_-_br_hendrix_bold-webfont.woff) format('woff'), url(.//assets/fonts/brink_-_br_hendrix_bold-webfont.ttf) format('truetype');
}
@font-face {
  font-family: 'BR Hendrix';
  font-weight: 800;
  font-style: normal;
  src: url(.//assets/fonts/brink_-_br_hendrix_black-webfont.woff2) format('woff2'), url(.//assets/fonts/brink_-_br_hendrix_black-webfont.woff) format('woff'), url(.//assets/fonts/brink_-_br_hendrix_black-webfont.ttf) format('truetype');
}
@font-face {
  font-family: 'HendrixTabular';
  font-weight: 700;
  font-style: normal;
  src: url(.//assets/fonts/brink_-_br_hendrix_bold-webfont-tabular.woff2) format('woff2'), url(.//assets/fonts/brink_-_br_hendrix_bold-webfont-tabular.woff) format('woff'), url(.//assets/fonts/brink_-_br_hendrix_bold-webfont-tabular.ttf) format('truetype');
}
@font-face {
  font-family: 'scout-icons';
  font-weight: 400;
  font-style: normal;
  src: url(.//assets/fonts/scout-icons.woff) format('woff'), url(.//assets/fonts/scout-icons.ttf) format('truetype'), url(./images/41dc932db9e3564473cfacfe6f0a670d.svg) format('svg');
}
@font-face {
  font-family: 'icons';
  font-weight: 400;
  font-style: normal;
  src: url(.//assets/fonts/icons.woff) format('woff'), url(.//assets/fonts/icons.ttf) format('truetype'), url(./images/32d6c4a0a0f07fef9d8681eb59ffaf78.svg) format('svg');
}
body,
html {
  font-family: "BR Hendrix";
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss03" on, "ss01" off, "ss02" off;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.nav-inner {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
#nav-top {
  transition: height 0.25s ease-in-out;
  position: relative;
  z-index: 100;
  width: 100%;
  height: 100px;
  line-height: 80px;
  padding: 20px 0 0;
  top: -20px;
  display: flex;
  flex-direction: row;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid #ddd;
  margin: env(safe-area-inset-top) 0 -20px;
  color: white;
  font-weight: 600;
  border: none;
  background-image: url(./images/f6d9be16d0b4c3f8edd0a2e7a6f1b73d.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
#nav-top a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#nav-top.attestation,
#nav-top.symptoms,
#nav-top.tracing,
#nav-top.diagnostics {
  height: 80px;
  line-height: 60px;
}
#nav-top.attestation #beacon-name,
#nav-top.symptoms #beacon-name,
#nav-top.tracing #beacon-name,
#nav-top.diagnostics #beacon-name {
  font-size: 18px;
  padding-left: 15px;
}
#nav-top.attestation #logobox,
#nav-top.symptoms #logobox,
#nav-top.tracing #logobox,
#nav-top.diagnostics #logobox {
  width: 60px;
  height: 60px;
}
#nav-top.attestation #logobox-bg,
#nav-top.symptoms #logobox-bg,
#nav-top.tracing #logobox-bg,
#nav-top.diagnostics #logobox-bg {
  width: 60px;
}
#nav-top.attestation #broad,
#nav-top.symptoms #broad,
#nav-top.tracing #broad,
#nav-top.diagnostics #broad {
  width: 64px;
  height: 60px;
  margin: 0 16px 0 auto;
}
#nav-top.symptoms {
  background-image: url(./images/bdc2a7c46f19f7b13abc6dc6ad9e45eb.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
#nav-top.symptoms #logobox {
  background-image: url(./images/461ceeb7a1952a6b55978341b97a33a4.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#nav-top.symptoms #beacon-name {
  color: #ee6f9a;
}
#nav-top.symptoms #broad {
  background-image: url(./images/d4671b1dde84c06e3a2629e8865aae4d.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#nav-top.tracing {
  background-image: url(./images/d29cf2404e811c798bfc745d13e76cd1.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
#nav-top.tracing #logobox {
  background-image: url(./images/21ba2b7233b7046ab8f56abed2aeb90a.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#nav-top.tracing #beacon-name {
  color: #a489ff;
}
#nav-top.tracing #broad {
  background-image: url(./images/910c8549e3e42b35ce6b29c1e2107190.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#nav-top.diagnostics {
  background-image: url(./images/4807d2461813225f66e0c8bf2f099526.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
#nav-top.diagnostics #logobox {
  background-image: url(./images/82205e31511d9c9d104f21954e0f7808.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#nav-top.diagnostics #beacon-name {
  color: #00c9a6;
}
#nav-top.diagnostics #broad {
  background-image: url(./images/211d7188fe75743b78e0d28f5919f67b.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#nav-top.attestation #logobox {
  background-image: url(./images/e193ba83d0258bdb9cef19ade5f30a8d.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#nav-top.attestation #beacon-name {
  color: #3ebbff;
}
body.gradient #nav-top #beacon-name {
  color: white;
  padding-left: 6px;
}
body.gradient #nav-top #beacon-name .module-name {
  display: none;
}
body.gradient.cleared #nav-top.attestation #logobox {
  background-image: url(./images/bcd8fab2e276f5533f809b43823d942c.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
body.gradient.not-cleared #nav-top.attestation #logobox {
  background-image: url(./images/c403e8e507f10660820da04de0206d96.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.module-name {
  color: #fff;
  margin-left: 8px;
}
#logobox-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 80px;
  height: 100%;
}
#beacon-name {
  font-size: 22px;
  font-weight: 700;
  padding-left: 20px;
}
#logobox {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  background-image: url(./images/d6d733413aef2c778e8f16f094b5106c.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0;
  padding: 0;
  z-index: 2;
  transition: all 0.25s ease-in-out;
}
.nav-p {
  font-weight: 700;
  font-size: 17px;
  margin: 17px 11px 0 0;
}
#title {
  color: white;
  flex-grow: 2;
}
#broad {
  width: 80px;
  height: 80px;
  margin: 0 20px 0 auto;
  background-image: url(./images/99102e7c661e638bf6adb14dd58f8f6d.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: auto;
}
.icon {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'icons', 'scout-icons';
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: none !important;
}
body {
  color: #3a5779;
}
#health--visualizations {
  display: flex;
  padding: 40px 64px;
  padding-right: 236px;
}
#health-section--staff {
  margin-left: 48px;
}
.health-section--wrapper {
  margin-right: 24px;
}
.health-section--wrapper h3 {
  width: 88px;
}
#health-section--students {
  width: 240px;
}
.health-section--header {
  color: white;
  font-family: "Ringside Extra Wide A", "Ringside Extra Wide B";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.03rem;
  margin-bottom: 10px;
  width: 120px;
}
#health-section--students h3 {
  margin-left: 144px;
}
#health-callouts {
  width: 248px;
  padding-top: 44px;
  margin-left: 32px;
}
.health-section--callout--headline {
  transition: color 0.15s ease-in-out;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 32px;
}
#health-callouts--positive--headline {
  color: #df546b;
}
#health-callouts--positive--headline.inactive {
  color: #4f2e3d;
}
#health-callouts--symptoms--headline {
  color: #a474f1;
}
.health-section--callout {
  margin-bottom: 15px;
  display: flex;
  font-size: 18px;
  line-height: 24px;
  padding-right: 118px;
}
#health-callouts--positive {
  padding-bottom: 48px;
  border-bottom: 1px solid #3a5779;
  margin-bottom: 64px;
}
.health-section--callout--label,
.health-section--callout--value {
  transition: color 0.15s ease-in-out;
  font-weight: 500;
  color: #949ab0;
}
.health-section--callout--label {
  flex-basis: 65%;
}
.health-section--callout--value {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" on;
  letter-spacing: -0.03rem;
  font-feature-settings: "ss03" on, "ss01" off, "ss02" off;
  margin-left: auto;
}
#health-callouts--positive--students .health-section--callout--value,
#health-callouts--positive--staff .health-section--callout--value {
  color: #df546b;
}
#health-callouts--symptoms--students .health-section--callout--value,
#health-callouts--symptoms--staff .health-section--callout--value {
  color: #a474f1;
}
#health-callouts--positive--students.inactive .health-section--callout--label,
#health-callouts--positive--staff.inactive .health-section--callout--label,
#health-callouts--symptoms--staff.inactive .health-section--callout--label,
#health-callouts--symptoms--students.inactive .health-section--callout--label,
#health-callouts--positive--students.inactive .health-section--callout--value,
#health-callouts--positive--staff.inactive .health-section--callout--value,
#health-callouts--symptoms--staff.inactive .health-section--callout--value,
#health-callouts--symptoms--students.inactive .health-section--callout--value {
  color: #293b53;
}
#health-search-sidebar {
  position: absolute;
  right: 0;
  top: 16px;
  width: 225px;
  height: 100%;
  text-align: left;
  overflow: hidden;
  pointer-events: none;
}
#health-search-sidebar .school-list {
  position: relative;
  width: 270px;
  height: 100%;
  padding-right: 50px;
  overflow-x: hidden;
  overflow-y: scroll;
  pointer-events: all;
}
#health-search-sidebar .school-list .school-list--school:last-child {
  margin-bottom: 32px;
}
.school-list {
  width: 204px;
}
.school-list--school {
  background-color: #1c293b;
  width: 100%;
  padding: 16px 16px 12px;
  margin-bottom: 8px;
  color: #3a5779;
}
.school-list--top {
  display: flex;
  height: auto;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.school-list--name {
  color: #fff;
  margin-right: 12px;
  flex-basis: 70%;
}
.school-list--size {
  display: flex;
  align-items: center;
  height: 16px;
  line-height: 16px;
  margin-left: auto;
  margin-right: -4px;
}
.school-list--size--value {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" on;
  letter-spacing: -0.03rem;
  font-feature-settings: "ss03" on, "ss01" off, "ss02" off;
}
.school-list--size--graphic {
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
.school-list--size--graphic--inner {
  background-color: #3a5779;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.school-list--bottom {
  display: flex;
  align-items: top;
}
.school-list--reporting--total {
  flex-basis: 40%;
  display: flex;
  align-items: center;
  height: 24px;
  margin-top: 6px;
  margin-bottom: 2px;
  padding-right: 12px;
  vertical-align: bottom;
}
.school-list--reporting--label {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.01rem;
}
.school-list--reporting--value {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" on;
  letter-spacing: -0.03rem;
  font-feature-settings: "ss03" on, "ss01" off, "ss02" off;
  color: #007ec8;
}
.school-list--donut {
  width: 32px;
  margin-right: 8px;
}
.school-list--donut .donut-ring {
  stroke: #1d3d5b;
}
.school-list--donut .donut-segment {
  stroke: #176ca9;
}
.school-list--positive-wrapper {
  flex-basis: 60%;
  height: 32px;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.01rem;
  text-align: right;
  padding-right: 4px;
}
.school-list--positive--students.positive,
.school-list--positive--staff.positive {
  color: #df546b;
}
.school-list--positive--students .icon,
.school-list--positive--staff .icon {
  font-size: 7px;
  margin-right: -2px;
}
.school-list--positive--value {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" on;
  letter-spacing: -0.03rem;
  font-feature-settings: "ss03" on, "ss01" off, "ss02" off;
  margin-left: 8px;
}