#circle-information,
#circle-edit,
#admin-circle-list {

  h2 {
    font-size: 1.7rem;
    font-weight: bold;
    text-transform: uppercase;
  }

  .content-box__info {
    @extend %padding-block;
    display: flex;
    flex-direction: column;

    .backlink {
      text-align: right;
      display: block;
    }
  }

  .box-button {
    display: flex;
    justify-content: flex-end;
  }

  .block {

    >form { /* peut-être à mettre dans main.scss */
      margin-bottom: 2.6rem;

      .form-label.is-dark>label {
        margin-top: 0;

        /*>div:first-child {
          @extend h3;
          font-weight: bold;
          margin: 0 0 1.4rem;
          text-transform: uppercase;
        }*/ /* Casse l'alignement de "add a member" au niveau du bouton. Utile ailleurs ?*/
      }
    }

    >div { /* peut-être à mettre dans main.scss */
      display: flex;
      flex-direction: column;
      margin-bottom: 2.6rem;
      position: relative;

      >[name^='label'] {
        @extend h3;
        font-weight: bold;
        margin: 0 0 1.4rem;
        text-transform: uppercase;
      }

      >[name='description'] {
        max-width: 80%;
      }

      >[name='entitled'] {
        align-self: flex-end;
        position: absolute;

        >*:first-child {
          margin-right: 0.8rem;
        }
      }
      
      >sib-multiple {

        label {
          display: none;
        }

        >div>circle-team-template[name='team']>sib-display>div {
          display: grid;
          grid-column-gap: 1.6rem;
          grid-template-columns: 7vh auto;
          grid-template-rows: repeat(2, 5.2vh);

          >[name='account.picture'] {
            align-items: center;
            align-self: center;
            background-color: $color-213-20-91;
            border-radius: 50%;
            display: flex;
            grid-column: 1 / span 1;
            grid-row: 1 / span 2;
            height: 7vh;
            justify-content: center;
            overflow: hidden;
            position: relative;
            width: 7vh;

            img {
              background-color: white;
              height: 100%;
              left: 0;
              object-fit: cover;
              position: absolute;
              top: 0;
              width: 100%;
            }

            object {
              height: 45%;
              width: 45%;
            }
          }

          >[name='sup'] {
            align-self: end;
            display: flex;
            grid-column: 2 / span 1;
            grid-row: 1 / span 1;
            margin-bottom: 0.50rem;

            [name='name'] {
              font-weight: 600;
            }

            sib-multiple {
              display: flex;
              margin-left: 1rem;

              [name='groups'] {
                @extend %user-role;
              }
            }
          }

          >[name='sub'] {
            align-self: start;
            grid-column: 2 / span 1;
            grid-row: 2 / span 1;
            margin-top: 0.50rem;

            >[name$='profile.city']:not(:empty) {
              @include mdi('atom');
              align-items: center;
              display: flex;

              &::before {
                color: $color-43-100-50;
                margin-right: 0.50rem;
              }
            }
          }
        }
      }
    }
  }
}
