challenge-vtex-io-leonardo-pereira-rocha/react/components/Html/styles.css

[class*="productImageTag--main"] {
  object-fit: none;
}

[class*="flexRow--button-cart"] :global(.vtex-button) {
  background-color: black;
  border-color: black;
  width: 97.952%;
  height: 49px;
}

[class*="numeric-stepper__minus-button__text"] {
  position: absolute !important;
  left: 50%;
  top: 85%;
  transform: translate(-50%, -50%);
}

[class*="numeric-stepper__plus-button__text"] {
  position: absolute !important;
  left: 50%;
  top: 85%;
  transform: translate(-50%, -50%);
}

[class*="numeric-stepper__minus-button"] {
  height: 49px;
  position: relative;
}

[class*="numeric-stepper__input"] {
  height: 49px;
  position: relative;
}

[class*="numeric-stepper__plus-button"] {
  height: 49px;
  position: relative;
}

[class*="buttonText--button-add"] {
  font-size: 0;
}

[class*="buttonText--button-add"]::after {
  content: "ADICIONAR À SACOLA";
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
}

[class*="skuSelectorInternalBox"] {
  border-radius: 24px;
  position: relative;
  width: 40px;
  height: 46px;
}

[class*="skuSelectorSubcontainer--cor"]
  :global(.vtex-store-components-3-x-skuSelectorName) {
  font-size: 0;
}

[class*="skuSelectorSubcontainer--cor"]
  :global(.vtex-store-components-3-x-skuSelectorName)::after {
  font-size: 12px;
  content: "OUTRAS CORES";
}

[class*="skuSelectorSubcontainer--cor"]
  :global(.vtex-store-components-3-x-skuSelectorSelectorImageValue) {
  font-size: 0;
}

[class*="skuSelectorSubcontainer--tamanho"]
  :global(.vtex-store-components-3-x-skuSelectorName) {
  font-size: 0;
}

[class*="skuSelectorSubcontainer--tamanho"]
  :global(.vtex-store-components-3-x-skuSelectorName)::after {
  font-size: 12px;
  content: "OUTROS TAMANHOS:";
}

[class*="skuSelectorSubcontainer--cor"]
  :global(.vtex-store-components-3-x-frameAround) {
  border-radius: 24px;
  width: 48px;
  height: 48px;
  border-color: black;
}

[class*="skuSelectorSubcontainer--tamanho"]
  :global(.vtex-store-components-3-x-frameAround) {
  border-radius: 24px;
  width: 40px;
  height: 40px;
  border-color: black;
  left: 0.5px;
  top: -1.8px;
}

[class*="skuSelectorSubcontainer--tamanho"]
  :global(.vtex-store-components-3-x-skuSelectorInternalBox) {
  border-radius: 24px;
  width: 40px;
  height: 40px;
  border-color: black;
}

