.ProductDetailVariants {
  border-bottom: 1px solid var(--colorOutlines);
  margin-bottom: var(--spaceMd);
  padding-bottom: var(--spaceMd);
  font-size: var(--textXs);
}

.ProductDetailVariants-title {
  font-weight: 700;
  margin-bottom: var(--spaceSm);
}

.ProductDetailVariants-holder {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.ProductDetailVariants-item {
  position: relative;
  background: var(--colorShadeBgLight);
  padding: var(--spaceXs) var(--spaceSm);
  min-width: 7rem;
  cursor: pointer;
  font-size: 1.2em;
  text-align: center;
  border: 1px solid transparent;
  border-radius: var(--sizeProductDetailVariantBorderRadius);
  transition: var(--animationBase);
}

.ProductDetailVariants-item.is-active {
  font-weight: 600;
  border: 1px solid var(--colorBrand);
  border-radius: calc(var(--sizeProductDetailVariantBorderRadius) * 0.5);
  background: var(--colorWhite);
}

.ProductDetailVariants-item:hover, .ProductDetailVariants-item:active, .ProductDetailVariants-item:focus {
  border: 1px solid var(--colorBrand);
  border-radius: calc(var(--sizeProductDetailVariantBorderRadius) * 0.5);
  background: var(--colorWhite);
}

.ProductDetailVariants-item:hover::after, .ProductDetailVariants-item:active::after, .ProductDetailVariants-item:focus::after {
  display: none;
}

/*# sourceMappingURL=product-detail-variants.min.css.map */