.method-title {
  color: #242323;
  font-weight: 500;
}

.method {
  &-header {
    display: flex;
    width: 100%;
    height: 44px;
    font-size: 1rem;
    line-height: 1.3rem;
    align-items: center;
    &-label {
      width: 100%;
      padding-right: 20px;
      margin-bottom: 0;
      @extend .method-title;
    }
  }
  &-close-icon {
    margin-left: 8px;
    &:hover {
      cursor: pointer;
      filter: opacity(0.8);
    }
    &:active {
      transform: translateY(2px);
    }
  }
  &-divider {
    border: 1px solid #eee;
  }
  &-refresh {
    font-size: 0.9rem;
    color: #00b8f5;
    .refresh-icon {
      position: relative;
      top: -1px;
    }
  }
  ul {
    list-style-type: none;
    padding: 0 12px;
    li {
      text-align: left;
      padding: 12px 0;
      border-bottom: 1px solid #eee;
      span {
        font-size: 0.8rem;
      }
    }
  }
  &-list {
    &-container {
      display: flex;
      line-height: 1;
      justify-content: flex-start;
    }
    &-text {
      flex-basis: 65%;
      color: #606060;
      .text-balance {
        font-size: 1rem;
        font-weight: 500;
      }
      .balance-number {
        font-size: 0.8rem;
        margin-top: 4px;
      }
      .card-auth {
        width: 11px;
        height: 11px;
      }
      .auth-name {
        color: #32bc01;
        font-size: 0.7rem;
      }
    }
    &-selected {
      min-width: 24px;
      .selected-size {
        width: 24px;
        height: 24px;
        position: relative;
        top: 3px;
      }
    }
    &-method-icon {
      padding: 0 8px;
      .method-icon-size {
        width: 36px;
        height: 36px;
      }
    }
    &-action {
      justify-self: self-end;
      .icon-sizes {
        width: 22px;
        height: 22px;
        position: relative;
        top: 4px;
      }
    }
  }
}