html[data-brand-client] {
  --tenant-primary: var(--brand-primary, #e00817);
  --tenant-secondary: var(--brand-secondary, #12263f);
  --tenant-background: var(--brand-background, #f7f7f4);
  --tenant-text: var(--brand-text, #12263f);
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) body {
  background: var(
    --brand-theme-public-shell-background,
    linear-gradient(180deg, #fcfcfa 0%, var(--brand-background, #f6f6f3) 58%, #f1f1ec 100%)
  );
  color: var(--tenant-text);
  font-family: var(--brand-body-font, "Public Sans", sans-serif);
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) h1,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) h2,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) h3,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) h4,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) h5,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) h6 {
  font-family: var(--brand-heading-font, "Cormorant Garamond", serif);
  color: var(--tenant-secondary);
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .main-wrapper,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .main_section,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .main-content,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .launch-bg {
  background: transparent !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiAppBar-colorDefault {
  background: var(
    --brand-theme-public-app-bar-background,
    rgba(255, 255, 255, 0.96)
  ) !important;
  border-bottom: var(
    --brand-theme-public-app-bar-border,
    1px solid rgba(20, 39, 53, 0.08)
  ) !important;
  box-shadow: var(
    --brand-theme-public-app-bar-shadow,
    0 18px 42px rgba(20, 39, 53, 0.06)
  ) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiToolbar-root {
  min-height: 94px;
  align-items: center;
  row-gap: 10px;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiAppBar-colorDefault .MuiToolbar-root > a img {
  width: var(--brand-theme-public-logo-width, 220px) !important;
  max-width: 100% !important;
  max-height: var(--brand-theme-public-logo-max-height, 68px) !important;
  object-fit: contain;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiButton-containedPrimary {
  background: var(
    --brand-theme-public-primary-button-background,
    linear-gradient(
      135deg,
      var(--brand-secondary, #0c1c27) 0%,
      var(--brand-primary, #142735) 100%
    )
  ) !important;
  color: #ffffff !important;
  box-shadow: var(
    --brand-theme-public-primary-button-shadow,
    0 14px 32px rgba(20, 39, 53, 0.18)
  ) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiButton-containedPrimary:hover {
  background: var(
    --brand-theme-public-primary-button-hover-background,
    var(--brand-secondary, #0c1c27)
  ) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiButton-outlinedPrimary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiButton-textPrimary {
  color: var(--tenant-primary) !important;
  border-color: color-mix(in srgb, var(--tenant-primary) 24%, white) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .rotate_arrow {
  color: #ffffff;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .information_footer {
  background: var(
    --brand-theme-footer-background,
    var(--brand-secondary, #0c1c27)
  );
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .information_footer__column h3,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .information_footer__logoWrap,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .information_footer__legalCopy {
  color: #ffffff;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .information_footer__column h3 {
  color: var(--brand-theme-footer-heading-color, #ffffff);
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .information_footer__logo {
  max-width: 260px;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header {
  background: var(
    --brand-theme-dashboard-header-background,
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 246, 243, 0.98) 100%)
  );
  border-bottom: var(
    --brand-theme-dashboard-header-border,
    1px solid rgba(20, 39, 53, 0.08)
  );
  box-shadow: var(
    --brand-theme-dashboard-header-shadow,
    0 16px 36px rgba(20, 39, 53, 0.06)
  );
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .logo {
  width: 220px;
  max-width: min(36vw, 220px);
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .navside-right {
  gap: 8px;
  flex-wrap: wrap;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .navside-right > li > a,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .navside-right > li > .dropdown-item,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .header-action-link {
  border-color: var(
    --brand-theme-dashboard-header-action-border,
    rgba(20, 39, 53, 0.08)
  );
  color: var(--brand-theme-dashboard-header-action-text, var(--tenant-secondary));
  font-family: var(--brand-heading-font, "Cormorant Garamond", serif);
  background: var(
    --brand-theme-dashboard-header-action-background,
    transparent
  );
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .navside-right > li > a:hover,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .navside-right > li > .dropdown-item:hover,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .header-action-link:hover {
  border-color: var(
    --brand-theme-dashboard-header-action-hover-border,
    color-mix(in srgb, var(--tenant-primary) 18%, white)
  );
  color: var(--brand-theme-dashboard-header-action-hover-text, var(--tenant-primary));
  background: var(
    --brand-theme-dashboard-header-action-hover-background,
    transparent
  );
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .navside-right .badge {
  background: var(--tenant-primary);
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .dashboard-badge,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .status-pill,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .pill,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .tag {
  max-width: 100%;
  overflow-wrap: anywhere;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .btn-box:before,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .btn-box:after {
  display: none;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .btn-box {
  border-radius: 999px;
  top: 0;
  box-shadow: none !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .shape_bottom::after,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .launch-form-in:before,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .launch-form-in:after {
  display: none !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .shareleft,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .sharebottom {
  display: none !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .preloader div {
  border: 6px solid var(--tenant-primary) !important;
  border-color: var(--tenant-primary) transparent transparent transparent !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiCircularProgress-colorPrimary {
  color: var(--tenant-primary) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .Toastify__toast.api-toast {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--tenant-primary) 10%, white), transparent 45%),
    linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--tenant-background) 55%, white) 100%) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .launch-card,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .login-card,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiCard-root,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiPaper-rounded {
  border-radius: 24px;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-cta--primary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-range__button.is-active,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-tab.is-active,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .overview-action-primary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .btn-primary {
  background: var(--tenant-primary) !important;
  border-color: var(--tenant-primary) !important;
  color: #ffffff !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-cta--secondary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .overview-action-secondary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .btn-outline-primary {
  color: var(--tenant-primary) !important;
  border-color: color-mix(in srgb, var(--tenant-primary) 28%, white) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-section-kicker,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-tab small,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-breadcrumb__back,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .account-overview__eyebrow,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .overview-kicker {
  color: var(--tenant-primary) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-alert,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .investment-warning,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .profile-notice,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .terms-highlight {
  background: color-mix(in srgb, var(--tenant-primary) 6%, white) !important;
  border-color: color-mix(in srgb, var(--tenant-primary) 16%, white) !important;
  color: var(--tenant-secondary) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-shell .fund-detail-impact-hero,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-shell .fund-detail-section--card,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .fund-detail-shell .fund-detail-tab,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db .card,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db .overview-card {
  border-radius: 24px !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-modern-eyebrow,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .error-page__eyebrow,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-inline-link,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-inline-link-secondary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-modern-primary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-modern-secondary {
  color: var(--tenant-primary) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-inline-link,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-inline-link-secondary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-modern-primary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-modern-secondary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-thread-card.active,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-thread-card--unread {
  border-color: color-mix(in srgb, var(--tenant-primary) 24%, white) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-inline-link-primary,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-inline-link:hover,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-inline-link-secondary:hover,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-thread-unread-badge {
  background: var(--tenant-primary) !important;
  border-color: var(--tenant-primary) !important;
  color: #ffffff !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-inline-link-primary:hover,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-inline-link-secondary:hover,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-modern-primary:hover,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-modern-secondary:hover {
  background: color-mix(in srgb, var(--tenant-primary) 6%, white) !important;
  color: var(--tenant-primary) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-thread-card.active,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-thread-card--unread.active,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-thread-card--unread .secure-thread-account,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-thread-card.active .secure-thread-account {
  background: color-mix(in srgb, var(--tenant-primary) 6%, white) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-action-row,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-thread-card-top,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .action-link-wrap {
  row-gap: 12px;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .portfolio-action-row,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .action-link-wrap,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .secure-modern-thread-list,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .mail-workspace,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .error-page {
  overflow-wrap: anywhere;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiTypography-root,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .icon-text,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header a,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header button {
  overflow-wrap: anywhere;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiLinearProgress-barColorPrimary {
  background-color: var(--tenant-primary) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiInput-underline:after,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--tenant-primary) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiCheckbox-colorPrimary.Mui-checked,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiRadio-colorPrimary.Mui-checked,
html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiSwitch-colorPrimary.Mui-checked {
  color: var(--tenant-primary) !important;
}

html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) a {
  color: var(--tenant-primary);
}

@media (max-width: 959px) {
  html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiToolbar-root {
    min-height: 84px;
  }

  html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiAppBar-colorDefault .MuiToolbar-root > a img {
    width: 182px !important;
    max-height: 58px !important;
  }

  html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header {
    padding: 0 18px;
  }

  html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .logo {
    width: 182px;
    max-width: 48vw;
  }
}

@media (max-width: 599px) {
  html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiToolbar-root {
    min-height: 76px;
  }

  html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .MuiAppBar-colorDefault .MuiToolbar-root > a img {
    width: 156px !important;
    max-height: 50px !important;
  }

  html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header {
    margin-bottom: 24px;
    padding: 0 14px;
  }

  html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .logo {
    width: 156px;
    max-width: 56vw;
  }

  html[data-brand-client]:not([data-brand-client="BIGEXCHANGE"]) .maincontent-db header .icon-text {
    font-size: 12px;
  }
}