/*
 * SHARED WITH JAVELIN - /src/javelin/sass/_colors
 * color nicknames from http://chir.ag/projects/name-that-color/{{#hex-code}}
 */
/**
 * allows you to add styling to the bottom row of a grid using the mixins above
 */
/* line 7, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module {
  margin-bottom: 25px;
  color: #000000;
}

/* line 177, src/hub/sass/_module.scss */
.newsletter-module section,
.newsletter-module div,
.newsletter-module article {
  box-sizing: border-box;
}

@media (max-width: 760px) {
  /* line 7, src/hub/components/module/newsletter/newsletter.desktop.scss */
  .newsletter-module {
    margin-bottom: 25px;
  }
}

/* line 189, src/hub/sass/_module.scss */
.newsletter-module.client-autofill, .newsletter-module.client-autofill--broken {
  display: none;
}

/* line 193, src/hub/sass/_module.scss */
.newsletter-module.client-autofill--loaded {
  display: block;
}

/* line 11, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__title {
  font-family: "BWHaasGrotesk-75Bold-Web", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.1em;
  margin-bottom: 10px;
  display: block;
}

/* line 24, src/hub/sass/_fonts.scss */
.newsletter-module__title:lang(ja) {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS Pgothic", Helvetica, Arial, Verdana, sans-serif;
}

/* line 19, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__subtitle {
  font-family: "BWHaasGrotesk-55Roman-Web", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.1em;
}

/* line 24, src/hub/sass/_fonts.scss */
.newsletter-module__subtitle:lang(ja) {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS Pgothic", Helvetica, Arial, Verdana, sans-serif;
}

/* line 26, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__subscribe {
  transition: opacity, 0.2s, ease-out, color, 0.2s, ease-out;
  opacity: 1;
  padding-top: 8px;
}

/* line 33, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__subscribe[data-state="loading"] .newsletter-module__input,
.newsletter-module__subscribe[data-state="loading"] .newsletter-module__button, .newsletter-module__subscribe[data-state="success"] .newsletter-module__input,
.newsletter-module__subscribe[data-state="success"] .newsletter-module__button {
  display: none;
}

/* line 40, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__subscribe[data-state="error"] .newsletter-module__message {
  color: #EA402F;
}

/* line 46, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__form {
  border: 0;
  width: 100%;
  margin: 0 0 10px;
}

/* line 52, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__input {
  display: block;
  font-family: "BWHaasGrotesk-55Roman-Web", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #767676;
  border: 0;
  border-bottom: 1px solid;
  padding: 5px 0;
  margin-bottom: 18px;
  width: 100%;
}

/* line 24, src/hub/sass/_fonts.scss */
.newsletter-module__input:lang(ja) {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS Pgothic", Helvetica, Arial, Verdana, sans-serif;
}

/* line 63, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__input:focus {
  color: #000000;
}

/* line 68, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__button {
  display: block;
  color: #000000;
  width: 100%;
  font-family: "BWHaasGrotesk-75Bold-Web", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border: 1px solid;
  padding: 12px 29px;
  background-color: #FFFFFF;
  cursor: pointer;
  user-select: none;
  transition: color 0.2s ease-out;
}

/* line 24, src/hub/sass/_fonts.scss */
.newsletter-module__button:lang(ja) {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS Pgothic", Helvetica, Arial, Verdana, sans-serif;
}

/* line 81, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__button:hover {
  color: #767676;
}

/* line 86, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__message {
  display: none;
  color: #000000;
  width: 100%;
  font-family: "BWHaasGrotesk-75Bold-Web", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border: 1px solid;
  padding: 13px 13px;
}

/* line 24, src/hub/sass/_fonts.scss */
.newsletter-module__message:lang(ja) {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS Pgothic", Helvetica, Arial, Verdana, sans-serif;
}

/* line 95, src/hub/components/module/newsletter/newsletter.desktop.scss */
.newsletter-module__message[data-display="true"] {
  display: block;
}

/* line 103, src/hub/components/module/newsletter/newsletter.desktop.scss */
.hub-zone-righty__rail .newsletter-module,
.hub-zone-righty__right-rail .newsletter-module {
  margin-bottom: 30px;
}

/* line 106, src/hub/components/module/newsletter/newsletter.desktop.scss */
.hub-zone-righty__rail .newsletter-module__input,
.hub-zone-righty__right-rail .newsletter-module__input {
  display: inline-block;
  width: 140px;
}

/* line 111, src/hub/components/module/newsletter/newsletter.desktop.scss */
.hub-zone-righty__rail .newsletter-module__button,
.hub-zone-righty__right-rail .newsletter-module__button {
  display: inline-block;
  width: 140px;
  margin-left: 16px;
}

/* line 121, src/hub/components/module/newsletter/newsletter.desktop.scss */
.hub-zone-switch__right-rail .newsletter-module__input {
  display: inline-block;
  width: 140px;
}

/* line 126, src/hub/components/module/newsletter/newsletter.desktop.scss */
.hub-zone-switch__right-rail .newsletter-module__button {
  display: inline-block;
  width: 140px;
  margin-left: 16px;
}

/* line 135, src/hub/components/module/newsletter/newsletter.desktop.scss */
.hub-zone-full .newsletter-module,
.hub-zone-lefty__content .newsletter-module,
.hub-zone-righty__content .newsletter-module,
.hub-zone-switch__content .newsletter-module {
  display: none;
}

/* line 142, src/hub/components/module/newsletter/newsletter.desktop.scss */
.hub-main[data-theme="dark"] .newsletter-module__title, .hub-main[data-theme="dark"] .newsletter-module__subtitle {
  color: #FFFFFF;
}

/* line 147, src/hub/components/module/newsletter/newsletter.desktop.scss */
.hub-main[data-theme="dark"] .newsletter-module__input {
  background-color: #000000;
}

/* line 150, src/hub/components/module/newsletter/newsletter.desktop.scss */
.hub-main[data-theme="dark"] .newsletter-module__input:focus {
  color: #FFFFFF;
}