@charset "UTF-8";
.font-handwritten {
  font-family: "Rock Salt", cursive;
  font-weight: 400;
  font-style: normal; }

.theme-dark, .theme-light .invert {
  --alpha-maximize05: rgba(0, 0, 0, 0.05);
  --alpha-maximize10: rgba(0, 0, 0, 0.1);
  --alpha-maximize15: rgba(0, 0, 0, 0.15);
  --alpha-maximize25: rgba(0, 0, 0, 0.25);
  --alpha-maximize50: rgba(0, 0, 0, 0.5);
  --alpha-maximize75: rgba(0, 0, 0, 0.75);
  --alpha-minimize05: rgba(255, 255, 255, 0.05);
  --alpha-minimize10: rgba(255, 255, 255, 0.1);
  --alpha-minimize15: rgba(255, 255, 255, 0.15);
  --alpha-minimize25: rgba(255, 255, 255, 0.25);
  --alpha-minimize50: rgba(255, 255, 255, 0.5);
  --alpha-minimize75: rgba(255, 255, 255, 0.75); }

.theme-light, .theme-dark .invert {
  --alpha-minimize05: rgba(0, 0, 0, 0.05);
  --alpha-minimize10: rgba(0, 0, 0, 0.1);
  --alpha-minimize15: rgba(0, 0, 0, 0.15);
  --alpha-minimize25: rgba(0, 0, 0, 0.25);
  --alpha-minimize50: rgba(0, 0, 0, 0.5);
  --alpha-minimize75: rgba(0, 0, 0, 0.75);
  --alpha-maximize05: rgba(255, 255, 255, 0.05);
  --alpha-maximize10: rgba(255, 255, 255, 0.1);
  --alpha-maximize15: rgba(255, 255, 255, 0.15);
  --alpha-maximize25: rgba(255, 255, 255, 0.25);
  --alpha-maximize50: rgba(255, 255, 255, 0.5);
  --alpha-maximize75: rgba(255, 255, 255, 0.75); }

.theme-light,
.theme-dark .invert {
  --body: #fff;
  --body-text: #112;
  --body-action: #1a82c1;
  --body-action-text: #fff;
  --body-action-hover: #39a3e3;
  --body-action-active: #39a3e3;
  --body-border: #999;
  --body-minimize: #999;
  --modal: #efefef;
  --neutral: #eee6d4;
  --neutral-action: #1a82c1;
  --neutral-active: #39a3e3;
  --neutral-hilite: #c07624;
  --neutral-hover: #F7EFDC;
  --neutral-text: #112;
  --neutral-text-active: #fff;
  --neutral-text-hover: #112;
  --accent: #2fbcae;
  --accent-text: #fff;
  --accent-line: #2fbcae;
  --body-th: #2fbcae;
  --body-th-text: #fff; }

.theme-dark,
.theme-light .invert {
  --body: #18191a;
  --body-text: #ddd;
  --body-action: #1a82c1;
  --body-action-text: #fff;
  --body-action-hover: #39a3e3;
  --body-action-active: #39a3e3;
  --body-border: #38393a;
  --body-minimize: #999;
  --modal: #222325;
  --neutral: #403E39;
  --neutral-action: #1a82c1;
  --neutral-active: #39a3e3;
  --neutral-hilite: #c07624;
  --neutral-hover: #837F75;
  --neutral-text: #fee;
  --neutral-text-active: #39a3e3;
  --neutral-text-hover: #39a3e3;
  --body-th: #2fbcae;
  --body-th-text: #FFF;
  --accent: #2fbcae;
  --accent-text: #FFF;
  --accent-line: #2fbcae; }

:root {
  --accent: #2fbcae;
  --body-action: #1a82c1;
  --hilite: #c07624;
  --hilite-text: #fff;
  --hilite-action-hover: #f9b729;
  --hilite-action-active: #39a3e3;
  --warn: #ff9f34;
  --warn-text: #161b15;
  --warn-border: #9f5b0f;
  --error: #d8241b;
  --error-text: #fff;
  --error-border: #a0221c;
  --info: #dec;
  --info-text: #112;
  --info-border: #b2a588;
  --font-family: "Nunito", sans-serif;
  --rounding-radius: 3px;
  --border-width: 2px;
  --navbar: #232220;
  --navbar-action: #1a82c1;
  --navbar-action-active: #39a3e3;
  --navbar-action-hover: #39a3e3;
  --navbar-hover: #403E39;
  --navbar-height: 4rem;
  --navbar-line: #38393a;
  --navbar-text: #ddd; }

body {
  background-color: #18191a; }

.hero-size {
  max-height: 80vh;
  height: 80vh;
  width: 100%; }

.bghero {
  position: absolute;
  top: 0;
  padding-top: calc(var(--navbar-height) + 4rem); }

* {
  box-sizing: border-box; }

html {
  line-height: unset; }

html, body {
  height: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: var(--font-family), sans-serif;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0; }
  html :focus, body :focus {
    outline: 0;
    box-shadow: none; }

body {
  margin-top: var(--navbar-height); }
  body #root {
    min-height: calc(100vh - var(--navbar-height));
    display: flex;
    flex-direction: column; }
    body #root #body {
      flex: 1; }
    body #root #footer {
      flex: 0;
      flex-shrink: 0; }

b,
strong {
  font-weight: 600; }

p {
  margin-top: 1rem; }

a,
button,
.action {
  cursor: pointer;
  text-decoration: none; }

select {
  cursor: context-menu; }

svg text {
  font: bold 10pt 'Nunito';
  fill: var(--body-text); }

table {
  border-spacing: 0;
  border-collapse: collapse; }

table.pad1 tr:not(.expand) td,
table.pad1 th {
  padding: 0.25rem 0.5rem; }

table.pad2 tr:not(.expand) td,
table.pad2 th {
  padding: 0.5rem 0.75rem; }

table.alternating tr:nth-child(even) {
  background-color: var(--alpha-minimize10);
  fill: var(--alpha-minimize10); }

table.list tr:not(.no-hover):hover > td {
  background-color: var(--alpha-minimize10);
  fill: var(--alpha-minimize10); }

table.list th {
  text-align: left; }

#news-cards .news-card {
  overflow: hidden;
  max-height: 26rem;
  width: 20rem; }
  #news-cards .news-card .img {
    height: 13.33333rem !important;
    width: 100%; }
    #news-cards .news-card .img img {
      width: 20rem; }
  #news-cards .news-card .card-body {
    margin-bottom: 10px; }
  #news-cards .news-card .card-date {
    font-size: 12px;
    margin-top: 10px;
    text-transform: uppercase; }
  #news-cards .news-card .card-title {
    height: 6rem;
    overflow: hidden;
    line-height: 30px; }

#news-ticker .news-card, #news-cards .news-card {
  color: white;
  border: solid 1px;
  border-color: var(--alpha-minimize25);
  overflow: hidden; }
  #news-ticker .news-card:hover, #news-cards .news-card:hover {
    border-color: var(--body-action-hover); }
  #news-ticker .news-card .img, #news-cards .news-card .img {
    overflow: hidden; }
    #news-ticker .news-card .img img, #news-cards .news-card .img img {
      object-fit: cover; }
  #news-ticker .news-card .content, #news-cards .news-card .content {
    width: 100%;
    height: 100%;
    color: black;
    background: white;
    padding: 0.5rem 1rem; }

#news-ticker .news-card {
  max-width: 20rem;
  max-height: 6rem;
  height: 6rem;
  width: 20rem;
  display: flex;
  align-items: center; }
  #news-ticker .news-card .img {
    max-width: 6rem;
    min-width: 6rem;
    max-height: 6rem; }
    #news-ticker .news-card .img img {
      height: 6rem; }

.news-tabs a {
  background-color: gray; }

