/*justification types*/
/* alignment types */
/*----------------------------------Columns -------------------------------------------------------------------------*/
/*------------------------------------------------------Rows -------------------------------------*/
/*------------------------------------------ Forms and Layout Tools------------------------------------------------------------*/
/*------------------------ Page Layouts -------------------------------*/
/*justification types*/
/* alignment types */
/*----------------------------------Columns -------------------------------------------------------------------------*/
/*------------------------------------------------------Rows -------------------------------------*/
/*------------------------------------------ Forms and Layout Tools------------------------------------------------------------*/
/*------------------------ Page Layouts -------------------------------*/
/*justification types*/
/* alignment types */
/*----------------------------------Columns -------------------------------------------------------------------------*/
/*------------------------------------------------------Rows -------------------------------------*/
/*------------------------------------------ Forms and Layout Tools------------------------------------------------------------*/
/*------------------------ Page Layouts -------------------------------*/
.cxa-productvariant-component:after {
  content: '';
  display: table;
  clear: both;
}

.cxa-productvariant-component .component-content {
  width: 100%;
  float: left;
}

.cxa-productvariant-component .component-content .product-variant-name {
  width: 48%;
  float: left;
  margin-right: 2%;
  margin-bottom: 10px;
}

.cxa-productvariant-component .component-content .invalid-variant {
  color: #747a83;
}