@charset "UTF-8";
.main-product-standard__notify-me {
  padding-top: var(--spacing-600);
  border-top: 1px solid var(--border-color-light, #c9c9c9);
  background-color: var(--surface-secondary);
}
.main-product-standard__notify-me-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-50);
  margin-bottom: var(--spacing-600);
}
.main-product-standard__notify-me-title {
  margin-top: 0;
  margin-bottom: var(--spacing-500);
  font-size: var(--typography-styles-sizing-body-medium, 16px);
}
.main-product-standard__notify-me-description {
  color: var(--typography-color-subdued);
}
.main-product-standard__notify-me-form {
  gap: var(--spacing-600);
}
.main-product-standard__notify-me-input-container {
  display: flex;
  gap: var(--spacing-500);
  flex-direction: column;
}
.main-product-standard__notify-me-input {
  color: var(--typography-color-default);
  border: var(--border-stroke-25) solid var(--border-color-light, #c9c9c9);
  height: var(--spacing-900);
}
.main-product-standard__notify-me-input::-moz-placeholder {
  color: var(--typography-color-secondary, #565656);
  font-family: var(--typography-body-font);
  font-size: var(--typography-body-medium-size);
  font-weight: var(--typography-body-weight-normal);
  line-height: var(--typography-body-medium-height);
  letter-spacing: calc(
    var(--typography-body-medium-size) * var(--typography-body-tracking) * 0.01
  );
}
.main-product-standard__notify-me-input::placeholder {
  color: var(--typography-color-secondary, #565656);
  font-family: var(--typography-body-font);
  font-size: var(--typography-body-medium-size);
  font-weight: var(--typography-body-weight-normal);
  line-height: var(--typography-body-medium-height);
  letter-spacing: calc(
    var(--typography-body-medium-size) * var(--typography-body-tracking) * 0.01
  );
}
.main-product-standard__notify-me-submit {
  flex-shrink: 0;
  font-size: var(--btn-type-size-tiny);
  background-color: var(--btn-tertiary-bg-color);
  border: 0;
  color: var(--btn-tertiary-txt-color, #111);
  line-height: 20px;
  padding: var(--btn-x-padding) var(--btn-y-padding);
}
.main-product-standard__notify-me-submit:hover {
  background-color: var(--btn-tertiary-bg-color);
  border: 0;
  box-shadow: unset;
}
@media (pointer: fine) {
  .main-product-standard__notify-me-submit:hover {
    background-color: var(--btn-tertiary-bg-color-hover);
    border: 0;
    box-shadow: unset;
  }
}
.main-product-standard__notify-me-success,
.main-product-standard__notify-me-error {
  display: none;
  text-align: center;
  max-width: 248.55px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  .main-product-standard__notify-me-success,
  .main-product-standard__notify-me-error {
    max-width: 368px;
  }
}
.main-product-standard__notify-me-success {
  color: var(--typography-color-success);
}
.main-product-standard__notify-me-error {
  color: var(--typography-color-error-sale);
}
.main-product-standard__notify-me-success.active,
.main-product-standard__notify-me-error.active {
  display: block;
}