.background {
  background-color: #000;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: inherit;
  background-size: cover;
  margin: 0; }
  .background img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: opacity 3s ease-in-out;
    height: 100%;
    width: 100%; }
    .background img.s3by2 {
      height: auto;
      width: 100%; }
      @media screen and (max-aspect-ratio: 3/2) {
        .background img.s3by2 {
          height: 100%;
          width: auto; } }
    .background img.s16by9 {
      height: auto;
      width: 100; }
      @media screen and (max-aspect-ratio: 16/9) {
        .background img.s16by9 {
          height: 100%;
          width: auto; } }
.bg-wrapper {
  overflow: hidden; }

.base-buttons, .base-navbar, .onav .menu-items, .onav, .navmenu, .base-body, .base-frame, .base-accent {
  /*
  button variants/supported combos:

   action(default) — action BG
   neutral — grays
   clear — no BG, like body text, until you hover then it's a button
   border — inverted from action, with the action color as a border, and a solid BG
   border clear — same as border, but with a clear/transparent BG
   card — "action card" styled. Similar to action, but with the expectation of
          text and things. Maybe not necessary as a separate class.
   pill - fully rounded borders

  With add-ons:

   + danger — when hovering add more scare to it
   + disabled
   + medium
   + large

  // can we just use one class?
  button,
  .button,
  a.button,
  button:visited,
  .button:visited,
  a.button:visited {
  */ }
  .base-buttons button, .base-navbar button, .onav .menu-items button, .onav button, .navmenu button, .base-body button, .base-frame button, .base-accent button,
  .base-buttons .button,
  .base-buttons .onavbut,
  .base-navbar .button,
  .onav .button,
  .base-navbar .onavbut,
  .onav .onavbut,
  .navmenu .button,
  .navmenu .onavbut,
  .base-body .button,
  .base-body .onavbut,
  .base-frame .button,
  .base-frame .onavbut,
  .base-accent .button,
  .base-accent .onavbut {
    background-color: inherit;
    border-style: solid;
    border-color: transparent;
    background-color: var(--body-action);
    color: var(--body-action-text); }
    .base-buttons button:not(.unborder), .base-navbar button:not(.unborder), .onav button:not(.unborder), .navmenu button:not(.unborder), .base-body button:not(.unborder), .base-frame button:not(.unborder), .base-accent button:not(.unborder),
    .base-buttons .button:not(.unborder),
    .base-buttons .onavbut:not(.unborder),
    .base-navbar .button:not(.unborder),
    .onav .button:not(.unborder),
    .base-navbar .onavbut:not(.unborder),
    .onav .onavbut:not(.unborder),
    .navmenu .button:not(.unborder),
    .navmenu .onavbut:not(.unborder),
    .base-body .button:not(.unborder),
    .base-body .onavbut:not(.unborder),
    .base-frame .button:not(.unborder),
    .base-frame .onavbut:not(.unborder),
    .base-accent .button:not(.unborder),
    .base-accent .onavbut:not(.unborder) {
      border-width: var(--border-width);
      border-radius: var(--rounding-radius); }
    .base-buttons button.pill, .base-navbar button.pill, .onav button.pill, .navmenu button.pill, .base-body button.pill, .base-frame button.pill, .base-accent button.pill,
    .base-buttons .button.pill,
    .base-buttons .pill.onavbut,
    .base-navbar .button.pill,
    .onav .button.pill,
    .base-navbar .pill.onavbut,
    .onav .pill.onavbut,
    .navmenu .button.pill,
    .navmenu .pill.onavbut,
    .base-body .button.pill,
    .base-body .pill.onavbut,
    .base-frame .button.pill,
    .base-frame .pill.onavbut,
    .base-accent .button.pill,
    .base-accent .pill.onavbut {
      border-radius: 100vh; }
    .base-buttons button:hover, .base-navbar button:hover, .onav button:hover, .navmenu button:hover, .base-body button:hover, .base-frame button:hover, .base-accent button:hover,
    .base-buttons .button:hover,
    .base-buttons .onavbut:hover,
    .base-navbar .button:hover,
    .onav .button:hover,
    .base-navbar .onavbut:hover,
    .onav .onavbut:hover,
    .navmenu .button:hover,
    .navmenu .onavbut:hover,
    .base-body .button:hover,
    .base-body .onavbut:hover,
    .base-frame .button:hover,
    .base-frame .onavbut:hover,
    .base-accent .button:hover,
    .base-accent .onavbut:hover {
      background-color: var(--body-action-hover);
      border-color: var(--body-action-hover);
      color: var(--body-action-text); }
    .base-buttons button:active, .base-navbar button:active, .onav button:active, .navmenu button:active, .base-body button:active, .base-frame button:active, .base-accent button:active,
    .base-buttons .button:active,
    .base-buttons .onavbut:active,
    .base-navbar .button:active,
    .onav .button:active,
    .base-navbar .onavbut:active,
    .onav .onavbut:active,
    .navmenu .button:active,
    .navmenu .onavbut:active,
    .base-body .button:active,
    .base-body .onavbut:active,
    .base-frame .button:active,
    .base-frame .onavbut:active,
    .base-accent .button:active,
    .base-accent .onavbut:active {
      background-color: var(--body-action-active);
      border-color: var(--body-action-active);
      color: var(--body-action-text); }
    .base-buttons button:disabled, .base-navbar button:disabled, .onav button:disabled, .navmenu button:disabled, .base-body button:disabled, .base-frame button:disabled, .base-accent button:disabled, .base-buttons button.disabled, .base-navbar button.disabled, .onav button.disabled, .navmenu button.disabled, .base-body button.disabled, .base-frame button.disabled, .base-accent button.disabled,
    .base-buttons .button:disabled,
    .base-buttons .onavbut:disabled,
    .base-navbar .button:disabled,
    .onav .button:disabled,
    .base-navbar .onavbut:disabled,
    .onav .onavbut:disabled,
    .navmenu .button:disabled,
    .navmenu .onavbut:disabled,
    .base-body .button:disabled,
    .base-body .onavbut:disabled,
    .base-frame .button:disabled,
    .base-frame .onavbut:disabled,
    .base-accent .button:disabled,
    .base-accent .onavbut:disabled,
    .base-buttons .button.disabled,
    .base-buttons .disabled.onavbut,
    .base-navbar .button.disabled,
    .onav .button.disabled,
    .base-navbar .disabled.onavbut,
    .onav .disabled.onavbut,
    .navmenu .button.disabled,
    .navmenu .disabled.onavbut,
    .base-body .button.disabled,
    .base-body .disabled.onavbut,
    .base-frame .button.disabled,
    .base-frame .disabled.onavbut,
    .base-accent .button.disabled,
    .base-accent .disabled.onavbut {
      background-color: var(--neutral);
      border-color: var(--neutral);
      color: var(--neutral-text);
      cursor: not-allowed; }
    .base-buttons button.action, .base-navbar button.action, .onav button.action, .navmenu button.action, .base-body button.action, .base-frame button.action, .base-accent button.action,
    .base-buttons .button.action,
    .base-buttons .action.onavbut,
    .base-navbar .button.action,
    .onav .button.action,
    .base-navbar .action.onavbut,
    .onav .action.onavbut,
    .navmenu .button.action,
    .navmenu .action.onavbut,
    .base-body .button.action,
    .base-body .action.onavbut,
    .base-frame .button.action,
    .base-frame .action.onavbut,
    .base-accent .button.action,
    .base-accent .action.onavbut {
      /* note: breaking rots ... but libreon? */ }
      .base-buttons button.action:hover, .base-navbar button.action:hover, .onav button.action:hover, .navmenu button.action:hover, .base-body button.action:hover, .base-frame button.action:hover, .base-accent button.action:hover,
      .base-buttons .button.action:hover,
      .base-buttons .action.onavbut:hover,
      .base-navbar .button.action:hover,
      .onav .button.action:hover,
      .base-navbar .action.onavbut:hover,
      .onav .action.onavbut:hover,
      .navmenu .button.action:hover,
      .navmenu .action.onavbut:hover,
      .base-body .button.action:hover,
      .base-body .action.onavbut:hover,
      .base-frame .button.action:hover,
      .base-frame .action.onavbut:hover,
      .base-accent .button.action:hover,
      .base-accent .action.onavbut:hover {
        background-color: var(--body-action-hover);
        color: var(--body-action-text); }
    .base-buttons button.neutral, .base-navbar button.neutral, .onav button.neutral, .navmenu button.neutral, .base-body button.neutral, .base-frame button.neutral, .base-accent button.neutral,
    .base-buttons .button.neutral,
    .base-buttons .neutral.onavbut,
    .base-navbar .button.neutral,
    .onav .button.neutral,
    .base-navbar .neutral.onavbut,
    .onav .neutral.onavbut,
    .navmenu .button.neutral,
    .navmenu .neutral.onavbut,
    .base-body .button.neutral,
    .base-body .neutral.onavbut,
    .base-frame .button.neutral,
    .base-frame .neutral.onavbut,
    .base-accent .button.neutral,
    .base-accent .neutral.onavbut {
      color: var(--neutral-text);
      background-color: var(--neutral);
      border-color: var(--neutral); }
      .base-buttons button.neutral:hover, .base-navbar button.neutral:hover, .onav button.neutral:hover, .navmenu button.neutral:hover, .base-body button.neutral:hover, .base-frame button.neutral:hover, .base-accent button.neutral:hover,
      .base-buttons .button.neutral:hover,
      .base-buttons .neutral.onavbut:hover,
      .base-navbar .button.neutral:hover,
      .onav .button.neutral:hover,
      .base-navbar .neutral.onavbut:hover,
      .onav .neutral.onavbut:hover,
      .navmenu .button.neutral:hover,
      .navmenu .neutral.onavbut:hover,
      .base-body .button.neutral:hover,
      .base-body .neutral.onavbut:hover,
      .base-frame .button.neutral:hover,
      .base-frame .neutral.onavbut:hover,
      .base-accent .button.neutral:hover,
      .base-accent .neutral.onavbut:hover {
        background-color: var(--neutral-hover);
        border-color: var(--neutral-hover); }
      .base-buttons button.neutral:active, .base-navbar button.neutral:active, .onav button.neutral:active, .navmenu button.neutral:active, .base-body button.neutral:active, .base-frame button.neutral:active, .base-accent button.neutral:active,
      .base-buttons .button.neutral:active,
      .base-buttons .neutral.onavbut:active,
      .base-navbar .button.neutral:active,
      .onav .button.neutral:active,
      .base-navbar .neutral.onavbut:active,
      .onav .neutral.onavbut:active,
      .navmenu .button.neutral:active,
      .navmenu .neutral.onavbut:active,
      .base-body .button.neutral:active,
      .base-body .neutral.onavbut:active,
      .base-frame .button.neutral:active,
      .base-frame .neutral.onavbut:active,
      .base-accent .button.neutral:active,
      .base-accent .neutral.onavbut:active {
        background-color: var(--neutral-active);
        border-color: var(--neutral-active); }
    .base-buttons button.clear, .base-navbar button.clear, .onav button.clear, .navmenu button.clear, .base-body button.clear, .base-frame button.clear, .base-accent button.clear,
    .base-buttons .button.clear,
    .base-buttons .clear.onavbut,
    .base-navbar .button.clear,
    .onav .button.clear,
    .base-navbar .clear.onavbut,
    .onav .clear.onavbut,
    .navmenu .button.clear,
    .navmenu .clear.onavbut,
    .base-body .button.clear,
    .base-body .clear.onavbut,
    .base-frame .button.clear,
    .base-frame .clear.onavbut,
    .base-accent .button.clear,
    .base-accent .clear.onavbut {
      color: inherit;
      background-color: transparent;
      border-color: transparent; }
      .base-buttons button.clear:hover, .base-navbar button.clear:hover, .onav button.clear:hover, .navmenu button.clear:hover, .base-body button.clear:hover, .base-frame button.clear:hover, .base-accent button.clear:hover,
      .base-buttons .button.clear:hover,
      .base-buttons .clear.onavbut:hover,
      .base-navbar .button.clear:hover,
      .onav .button.clear:hover,
      .base-navbar .clear.onavbut:hover,
      .onav .clear.onavbut:hover,
      .navmenu .button.clear:hover,
      .navmenu .clear.onavbut:hover,
      .base-body .button.clear:hover,
      .base-body .clear.onavbut:hover,
      .base-frame .button.clear:hover,
      .base-frame .clear.onavbut:hover,
      .base-accent .button.clear:hover,
      .base-accent .clear.onavbut:hover {
        background-color: var(--neutral-hover);
        color: var(--neutral-text);
        border-color: var(--neutral-hover); }
      .base-buttons button.clear:active, .base-navbar button.clear:active, .onav button.clear:active, .navmenu button.clear:active, .base-body button.clear:active, .base-frame button.clear:active, .base-accent button.clear:active,
      .base-buttons .button.clear:active,
      .base-buttons .clear.onavbut:active,
      .base-navbar .button.clear:active,
      .onav .button.clear:active,
      .base-navbar .clear.onavbut:active,
      .onav .clear.onavbut:active,
      .navmenu .button.clear:active,
      .navmenu .clear.onavbut:active,
      .base-body .button.clear:active,
      .base-body .clear.onavbut:active,
      .base-frame .button.clear:active,
      .base-frame .clear.onavbut:active,
      .base-accent .button.clear:active,
      .base-accent .clear.onavbut:active {
        background-color: var(--neutral-active);
        color: var(--neutral-text);
        border-color: var(--neutral-active); }
    .base-buttons button.border, .base-navbar button.border, .onav button.border, .navmenu button.border, .base-body button.border, .base-frame button.border, .base-accent button.border,
    .base-buttons .button.border,
    .base-buttons .border.onavbut,
    .base-navbar .button.border,
    .onav .button.border,
    .base-navbar .border.onavbut,
    .onav .border.onavbut,
    .navmenu .button.border,
    .navmenu .border.onavbut,
    .base-body .button.border,
    .base-body .border.onavbut,
    .base-frame .button.border,
    .base-frame .border.onavbut,
    .base-accent .button.border,
    .base-accent .border.onavbut {
      border: solid var(--border-width);
      background-color: inherit;
      color: var(--body-text);
      border-color: var(--body-text); }
      .base-buttons button.border.clear, .base-navbar button.border.clear, .onav button.border.clear, .navmenu button.border.clear, .base-body button.border.clear, .base-frame button.border.clear, .base-accent button.border.clear,
      .base-buttons .button.border.clear,
      .base-buttons .border.clear.onavbut,
      .base-navbar .button.border.clear,
      .onav .button.border.clear,
      .base-navbar .border.clear.onavbut,
      .onav .border.clear.onavbut,
      .navmenu .button.border.clear,
      .navmenu .border.clear.onavbut,
      .base-body .button.border.clear,
      .base-body .border.clear.onavbut,
      .base-frame .button.border.clear,
      .base-frame .border.clear.onavbut,
      .base-accent .button.border.clear,
      .base-accent .border.clear.onavbut {
        background-color: transparent; }
      .base-buttons button.border.action, .base-navbar button.border.action, .onav button.border.action, .navmenu button.border.action, .base-body button.border.action, .base-frame button.border.action, .base-accent button.border.action,
      .base-buttons .button.border.action,
      .base-buttons .border.action.onavbut,
      .base-navbar .button.border.action,
      .onav .button.border.action,
      .base-navbar .border.action.onavbut,
      .onav .border.action.onavbut,
      .navmenu .button.border.action,
      .navmenu .border.action.onavbut,
      .base-body .button.border.action,
      .base-body .border.action.onavbut,
      .base-frame .button.border.action,
      .base-frame .border.action.onavbut,
      .base-accent .button.border.action,
      .base-accent .border.action.onavbut {
        border-color: var(--body-action);
        color: var(--body-action); }
      .base-buttons button.border:hover:not(:active), .base-navbar button.border:hover:not(:active), .onav button.border:hover:not(:active), .navmenu button.border:hover:not(:active), .base-body button.border:hover:not(:active), .base-frame button.border:hover:not(:active), .base-accent button.border:hover:not(:active),
      .base-buttons .button.border:hover:not(:active),
      .base-buttons .border.onavbut:hover:not(:active),
      .base-navbar .button.border:hover:not(:active),
      .onav .button.border:hover:not(:active),
      .base-navbar .border.onavbut:hover:not(:active),
      .onav .border.onavbut:hover:not(:active),
      .navmenu .button.border:hover:not(:active),
      .navmenu .border.onavbut:hover:not(:active),
      .base-body .button.border:hover:not(:active),
      .base-body .border.onavbut:hover:not(:active),
      .base-frame .button.border:hover:not(:active),
      .base-frame .border.onavbut:hover:not(:active),
      .base-accent .button.border:hover:not(:active),
      .base-accent .border.onavbut:hover:not(:active) {
        border-color: var(--body-action-hover);
        color: var(--body-action-hover); }
      .base-buttons button.border.action, .base-navbar button.border.action, .onav button.border.action, .navmenu button.border.action, .base-body button.border.action, .base-frame button.border.action, .base-accent button.border.action,
      .base-buttons .button.border.action,
      .base-buttons .border.action.onavbut,
      .base-navbar .button.border.action,
      .onav .button.border.action,
      .base-navbar .border.action.onavbut,
      .onav .border.action.onavbut,
      .navmenu .button.border.action,
      .navmenu .border.action.onavbut,
      .base-body .button.border.action,
      .base-body .border.action.onavbut,
      .base-frame .button.border.action,
      .base-frame .border.action.onavbut,
      .base-accent .button.border.action,
      .base-accent .border.action.onavbut {
        background-color: inherit; }
        .base-buttons button.border.action:hover:not(:active), .base-navbar button.border.action:hover:not(:active), .onav button.border.action:hover:not(:active), .navmenu button.border.action:hover:not(:active), .base-body button.border.action:hover:not(:active), .base-frame button.border.action:hover:not(:active), .base-accent button.border.action:hover:not(:active),
        .base-buttons .button.border.action:hover:not(:active),
        .base-buttons .border.action.onavbut:hover:not(:active),
        .base-navbar .button.border.action:hover:not(:active),
        .onav .button.border.action:hover:not(:active),
        .base-navbar .border.action.onavbut:hover:not(:active),
        .onav .border.action.onavbut:hover:not(:active),
        .navmenu .button.border.action:hover:not(:active),
        .navmenu .border.action.onavbut:hover:not(:active),
        .base-body .button.border.action:hover:not(:active),
        .base-body .border.action.onavbut:hover:not(:active),
        .base-frame .button.border.action:hover:not(:active),
        .base-frame .border.action.onavbut:hover:not(:active),
        .base-accent .button.border.action:hover:not(:active),
        .base-accent .border.action.onavbut:hover:not(:active) {
          background-color: var(--body-action-hover);
          color: var(--body-action-text); }
      .base-buttons button.border:active, .base-navbar button.border:active, .onav button.border:active, .navmenu button.border:active, .base-body button.border:active, .base-frame button.border:active, .base-accent button.border:active,
      .base-buttons .button.border:active,
      .base-buttons .border.onavbut:active,
      .base-navbar .button.border:active,
      .onav .button.border:active,
      .base-navbar .border.onavbut:active,
      .onav .border.onavbut:active,
      .navmenu .button.border:active,
      .navmenu .border.onavbut:active,
      .base-body .button.border:active,
      .base-body .border.onavbut:active,
      .base-frame .button.border:active,
      .base-frame .border.onavbut:active,
      .base-accent .button.border:active,
      .base-accent .border.onavbut:active {
        color: var(--body-action-active);
        border-color: var(--body-action-active);
        background-color: inherit; }
      .base-buttons button.border:disabled, .base-navbar button.border:disabled, .onav button.border:disabled, .navmenu button.border:disabled, .base-body button.border:disabled, .base-frame button.border:disabled, .base-accent button.border:disabled, .base-buttons button.border.disabled, .base-navbar button.border.disabled, .onav button.border.disabled, .navmenu button.border.disabled, .base-body button.border.disabled, .base-frame button.border.disabled, .base-accent button.border.disabled,
      .base-buttons .button.border:disabled,
      .base-buttons .border.onavbut:disabled,
      .base-navbar .button.border:disabled,
      .onav .button.border:disabled,
      .base-navbar .border.onavbut:disabled,
      .onav .border.onavbut:disabled,
      .navmenu .button.border:disabled,
      .navmenu .border.onavbut:disabled,
      .base-body .button.border:disabled,
      .base-body .border.onavbut:disabled,
      .base-frame .button.border:disabled,
      .base-frame .border.onavbut:disabled,
      .base-accent .button.border:disabled,
      .base-accent .border.onavbut:disabled,
      .base-buttons .button.border.disabled,
      .base-buttons .border.disabled.onavbut,
      .base-navbar .button.border.disabled,
      .onav .button.border.disabled,
      .base-navbar .border.disabled.onavbut,
      .onav .border.disabled.onavbut,
      .navmenu .button.border.disabled,
      .navmenu .border.disabled.onavbut,
      .base-body .button.border.disabled,
      .base-body .border.disabled.onavbut,
      .base-frame .button.border.disabled,
      .base-frame .border.disabled.onavbut,
      .base-accent .button.border.disabled,
      .base-accent .border.disabled.onavbut {
        color: var(--neutral);
        border-color: var(--neutral); }
    .base-buttons button.danger:hover, .base-navbar button.danger:hover, .onav button.danger:hover, .navmenu button.danger:hover, .base-body button.danger:hover, .base-frame button.danger:hover, .base-accent button.danger:hover,
    .base-buttons .button.danger:hover,
    .base-buttons .danger.onavbut:hover,
    .base-navbar .button.danger:hover,
    .onav .button.danger:hover,
    .base-navbar .danger.onavbut:hover,
    .onav .danger.onavbut:hover,
    .navmenu .button.danger:hover,
    .navmenu .danger.onavbut:hover,
    .base-body .button.danger:hover,
    .base-body .danger.onavbut:hover,
    .base-frame .button.danger:hover,
    .base-frame .danger.onavbut:hover,
    .base-accent .button.danger:hover,
    .base-accent .danger.onavbut:hover {
      background-color: var(--error);
      border-color: var(--error);
      color: var(--error-text); }
    .base-buttons button.medium, .base-navbar button.medium, .onav button.medium, .navmenu button.medium, .base-body button.medium, .base-frame button.medium, .base-accent button.medium,
    .base-buttons .button.medium,
    .base-buttons .medium.onavbut,
    .base-navbar .button.medium,
    .onav .button.medium,
    .base-navbar .medium.onavbut,
    .onav .medium.onavbut,
    .navmenu .button.medium,
    .navmenu .medium.onavbut,
    .base-body .button.medium,
    .base-body .medium.onavbut,
    .base-frame .button.medium,
    .base-frame .medium.onavbut,
    .base-accent .button.medium,
    .base-accent .medium.onavbut {
      padding: 0.25rem 0.75rem 0.25rem 0.75rem; }
    .base-buttons button.large, .base-navbar button.large, .onav button.large, .navmenu button.large, .base-body button.large, .base-frame button.large, .base-accent button.large,
    .base-buttons .button.large,
    .base-buttons .large.onavbut,
    .base-navbar .button.large,
    .onav .button.large,
    .base-navbar .large.onavbut,
    .onav .large.onavbut,
    .navmenu .button.large,
    .navmenu .large.onavbut,
    .base-body .button.large,
    .base-body .large.onavbut,
    .base-frame .button.large,
    .base-frame .large.onavbut,
    .base-accent .button.large,
    .base-accent .large.onavbut {
      padding: 0.5rem 1rem 0.5rem 1rem; }

