:root {
  --sidebar-width: 22rem;
  --layout-gap: 6rem;
  --wp--style--block-gap: clamp(3.5rem, 2.737rem + 1.404vw, 4rem);
}

@media (min-width: 1300px) {
  :root {
    --sidebar-width: 30rem;
    --layout-gap: 8rem;
  }
}
.asset-allocation svg text.title {
  font-family: var(--wp--preset--font-family--secondary);
  font-size: var(--wp--preset--font-size--font-24);
}
.asset-allocation svg text.title#title-1 {
  fill: #4c8078;
}
.asset-allocation svg text.title#title-2 {
  fill: #004b40;
}
.asset-allocation svg text.title#title-3 {
  fill: #db3553;
}
.asset-allocation svg text.title#title-4 {
  fill: #df687b;
}
.asset-allocation svg text.title#title-5 {
  fill: #003e5c;
}
.asset-allocation svg text.title#title-6 {
  font-size: var(--wp--preset--font-size--font-22);
  fill: #2a2a27;
}
.asset-allocation svg text.sub {
  fill: #292927;
  font-size: var(--wp--preset--font-size--font-15);
}
@media (max-width: 989px) {
  .asset-allocation .desktop-only {
    display: none;
  }
  .asset-allocation .mobile-only svg {
    width: 98%;
    max-width: 360px;
    margin: 0 auto;
  }
  .asset-allocation .mobile-only dl {
    text-align: center;
    margin-top: var(--wp--preset--spacing--m);
  }
  .asset-allocation .mobile-only dl dt {
    font-family: var(--wp--preset--font-family--secondary);
    font-size: var(--wp--preset--font-size--font-24);
    margin-top: 1.5ch;
  }
  .asset-allocation .mobile-only dl dt.title-1 {
    color: #4c8078;
  }
  .asset-allocation .mobile-only dl dt.title-2 {
    color: #004b40;
  }
  .asset-allocation .mobile-only dl dt.title-3 {
    color: #db3553;
  }
  .asset-allocation .mobile-only dl dt.title-4 {
    color: #df687b;
  }
  .asset-allocation .mobile-only dl dt.title-5 {
    color: #003e5c;
  }
}
@media (min-width: 990px) {
  .asset-allocation .mobile-only {
    display: none;
  }
}