.global-and {
  display: flex;
  align-items: center;

  gc-switch {
    padding-right: .25rem;
  }
}


.wrapper {
  display: flex;
  flex-direction: column;

  &.nested-group {
    padding: 1rem;
    border: 1px solid gainsboro;
    border-radius: 5px;
  }

  .group-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2rem;
  }

  .inner-content {
    display: flex;

    .child-wrapper {
      flex-basis: 97%;
      margin-left: 3%;

      .group-wrapper {
        display: flex;
        padding-top: 1rem;
        min-height: 4rem;

        .filter-liner {
          margin-left: -3%;
          margin-top: -1rem;
          width: 3%;
          display: flex;
          flex-direction: column;
          > .top,
          > .bottom {
            height: 2rem;
            width: 100%;
            border-left: 1px solid gainsboro;
            padding-right: 100%;
            flex-grow: 1;
          }
          .top {
            border-bottom: 1px solid gainsboro;
            height: 3rem;
            flex-grow: 0;
          }


          &.for-condition {
            .top {
              height: 2rem;
            }
          }
        }

        &.last {
          > .filter-liner {
            > .bottom {
              border-left: none;
            }
            > .top {
              border-bottom-left-radius: 5px;
            }
          }
        }

        gc-conditional-logic-builder-group,
        gc-conditional-logic-builder-condition {
          width: 97%;
        }
      }
    }

    &.one-condition {
      
      > .child-wrapper {
        flex-basis: 100%;
        margin-left: 0;
  
        > .group-wrapper {
          padding-top: 0;
          > .filter-liner {
            display: none;
          }
        }
      }
    }
  }
}