.operations-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 18px;
  border-radius: 16px;
  background: #252523;
  color: #fff;
}
.operations-flow article {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px;
  padding: 23px;
  border-right: 1px solid #41413d;
}
.operations-flow article:last-child {
  border: 0;
}
.operations-flow span {
  color: #888780;
  font-size: 9px;
}
.operations-flow strong {
  font-size: 12px;
}
.operations-flow b {
  grid-row: 1 / 3;
  grid-column: 2;
  color: var(--account-green);
  font:
    700 29px/1 "Manrope",
    sans-serif;
}
.operations-flow small {
  color: #92918a;
  font-size: 9px;
}
.operations-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 15px;
}
.operation-rows article {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 9px;
  padding: 15px 20px;
  border-bottom: 1px solid var(--portal-line);
}
.operation-rows article:last-child {
  border: 0;
}
.operation-rows article > div {
  display: grid;
}
.operation-rows small {
  color: var(--portal-muted);
  font-size: 10px;
}
.operation-note {
  padding: 25px;
  background: #e9ddff;
}
.operation-note h2 {
  margin-top: 28px;
  font-size: 29px;
}
.operation-note p {
  margin: 12px 0 26px;
  color: #625a70;
  font-size: 12px;
}
.operation-note .portal-button,
.operation-note .account-state {
  width: fit-content;
}