.box-style-setter {
  .next-radio-group {
    display: flex;
    background-color: #e6e6e6;
    border-radius: 5px;
    padding: 2px;

    .next-radio-wrapper {
      flex: 1;
      padding: 2px;
      border: none;
      background-color: transparent;
      // height: auto;
      text-align: center;
      &:not(:first-child) .next-radio-label {
        position: relative;
        &:before {
          content: '';
          position: absolute;
          top: 15%;
          bottom: 15%;
          left: 0;
          border-left: 1px solid #999;
        }
      }

      &.checked {
        border-radius: 5px;
        background-color: #fff;
        .next-radio-label:before,
        & + .next-radio-wrapper .next-radio-label:before {
          border-left: none;
        }
        .next-radio-label {
          color: #3e8bfe;
        }
      }
      .next-radio-label {
        justify-content: center;
        height: 26px;
        color: #606060;
      }
    }
  }
}
.skin-setter {
  align-items: flex-start !important;
  .lc-field-head {
    height: 35px;
  }
  .img-select {
    height: 260px;
    overflow: auto;
    .img-select-li {
      padding: 1px;
      margin: 2px 8px;
      border: 1px dashed transparent;
      border-radius: 5px;

      .border-box{
        margin: 12px 6px 2px;
      }
      &.active,&:hover {
        background-color: #eff3f9;
      }
      &.active {
        border-color: #4ba9f3;
      }
      &:not(.active):hover {
        border-color: #93c0f6;
        background-color: #f6f9fc;
        cursor: pointer;
      }
    }
  }
}
