app-sangh-information {
  h2 {
    padding: var(--ion-padding-0) var(--ion-padding-15);
    margin-top: var(--ion-margin-0);
    color: var(--ion-color-sangh);
  }

  ion-button {
    margin: var(--ion-margin-0) var(--ion-margin-15);
    --border-radius: 0.313rem;
  }

  ion-content {
    .top-line {
      padding: var(--ion-padding-0) var(--ion-padding-15);

      .stepper {
        display: flex;
        justify-content: space-between;
        margin: 15px 0px;
      }

      .step {
        width: 60px;
        height: 4px;
        background: var(--ion-background-gray);
        display: flex;
        align-items: center;
        border-radius: 2px;
      }

      .sangh-stepper {
        background: var(--ion-color-sangh);
      }
    }

    .search-data {
      top: auto !important;
      width: calc(100% - 32px) !important;

      ion-list {
        border: 1px solid var(--ion-content-color-sant);
        border-radius: 5px;

        ion-item {
          ion-label {
            max-width: inherit !important;
            white-space: normal !important;
            width: 69vw;
            margin: var(--ion-margin-0);
          }

          &:last-child {
            border: none;
          }
        }
      }
    }

    &.sangh {
      form {
        position: relative;

        .reset-dharm {
          float: right;
        }
      }
    }
  }

  ion-footer {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

.demo-class {
  ion-action-sheet {
    .action-sheet-button {
      height: auto;
      contain: content;
      padding-top: var(--ion-padding-10);
      padding-bottom: var(--ion-padding-10);
    }
  }
}