.ProductDetailVariants {
  position: relative;
  font-size: var(--textSm);
  font-weight: 600;
  margin: var(--spaceXs) 0 7rem;
}

.ProductDetailVariants-title {
  margin: 0 0 var(--spaceXs) 0;
}

.ProductDetailVariants-item {
  display: none;
  padding: var(--spaceSm);
  gap: var(--spaceSm);
  flex-direction: row-reverse;
  border: 2px solid var(--colorBrand);
  background: var(--colorWhite);
  z-index: var(--layerPageZIndex);
}

.ProductDetailVariants-item.is-active {
  position: relative;
  display: flex;
  order: -1;
}

.ProductDetailVariants-item.is-active::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10" fill="none"><path d="M1.7998 0.770508C2.04382 0.770508 2.28811 0.866239 2.47168 1.0498L8.30566 6.88379L8.375 6.94629C8.54468 7.08398 8.76685 7.16309 9 7.16309C9.26624 7.16309 9.51853 7.05959 9.69434 6.88379L15.5283 1.0498L15.6006 0.984375C15.9734 0.68033 16.5237 0.702368 16.8711 1.0498L16.9355 1.12012C17.0747 1.28966 17.1503 1.49945 17.1504 1.7207C17.1504 1.94218 17.075 2.15261 16.9355 2.32227L16.8711 2.39258L11.0371 8.22656C10.4943 8.76933 9.76783 9.07129 9 9.07129C8.32804 9.07129 7.68794 8.84033 7.1748 8.41895L6.96289 8.22656L1.12891 2.39258C0.948831 2.2125 0.849609 1.9739 0.849609 1.7207C0.849659 1.46725 0.946406 1.23547 1.12793 1.05078L1.19922 0.984375C1.37311 0.840885 1.58728 0.770551 1.7998 0.770508Z" fill="currentColor" stroke="currentColor" stroke-width="0.3"/></svg>');
  position: absolute;
  top: calc(50% - 10px - 1rem);
  right: 0.5rem;
  padding: 1rem;
  cursor: pointer;
}

.ProductDetailVariants-item:not(.is-active):hover {
  cursor: pointer;
  background: var(--colorShadeBgLight);
}

.ProductDetailVariants-holder {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ProductDetailVariants-holder:hover .ProductDetailVariants-item {
  display: flex;
}

.ProductDetailVariants-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.625rem;
  width: 100%;
}

.ProductDetailVariants-image img {
  border-radius: calc(var(--sizeButtonBorderRadius)/2);
  overflow: hidden;
}

.ProductDetailVariants-stock {
  display: inline-flex;
  align-items: center;
}

.ProductDetailVariants-stock.is-in {
  color: var(--colorStockIn);
  padding-right: var(--spaceSm);
}

.ProductDetailVariants-stock.is-in::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M3.83994 7.26431C4.64409 7.26431 5.40208 6.95265 5.97153 6.3832L9.66141 2.69332C9.88072 2.47401 10 2.18544 10 1.87763C10 1.56981 9.88072 1.28124 9.66141 1.06193C9.22662 0.627144 8.46479 0.627144 8.03001 1.06193L4.34013 4.75181C4.21316 4.87878 4.03232 4.95188 3.84379 4.95188C3.65525 4.95188 3.47441 4.87878 3.34744 4.74796L1.96999 3.36666C1.53521 2.93188 0.773375 2.93188 0.338592 3.36666C0.119277 3.58597 0 3.87455 0 4.18236C0 4.49017 0.119277 4.77874 0.338592 4.99806L1.71604 6.37936C2.28549 6.94881 3.04348 7.26047 3.84763 7.26047L3.83994 7.26431Z' fill='white'/%3E%3C/svg%3E");
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: var(--spaceXxs);
  border-radius: 0.375rem;
  background-color: var(--colorStockIn);
  background-position: center;
  background-repeat: no-repeat;
}

.ProductDetailVariants-stock.is-out {
  color: var(--colorStockOut);
}

@media (max-width: 1135px) {
  .ProductDetailVariants-stock {
    display: inline-flex;
    font-size: 1rem;
  }
  .ProductDetailVariants-stock.is-in {
    border: none;
    display: inline-flex;
    margin-bottom: var(--spaceXs);
  }
}

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