/* Siegel Financial v522 — precision monthly-money source operator. */

.budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus {
  --budget-plus-color: #9c7425;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  place-self: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(205, 166, 72, .14) 0 34%, rgba(205, 166, 72, .055) 50%, transparent 72%);
}

.budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus::before,
.budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 2px;
  border-radius: 999px;
  background: var(--budget-plus-color);
  box-shadow: 0 0 7px rgba(188, 143, 43, .16);
  content: "";
  transform: translate(-50%, -50%);
}

.budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

:root[data-theme="dark"] .budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus {
  --budget-plus-color: #efc965;
  background: radial-gradient(circle, rgba(239, 201, 101, .15) 0 34%, rgba(239, 201, 101, .055) 50%, transparent 72%);
}

:root[data-theme="dark"] .budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus::before,
:root[data-theme="dark"] .budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus::after {
  box-shadow: 0 0 8px rgba(239, 201, 101, .22);
}

@media (max-width: 370px) {
  .budget-page .budget-monthly-summary-sources {
    grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr);
  }

  .budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus {
    width: 20px;
    height: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus,
  .budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus::before,
  .budget-page .budget-monthly-summary-sources > .budget-monthly-summary-plus::after {
    transition: none !important;
  }
}