@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url("fonts/Montserrat-ExtraBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat ExtraLight Italic"), local("Montserrat-ExtraLightItalic"), url("fonts/Montserrat-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("fonts/Montserrat-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("fonts/Montserrat-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url("fonts/Montserrat-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"), url("fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("fonts/Montserrat-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("fonts/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("fonts/Montserrat-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("fonts/Montserrat-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Light"), local("Montserrat-Light"), url("fonts/Montserrat-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("fonts/Montserrat-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("fonts/Montserrat-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"), url("fonts/Montserrat-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Thin"), local("Montserrat-Thin"), url("fonts/Montserrat-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("fonts/Montserrat-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Black"), local("Montserrat-Black"), url("fonts/Montserrat-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Thin"), local("Montserrat-Thin"), url("fonts/Montserrat-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"), url("fonts/Montserrat-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }
/*$theme-border: $border-gray;*/
/*$theme-border: $border-gray;*/
.chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 1vmax;
  padding: 1vmax;
  height: 71vh;
  border: 1px solid var(--theme-border);
  border-radius: min(1vmax, 6mm); }

.chart-tooltip {
  border-radius: min(1vmax, 6mm);
  color: black;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  min-width: min(275px, 40vw);
  border: 1px solid lightgray; }

.chart-tooltip-table {
  margin: 0px;
  background-color: white;
  border-radius: min(1vmax, 6mm); }

.chart-tooltip-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: min(1vmax, 6mm); }

.chart-tooltip-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: min(1vmax, 6mm); }

.chart-tooltip-table thead tr:first-child th:last-child {
  border-top-right-radius: min(1vmax, 6mm); }

.chart-tooltip-table thead tr:first-child th:first-child {
  border-top-left-radius: min(1vmax, 6mm); }

.chart-tooltip-table tbody tr:last-child {
  border-bottom-right-radius: min(1vmax, 6mm);
  border-bottom-left-radius: min(1vmax, 6mm); }

.tooltip-prefix {
  white-space: nowrap;
  border-width: 0;
  text-align: left;
  display: flex;
  align-items: center; }

.tooltip-value {
  white-space: nowrap;
  border-width: 0; }

.tooltip-row {
  background-color: inherit;
  border-width: 0; }

:root {
  --theme-color: #0fa5e6;
  --theme-border: #0fa5e6;
  --theme-translucent: rgba(230, 246, 253, 0.9); }

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

b {
  font-weight: 700; }

html {
  background: #d9e0e9;
  padding: 0px; }

body {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  margin: 0 auto;
  background: white;
  line-height: 1.5; }

h1 {
  font-weight: unset;
  font-size: 24pt;
  scroll-margin: 7vh; }

h2 {
  font-weight: unset;
  font-size: 18pt; }

a, u {
  color: #1fb1f0;
  text-decoration: none; }

hr {
  border: none;
  border-top: 1px solid var(--theme-border);
  margin: 0.5em 0; }

nav {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  z-index: 10; }

nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0.5rem 1.0rem; }

.form-page form,
.account-details {
  background-color: white;
  border: 1px solid var(--theme-border);
  border-radius: min(1vmax, 6mm);
  padding: 2vmax 2vmax; }

.account-details form {
  margin: 0.75vmax 0vw 0vh 0vw;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border: 1px solid silver; }

form a {
  margin: 0.2vmax;
  text-align: center; }

form label {
  padding: 0px 0.2vmax; }

p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  text-align: justify; }

p a {
  margin: 0; }

.capitalize {
  text-transform: capitalize; }

.text-center {
  text-align: center; }

.fadein {
  opacity: 0;
  transition: opacity 1s linear; }

.slidein {
  position: relative;
  transform: translateY(20vh);
  transition: transform 1s ease; }

.fadein.slidein {
  transition: transform 1s ease, opacity 1s ease;
  transition-delay: 0.1s; }

body.loaded .fadein, body.loaded .slidein {
  opacity: 1;
  transform: translateY(0); }

.fixed-nav {
  top: 0vh;
  margin: 0;
  padding: 0.5vmax 1vmax;
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  width: 100%;
  height: min(6vmax, 125px);
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid var(--theme-color);
  backdrop-filter: blur(2px); }

.fixed-nav * {
  pointer-events: auto; }

.nav-controls {
  display: flex;
  flex-direction: row;
  justify-content: end;
  height: 100%;
  align-items: center; }

.nav-controls button:last-of-type {
  margin-right: 0; }

input, select {
  border: 1px solid var(--theme-border);
  background-color: white;
  font-family: inherit; }

input[type='radio'] {
  background-color: white;
  margin: 0;
  font: inherit;
  color: #202C39;
  width: 1.15em;
  height: 1.15em;
  border: 1px solid #202C39;
  border-radius: 50%;
  display: grid;
  place-content: center;
  align-self: center; }

input[type='radio']::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--theme-color); }

