.ds-masthead-account-list__header {
  color: var(--ds-color-london-100);
  font-family: var(--ds-type-system-sans-lining);
  font-size: var(--ds-type-scale-1);
  font-weight: 400;
  line-height: var(--ds-type-leading-lower);
  margin: 0;
}

.ds-masthead-account-subheading {
  font-family: var(--ds-type-system-sans);
  font-size: var(--ds-type-scale--1);
  font-variant: small-caps no-common-ligatures no-discretionary-ligatures no-historical-ligatures no-contextual;
  font-weight: 500;
  line-height: var(--ds-type-leading-lower);
  padding: 1.5rem 0 0;
  text-transform: lowercase;
}

@media (--ds-viewport-min-medium) {
  .ds-masthead-account-subheading {
    padding: 1.5rem 1.5rem 0;
  }
  .ds-masthead-account-lists {
    .ds-masthead.account-is-open & {
      background-color: var(--ds-color-london-100);
      border-radius: 0.5rem;
      box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15);
      box-sizing: border-box;
      max-width: 10.3125rem;
      position: absolute;
      right: var(--ds-grid-gutter);
      top: 100%;
      z-index: 98;
    }
    .ds-masthead:not(.account-is-open) & {
      display: none;
    }
    .ds-masthead.account-is-open:has(.subscriber-exclusives) & {
      max-width: 15.5rem;
    }
  }
  .ds-masthead-account-list {
    display: none;
  }
  .ds-masthead-account-main-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 0 1.5rem;
  }
  .ds-masthead-account-list__item {
    padding: 0 1.5rem 1.875rem;
    &:first-child {
      border-bottom: 0.0625rem solid var(--ds-color-london-85);
      padding-bottom: 1.5rem;
      padding-top: 1.5rem;
    }
    &:nth-child(2) {
      padding-top: 1.5rem;
    }
    &:last-child {
      padding-bottom: 0;
    }
  }
}

.ds-masthead-account-main-list--subscriber-exclusives {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
  .ds-masthead-account-list__item {
    &:first-child {
      border-bottom: 0;
      padding-bottom: 1.875rem;
      padding-top: 1.25rem;
    }
    &:nth-child(2) {
      padding-top: 0;
    }
    &:last-child {
      border-bottom: 0.0625rem solid var(--ds-color-london-85);
      padding-bottom: 1.5rem;
    }
  }
}

@media (--ds-viewport-max-medium) {
  .ds-masthead-account-lists {
    .ds-masthead:not(.account-is-open) & {
      clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
      height: 0.0625rem;
      overflow: hidden;
      position: absolute;
      visibility: hidden;
      width: 0.0625rem;
    }
    .ds-masthead.account-is-open & {
      flex: 0 0 100%;
      z-index: 98;
    }
  }
  .ds-masthead-account-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 2.375rem 0 0 0;
  }
  .ds-masthead-account-main-list,
  .ds-masthead-account-main-list--ab-test {
    display: none;
  }
  .ds-masthead-account-list__item {
    padding: 0 0 2rem 0;
    &:first-child {
      .ds-navigation-link {
        font-weight: 700;
      }
    }
  }
  .subscriber-exclusives {
    .ds-masthead-account-list__item {
      &:first-child {
        .ds-navigation-link {
          font-weight: unset;
        }
      }
    }
  }
}