.base-body .bg-action, .base-frame .bg-action, .base-accent .bg-action {
  background-color: var(--body-action);
  color: var(--body-action-text); }

.base-body .action:not(.button):not(.onavbut):not(.plain):not(.action), .base-frame .action:not(.button):not(.onavbut):not(.plain):not(.action), .base-accent .action:not(.button):not(.onavbut):not(.plain):not(.action),
.base-body a:visited:not(.button):not(.onavbut):not(.plain):not(.action),
.base-body a:not(.button):not(.onavbut):not(.plain):not(.action),
.base-frame a:not(.button):not(.onavbut):not(.plain):not(.action),
.base-accent a:not(.button):not(.onavbut):not(.plain):not(.action) {
  color: var(--body-action); }

.base-body .action:hover:not(.button):not(.onavbut):not(.plain):not(.action), .base-frame .action:hover:not(.button):not(.onavbut):not(.plain):not(.action), .base-accent .action:hover:not(.button):not(.onavbut):not(.plain):not(.action),
.base-body a:visited:hover:not(.button):not(.onavbut):not(.plain):not(.action),
.base-body a:hover:not(.button):not(.onavbut):not(.plain):not(.action),
.base-frame a:hover:not(.button):not(.onavbut):not(.plain):not(.action),
.base-accent a:hover:not(.button):not(.onavbut):not(.plain):not(.action) {
  color: var(--body-action-hover); }

