@use "design";
@use "m";

.saveOnboarding {
  @include m.desktop {
    padding: 20px;
  }
}

.vestTable {
  width: 100%;
  @include design.font-small;

  th {
    vertical-align: bottom;
    @include design.font-smaller;
  }

  th,
  td {
    padding: 8px 0;

    &:nth-child(2),
    &:nth-child(3),
    &:nth-child(4) {
      text-align: right;
    }

    &:nth-child(4) {
      color: design.$color-on-surface-variant;
    }
  }
}

.bumpOverview {
  border: 1px solid design.$color-success;
  border-radius: 10px;
  padding: 20px;
  color: design.$color-success;
}