.gjs-trt-traits {
  .gjs-trt-trait {
    .basic-traits-responsive {
      width: 100%;

      .title {
        background-color: #2f2f2f;
      }

      .sub-title {
        width: 50px;
        text-align: center;
      }
    }

    .basic-traits-size,
    .basic-traits-position,
    .basic-traits-rotation,
    .basic-traits-opacity {
      display: flex;
      background-color: rgb(47, 47, 47);
      height: 28px;
      line-height: 16px;

      >label {
        width: 30%;
        min-width: 30%;
        display: inline-block;
        margin: 0;
        padding: 0;
        line-height: 28px;
        font-weight: 400;
      }

      .basic-traits-pair {
        width: 30%;
        min-width: 30%;
        flex: 1;

        .basic-traits-size-width,
        .basic-traits-size-height,
        .basic-traits-size-left,
        .basic-traits-size-top {
          width: calc(100% - 16px);
          text-align: right;
          background-color: rgba(0, 0, 0, 0.2);
        }
      }
    }

    .basic-traits-opacity {
      .slider {
        padding-top: 5px;
        width: 100%;
      }

      .slider-input {
        width: 60px;
        text-align: right;
        margin-left: 5px;
      }
    }

    .traits-btn {
      width: 100%;
      background-color: #444;
      border: none;
      outline: none;
      cursor: pointer;
      border-radius: 3px;
      padding: 3px 6px;
    }
  }
}