.base-body .action:active:not(.button):not(.onavbut), .base-frame .action:active:not(.button):not(.onavbut), .base-accent .action:active:not(.button):not(.onavbut),
.base-body a:visited:active:not(.button):not(.onavbut),
.base-body a:active:not(.button):not(.onavbut),
.base-frame a:active:not(.button):not(.onavbut),
.base-accent a:active:not(.button):not(.onavbut) {
  color: var(--body-action-active); }

.base-body .action.plain, .base-frame .action.plain, .base-accent .action.plain,
.base-body a.plain:visited,
.base-body a.plain,
.base-frame a.plain,
.base-accent a.plain {
  color: inherit; }

.base-body .action.bg-hilite, .base-frame .action.bg-hilite, .base-accent .action.bg-hilite,
.base-body a.bg-hilite:visited,
.base-body a.bg-hilite,
.base-frame a.bg-hilite,
.base-accent a.bg-hilite {
  color: var(--hilite-text); }
  .base-body .action.bg-hilite:hover, .base-frame .action.bg-hilite:hover, .base-accent .action.bg-hilite:hover,
  .base-body a.bg-hilite:visited:hover,
  .base-body a.bg-hilite:hover,
  .base-frame a.bg-hilite:hover,
  .base-accent a.bg-hilite:hover {
    background-color: var(--hilite-action-hover); }
  .base-body .action.bg-hilite:active, .base-frame .action.bg-hilite:active, .base-accent .action.bg-hilite:active,
  .base-body a.bg-hilite:visited:active,
  .base-body a.bg-hilite:active,
  .base-frame a.bg-hilite:active,
  .base-accent a.bg-hilite:active {
    background-color: var(--hilite-action-active); }

