@font-face {
  font-family: 'Chewy';
  src: url('../fonts/chewy.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato Heavy';
  src: url('../fonts/lato-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.chewy {
  font-family: 'Chewy', 'Arial Rounded MT Bold', sans-serif;
  font-weight: 400;
}
.lato-heavy {
  font-family: 'Lato Heavy', 'Lato', Arial, sans-serif;
  font-weight: 900;
}
.b-orange-sep {
  background-color: #f16622;
}
.sep-owes,
.sep-b-owes,
.sep-amount {
  color: transparent;
  -webkit-text-stroke: 16px #ffffff;
  paint-order: stroke fill;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.45));
}
.sep-owes::after,
.sep-b-owes::after,
.sep-amount::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  -webkit-text-stroke: 0px transparent;
  background: linear-gradient(180deg, #dd4b12 0%, #ffd700 86.06%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}