input[type='radio']:disabled::before {
  box-shadow: inset 1em 1em #a6aeb5; }

input[type="radio"]:checked::before {
  transform: scale(1); }

input[type='radio']:disabled {
  border-color: #c8d3e0;
  background-color: #d9e0e9; }

.simian {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16pt;
  border-radius: min(1vmax, 6mm);
  border-width: 1px;
  background-color: rgba(255, 255, 255, 0.81);
  background-color: white;
  border: 1px solid #c8d3e0;
  color: #202C39;
  position: relative;
  aspect-ratio: 1/1;
  height: 100%; }

.simian svg {
  left: 0;
  top: 0;
  max-width: 100%;
  max-height: 100%;
  align-self: center; }

.main-title {
  font-size: clamp(4rem, 8vmax, 8vh);
  text-align: center; }

.sub-title {
  font-size: clamp(2rem, 4vmax, 4vh);
  text-align: center;
  color: #202C39;
  white-space: wrap; }

.form-page, .internal-content, .external-content {
  width: 100%;
  display: flex;
  min-height: calc(100vh - min(6vmax, 125px));
  background-color: #d9e0e9; }

.internal-content {
  margin-top: min(6vmax, 125px); }

.external-content:has(> .margined-wrapper) {
  margin-top: min(6vmax, 125px);
  min-height: calc(100vh - min(6vmax, 125px)); }

.external-content, .internal-content {
  position: relative; }

.external-content {
  margin-top: min(6vmax, 125px); }

.form-page {
  flex-direction: row;
  justify-content: center;
  min-height: calc(100vh - 2 * min(6vmax, 125px)); }

.content-wrapper {
  background-color: white;
  padding: 1vmax;
  border: 1px solid var(--theme-border);
  border-radius: min(1vmax, 6mm); }

.internal-content .content-wrapper > :last-child {
  border-bottom-left-radius: min(1vmax, 6mm);
  border-bottom-right-radius: min(1vmax, 6mm); }

.internal-content, .external-content {
  flex-direction: column; }

.internal-content .content-wrapper {
  margin: 2vmax; }

.external-content .content-wrapper {
  border-radius: 0;
  border: none; }

.internal-content > header, .external-content > header {
  border-bottom: 1px solid var(--theme-border);
  display: flex;
  align-items: flex-end; }

.internal-content > header h1, .external-content > header h1 {
  flex: auto;
  margin: 0 0 0 0; }

.internal-content form, .external-content form {
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.internal-content label, .external-content label {
  margin-bottom: 0em;
  margin-right: 0em;
  transform: translate(0%, 2px); }

.internal-content input, .external-content input {
  font-size: 12pt;
  vertical-align: middle;
  min-height: 1.5625em;
  box-sizing: content-box;
  display: inline-block; }

.internal-content textarea, .external-content textarea {
  min-height: 12em;
  resize: vertical; }

.flash-container {
  position: fixed;
  bottom: 2vh;
  padding: 0vh 1vw;
  width: 100%;
  display: flex; }

.flash {
  flex: 1 1 0px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 1em;
  background-color: white;
  border: 1px solid var(--theme-border);
  border-radius: min(1vmax, 6mm);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #202C39; }

.flash ul {
  transform: translate(0px, 4px); }

.close:enabled {
  margin: 0;
  padding: 0px 6px;
  text-align: center;
  background-color: inherit;
  border: 0;
  border-radius: min(1vmax, 6mm); }

.close:hover {
  filter: brightness(0.95); }

input.danger {
  color: #cc2f2e; }

input, button {
  font-family: inherit; }

input[type=text],
input[type=password],
input[type=date] {
  padding: 8px;
  font-family: inherit; }

input[type=number] {
  width: 0;
  min-width: 60px; }

input[type=submit],
input[type=button] {
  font-size: clamp(1.3rem, 1.5vmax, 1.5vh);
  align-self: stretch;
  padding: min(1vmax, 5px) min(2vmax, 20px);
  border-radius: 100vmax; }

button {
  padding: min(1vmax, 5px) min(3vmax, 25px);
  font-size: clamp(1.3rem, 1.5vmax, 1.5vh);
  border-radius: 100vmax;
  border-width: 1px;
  margin: 0.25vmax;
  white-space: nowrap; }

:is(.fixed-nav, .nav-container) > form:last-of-type button {
  margin-right: 0vw; }

:is(input[type=submit], input[type=button], button):enabled {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--theme-border);
  color: var(--theme-color);
  cursor: pointer; }

:is(input[type=submit], input[type=button]):enabled.white {
  background-color: rgba(255, 255, 255, 0.9); }

input[type=submit]:enabled {
  background-color: rgba(245, 245, 245, 0.9); }

button:hover:enabled,
input[type=submit]:hover:enabled,
.back-button:hover {
  background-color: var(--theme-translucent); }

input {
  margin-top: 0.6vh;
  margin-bottom: 0.6vh; }

.back-button {
  aspect-ratio: 1;
  border-radius: 50%;
  transform: rotate(180deg);
  display: grid;
  place-items: center;
  font-size: clamp(22pt, 2vmax, 2vh);
  border: 1px solid var(--theme-border);
  color: var(--theme-color);
  background: white;
  height: clamp(32pt, 3vmax, 3vh);
  width: clamp(32pt, 3vmax, 3vh); }

.login {
  display: flex;
  justify-content: center;
  align-items: center; }

.login-form {
  min-width: 360px;
  max-width: 415px; }

input[type=checkbox] {
  height: 20px;
  width: 20px;
  flex-shrink: 0; }

.form-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center; }

.series {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }

.series-name {
  padding: 2px 15px;
  font-size: 16pt;
  margin: 10px;
  text-align: center;
  min-width: min(35vw, 340px); }

.series-equity {
  margin: 0.5rem 1.25rem;
  padding-bottom: 1px;
  font-size: 16pt;
  font-variant: normal;
  text-transform: capitalize; }

.series button {
  padding: 5px 10px; }

.cancelable-wrapper {
  display: flex;
  font-size: 12pt;
  text-align: right;
  justify-content: end;
  align-items: center;
  position: relative; }

.cancelable-wrapper button {
  margin: 3px 10px;
  padding: 5px; }

.balance-annotation {
  display: flex;
  flex-direction: column;
  margin: 0rem 0.75rem 0rem 0.75rem;
  align-items: start; }

.x-cancel {
  margin: 10px 0px;
  width: 20px;
  height: 20px;
  font-size: 14pt;
  padding: 1px 1px 4px 1px !important;
  line-height: 0; }

table {
  text-align: center;
  width: 100%;
  border-collapse: collapse;
  font-size: 12pt;
  font-variant: normal; }

table td {
  padding: 8px 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 1px;
  font-size: clamp(13pt, max(1.25vw, 1.25vh), 1.25vh); }

table tbody {
  font-family: Montserrat; }

table tbody td {
  border-collapse: collapse; }

table tbody td:nth-child(0) {
  border-left: 1px solid #cad5e1; }

table th {
  background: #c8d3e0;
  font-size: clamp(14pt, max(1.35vw, 1.35vh), 1.35vh);
  padding: 8px 6px;
  font-weight: 500;
  color: black;
  text-align: center;
  border-left: 1px solid #cad5e1;
  text-overflow: ellipsis; }

.modal {
  display: none;
  position: fixed;
  z-index: 11;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1); }

.modal-header {
  padding: 2px 4px;
  background-color: #202C39;
  font-size: 16pt;
  letter-spacing: 2px;
  color: #ebebeb; }

.modal-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.modal-content {
  background-color: #fefefe;
  margin-bottom: 15%;
  min-width: 400px;
  border-radius: min(1vmax, 6mm);
  border: 1px solid var(--theme-border);
  width: fit-content;
  padding: 3vh 2vw; }

.modal-content :is(button, input, select) {
  margin: 0.75vh 0.25vw; }

.modal-content label {
  padding: unset; }

.asset-name {
  font-size: 16pt;
  text-align: center; }

.teller_disp {
  display: flex;
  justify-content: space-between;
  margin: 20px 0px 7px 0px;
  align-self: stretch; }

/*This is the worst possible way to do this.*/
.transfer-button {
  background: white;
  overflow: hidden;
  width: 210px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 2px;
  position: relative;
  padding-right: 105px;
  opacity: 0.7; }
  .transfer-button:before {
    content: "Withdraw";
    position: absolute;
    top: 0;
    bottom: 3px;
    right: 0;
    width: 100px;
    display: flex;
    align-items: end;
    justify-content: center;
    z-index: 3;
    pointer-events: none; }
  .transfer-button-checkbox {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 210px !important;
    height: 100%;
    opacity: 0;
    z-index: 2; }
    .transfer-button-checkbox:checked + .transfer-button-label:before {
      transform: translateX(109px);
      transition: transform 300ms linear; }
    .transfer-button-checkbox + .transfer-button-label {
      position: relative;
      padding: 5px 0;
      display: block;
      user-select: none;
      pointer-events: none; }
      .transfer-button-checkbox + .transfer-button-label:before {
        content: "";
        border-bottom: 4px solid #3c5468;
        height: 28px;
        width: 102px;
        position: absolute;
        left: 0;
        top: 0;
        transform: translateX(0);
        transition: transform 300ms; }
      .transfer-button-checkbox + .transfer-button-label .transfer-button-label-span {
        position: relative; }

.cancel:enabled {
  color: #c84b4b !important;
  border: 1px solid #c84b4b !important;
  border-radius: 100vmax; }

.cancel:hover:enabled {
  background-color: #ffe5e5 !important; }

.tos {
  margin: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.tos p {
  text-align: justify;
  text-justify: inter-word; }

button.attn-button:hover {
  border-color: #5c7284;
  background-color: #9aabb9; }

button.attn-button {
  border: 1px solid #3c5468;
  background-color: #5c7284;
  color: white;
  border-radius: min(1vmax, 6mm); }

.table-wrapper {
  padding: 1vmax;
  background-color: white;
  border-radius: min(1vmax, 6mm); }

.journal-table {
  text-transform: capitalize;
  border: 1px solid var(--theme-border);
  text-align: center;
  margin: 0 0 1vmax;
  border-radius: min(1vmax, 6mm);
  overflow: hidden; }

.monthly-table table {
  table-layout: fixed;
  width: 100%; }

#quarterly-table {
  display: none; }

.journal-table thead th {
  border-left: 1px solid #cad5e1;
  border-bottom: 1px solid #cad5e1; }

.amount, .date {
  text-align: right; }

.top-divider {
  border-top: 1px solid #cad5e1; }

.bottom-divider {
  border-bottom: 1px solid #cad5e1; }

.center {
  display: flex;
  justify-content: center;
  align-items: center; }

.translucent-white {
  background-color: rgba(255, 255, 255, 0.9);
  fill: rgba(255, 255, 255, 0.9); }

.sub-paragraph {
  font-size: 10pt;
  color: #5c7284; }

.new-user {
  margin-top: 2vh; }

.show-hide {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0.05em 0em; }

.show::after {
  content: 'Show'; }

.hide::after {
  content: 'Hide'; }

.password-wrapper > :is(.show, .hide) {
  color: #1fb1f0;
  cursor: pointer; }

.password-wrapper {
  display: flex;
  position: relative; }

.password-wrapper > input {
  width: 100%; }

.documents-wrapper {
  display: flex;
  flex-direction: column; }

.documents-wrapper a {
  margin: 1vh 1vw; }

.column {
  display: flex;
  flex-direction: column; }

.light-blue.highlighted {
  background-color: #e4eaf0; }

.light-green.highlighted {
  background-color: #d9ecd9; }

.light-yellow.highlighted {
  background-color: #fff6cc; }

.lightestblue {
  background-color: #ecf8fe; }

.lightestgray {
  background-color: #d9e0e9; }

.white {
  background-color: white; }

.note {
  color: gray;
  font-size: 11pt;
  margin: 0vh 0.5vw 1vh 2vw; }

.gain {
  color: #4b964b; }

.loss {
  color: #c84b4b; }

.highlighted {
  border-radius: min(1vmax, 6mm);
  box-decoration-break: clone;
  padding: 3px 5px 0px 6px; }

.loss.highlighted {
  background-color: #f8e7e7; }

.gain.highlighted {
  background-color: #ebf5eb; }

td span.highlighted {
  padding: 0.25vh 0.5vw; }

.download-button {
  position: absolute;
  right: 4vmax;
  margin-right: inherit; }

.theme-element {
  fill: var(--theme-color);
  background-color: var(--theme-color); }

.theme-block {
  background-color: white;
  color: #202C39;
  padding: 2vmax;
  border-radius: inherit; }

.account-details {
  background: white; }

form.contacts-container {
  margin-bottom: 2vmax; }

.alt {
  display: none; }

.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }

.flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.flex-row div {
  flex: 1 1 0pt; }

.collapsable {
  display: flex; }

.collapsable.active :is(button, form, a) {
  width: 100%; }

.hamburger-menu {
  display: none;
  border-radius: min(1vmax, 6mm);
  padding: 1vmax;
  margin-right: 0; }

.hamburger-menu span {
  width: 3vmax;
  height: 2px;
  background-color: #0fa5e6;
  margin: 0.5vmax;
  display: block; }

@media (max-width: 1265px) {
  .collapsable {
    display: none;
    position: absolute;
    top: calc(100% + 1vmax);
    right: 2vmax;
    background: white;
    flex-direction: column;
    justify-content: start;
    padding: 1vmax;
    width: min(calc(100% - 4vmax), 400px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: min(1vmax, 6mm);
    border: 1px solid var(--theme-border); }

  .collapsable.active {
    display: flex;
    height: unset;
    max-height: 80vh;
    overflow-y: auto; }

  .hamburger-menu {
    display: block; } }
@media (max-width: 768px) {
  .alt {
    display: block; }

  td.alt {
    display: table-cell; }

  tr.alt {
    display: table-row; }

  .prime {
    display: none; }

  .event {
    display: none; }

  .amount {
    display: none; } }

/*# sourceMappingURL=style.css.map */