.community-channel-form {
  .field {
    margin-bottom: 0.5rem;

    nb-checkbox {
      margin-right: 0.5rem;
    }

    label {
      font-size: 0.8rem;
      color: grey;
    }
  }

  .logo {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    label {
      position: relative;
      padding: 150px 0;
      text-align: center;

      > span {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        font-size: 1rem;
        font-weight: 300;
        color: grey;

        nb-icon {
          font-size: 2.5rem;
          margin-bottom: 0.5rem;
        }
      }

      input {
        display: none;
      }
    }

    .uploaded-logo {
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100px;
      height: 100px;
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      margin: 0 auto;
      img {
        max-width: 100%;
      }
    }

    .delete-logo-button {
      text-align: center;
    }
  }
}

.action-button {
  @apply com-sticky com-bottom-0 com-w-full com-bg-white com-py-2;
}