.base-body .menu:hover, .base-frame .menu:hover, .base-accent .menu:hover {
  background-color: var(--modal); }

.base-body .menu-items, .base-frame .menu-items, .base-accent .menu-items {
  color: var(--body-text);
  background-color: var(--modal);
  border: solid 1px var(--alpha-minimize10);
  border-top: none; }

.base-body a.menu-head, .base-frame a.menu-head, .base-accent a.menu-head,
.base-body a.menu-item,
.base-frame a.menu-item,
.base-accent a.menu-item {
  color: var(--body-text); }

.base-body a.menu-head:hover, .base-frame a.menu-head:hover, .base-accent a.menu-head:hover,
.base-body a.menu-item:hover,
.base-frame a.menu-item:hover,
.base-accent a.menu-item:hover {
  color: var(--body-text); }

.base-body .menu-item:hover, .base-frame .menu-item:hover, .base-accent .menu-item:hover {
  color: var(--body-text);
  background-color: var(--alpha-minimize10); }

.base-body .bg-neutral a.button:hover, .base-body .bg-neutral a.onavbut:hover, .base-frame .bg-neutral a.button:hover, .base-frame .bg-neutral a.onavbut:hover, .base-accent .bg-neutral a.button:hover, .base-accent .bg-neutral a.onavbut:hover, .base-body .bg-neutral button:hover, .base-frame .bg-neutral button:hover, .base-accent .bg-neutral button:hover {
  color: var(--neutral-text-hover);
  background-color: var(--neutral-hover); }

.base-body .bg-neutral a.button:active, .base-body .bg-neutral a.onavbut:active, .base-frame .bg-neutral a.button:active, .base-frame .bg-neutral a.onavbut:active, .base-accent .bg-neutral a.button:active, .base-accent .bg-neutral a.onavbut:active, .base-body .bg-neutral button:active, .base-frame .bg-neutral button:active, .base-accent .bg-neutral button:active {
  color: var(--neutral-text-active);
  background-color: var(--neutral-active); }

.base-body .bg-neutral a.button button, .base-body .bg-neutral a.onavbut button, .base-frame .bg-neutral a.button button, .base-frame .bg-neutral a.onavbut button, .base-accent .bg-neutral a.button button, .base-accent .bg-neutral a.onavbut button, .base-body .bg-neutral a.button a.button, .base-body .bg-neutral a.onavbut a.button, .base-body .bg-neutral a.button a.onavbut, .base-body .bg-neutral a.onavbut a.onavbut, .base-frame .bg-neutral a.button a.button, .base-frame .bg-neutral a.onavbut a.button, .base-frame .bg-neutral a.button a.onavbut, .base-frame .bg-neutral a.onavbut a.onavbut, .base-accent .bg-neutral a.button a.button, .base-accent .bg-neutral a.onavbut a.button, .base-accent .bg-neutral a.button a.onavbut, .base-accent .bg-neutral a.onavbut a.onavbut, .base-body .bg-neutral button button, .base-frame .bg-neutral button button, .base-accent .bg-neutral button button, .base-body .bg-neutral button a.button, .base-body .bg-neutral button a.onavbut, .base-frame .bg-neutral button a.button, .base-frame .bg-neutral button a.onavbut, .base-accent .bg-neutral button a.button, .base-accent .bg-neutral button a.onavbut {
  color: var(--neutral-action); }

.base-body .bg-neutral a.button.neutral, .base-body .bg-neutral a.neutral.onavbut, .base-frame .bg-neutral a.button.neutral, .base-frame .bg-neutral a.neutral.onavbut, .base-accent .bg-neutral a.button.neutral, .base-accent .bg-neutral a.neutral.onavbut, .base-body .bg-neutral button.neutral, .base-frame .bg-neutral button.neutral, .base-accent .bg-neutral button.neutral {
  background-color: var(--body);
  border-color: var(--body); }

.base-frame button.border,
.base-frame a.button.border,
.base-frame a.border.onavbut {
  background-color: var(--modal); }

.base-accent button.border,
.base-accent a.button.border,
.base-accent a.border.onavbut,
.bg-accent button.border,
.bg-accent a.button.border,
.bg-accent a.border.onavbut {
  color: var(--accent-text);
  border-color: var(--accent-text);
  background-color: var(--accent); }

.navbar-offset {
  margin-top: var(--navbar-height); }

