.list-reset {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
}
.hover-highlight {
  transition: filter 0.3s ease;
}
.hover-highlight:hover {
  filter: brightness(0.7);
}
.nowrapp {
  white-space: nowrap;
}
@media (max-width: 574px) {
.hidden-xs-down {
    display: none !important;
}
}
@media (max-width: 990px) {
.hidden-phone-down {
    display: none !important;
}
}
@media (max-width: 574px) {
.hidden-tablet-down {
    display: none !important;
}
}
@media (max-width: 990px) {
.hidden-tablet-down {
    display: none !important;
}
}
@media (min-width: 990px) {
.hidden-tablet-up {
    display: none !important;
}
}
.color--extra-light {
  color: var(--font-color-muted);
}
.color--light {
  color: var(--font-color);
}
.color--dark {
  color: var(--font-color-active);
}

/*
 * Font size
 */
.font-size--mini {
  font-size: var(--font-mini-size);
}
.font-size--small {
  font-size: var(--font-small-size);
}
.font-size--regular {
  font-size: var(--font-base-size);
}
.font-size--huge {
  font-size: var(--font-huge-size);
}
.font-size--large {
  font-size: var(--font-large-size);
}

/*
 * Font weights
 */
.font-weight--light {
  font-weight: var(--font-weight--light);
}
.font-weight--regular {
  font-weight: var(--font-weight--regular);
}
.font-weight--semi-bold {
  font-weight: var(--font-weight--bold);
}
.font-weight--bold {
  font-weight: var(--font-weight--xbold);
}
.font-style--italic {
  font-style: italic;
}
.main-text {
  font-family: var(--font-family-primary) sans-serif;
}
.main-text.small {
  font-size: var(--font-small-size);
}
.main-text.mini {
  font-size: var(--font-mini-size);
  line-height: normal;
}
.main-text.bold {
  font-weight: var(--font-weight--xbold);
}
.font-primary {
  font-family: var(--font-family-primary) sans-serif;
}
.secondary-text {
  font-family: var(--font-family-secondary) sans-serif;
}
.secondary-text.small {
  font-size: var(--font-small-size);
}
.secondary-text.mini {
  font-size: var(--font-mini-size);
  line-height: normal;
}
.secondary-text.bold {
  font-weight: var(--font-weight--xbold);
}
.font-secondary {
  font-family: var(--font-family-secondary) sans-serif;
}
.huge-title {
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--light);
  font-size: var(--font-huge-size);
  color: var(--font-color-active);
  letter-spacing: var(--letter-spacing);
  line-height: 3.4rem;
}
.h2-title {
  font-size: var(--font-small-size) !important;
  font-weight: var(--font-weight--xbold) !important;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
}
.large-value {
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--bold);
  font-size: var(--font-large-size);
  color: var(--font-color-active);
  line-height: 3.4rem;
  letter-spacing: var(--letter-spacing);
}
.dark-header {
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--xbold);
  font-size: var(--font-mini-size);
  color: var(--font-color-active);
  letter-spacing: var(--letter-spacing);
}
.dark-header.dark-header--large {
  font-size: var(--font-small-size);
}
.light-header {
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--xbold);
  font-size: var(--font-mini-size);
  color: var(--font-color);
  letter-spacing: var(--letter-spacing);
}
.subtext-label {
  display: block;
  color: var(--font-color-muted);
  letter-spacing: 0.02rem;
  font-size: var(--font-micro-size);
  line-height: initial;
}
.small-label {
  font-family: var(--font-family-primary) sans-serif;
  font-weight: var(--font-weight--regular);
  font-size: var(--font-mini-size);
  color: var(--font-color);
}
.regular-label {
  font-family: var(--font-family-primary) sans-serif;
  font-weight: var(--font-weight--regular);
  font-size: var(--font-small-size);
  color: var(--font-color);
}
.paragraph-text {
  font-family: var(--font-family-primary) sans-serif;
  font-weight: var(--font-weight--regular);
  font-size: var(--font-small-size);
  color: var(--font-color);
  line-height: 2;
}
.paragraph-text--dark {
  font-family: var(--font-family-primary) sans-serif;
  font-weight: var(--font-weight--regular);
  font-size: var(--font-small-size);
  color: var(--font-color);
  color: var(--font-color-active);
}
.placeholder-text {
  font-family: var(--font-family-primary) sans-serif;
  font-weight: var(--font-weight--regular);
  font-size: var(--font-small-size);
  color: var(--font-color);
  font-style: italic;
}
.subtitle-text {
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--xbold);
  font-size: var(--font-small-size);
  color: var(--font-color-active);
  letter-spacing: var(--letter-spacing);
}
h1 {
  font-size: 4.8rem;
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height-base);
}
@media (max-width: 574px) {
h1 {
    font-size: 4rem;
}
}
h2 {
  font-size: 2.8rem;
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height-base);
}
h3 {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--regular);
  line-height: var(--line-height-base);
}
h4 {
  font-size: 1.4rem;
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--xbold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
h5 {
  font-size: 1rem;
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--xbold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
h6 {
  font-size: var(--font-micro-size);
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--xbold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
p {
  margin-block-start: 0;
}
.fund-selector-dropdown .el-select-dropdown__item {
  max-width: 100%;
  padding-right: 4rem;
}
.form-select.fund-selector .no-fund-notification {
  width: 1.35rem;
  height: 1.35rem;
  display: flex;
  font-size: 1.2rem;
  background: var(--color-warning--hover);
  color: white;
  border-radius: 100%;
  position: relative;
  top: calc(50% - 0.675rem);
  font-family: var(--font-family-secondary) sans-serif;
  font-weight: var(--font-weight--bold);
  justify-content: center;
  align-items: center;
}
.form-select.fund-selector--only-first .el-select__selection > .el-select__selected-item:not(:first-child) > .el-tag {
  display: none;
}