[class*="skuSelectorItemTextValue"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[class*="installments--m3-custom-installments"] {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #929292;
}

[class*="productNameContainer"] {
  text-align: end;
}

[class*="shippingContainer"] :global(.vtex-button) {
  background-color: black;
  color: white;
  font-size: 0;
  width: 49px;
  height: 49px;
  background-color: black;
  color: white;
  font-size: 0;
  position: relative;
  width: 49px;
  height: 49px;
  left: 45.5%;
  bottom: 110px;
}

[class*="shippingContainer"] :global(.vtex-button::after) {
  content: "OK";
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 30%;
  left: 23%;
}

[class*="shippingContainer"] :global(.vtex-input-prefix__group) {
  width: 45.532%;
  height: 49px;
}

[class*="vtex-address-form__postalCode-forgottenURL"] {
  position: relative;
  color: black;
  bottom: 44px;
  left: 52%;
  margin-left: 32px;
}

[class*="vtex-address-form__postalCode-forgottenURL"] :global(.pointer) {
  color: black;
  text-decoration: underline;
}

[class*="productDescriptionTitle"] {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
}

[class*="productDescriptionContainer"] {
  margin-left: 32px;
}

[class*="productDescriptionContainer"]:global(.content) {
  width: 632px;
  height: 66px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #929292;
}

[class*="listContainer"] {
  justify-content: space-between;
  color: black;
  background-color: transparent;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 25px;
}

[class*="listContainer"] :global(.vtex-button__label) {
  text-transform: capitalize;
  padding: 0;
  margin: 0;
}

[class*="listContainer"] :global(.vtex-button__label):hover {
  background-color: transparent;
}

[class*="listItemActive"] :global(.vtex-button) {
  color: black !important;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

[class*="listItem"] :global(.vtex-button) {
  color: #bfbfbf;
  border-radius: 0;
}

[class*="listItem"] :global(.vtex-button):hover {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
}

[class*="listItemActive"] {
  color: black;
}

[class*="pv2"] {
  padding-top: 0;
  padding-bottom: 0;
}

[class*="ma2"] {
  margin-top: 0;
  margin-bottom: 0;
}

[class*="listItemActive"] :global(.vtex-button:hover) {
  background-color: transparent;
  border: none;
}

[class*="listContainer"] :global(.vtex-button__label:hover) {
  color: black;
  background-color: transparent;
  border: none;
}

[class*="imageNormal"] {
  width: 434.4px;
  height: 434.4px;
}

[class*="newsletter"] {
  color: white;
}

[id*="newsletter-input"] {
  color: white;
  background: black;
  border: none;
}

[class*="t-heading-3"] {
  content: "Teste \n teste 2";
  margin-bottom: 57px;
  font-size: 0;
}
[class*="t-heading-3"]::after {
  content: "Assine nossa newsletter";
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  position: relative;
  bottom: 47px;
}

[class*="textNewsletter"] {
  color: white;
  position: relative;
  top: 38px;
}

[class*="newsletter"]:global(.vtex-input-prefix__group) {
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
}

[class*="buttonContainer"] :global(.vtex-button) {
  border: none;
  border-bottom: 2px solid white;
  background-color: black;
  border-radius: 0;
  position: relative;
  right: 12px;
}

[class*="vtex-store-components-3-x-shippingTableRadioBtn"] {
  display: none;
}

[class*="vtex-store-components-3-x-shippingTableRow"]:nth-child(1)::after {
  content: "ENTREGA";
  position: relative;
  right: 500%;
  top: -30px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #202020;
}

[class*="vtex-store-components-3-x-shippingTableRow"]:nth-child(2)::after {
  content: "FRETE";
  position: relative;
  right: 329%;
  top: -52px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #202020;
}

[class*="vtex-store-components-3-x-shippingTableRow"]:nth-child(3)::after {
  content: "PRAZO";
  position: relative;
  right: 108%;
  top: -72px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #202020;
}

[class*="vtex-store-components-3-x-shippingTable"] {
  border: none;
  margin-top: -76px;
}

[class*="discountInsideContainer"] {
  display: none;
}

[class*="vtex-slider-layout-0-x-slide--shelf "]
  :global(.vtex-product-summary-2-x-productBrand) {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #000000;
}

[class*="vtex-slider-layout-0-x-slide--shelf "]
  :global(.vtex-product-summary-2-x-productNameContainer) {
  width: 282.4px;
  height: 50px;
  text-align: center;
}

[class*="vtex-slider-layout-0-x-slide--shelf "]
  :global(.vtex-store-components-3-x-sellingPrice) {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  color: #000000;
}

[class*="vtex-slider-layout-0-x-slide--shelf "]
  :global(.vtex-store-components-3-x-listPrice) {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  text-decoration-line: line-through;
}
[class*="vtex-slider-layout-0-x-slide--shelf "]
  :global(.vtex-store-components-3-x-installmentsPrice) {
  font-size: 0;
}

[class*="paginationDotsContainer"]
  :global(.vtex-slider-layout-0-x-paginationDot--isActive) {
  background: white !important;
  border: 0.5px solid #000000;
}

[class*="paginationDotsContainer"]
  :global(.vtex-slider-layout-0-x-paginationDot) {
  background: black;
}

[class*="paragraph"] {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  text-align: center;
  color: #575757;
}