.base-navbar, .onav .menu-items, .onav, .navmenu {
  background-color: var(--navbar);
  color: var(--navbar-text); }
  .base-navbar a, .onav .menu-items a, .onav a, .navmenu a, .base-navbar button, .onav .menu-items button, .onav button, .navmenu button {
    color: var(--navbar-text);
    background-color: transparent;
    border: solid 1px;
    border-color: transparent;
    border-radius: var(--rounding-radius); }
    .base-navbar a.border, .onav a.border, .navmenu a.border, .base-navbar button.border, .onav button.border, .navmenu button.border {
      border-color: var(--navbar-text); }
    .base-navbar a.plain, .onav a.plain, .navmenu a.plain, .base-navbar button.plain, .onav button.plain, .navmenu button.plain {
      color: var(--navbar-text); }
    .base-navbar a:active, .onav a:active, .navmenu a:active, .base-navbar button:active, .onav button:active, .navmenu button:active {
      color: var(--navbar-action-active); }
    .base-navbar a:hover, .onav a:hover, .navmenu a:hover, .base-navbar button:hover, .onav button:hover, .navmenu button:hover {
      color: var(--navbar-action-hover); }
  .base-navbar .menu .menu-items, .onav .menu .menu-items, .navmenu .menu .menu-items {
    color: var(--navbar-text);
    background-color: var(--navbar);
    border: solid 1px var(--alpha-minimize15); }
  .base-navbar .menu button.menu-item, .onav .menu button.menu-item, .navmenu .menu button.menu-item, .base-navbar .menu a.menu-item, .onav .menu a.menu-item, .navmenu .menu a.menu-item {
    color: var(--navbar-text); }
  .base-navbar .menu button.menu-item, .onav .menu button.menu-item, .navmenu .menu button.menu-item, .base-navbar .menu a.menu-item:hover, .onav .menu a.menu-item:hover, .navmenu .menu a.menu-item:hover {
    color: var(--navbar-text);
    background-color: var(--alpha-maximize10); }
  .base-navbar .navtabs a.button.neutral.current, .onav .navtabs a.button.neutral.current, .base-navbar .navtabs a.neutral.current.onavbut, .onav .navtabs a.neutral.current.onavbut, .navmenu .navtabs a.button.neutral.current, .navmenu .navtabs a.neutral.current.onavbut {
    background-color: var(--neutral);
    border-color: var(--neutral);
    color: var(--neutral-text); }

a.anchor {
  display: block;
  margin-top: -6rem;
  content: " ";
  height: 6rem;
  visibility: hidden;
  pointer-events: none; }

.pe-none {
  pointer-events: none; }

