.newsletter-subscription-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 12px;
  width: 100%;
  margin-top: 64px;
  margin-bottom: 64px;
  padding: 24px;
  border: 1px solid var(--Gray-300, #CCD8D9); }
  .newsletter-subscription-form .head {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start; }
  .newsletter-subscription-form .title {
    color: var(--Gray-900, #07171A);
    /* Headline/Headline S */
    font-family: "Messina Serif";
    font-size: var(--Typeface-Size-Headline-S, 26px);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 31.2px */
    letter-spacing: -0.52px; }
  .newsletter-subscription-form .super-title {
    color: var(--Green-500, #00A5A6);
    text-align: center;
    /* Body/Overline */
    font-family: "Messina Sans";
    font-size: var(--Typeface-Size-Overline, 13px);
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 14.3px */
    letter-spacing: 1.3px;
    text-transform: uppercase; }
  .newsletter-subscription-form .email-input {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 24px; }
    .newsletter-subscription-form .email-input .newsletter-email-input {
      width: 100%;
      min-width: calc(min(100%, 300px));
      flex: 1; }
    .newsletter-subscription-form .email-input [type="submit"] {
      width: 264px; }
  .newsletter-subscription-form .checkboxes {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--Gray-900, #07171A);
    /* Body/Body XL */
    font-family: "Messina Sans";
    font-size: var(--Typeface-Size-Body-XL, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 30px */
    letter-spacing: 0.2px; }
    .newsletter-subscription-form .checkboxes > div > div:first-child {
      height: 40px; }
    .newsletter-subscription-form .checkboxes > div > div {
      display: flex;
      gap: 4px;
      align-items: center; }
  .newsletter-subscription-form .epoch-checkbox {
    width: 22px !important;
    height: 22px !important; }
  .newsletter-subscription-form.subscription-standalone {
    padding: 0;
    border: 0;
    margin-top: 0;
    margin-bottom: 0; }
    .newsletter-subscription-form.subscription-standalone [type="submit"] {
      width: 180px; }
  .newsletter-subscription-form.subscription-footer .epoch-checkbox {
    width: 18px !important;
    height: 18px !important; }
  .newsletter-subscription-form.subscription-footer .checkboxes {
    color: #E6FEF3 !important; }
    @media (min-width: 834px) and (max-width: 1026px) {
      .newsletter-subscription-form.subscription-footer .checkboxes {
        flex-direction: row;
        width: 100%;
        gap: 16px; }
        .newsletter-subscription-form.subscription-footer .checkboxes > div {
          width: 100%;
          flex: 1; } }
    .newsletter-subscription-form.subscription-footer .checkboxes label {
      font-size: 16px;
      letter-spacing: 0.16px; }
    .newsletter-subscription-form.subscription-footer .checkboxes .newsletter-description {
      font-size: 14px;
      letter-spacing: 0.14px; }
    .newsletter-subscription-form.subscription-footer .checkboxes input:checked::before {
      background-color: #02767C; }
    .newsletter-subscription-form.subscription-footer .checkboxes input, .newsletter-subscription-form.subscription-footer .checkboxes input::before {
      border: 1px solid #02767C; }
  .newsletter-subscription-form.subscription-footer [type="submit"] {
    width: auto; }
  .newsletter-subscription-form .footer-email-input-wrapper {
    display: flex;
    gap: 16px;
    align-items: center;
    flex: 1;
    width: 100%;
    flex-direction: column; }
    @media (min-width: 834px) and (max-width: 1026px) {
      .newsletter-subscription-form .footer-email-input-wrapper {
        flex-direction: row;
        width: 100%;
        gap: 16px; } }
    .newsletter-subscription-form .footer-email-input-wrapper > div {
      width: 100%;
      flex: 1;
      display: flex; }
    .newsletter-subscription-form .footer-email-input-wrapper button {
      flex: 1;
      padding: 16px 24px;
      gap: 8px;
      border-radius: 8000px;
      border: 1px solid #FFFFFF;
      background: transparent;
      font-family: Messina Sans;
      font-size: 16px;
      font-weight: 400;
      line-height: 16px;
      letter-spacing: 0.01em;
      color: #FFFFFF; }
      .newsletter-subscription-form .footer-email-input-wrapper button:hover {
        background: #90A5AB33; }
      .newsletter-subscription-form .footer-email-input-wrapper button:active {
        background: #90A5AB4D; }
  .newsletter-subscription-form .footer-email-input {
    display: flex;
    flex: 1;
    height: 42px;
    padding: 8px;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Gray-200, #E2EEEE);
    background: transparent;
    cursor: text; }
    .newsletter-subscription-form .footer-email-input.error {
      border-width: 2px;
      border-style: solid;
      padding: 2px 4px 2px 18px;
      background: #FFF; }
    .newsletter-subscription-form .footer-email-input.error {
      border-color: var(--warning-600, #DC6803);
      box-shadow: 0px 0px 10px 3px rgba(247, 144, 9, 0.3); }
      .newsletter-subscription-form .footer-email-input.error input {
        color: var(--warning-600, #DC6803); }
    .newsletter-subscription-form .footer-email-input.subscribed {
      background: var(--success-100, #D1FADF); }
      .newsletter-subscription-form .footer-email-input.subscribed input {
        color: var(--epoch-green-600, #02767C); }
        .newsletter-subscription-form .footer-email-input.subscribed input::placeholder {
          color: var(--epoch-green-600, #02767C);
          opacity: 1; }
      .newsletter-subscription-form .footer-email-input.subscribed button {
        background: var(--epoch-green-500, #00A5A6); }
    .newsletter-subscription-form .footer-email-input input {
      border: none;
      background: none;
      width: 100%;
      font-family: Messina Sans;
      font-size: var(--TypefaceSizeBodyL);
      font-weight: 400;
      line-height: 27px;
      letter-spacing: 0.01em;
      text-align: left;
      color: var(--Gray-200, #E2EEEE);
      background-color: transparent;
      border: none;
      appearance: none; }
      .newsletter-subscription-form .footer-email-input input:-webkit-autofill, .newsletter-subscription-form .footer-email-input input:-webkit-autofill:focus, .newsletter-subscription-form .footer-email-input input:-webkit-autofill:active, .newsletter-subscription-form .footer-email-input input:-webkit-autofill:hover {
        border: none;
        -webkit-box-shadow: inset 0 0 0 1000px transparent;
        -webkit-transition: background-color 1000s ease-in-out 0s;
        transition: background-color 1000s ease-in-out 0s; }
      .newsletter-subscription-form .footer-email-input input::placeholder {
        color: var(--Gray-400, #90A5AB); }
      .newsletter-subscription-form .footer-email-input input:focus-visible {
        outline: none; }
      .newsletter-subscription-form .footer-email-input input:-webkit-autofill, .newsletter-subscription-form .footer-email-input input:-webkit-autofill:hover, .newsletter-subscription-form .footer-email-input input:-webkit-autofill:focus, .newsletter-subscription-form .footer-email-input input:-webkit-autofill:active {
        transition: background-color 0s 600000s, color 0s 600000s; }
    .newsletter-subscription-form .footer-email-input input:-webkit-autofill,
    .newsletter-subscription-form .footer-email-input input:-webkit-autofill:focus {
      transition: background-color 600000s 0s, color 600000s 0s; }
    .newsletter-subscription-form .footer-email-input input[data-autocompleted] {
      background-color: transparent !important; }