.component-additional_options {
  .component-properties {
    display: flex;

    .left, .right {
      width: 50%;

      & > .property-container {
        display: flex;
        align-items: center;

        margin-bottom: calculateRem(30);

        .title {
          width: calculateRem(130);

          font-weight: 700;
        }
      }

      & > .properties-group {

        &.visibility-properties-group {
          margin-top: calculateRem(30);
        }
        
        .title {
          margin-bottom: calculateRem(20);
          
          font-weight: 700;
        }

        .properties {
          .property-container {
            &:not(:last-child) {
              margin-bottom: calculateRem(15);
            }
          }
        }
      }
    }
  }
}