.link-target {
  background-color: #999; }

.link-target-active {
  background-color: transparent;
  transition: background-color 1s linear; }

.navtabs {
  margin-left: -0.5rem; }
  .navtabs .tab {
    border-radius: 0 !important;
    padding: 0.125rem 0.5rem;
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important; }
    .navtabs .tab.current {
      border-bottom-style: solid; }

.card {
  border: none !important;
  border-radius: 0 0.5rem !important;
  max-width: 16rem;
  position: relative; }

.hero-quote .hero-img img {
  max-width: 90vw; }

@media screen and (min-width: 48rem) {
  .hero-quote .hero-img img {
    max-width: 40vw; } }

@media screen and (min-width: 60rem) {
  .hero-quote .hero-img img {
    max-width: 30rem; } }

.hero-quote .hero-body {
  max-width: 100%; }
  .hero-quote .hero-body .hero-q {
    font-size: 48pt;
    color: gray;
    position: absolute;
    top: -10px; }
  .hero-quote .hero-body .hero-quote {
    margin-left: 2rem;
    font-style: italic; }
  .hero-quote .hero-body .hero-author {
    font-size: 20pt; }
  @media screen and (min-width: 48rem) {
    .hero-quote .hero-body {
      max-width: 60%; } }
.art {
  position: relative; }
  .art .thumb {
    margin: 0.25rem;
    border: solid 1px transparent;
    border-radius: 0.25rem;
    overflow: hidden; }
    .art .thumb .caption {
      max-width: 33vw; }
    .art .thumb img {
      height: 150px;
      width: auto;
      display: block; }
    .art .thumb.x100 img {
      height: auto;
      width: 100px; }
    .art .thumb.x150 img {
      height: auto;
      width: 150px; }
    .art .thumb.x200 img {
      height: auto;
      width: 200px; }
    .art .thumb.x480 img {
      height: auto;
      width: 480px; }
    .art .thumb.cover img {
      width: 350px;
      height: auto;
      margin: 0;
      padding: 0; }
    .art .thumb:hover {
      border-color: var(--body-text-link); }
  .art .zoom {
    display: none;
    position: fixed;
    z-index: 1;
    overflow: auto;
    background-color: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .art .zoom .content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #000;
      width: auto;
      height: auto;
      cursor: pointer; }
      .art .zoom .content img {
        max-height: 100vh;
        max-width: 100vw; }
  @media screen and (min-width: 30rem) {
    .art .thumb {
      margin: 1rem; }
      .art .thumb .caption {
        max-width: none; }
      .art .thumb img {
        height: 200px; }
      .art .thumb.cover {
        margin: 0; }
    .art .zoom .content img {
      max-height: 90vh; } }
.heading {
  font-weight: 600; }

h3,
h4 {
  font-weight: 700; }

h3 {
  text-transform: uppercase; }

h1, h2, h3, h4 {
  margin: 0; }

.doc h1, .doc h2, .doc h3, .doc h4 {
  margin: revert; }

label {
  display: block;
  font-weight: 700; }

.placeholder, .base-body .rsx__placeholder, .base-frame .rsx__placeholder, .base-accent .rsx__placeholder, input:not([type='checkbox'], [type='radio'])::placeholder,
textarea::placeholder,
select::placeholder {
  font-style: italic;
  font-weight: 200;
  font-size: smaller;
  color: #999; }

input:not([type='checkbox'], [type='radio']),
textarea,
select {
  padding: 0.5rem;
  border-radius: var(--rounding-radius); }

input[type='checkbox'] {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none; }
  input[type='checkbox']::after {
    font-family: 'Font Awesome 6 Free';
    content: '\f0c8';
    vertical-align: middle;
    cursor: pointer; }
  input[type='checkbox']:disabled::after {
    cursor: default; }
  input[type='checkbox']:checked::after {
    content: '\f14a'; }

input[type='radio'] {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none; }
  input[type='radio']::after {
    font-family: 'Font Awesome 6 Free';
    content: '\f111';
    vertical-align: middle;
    cursor: pointer; }
  input[type='radio']:disabled::after {
    cursor: default; }
  input[type='radio']:checked::after {
    content: '\f192'; }

.input-inline {
  position: relative; }
  .input-inline .icon,
  .input-inline .ok,
  .input-inline .error {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%); }
  .input-inline textarea {
    resize: none;
    overflow: hidden;
    width: 100%; }
  .input-inline:not(.normal) textarea, .input-inline:not(.normal) input:not([type='checkbox'], [type='radio']) {
    border-radius: var(--rounding-radius);
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: inherit;
    outline: none;
    padding-right: 20px; }
    .input-inline:not(.normal) textarea.dirty, .input-inline:not(.normal) input.dirty:not([type='checkbox'], [type='radio']) {
      border-color: var(--warn); }
    .input-inline:not(.normal) textarea.failed, .input-inline:not(.normal) input.failed:not([type='checkbox'], [type='radio']) {
      border-color: var(--error); }

.base-body .rsx__menu, .base-frame .rsx__menu, .base-accent .rsx__menu {
  background-color: var(--modal);
  border: solid 1px var(--body-border);
  color: var(--body-text);
  border-radius: var(--rounding-radius);
  white-space: nowrap;
  width: auto;
  top: 2rem;
  left: 0;
  padding: 0;
  min-width: 100%; }

.base-body .rsx__option, .base-frame .rsx__option, .base-accent .rsx__option {
  padding: 0.5rem 0.4rem !important;
  cursor: pointer; }
  .base-body .rsx__option:hover, .base-frame .rsx__option:hover, .base-accent .rsx__option:hover {
    background-color: var(--alpha-minimize10); }

.base-body .rsx__option--is-focused, .base-frame .rsx__option--is-focused, .base-accent .rsx__option--is-focused {
  background-color: inherit; }

.base-body .rsx__option--is-selected, .base-frame .rsx__option--is-selected, .base-accent .rsx__option--is-selected {
  background-color: var(--body-action); }
  .base-body .rsx__option--is-selected:hover, .base-frame .rsx__option--is-selected:hover, .base-accent .rsx__option--is-selected:hover {
    background-color: var(--body-action-hover); }

.base-body .rsx__value-control, .base-frame .rsx__value-control, .base-accent .rsx__value-control {
  background-color: var(--alpha-minimize10);
  color: var(--body-text);
  border: solid 2px transparent; }
  .base-body .rsx__value-control:hover, .base-frame .rsx__value-control:hover, .base-accent .rsx__value-control:hover {
    border-color: var(--neutral); }
  .base-body .rsx__value-control:focus, .base-frame .rsx__value-control:focus, .base-accent .rsx__value-control:focus {
    background-color: inherit;
    border-color: var(--body-hilite); }

.base-body .rsx__control, .base-frame .rsx__control, .base-accent .rsx__control {
  color: var(--body-text);
  outline: none;
  border-radius: var(--rounding-radius);
  border: solid 2px transparent;
  min-height: auto;
  padding: 0;
  margin: 0;
  align-items: center;
  box-sizing: border-box;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms;
  background-color: var(--alpha-minimize05);
  color: var(--body-text);
  border: solid 2px transparent; }
  .base-body .rsx__control:hover, .base-frame .rsx__control:hover, .base-accent .rsx__control:hover {
    border-color: var(--body-border); }
  .base-body .rsx__control:focus, .base-frame .rsx__control:focus, .base-accent .rsx__control:focus {
    border-color: var(--hilite);
    background-color: var(--body); }

.base-body .rsx__dropdown-indicator, .base-frame .rsx__dropdown-indicator, .base-accent .rsx__dropdown-indicator {
  color: var(--body-text); }

.base-body .rsx__input-container, .base-frame .rsx__input-container, .base-accent .rsx__input-container {
  color: inherit; }

.base-body .rsx__value-container, .base-frame .rsx__value-container, .base-accent .rsx__value-container {
  padding: 0 !important;
  min-height: auto !important; }

.base-body .rsx__multi-value, .base-frame .rsx__multi-value, .base-accent .rsx__multi-value {
  background-color: var(--alpha-minimize10); }

.base-body .rsx__multi-value__label, .base-frame .rsx__multi-value__label, .base-accent .rsx__multi-value__label {
  color: var(--body-text); }

.base-body .rsx__single-value, .base-frame .rsx__single-value, .base-accent .rsx__single-value {
  color: inherit; }

.popups {
  position: fixed;
  top: 4rem;
  left: 0;
  right: 0;
  height: 3rem;
  z-index: 65535; }

.popup {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14pt;
  font-weight: 400; }
  .popup.bar {
    width: 100%;
    height: 100%; }
  .popup.stripe {
    font-size: smaller;
    width: 100%;
    height: 100%; }
  .popup.border {
    border: solid;
    border-width: var(--border-width);
    border-radius: var(--rounding-radius); }
  .popup .close {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.25rem;
    border-radius: 0.5rem;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (min-width: 30em) {
      .popup .close {
        right: 1.5rem; } }
.videoBox {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  .videoBox video {
    object-fit: fill;
    overflow: hidden;
    height: auto;
    width: 100%; }
    @media screen and (orientation: portrait) {
      .videoBox video {
        height: 100%;
        width: auto; } }
.base-body, .base-frame, .base-accent {
  background-color: var(--body);
  color: var(--body-text); }
  .base-body .bg-normal, .base-frame .bg-normal, .base-accent .bg-normal {
    background-color: var(--body); }
  .base-body th, .base-frame th, .base-accent th {
    background-color: var(--body-th);
    color: var(--body-th-text); }
  .base-body input:not([type='checkbox'], [type='radio']), .base-frame input:not([type='checkbox'], [type='radio']), .base-accent input:not([type='checkbox'], [type='radio']),
  .base-body textarea,
  .base-frame textarea,
  .base-accent textarea,
  .base-body select,
  .base-frame select,
  .base-accent select {
    background-color: var(--alpha-minimize05);
    fill: var(--alpha-minimize05);
    color: var(--body-text);
    border: solid 2px transparent; }
    .base-body input:not([type='checkbox'], [type='radio']):hover, .base-frame input:not([type='checkbox'], [type='radio']):hover, .base-accent input:not([type='checkbox'], [type='radio']):hover,
    .base-body textarea:hover,
    .base-frame textarea:hover,
    .base-accent textarea:hover,
    .base-body select:hover,
    .base-frame select:hover,
    .base-accent select:hover {
      border-color: var(--body-border); }
    .base-body input:not([type='checkbox'], [type='radio']):focus, .base-frame input:not([type='checkbox'], [type='radio']):focus, .base-accent input:not([type='checkbox'], [type='radio']):focus,
    .base-body textarea:focus,
    .base-frame textarea:focus,
    .base-accent textarea:focus,
    .base-body select:focus,
    .base-frame select:focus,
    .base-accent select:focus {
      border-color: var(--hilite);
      background-color: var(--body);
      fill: var(--body); }
  .base-body .hilite, .base-frame .hilite, .base-accent .hilite {
    color: var(--hilite); }
  .base-body .bg-hilite, .base-frame .bg-hilite, .base-accent .bg-hilite,
  .base-body .bg-hilite > td,
  .base-frame .bg-hilite > td,
  .base-accent .bg-hilite > td,
  .base-body .bg-hilite > th,
  .base-frame .bg-hilite > th,
  .base-accent .bg-hilite > th {
    background-color: var(--hilite);
    color: var(--hilite-text);
    border-color: var(--hilite); }
  .base-body a.bg-hilite,
  .base-body .bg-hilite,
  .base-frame .bg-hilite,
  .base-accent .bg-hilite,
  .base-body .bg-hilite-hover:hover,
  .base-frame .bg-hilite-hover:hover,
  .base-accent .bg-hilite-hover:hover {
    background-color: var(--hilite);
    color: var(--hilite-text); }
  .base-body .accent, .base-frame .accent, .base-accent .accent {
    color: var(--accent); }
  .base-body a.bg-accent,
  .base-body .bg-accent,
  .base-frame .bg-accent,
  .base-accent .bg-accent,
  .base-body .bg-accent-hover:hover,
  .base-frame .bg-accent-hover:hover,
  .base-accent .bg-accent-hover:hover {
    background-color: var(--accent);
    color: var(--accent-text); }
  .base-body .neutral, .base-frame .neutral, .base-accent .neutral,
  .base-body tr.neutral td,
  .base-frame tr.neutral td,
  .base-accent tr.neutral td {
    color: var(--neutral); }
  .base-body a.bg-neutral,
  .base-body .bg-neutral,
  .base-frame .bg-neutral,
  .base-accent .bg-neutral,
  .base-body .bg-neutral-hover:hover,
  .base-frame .bg-neutral-hover:hover,
  .base-accent .bg-neutral-hover:hover {
    background-color: var(--neutral);
    color: var(--neutral-text); }
  .base-body a.bg-minimize,
  .base-body .bg-minimize,
  .base-frame .bg-minimize,
  .base-accent .bg-minimize {
    background-color: var(--alpha-minimize25); }
  .base-body .error, .base-frame .error, .base-accent .error {
    color: var(--error); }
  .base-body .warn, .base-frame .warn, .base-accent .warn {
    color: var(--warn); }
  .base-body .minimize, .base-frame .minimize, .base-accent .minimize {
    color: var(--body-minimize); }
  .base-body .alpha-min50, .base-frame .alpha-min50, .base-accent .alpha-min50 {
    color: var(--alpha-minimize50); }
  .base-body .alpha-max50, .base-frame .alpha-max50, .base-accent .alpha-max50 {
    color: var(--alpha-maximize50); }
  .base-body .b--action, .base-frame .b--action, .base-accent .b--action {
    border-color: var(--body-action); }
  .base-body .b--minimize, .base-frame .b--minimize, .base-accent .b--minimize {
    border-color: var(--body-minimize); }
  .base-body .b--line, .base-frame .b--line, .base-accent .b--line {
    border-color: var(--body-border); }
  .base-body .b--hilite, .base-frame .b--hilite, .base-accent .b--hilite {
    border-color: var(--hilite); }
  .base-body .b--accent, .base-frame .b--accent, .base-accent .b--accent {
    border-color: var(--accent); }
  .base-body .b--warn, .base-frame .b--warn, .base-accent .b--warn {
    border-color: var(--warn); }
  .base-body #news-ticker .news-card, .base-frame #news-ticker .news-card, .base-accent #news-ticker .news-card {
    background-color: var(--alpha-maximize25); }
    .base-body #news-ticker .news-card:hover, .base-frame #news-ticker .news-card:hover, .base-accent #news-ticker .news-card:hover {
      border-color: var(--accent); }
    .base-body #news-ticker .news-card .content .date, .base-frame #news-ticker .news-card .content .date, .base-accent #news-ticker .news-card .content .date {
      color: var(--alpha-minimize75); }

