@import "~@capillarytech/cap-ui-library/styles/variables";

.select-group-type-container {
  .list-type-selection-container {
    margin-top: 26px;
  
    .group-types-container {
      margin-top: 6px;
      .group-type-box {
        position: relative;
        border: 1px solid #d6d6d6;
        padding: 10px;
        border-radius: 2px;
        cursor: pointer;
        font-size: 12px;
        height: 80px;
  
        &:not(:first-of-type) {
          margin-left: 16px;
        }
  
        .ant-radio-wrapper {
          white-space: unset;
          margin-right: 0;
          .ant-radio {
            position: absolute;
            right: 0;
          }
  
          .ant-radio + span {
            display: inline-block;
          }
        }
  
        .group-description {
          margin-bottom: 8px;
  
          span {
            font-size: 12px;
            line-height: 16px;
            display: inline-block;
          }
        }
      }
      .cap-radioCard-v2.select-group-type-radio {
          margin-left: -6px;
          .ant-card .ant-card-body {
            padding: $CAP_SPACE_16 $CAP_SPACE_20 0 $CAP_SPACE_20;
          }
          .ant-radio-button-wrapper {
            width: 276px;
          }
      }
      .radio-card-content-container {
        .radio-card-header {
          margin-left: 0.3rem;
        }

        .radio-card-content {
          margin-left: -4.8rem;
          margin-top: 0.8rem;
        }
        
        .cap-label-1 {
          padding-top: 0.1875rem;
        }
      }
    }
  }
}