@use "design-system";

.confirm-page-container-header {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;

  &__row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-border-muted);
    padding: 4px 13px 4px 13px;
    flex: 0 0 auto;
    align-items: center;

    & .network-display {
      margin-right: 0;
      height: 25px;
    }
  }

  &__back-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-primary-default);

    [dir='rtl'] & img {
      transform: rotate(180deg);
    }
  }

  &__back-button {
    @include design-system.Paragraph;

    color: var(--color-primary-default);
    cursor: pointer;
    padding-left: 5px;
  }

  &__address-container {
    display: flex;
    align-items: center;
    margin-top: 2px;
    margin-bottom: 2px;
  }

  &__address {
    @include design-system.H6;

    margin-left: 6px;
  }
}