.svg-action-fill path {
  fill: var(--action);
  stroke: 0; }

.svg-accent-fill path {
  fill: var(--accent);
  stroke: 0; }

.svg-hilite-fill path {
  fill: var(--hilite);
  stroke: 0; }

.base-accent {
  background-color: var(--accent);
  color: var(--accent-text); }
  .base-accent input:not([type='checkbox'], [type='radio']),
  .base-accent textarea,
  .base-accent select {
    background-color: var(--alpha-maximize05);
    fill: var(--alpha-maximize05);
    color: var(--accent-text);
    border: solid 2px transparent; }
    .base-accent input:not([type='checkbox'], [type='radio']):hover,
    .base-accent textarea:hover,
    .base-accent select:hover {
      border-color: var(--accent-line); }
    .base-accent input:not([type='checkbox'], [type='radio']):focus,
    .base-accent textarea:focus,
    .base-accent select:focus {
      border-color: var(--hilite);
      background-color: var(--accent);
      fill: var(--accent); }

.base-frame {
  background-color: var(--modal); }

.navbar-height {
  height: var(--navbar-height); }

.bg-error, .base-error {
  background-color: var(--error);
  color: var(--error-text); }

.base-error {
  border-color: var(--error-border); }

.bg-warn, .base-warn {
  background-color: var(--warn);
  color: var(--warn-text); }

.base-warn {
  border-color: var(--warn-border); }

.bg-info, .base-info {
  background-color: var(--info);
  color: var(--info-text); }

.base-info {
  border-color: var(--info-border); }

.font-sans-serif {
  font-family: sans-serif; }

.font-serif {
  font-family: EB Garamond, serif; }

.b--navbar {
  border-color: var(--navbar-line); }

.base-navbar, .onav .menu-items, .onav, .navmenu {
  background-color: var(--navbar);
  color: var(--navbar-text); }

.navmenu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  border-color: var(--navbar-line);
  border-width: 1px;
  border-style: solid; }
  .navmenu .menuitem {
    border-style: none;
    padding: 0.5rem 1rem;
    text-decoration: none;
    font-weight: bold;
    color: var(--navbar-text); }
    .navmenu .menuitem:hover {
      color: var(--navbar-action); }

.nav-max-view {
  height: var(--navbar-height); }
  @media (min-width: 69rem) {
    .nav-max-view {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0;
      max-width: 60rem; } }
.nav-max-view {
  height: var(--navbar-height); }
  @media (min-width: 69rem) {
    .nav-max-view {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0;
      max-width: 60rem; } }
.onavlink {
  border-radius: var(--rounding-radius);
  padding: 0.25rem 0.5rem;
  color: var(--navbar-text); }
  .onavlink:hover {
    background-color: var(--navbar);
    color: var(--body-action-hover); }
  .onavlink:active {
    color: var(--body-action-active); }
  .onavlink:visited {
    color: var(--navbar-text); }

.onavbut {
  text-shadow: none;
  background-color: var(--navbar);
  color: var(--navbar-text) !important;
  max-width: 18rem;
  width: 18rem; }

.onav {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative; }
  .onav .menu-head {
    border-radius: var(--rounding-radius);
    height: 2.05rem; }
    .onav .menu-head:hover {
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
  .onav .menu-items {
    display: none;
    text-align: left !important;
    border-left: solid;
    border-right: solid;
    border-bottom: solid;
    border-color: var(--navbar-line);
    border-width: 1px;
    position: absolute;
    top: 2.05rem;
    width: 15rem;
    margin: auto 0;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
    .onav .menu-items:not(.right) {
      left: 0; }
    .onav .menu-items.right {
      right: 0; }
  .onav .menu-item {
    display: block;
    color: white; }
    .onav .menu-item:hover {
      background-color: var(--alpha-minimize10);
      color: var(--body-action-hover); }
  .onav:hover > .menu-items {
    display: inherit; }
  .onav .menu-items.left {
    right: auto;
    left: 0;
    margin: 0 auto; }

#news-ticker .news-card {
  border-width: 1px;
  border-color: transparent;
  border-style: solid;
  overflow: hidden; }
  #news-ticker .news-card .img {
    overflow: hidden; }
    #news-ticker .news-card .img img {
      object-fit: cover; }
  #news-ticker .news-card .content {
    width: 100%;
    height: 100%;
    color: black;
    padding: 0.5rem 1rem; }

#news-ticker .news-card {
  max-width: 17rem;
  max-height: 6rem;
  height: 6rem;
  width: 17rem;
  display: flex;
  align-items: center; }
  #news-ticker .news-card .img {
    max-width: 6rem;
    min-width: 6rem;
    max-height: 6rem; }
    #news-ticker .news-card .img img {
      height: 6rem; }

.news-tabs a {
  background-color: var(--alpha-minimize50); }

.blink {
  animation: 2s blink ease-in-out infinite; }

.throb {
  animation: 2s throb ease-in-out infinite; }

@keyframes fadein {
  from,
  to {
    opacity: 0.5; }
  50% {
    opacity: 1; } }

@keyframes fadeout {
  from,
  to {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

@keyframes blink {
  from,
  to {
    color: inherit; }
  50% {
    color: transparent; } }

/*
@keyframes throb {
  from,
  to {
    color: inherit;
  }
  50% {
    color: rgba(255, 255, 255, 0.5);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
*/
@keyframes grow-shrink {
  0% {
    transform: scale(1.2); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }

@keyframes grow-shrink-big {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(2); }
  100% {
    transform: scale(1); } }

@keyframes zoomy {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@keyframes zoom-in {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }

.throbby img {
  overflow: hidden;
  animation: zoomy 25s ease-in-out infinite; }

.throbImg img {
  overflow: hidden;
  animation: grow-shrink 25s ease-in-out infinite; }

.throbImg30 img {
  overflow: hidden;
  animation: grow-shrink-big 60s ease-in-out infinite; }

h1, h2 {
  color: var(--accent); }

/* SHINE */
.logo {
  font-weight: 700; }
  .logo .top {
    font-size: 3.5rem; }
  .logo .bot {
    font-size: 0.75rem; }
  @media screen and (min-width: 30rem) {
    .logo .top {
      font-size: 4.5rem; }
    .logo .bot {
      font-size: 1rem; } }
  @media screen and (min-width: 48rem) {
    .logo .top {
      font-size: 5.25rem; }
    .logo .bot {
      font-size: 1rem; } }
  @media screen and (min-width: 60rem) {
    .logo .top {
      font-size: 6rem; }
    .logo .bot {
      font-size: 1rem; } }
/*
.shine {
	background: #000 -webkit-gradient(linear, left top, right top,
		from(#000000ff),
		to(#000000ff),
		color-stop(0.5, #fff))
		0 0 no-repeat;
	-webkit-background-size: 50px;
	-webkit-background-clip: text;
	-webkit-animation-iteration-count: infinite;
	animation: shine 8s linear infinite;
}
.theme-dark .shine {
  color: #ffffffbb;
	text-shadow: 1px 1px 4px #000;
}
.theme-light .shine {
  color: #000000bb;
	text-shadow: 1px 1px 4px #ffffff99;
}

@keyframes shine {
	0% { background-position: -1000px; }
	100% { background-position: 1000px; }
}
*/
.shine {
  color: #fff;
  text-shadow: 0 0 2em #000, 0 0 1em #000, 0 0 0.5em #000; }