@import url('/lib/styles/tokens.css');
@import url('/lib/styles/styles.css');
@import url('/styles/default.css');

.section.main-banner .default-content-wrapper:first-child {
  display: none;
}

body {
  background-color: var(--migraine-bg);
}

body {
  margin: 0;
}

body.appear {
  --lib-core--header-height: 0;
}

body:has(.info-modal-background.active) {
  overflow: hidden;
}

body.homepage {
  --lib-core--spacing-base: 0;
}

.pwa-banner u {
  cursor: pointer;
}

.info-accordion-wrapper {
  scroll-margin-top: 20px;
}

@media (min-width: 1024px) {
  body:has(.info-modal-background.active) {
    overflow: scroll;
  }
}

.section.tabs .info-accordion-wrapper[aria-hidden='true'] {
  display: none;
}

.section.tabs .info-accordion-wrapper[aria-hidden='false'] {
  display: block;
}

.section.tabs .default-content-wrapper ul li {
  color: var(--primary-color);
  list-style: none;
  font-size: var(--accordion-tab-title-font-size);
  font-weight: var(--font-weight-700);
  cursor: pointer;
  max-width: calc(100% - 60px);
  line-height: var(--size-24);
}

.section.tabs .default-content-wrapper ul li.tab-active {
  color: var(--migraine-content-color);
  border-bottom: var(--size-4) solid var(--migraine-content-color);
}

.section.tabs .default-content-wrapper ul {
  display: flex;
  gap: var(--size-24);
  padding-left: 0;
}

@media (min-width: 766px) {
  .info-accordion-wrapper {
    scroll-margin-top: 85px;
  }

  .section.tabs .default-content-wrapper ul li {
    font-size: var(--size-20);
    font-weight: var(--font-weight-500);
    line-height: var(--size-24);
  }
}

@media (min-width: 1100px) {
  .section.tabs .default-content-wrapper ul {
    gap: var(--size-48);
  }

  .section.tabs .default-content-wrapper ul li {
    line-height: 28.8px;
  }
}

body[data-global-section-spacing-y='m'] main .section > div:not(:last-child) {
  padding-bottom: 0;
}

.section.main-banner .core-image.image-flex-order-mobile-reverse:not(.mobile-bottom) .core-image-inside {
  display: block;
}

.section.main-banner .core-image.image-flex-order-mobile-reverse .core-image-image-container {
  width: unset;
}

a {
  font-synthesis: unset;
}

main * {
  font-synthesis-weight: auto !important; /* To override default important property */
}