@charset "UTF-8";

.label {
  width: 100px;
  padding: 0 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-4);
  border-radius: var(--rd-radius-Lv1)
}

.label:before {
  content: "";
  width: 18px;
  height: 18px
}

.label:after {
  font-size: 10px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 700;
  color: var(--clr-text-white)
}

.label.-view-360 {
  background: var(--clr-bg-360-view);
  border: 1px solid var(--clr-bg-360-view)
}

.label.-view-360:before {
  background: url(/html/template/default/assets/img/icon_360-degrees.svg) no-repeat center/contain
}

.label.-view-360:after {
  content: "360° View"
}

.label.-new {
  background: var(--clr-bg-new-arrival);
  border: 1px solid var(--clr-bg-new-arrival)
}

.label.-new:before {
  background: url(/html/template/default/assets/img/icon_new.svg) no-repeat center/contain
}

.label.-new:after {
  content: "New Arrival"
}

.label.-sbt-stock {
  background: var(--clr-bg-white);
  border: 1px solid var(--clr-prime)
}

.label.-sbt-stock:before {
  background: url(/html/template/default/assets/img/icon_sbt-stock.svg) no-repeat center/contain
}

.label.-sbt-stock:after {
  content: "SBT Stock";
  color: var(--clr-prime)
}

.label.-parters-stock {
  background: var(--clr-bg-white);
  border: 1px solid var(--clr-bg-partner-blue)
}

.label.-parters-stock:before {
  background: url(/html/template/default/assets/img/icon_partner-stock.svg) no-repeat center/contain
}

.label.-parters-stock:after {
  content: "Partner’s Stock";
  color: var(--clr-bg-partner-blue)
}

.label.-red-tag-sale {
  background: var(--clr-prime);
  border: 1px solid var(--clr-prime)
}

.label.-red-tag-sale:before {
  background: url(/html/template/default/assets/img/icon_red-tag-sale.svg) no-repeat center/contain
}

.label.-red-tag-sale:after {
  content: "Red Tag Sale";
  color: var(--clr-text-white)
}