.typography-module__hero__52fe8 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.typography-module__title1__06b7d {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title2__00b2e {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title3__60c40 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title4__6f6c0 {
  font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.typography-module__large__f50a2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 24px;
}
.typography-module__body__2569c {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
.typography-module__small__4610d {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 20px;
}
.typography-module__mini__3c93c {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
}
.typography-module__micro__96eb5 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .typography-module__hero__52fe8 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__06b7d {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__00b2e {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__4610d {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__3c93c {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__96eb5 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__52fe8 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__06b7d {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__00b2e {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__4610d {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__3c93c {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__96eb5 {
    font-size: 10px;
    line-height: 12px;
  }
}

.Accordion-module__header__3845a {
  display: block;
  position: relative;
  color: var(--dp_app_text_base);
  border-top: 1px solid var(--dp_app_border_base);
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-right: 40px;
  transition: padding-left 0.15s ease-out;
}

.Accordion-module__lastHeader__93d10 {
  border-bottom: 0;
}

.Accordion-module__noMargin__bfe67 {
  margin: 0;
}

.Accordion-module__header__3845a::before {
  content: '';
  width: 0;
  background: var(--dp_brand_neutral_bright);
  border-radius: 5px;
  position: absolute;
  left: 0;
  transition: width 0.15s ease-out;
  top: 7px;
  bottom: 7px;
}

.Accordion-module__header__3845a::after {
  content: url(https://www.thetrainline.com/my-account/assets/img/expand.2e86e5721b702240b65d..svg);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: var(--dp_brand_neutral_mid);
  margin-top: -12px;
  position: absolute;
  right: 0;
  transition: background 0.15s ease-out;
  top: 50%;
}

.Accordion-module__header__3845a:hover {
  padding-left: 15px;
}

.Accordion-module__header__3845a:hover::before {
  width: 5px;
}

.Accordion-module__header__3845a:hover::after {
  color: var(--dp_brand_neutral_core);
  background: var(--dp_app_backdrop_dull);
}

.Accordion-module__header__3845a:focus,
.Accordion-module__header__3845a:active {
  outline: none;
  padding-left: 15px;
}

.Accordion-module__header__3845a:focus::before,
.Accordion-module__header__3845a:active::before {
  background: var(--dp_brand_primary_core);
  width: 5px;
}

.Accordion-module__header__3845a:focus::after,
.Accordion-module__header__3845a:active::after {
  color: var(--dp_brand_neutral_core);
  background: var(--dp_app_backdrop_duller);
}

.Accordion-module__headerContent__4344e {
  font-size: 18px;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
}

.Accordion-module__accordionItem__66274 {
  transition: height 0.15s ease-out;
}

.Accordion-module__hasToggled__0c635 .Accordion-module__header__3845a:hover,
.Accordion-module__hasToggled__0c635 .Accordion-module__header__3845a:focus,
.Accordion-module__hasToggled__0c635 .Accordion-module__header__3845a:active {
  padding-left: 0;
}

.Accordion-module__hasToggled__0c635 .Accordion-module__header__3845a:hover::before,
.Accordion-module__hasToggled__0c635 .Accordion-module__header__3845a:focus::before,
.Accordion-module__hasToggled__0c635 .Accordion-module__header__3845a:active::before {
  width: 0;
}

.Accordion-module__hasToggled__0c635 .Accordion-module__header__3845a::after {
  content: url(https://www.thetrainline.com/my-account/assets/img/collapse.59e3f50774b63f6fe542..svg);
}

@media (min-width: 768px) {
  .Accordion-module__header__3845a {
    padding-bottom: 14px;
    padding-right: 40px;
    padding-top: 12px;
  }

  .Accordion-module__firstHeader__b00c9 {
    border-top: 0;
  }
}

@media (--viewport-M) {
  .Accordion-module__header__3845a {
    padding-bottom: 14px;
    padding-right: 40px;
    padding-top: 12px;
  }

  .Accordion-module__firstHeader__b00c9 {
    border-top: 0;
  }
}

.Links-module__root__ede3c {
  margin-bottom: 0;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: var(--spacing-spacer_4);
       column-gap: var(--spacing-spacer_4);
}

.Links-module__link__6f52d {
  text-decoration: none;
  border-bottom-color: transparent;
  background-color: transparent;
  color: var(--dp_app_text_base);
  font-size: 14px;
  padding: var(--link-padding);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.Links-module__link__6f52d:hover,
.Links-module__link__6f52d:active {
  border-bottom: 1px solid var(--dp_app_text_base);
}

.Links-module__link__6f52d:focus {
  outline: none;
  color: var(--dp_app_text_subdued);
  border-bottom: 1px solid var(--dp_app_text_base);
}

.Links-module__link__6f52d:focus-visible {
  outline: none;
  border-bottom: none;
  color: inherit;
  box-shadow: 0 0 0 2px var(--dp_brand_secondary_bright);
  border-radius: 4px;
}

.Links-module__sectionLink__9be39,
.Links-module__sectionLinkExpanded__fc291 {
  line-height: 20px;
  display: inline-block;
  width: 100%;
}

.Links-module__sectionLinkExpanded__fc291 {
  width: auto;
  text-align: center;
  margin: 0 12px;
}

.Links-module__linksWrapper__7933a {
  display: flex;
  justify-content: space-around;
  border-top: 1px solid var(--dp_app_border_base);
  border-bottom: 1px solid var(--dp_app_border_base);
  margin-bottom: var(--spacing-spacer_4);
}

.Links-module__smallerLink__1bfd4 {
  color: var(--dp_app_link_base);
  text-decoration: underline;
  cursor: pointer;
  padding: var(--link-padding);
}

.Links-module__smallerLink__1bfd4:hover {
    color: var(--dp_app_link_hover);
  }

.Links-module__smallerLink__1bfd4:active {
    color: var(--dp_app_link_pressed);
  }

.Links-module__smallerLink__1bfd4:focus,
  .Links-module__smallerLink__1bfd4:focus:not(:active) {
    color: var(--dp_app_link_hover);
  }

/* stylelint-disable-next-line no-descending-specificity */

.Links-module__smallerLink__1bfd4:visited:hover {
      color: var(--dp_app_link_visited_hover);
    }

.Links-module__smallerLink__1bfd4:visited:active,
    .Links-module__smallerLink__1bfd4:visited:focus,
    .Links-module__smallerLink__1bfd4:visited:focus:not(:active) {
      color: var(--dp_app_link_visited_pressed);
    }

.Links-module__sectionLinkSmaller__2ae3f {
  line-height: 20px;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 768px) {

.Links-module__sectionLinkSmaller__2ae3f {
    margin-bottom: 0;
}
  }

@media (--viewport-M) {

.Links-module__sectionLinkSmaller__2ae3f {
    margin-bottom: 0;
}
  }

.Links-module__sectionLinkSmaller__2ae3f::before {
    content: '\2022';
    color: var(--dp_app_border_dull);
    margin: 0 10px;
  }

@media (min-width: 768px) {

.Links-module__sectionLinkSmaller__2ae3f::before {
      margin: 0 16px;
  }
    }

@media (--viewport-M) {

.Links-module__sectionLinkSmaller__2ae3f::before {
      margin: 0 16px;
  }
    }

.Links-module__sectionLinkSmaller__2ae3f:first-child::before {
    content: none;
  }

.Links-module__rootSmaller__cd9e8 {
  padding-left: 0;
}

/* DH: media query to target touch devices
supported by Chrome, Safari, and Edge
ref: https://caniuse.com/#feat=css-media-interaction */

@media (pointer: coarse) {
  .Links-module__sectionLink__9be39 {
    margin-bottom: 20px;
  }

  .Links-module__sectionLinkExpanded__fc291 {
    width: 100%;
    margin: 0;
    padding: var(--spacing-spacer_4) 0;
  }
}

.AccordionLinks-module__linkComponent__e3ce4 {
  padding-left: calc(var(--spacing-spacer_7) - var(--link-padding));
  line-height: 33px;
  margin-top: calc(var(--spacing-spacer_4) - var(--link-padding));
  margin-bottom: var(--spacing-spacer_2);
  padding-bottom: calc(var(--spacing-spacer_3) - var(--link-padding));
}

.Copyright-module__root__d7d5f {
  text-align: center;
  padding-bottom: var(--spacing-spacer_8);
  color: var(--dp_app_text_subdued);
  line-height: 1.5;
}

.Copyright-module__address__2052d {
  font-style: normal;
}

@media (min-width: 768px) {
  .Copyright-module__root__d7d5f {
    font-size: 12px;
  }
}

@media (--viewport-M) {
  .Copyright-module__root__d7d5f {
    font-size: 12px;
  }
}

.Icon-module__root__5c54d {
  height: 32px;
  display: grid;
  place-content: center;
}

.Icon-module__isSquareDimensions__174ed {
  width: 32px;
}

.Icon-module__isRounded__e7d9e {
  border-radius: var(--border-radius-r16);
}

.Icon-module__smallSpacing__9ab6a {
  margin-left: var(--spacing-spacer_2);
}

.Icon-module__largeSpacing__56763 {
  margin-left: var(--spacing-spacer_4);
}

.Icon-module__image__fc865 {
  display: block;
}

/* Override potentially clashing fleetstrap style */
.Icon-module__anchor__2e534 {
  border-bottom: none;
}

.Footer-module__root__3ce63,
.Footer-module__rootExpanded__453c0 {
  background: var(--dp_app_backdrop_base);
  font-size: 14px;
  padding-top: var(--spacing-spacer_8);
}

.Footer-module__rootExpanded__453c0 {
  padding-top: 0;
}

.Footer-module__tocRoot__ef43c {
  background: var(--dp_app_backdrop_base);
  font-size: 14px;
  padding: var(--spacing-spacer_6) 0;
}

.Footer-module__footerContainer__2bc7d {
  padding: 0 var(--spacing-spacer_4);
}

.Footer-module__tocFooterContainer__54161 {
  padding: 0 var(--spacing-spacer_4);
}

.Footer-module__badges__3e9f4,
.Footer-module__badgesExpanded__e313c {
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: var(--spacing-spacer_9);
  padding-bottom: var(--spacing-spacer_6);
}

.Footer-module__badgesExpanded__e313c {
  padding-top: var(--spacing-spacer_6);
}

.Footer-module__accreditation__1425f {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-spacer_4);
}

.Footer-module__tocAccreditation__59ef9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-spacer_4);
  align-items: center;
}

.Footer-module__social__6071c {
  display: none;
}

.Footer-module__introLinks__fa70a {
  -moz-column-count: 2;
       column-count: 2;
  border-top: 1px solid var(--dp_app_border_base);
  padding: var(--spacing-spacer_4) var(--spacing-spacer_2) var(--spacing-spacer_5) 0;
  margin-left: 8px;
  line-height: 33px;
}

.Footer-module__introLinksExpanded__be2c5 {
  padding: var(--spacing-spacer_4) 0;
  margin: 0;
  display: inline-block;
}

.Footer-module__footerContent__e7603 {
  border-bottom: 1px solid var(--dp_app_border_base);
}

.Footer-module__tocIntroLinks__c7232 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline-start: initial;
  gap: var(--spacing-spacer_3);
  margin: 0 0 var(--spacing-spacer_4) 0;
}

.Footer-module__tocLinks__7e09b {
  line-height: 20px;
  display: inline-block;
  width: auto;
}

.Footer-module__tocCopyright__7575b {
  text-align: center;
  padding: var(--spacing-spacer_5) 0 0 0;
  font-size: 12px;
  line-height: 16px;
}

@media (min-width: 768px) {
  .Footer-module__social__6071c {
    display: flex;
    flex-direction: row;
    margin-right: var(--spacing-spacer_9);
    gap: var(--spacing-spacer_2);
  }

  .Footer-module__badges__3e9f4 {
    border-top: 1px solid var(--dp_app_border_base);
    padding-top: var(--spacing-spacer_10);
  }

  .Footer-module__footerContent__e7603 {
    display: flex;
    flex-direction: row;
    border-top: 1px solid var(--dp_app_border_base);
    border-bottom: 0;
  }

  .Footer-module__footerContent__e7603 > div:first-child {
    flex: 1;
  }

  .Footer-module__footerContent__e7603 > div:nth-child(2) {
    flex: 2;
  }

  .Footer-module__footerContainer__2bc7d {
    padding: 0 var(--spacing-spacer_6);
  }

  .Footer-module__tocFooterContainer__54161 {
    display: flex;
    flex-direction: column;
  }

  .Footer-module__introLinks__fa70a {
    margin-top: 10px;
    -moz-column-count: 1;
         column-count: 1;
    border-top: 0;
    padding: 0;
    margin-bottom: var(--spacing-spacer_5);
  }

  .Footer-module__tocContentBadgesWrapper__5a7a4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .Footer-module__tocIntroLinks__c7232 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-spacer_3);
    margin: 0;
  }

  .Footer-module__tocCopyright__7575b {
    text-align: inherit;
    padding: var(--spacing-spacer_4) 0 0 0;
    font-size: 12px;
    line-height: 16px;
  }

  .Footer-module__tocAccreditation__59ef9 {
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-spacer_5);
  }
}

@media (--viewport-M) {
  .Footer-module__social__6071c {
    display: flex;
    flex-direction: row;
    margin-right: var(--spacing-spacer_9);
    gap: var(--spacing-spacer_2);
  }

  .Footer-module__badges__3e9f4 {
    border-top: 1px solid var(--dp_app_border_base);
    padding-top: var(--spacing-spacer_10);
  }

  .Footer-module__footerContent__e7603 {
    display: flex;
    flex-direction: row;
    border-top: 1px solid var(--dp_app_border_base);
    border-bottom: 0;
  }

  .Footer-module__footerContent__e7603 > div:first-child {
    flex: 1;
  }

  .Footer-module__footerContent__e7603 > div:nth-child(2) {
    flex: 2;
  }

  .Footer-module__footerContainer__2bc7d {
    padding: 0 var(--spacing-spacer_6);
  }

  .Footer-module__tocFooterContainer__54161 {
    display: flex;
    flex-direction: column;
  }

  .Footer-module__introLinks__fa70a {
    margin-top: 10px;
    -moz-column-count: 1;
         column-count: 1;
    border-top: 0;
    padding: 0;
    margin-bottom: var(--spacing-spacer_5);
  }

  .Footer-module__tocContentBadgesWrapper__5a7a4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .Footer-module__tocIntroLinks__c7232 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-spacer_3);
    margin: 0;
  }

  .Footer-module__tocCopyright__7575b {
    text-align: inherit;
    padding: var(--spacing-spacer_4) 0 0 0;
    font-size: 12px;
    line-height: 16px;
  }

  .Footer-module__tocAccreditation__59ef9 {
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-spacer_5);
  }
}

.Footer-module__trustpilotWidgetPlaceholder__32ddb {
  width: 300px;
  height: 24px;
}

@media (min-width: 1200px) {
  .Footer-module__tocFooterContainer__54161 {
    padding: 0 160px;
  }
}

@media (--viewport-XL) {
  .Footer-module__tocFooterContainer__54161 {
    padding: 0 160px;
  }
}

.Footer-module__smallerRoot__ed405 {
  background: var(--dp_app_backdrop_base);
  padding: 16px;
}

@media (min-width: 768px) {

.Footer-module__smallerRoot__ed405 {
    padding: 16px 40px;
}
  }

@media (--viewport-M) {

.Footer-module__smallerRoot__ed405 {
    padding: 16px 40px;
}
  }

.Footer-module__footerContainerSmaller__53019 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 768px) {

.Footer-module__footerContainerSmaller__53019 {
    flex-direction: row;
}
  }

@media (--viewport-M) {

.Footer-module__footerContainerSmaller__53019 {
    flex-direction: row;
}
  }

.Footer-module__smallerIntroLinks__8d139 {
  margin: 0;
  display: flex;
  flex-direction: row;
}

.Footer-module__smallerAccreditation__c8fc7 {
  flex-direction: row;
  grid-gap: 20px;
  display: flex;
  padding: 0;
}

.style-module__root__56d16 {
  cursor: pointer;
  text-decoration: underline;
  display: inline-block;
}

.style-module__root__56d16:focus-visible {
    outline-offset: 3px;
  }

.style-module__root__56d16:not(.style-module__inherit__8e516) {
    color: var(--dp_app_link_base);
  }

.style-module__root__56d16:not(.style-module__inherit__8e516):visited {
      color: var(--dp_app_link_visited_base);
    }

.style-module__root__56d16:not(.style-module__inherit__8e516):active,
    .style-module__root__56d16:not(.style-module__inherit__8e516):focus {
      color: var(--dp_app_link_pressed);
    }

.style-module__root__56d16:not(.style-module__inherit__8e516):hover {
      color: var(--dp_app_link_hover);
    }

.style-module__root__56d16:not(.style-module__inherit__8e516):active:visited,
    .style-module__root__56d16:not(.style-module__inherit__8e516):focus:visited {
      color: var(--dp_app_link_visited_pressed);
    }

.style-module__root__56d16:not(.style-module__inherit__8e516):hover:visited {
      color: var(--dp_app_link_visited_hover);
    }

.style-module__inherit__8e516 {
  color: inherit;
}

.style-module__externalIcon__5e1c0 {
  vertical-align: middle;
  margin-left: var(--dp_s2);
}

.style-module__interfaceIcon__e035e {
  vertical-align: middle;
  margin-right: var(--dp_s4);
}

.Spinner-module__root__4ea62 {
  border: var(--border-radius-r2) solid var(--dp_brand_white);
  border-top: var(--border-radius-r2) solid var(--dp_app_border_base);
  border-radius: 50%;
  width: calc(var(--spacing-spacer_7) / 2);
  height: calc(var(--spacing-spacer_7) / 2);
  animation: Spinner-module__spin__e9828 0.8s linear infinite;
  box-sizing: border-box;
}

.Spinner-module__branded__c1e0e {
  border: var(--border-radius-r2) solid var(--dp_brand_primary_core);
  border-top: var(--border-radius-r2) solid var(--dp_brand_primary_bright);
}

.Spinner-module__large__16008 {
  width: 100px;
  height: 100px;
  border-width: 10px;
}

@keyframes Spinner-module__spin__e9828 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.typography-module__hero__2147d {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.typography-module__title1__793f2 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title2__d32d1 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title3__11686 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title4__5e038 {
  font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.typography-module__large__e56ca {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 24px;
}
.typography-module__body__063df {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
.typography-module__small__cfe3b {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 20px;
}
.typography-module__mini__daf87 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
}
.typography-module__micro__dc3d6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .typography-module__hero__2147d {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__793f2 {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__d32d1 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__cfe3b {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__daf87 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__dc3d6 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__2147d {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__793f2 {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__d32d1 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__cfe3b {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__daf87 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__dc3d6 {
    font-size: 10px;
    line-height: 12px;
  }
}

.Button-module__root__d2e16 {
  border-radius: var(--border-radius-r4);
  background: none;
  background-color: var(--dp_app_backdrop_dull);
  border: 0 none;
  cursor: pointer;
  color: var(--dp_app_text_inverted);
  padding: var(--spacing-spacer_2) var(--spacing-spacer_4);
  font-weight: 600;
  align-items: center;
  display: flex;
  justify-content: center;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
  position: relative;
}

.Button-module__root__d2e16:focus {
  box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
}

/* only target browsers that support :focus-visible */
@supports (margin-block: auto) and (-webkit-tap-highlight-color: transparent) {
  .Button-module__root__d2e16:focus {
    outline: none;
    box-shadow: none;
  }

  .Button-module__root__d2e16:focus-visible {
    box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
  }
}

.Button-module__root__d2e16:disabled {
  background-color: var(--dp_app_action_disabled);
  color: var(--dp_app_text_disabled);
  outline: none;
  cursor: not-allowed;
}

.Button-module__root__d2e16:disabled:hover {
    background-color: var(--dp_app_action_disabled);
  }

.Button-module__root__d2e16:disabled:focus {
    box-shadow: none;
    background-color: var(--dp_app_action_disabled);
  }

.Button-module__fullWidth__237c4 {
  width: 100%;
}

.Button-module__iconWrapper__b2c5a {
  display: flex;
  align-items: center;
}

.Button-module__icon__7dc89 {
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
  width: var(--spacing-spacer_4);
  height: var(--spacing-spacer_4);
}

.Button-module__micro__e15dd {
}

.Button-module__mini__6c0f0 {
}

.Button-module__small__819a9 {
}

.Button-module__body__fd904 {
}

.Button-module__large__1bde4 {
}

.Button-module__large__1bde4 .Button-module__icon__7dc89 {
  width: 18px;
  height: 18px;
}

.Button-module__title3__66758 {
}

.Button-module__title4__4be96 {
}

.Button-module__title3__66758 .Button-module__icon__7dc89 {
  width: 20px;
  height: 20px;
}

.Button-module__title2__b6aa3 {
}

.Button-module__title2__b6aa3 .Button-module__icon__7dc89 {
  width: var(--spacing-spacer_5);
  height: var(--spacing-spacer_5);
}

.Button-module__primary__0ba8c {
  background-color: var(--dp_comp_button_primary_background);
}

.Button-module__primary__0ba8c:hover {
    background-color: var(--dp_comp_button_primary_background_hover);
  }

.Button-module__primary__0ba8c:focus {
    background-color: var(--dp_comp_button_primary_background);
  }

.Button-module__primary__0ba8c:active,
  .Button-module__primary__0ba8c.Button-module__active__a6374 {
    background-color: var(--dp_comp_button_primary_background_pressed);
  }

.Button-module__secondary1__a4796 {
  background-color: var(--dp_comp_button_secondary_background);
}

.Button-module__secondary1__a4796:hover {
    background-color: var(--dp_comp_button_secondary_background_hover);
  }

.Button-module__secondary1__a4796:focus {
    background-color: var(--dp_comp_button_secondary_background);
  }

.Button-module__secondary1__a4796:active,
  .Button-module__secondary1__a4796.Button-module__active__a6374 {
    background-color: var(--dp_comp_button_secondary_background_pressed);
  }

.Button-module__secondary2__62bd7 {
  background-color: var(--dp_brand_tertiary_core);
  color: var(--dp_app_text_base);
}

.Button-module__secondary2__62bd7:hover {
    background-color: var(--dp_brand_tertiary_mid);
  }

.Button-module__secondary2__62bd7:active,
  .Button-module__secondary2__62bd7.Button-module__active__a6374 {
    background-color: var(--dp_brand_tertiary_brighter);
  }

.Button-module__secondary2__62bd7:focus {
    background-color: var(--dp_brand_tertiary_bright);
  }

.Button-module__secondary3__e6ac3 {
  background-color: var(--dp_app_text_base);
}

.Button-module__secondary3__e6ac3:hover {
    background-color: var(--dp_brand_neutral_duller);
  }

.Button-module__secondary3__e6ac3:active,
  .Button-module__secondary3__e6ac3.Button-module__active__a6374 {
    background-color: var(--dp_brand_neutral_dull);
  }

.Button-module__secondary3__e6ac3:focus {
    background-color: var(--dp_brand_neutral_core);
  }

.Button-module__tertiary__c1632 {
  border: solid 1px var(--dp_app_border_base);
  background-color: var(--dp_app_backdrop_base);
  color: var(--dp_app_text_base);
}

.Button-module__tertiary__c1632:hover {
    background-color: var(--dp_brand_neutral_brightest);
  }

.Button-module__tertiary__c1632:active,
  .Button-module__tertiary__c1632.Button-module__active__a6374 {
    background-color: var(--dp_brand_neutral_bright);
  }

.Button-module__tertiary__c1632:focus {
    background-color: var(--dp_app_backdrop_base);
  }

.Button-module__destructive__2304b {
  background-color: var(--dp_app_action_destructive);
}

.Button-module__destructive__2304b:hover {
    background-color: var(--dp_app_negative_duller);
  }

.Button-module__destructive__2304b:active,
  .Button-module__destructive__2304b.Button-module__active__a6374 {
    background-color: var(--dp_app_negative_dullest);
  }

.Button-module__destructive__2304b:focus {
    background-color: var(--dp_app_action_destructive);
  }

.Button-module__ghost__20fa0 {
  background-color: transparent;
  color: var(--dp_app_text_base);
}

.Button-module__ghost__20fa0:hover {
    background-color: var(--dp_app_backdrop_dull);
  }

.Button-module__ghost__20fa0:focus {
    outline: none;
    box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
  }

.Button-module__ghost__20fa0:focus:not(:active):not(.Button-module__active__a6374) {
    background-color: var(--dp_app_backdrop_base);
  }

/* only target browsers that support :focus-visible */

@supports (margin-block: auto) and (-webkit-tap-highlight-color: transparent) {
    .Button-module__ghost__20fa0:focus {
      outline: none;
      box-shadow: none;
    }

    /* stylelint-disable-next-line no-descending-specificity */
    .Button-module__ghost__20fa0:focus-visible {
      box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
    }
  }

/* stylelint-disable-next-line no-descending-specificity */

.Button-module__ghost__20fa0:active,
  .Button-module__ghost__20fa0.Button-module__active__a6374 {
    background-color: var(--dp_app_backdrop_duller);
  }

.Button-module__link__462f7 {
  color: var(--dp_app_link_base);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-flex;
  text-align: left;
  font-weight: normal;
  line-height: 1.5;
  outline: none;
  border-radius: var(--spacing-spacer_1);
}

.Button-module__link__462f7:hover {
    text-decoration: underline;
    color: var(--dp_app_link_hover);
  }

.Button-module__link__462f7:focus,
  .Button-module__link__462f7:active {
    color: var(--dp_app_link_visited_base);
    box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
  }

/* stylelint-disable no-descending-specificity */

.Button-module__link__462f7:visited:hover {
      color: var(--dp_app_link_visited_hover);
    }

.Button-module__link__462f7:visited:focus,
    .Button-module__link__462f7:visited:active {
      color: var(--dp_app_link_visited_pressed);
      box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
    }

.Button-module__fontWeightNormal__2608e {
  font-weight: 600;
}

.Button-module__spinner__877f8 {
  margin: 0 var(--spacing-spacer_2);
}

/* stylelint-disable-next-line css-modules/no-global-scoped-selector */
:root {
  --arrow-size: 20px;
  --arrow-offset: 10px;
  --arrow-border: 1px solid var(--dp_comp_box_shadow);
  --overlay-max-height: 800px;
}

/* --------------------------------
 * Animations
 -------------------------------- */
@keyframes Overlay-module__fadeIn__32fe6 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes Overlay-module__slideIn__2a5d3 {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes Overlay-module__slideInFixed40px__b12b6 {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(40px);
  }
}

/* using `reverse` would not recreate a crisp animation */
@keyframes Overlay-module__slideInFixed40pxInverted__38104 {
  0% {
    transform: translateY(40px);
  }

  100% {
    transform: translateY(0%);
  }
}

/* --------------------------------
 * common elements and styles between types
 -------------------------------- */
.Overlay-module__overlayContainer__f298f {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
}
@media (min-width: 768px) {
.Overlay-module__overlayContainer__f298f {
    justify-content: center;
    align-items: flex-start;
}
  }
@media (--viewport-M) {
.Overlay-module__overlayContainer__f298f {
    justify-content: center;
    align-items: flex-start;
}
  }

.Overlay-module__overlayContainerExited__f6eb6 {
  display: none;
}

.Overlay-module__overlayContent__45418 {
  height: auto;
  height: initial;
  margin: 0;
  margin: initial;
  border: medium none currentColor;
  border: initial;
  padding: 0;
  padding: initial;
  inset-inline-start: initial;
  inset-inline-end: initial;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  color: #000;
  color: initial;
  background-color: var(--dp_app_backdrop_base);
  display: grid;
  grid-template-columns: minmax(min-content, 100%);
  grid-template-rows: auto 1fr auto;
  width: 100%;
  max-height: 75%;
  transition: max-height 250ms ease;
  transform: translateY(0%);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 101;
  border-top-left-radius: var(--spacing-spacer_3);
  border-top-right-radius: var(--spacing-spacer_3);
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

.Overlay-module__overlayContent__45418 {
    display: block;
}
  }

@media (min-width: 768px) {

.Overlay-module__overlayContent__45418 {
    width: auto;
    max-width: 600px;
    max-height: 100%;
    border-bottom-left-radius: var(--spacing-spacer_3);
    border-bottom-right-radius: var(--spacing-spacer_3);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContent__45418 {
    width: auto;
    max-width: 600px;
    max-height: 100%;
    border-bottom-left-radius: var(--spacing-spacer_3);
    border-bottom-right-radius: var(--spacing-spacer_3);
}
  }

.Overlay-module__overlayContentFullHeight__5b482 {
  max-height: 100%;
  height: 100%;
}

.Overlay-module__overlayBody__8e832 {
  grid-row: 2;
  text-align: left;
  overflow: auto;
  background: transparent;
  position: relative;
  z-index: 100;
  scroll-behavior: smooth;
  padding: 0 var(--spacing-spacer_4);
  word-spacing: normal;
  word-break: break-word;
}

@media (min-width: 375px) {

.Overlay-module__overlayBody__8e832 {
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-S) {

.Overlay-module__overlayBody__8e832 {
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (min-width: 1200px) {

.Overlay-module__overlayBody__8e832 {
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
}
  }

@media (--viewport-XL) {

.Overlay-module__overlayBody__8e832 {
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
}
  }

.Overlay-module__overlayBody__8e832.Overlay-module__overlayBodyNoHeader__031c3 {
    padding-top: var(--spacing-spacer_4);
  }

@media (min-width: 375px) {

.Overlay-module__overlayBody__8e832.Overlay-module__overlayBodyNoHeader__031c3 {
      padding-top: var(--spacing-spacer_5);
  }
    }

@media (--viewport-S) {

.Overlay-module__overlayBody__8e832.Overlay-module__overlayBodyNoHeader__031c3 {
      padding-top: var(--spacing-spacer_5);
  }
    }

@media (min-width: 1200px) {

.Overlay-module__overlayBody__8e832.Overlay-module__overlayBodyNoHeader__031c3 {
      padding-top: var(--spacing-spacer_6);
  }
    }

@media (--viewport-XL) {

.Overlay-module__overlayBody__8e832.Overlay-module__overlayBodyNoHeader__031c3 {
      padding-top: var(--spacing-spacer_6);
  }
    }

.Overlay-module__overlayBody__8e832.Overlay-module__overlayBodyNoFooter__93372 {
    padding-bottom: var(--spacing-spacer_4);
  }

@media (min-width: 375px) {

.Overlay-module__overlayBody__8e832.Overlay-module__overlayBodyNoFooter__93372 {
      padding-bottom: var(--spacing-spacer_5);
  }
    }

@media (--viewport-S) {

.Overlay-module__overlayBody__8e832.Overlay-module__overlayBodyNoFooter__93372 {
      padding-bottom: var(--spacing-spacer_5);
  }
    }

@media (min-width: 1200px) {

.Overlay-module__overlayBody__8e832.Overlay-module__overlayBodyNoFooter__93372 {
      padding-bottom: var(--spacing-spacer_6);
  }
    }

@media (--viewport-XL) {

.Overlay-module__overlayBody__8e832.Overlay-module__overlayBodyNoFooter__93372 {
      padding-bottom: var(--spacing-spacer_6);
  }
    }

.Overlay-module__overlayBody__8e832 > .Overlay-module__overlayBodyScrollable__88061 {
    background: transparent;
    margin: 0;
    padding: 0;
  }

.Overlay-module__overlayBody__8e832:not(.Overlay-module__overlayBodyNoHeader__031c3) > .Overlay-module__overlayBodyScrollable__88061 {
    margin-top: var(--spacing-spacer_2);
  }

.Overlay-module__overlayBody__8e832:not(.Overlay-module__overlayBodyNoFooter__93372) > .Overlay-module__overlayBodyScrollable__88061 {
    margin-bottom: var(--spacing-spacer_2);
  }

/* --------------------------------
 * Modal
 -------------------------------- */

/* Large and medium viewports (768px+)
– the container fades-in, over 0.1s / fades-out on close
– the overlay fades-in, over 0.1s / fades-out on close
– The content fades-in, and translates down 40px, over 0.3s (ease) */

/* Small viewports (up to 768px)
– The container slides-in (bottom) over 0.2s (ease) / slides-out on close
– the overlay fades-in, over 0.2s / fades-out on close */

.Overlay-module__overlayContentModalEntering__e1e08 {
  animation: Overlay-module__slideIn__2a5d3 200ms ease forwards;
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModalEntering__e1e08 {
    animation: Overlay-module__slideInFixed40px__b12b6 300ms ease forwards, Overlay-module__fadeIn__32fe6 300ms ease forwards;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModalEntering__e1e08 {
    animation: Overlay-module__slideInFixed40px__b12b6 300ms ease forwards, Overlay-module__fadeIn__32fe6 300ms ease forwards;
}
  }

.Overlay-module__overlayContentModalEntered__7b6bb {
  transform: translateY(0%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModalEntered__7b6bb {
    opacity: 1;
    transform: translateY(40px);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModalEntered__7b6bb {
    opacity: 1;
    transform: translateY(40px);
}
  }

.Overlay-module__overlayContentModalExiting__2828e {
  transition: transform 200ms ease;
  transform: translateY(100%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModalExiting__2828e {
    transition: opacity 300ms ease, transform 300ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModalExiting__2828e {
    transition: opacity 300ms ease, transform 300ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

.Overlay-module__overlayContentModalExited__9fc0c {
  visibility: hidden;
  transition: transform 200ms ease;
  transform: translateY(100%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModalExited__9fc0c {
    transition: opacity 300ms ease, transform 300ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModalExited__9fc0c {
    transition: opacity 300ms ease, transform 300ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

.Overlay-module__overlayContainerModal__6c0ee {
  position: fixed;
  z-index: 2000;
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModal__7b4e3 {
    margin: var(--spacing-spacer_10) var(--spacing-spacer_8);
    width: 600px;
    max-height: 80%;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModal__7b4e3 {
    margin: var(--spacing-spacer_10) var(--spacing-spacer_8);
    width: 600px;
    max-height: 80%;
}
  }

.Overlay-module__overlayContentModal__7b4e3.Overlay-module__overlayContentFullHeight__5b482 {
    border-radius: 0;
  }

/* --------------------------------
 * Popover
 -------------------------------- */

/* Large and medium viewports (768px+)
– The container fades-in, over 0.1s / fades-out on close */

/* Small viewports (up to 768px)
– The container fades-in, over 0.1s (ease) / fades-out on close
– The content fades-in, and translates up 40px, over 0.3s (ease) */
.Overlay-module__overlayContentPopoverEntering__4aca0 {
  animation: Overlay-module__slideInFixed40pxInverted__38104 300ms ease forwards, Overlay-module__fadeIn__32fe6 300ms ease forwards;
}
@media (min-width: 768px) {
.Overlay-module__overlayContentPopoverEntering__4aca0 {
    animation: Overlay-module__fadeIn__32fe6 100ms ease forwards;
}
  }
@media (--viewport-M) {
.Overlay-module__overlayContentPopoverEntering__4aca0 {
    animation: Overlay-module__fadeIn__32fe6 100ms ease forwards;
}
  }

.Overlay-module__overlayContentPopoverEntered__70f2e {
  opacity: 1;
  transform: translateY(0%);
}

.Overlay-module__overlayContentPopoverExiting__b65cf {
  transition: opacity 300ms ease, transform 300ms ease;
  opacity: 0;
  transform: translateY(40px);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentPopoverExiting__b65cf {
    transform: translateY(0);
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentPopoverExiting__b65cf {
    transform: translateY(0);
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
}
  }

.Overlay-module__overlayContentPopoverExited__03a08 {
  visibility: hidden;
  transition: opacity 300ms ease, transform 300ms ease;
  opacity: 0;
  transform: translateY(40px);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentPopoverExited__03a08 {
    transform: translateY(0);
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentPopoverExited__03a08 {
    transform: translateY(0);
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
}
  }

.Overlay-module__overlayContainerPopover__5a1c6 {
  z-index: 1000;
}

.Overlay-module__overlayContainerPopover__5a1c6 > .Overlay-module__overlayContent__45418 {
    z-index: 1000;
  }

@media (min-width: 768px) {

.Overlay-module__overlayContainerPopover__5a1c6 {
    position: static;
    position: initial;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContainerPopover__5a1c6 {
    position: static;
    position: initial;
}
  }

.Overlay-module__overlayContentPopover__e42b9 {
  height: 100%;
  border-radius: 0;
}

@media (min-width: 768px) {

.Overlay-module__overlayContentPopover__e42b9 {
    height: auto;
    border-radius: var(--border-radius-r12);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentPopover__e42b9 {
    height: auto;
    border-radius: var(--border-radius-r12);
}
  }

/*
.overlay-body-popover {
} /*

/* --------------------------------
 * Bubble
 -------------------------------- */

/* Large and medium viewports (768px+)
– the container fades-in, over 0.1s / fades-out on close
– the overlay fades-in, over 0.1s / fades-out on close */

/* Small viewports (up to 768px)
– The container slides in from the bottom, over 0.3s (ease) / slides down on close (ease)
– the overlay fades-in, over 0.3s (ease) / fades-out on close (ease) */

.Overlay-module__overlayContentBubbleEntering__88e3d {
  animation: Overlay-module__slideIn__2a5d3 200ms ease forwards;
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubbleEntering__88e3d {
    animation: Overlay-module__fadeIn__32fe6 100ms ease forwards;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubbleEntering__88e3d {
    animation: Overlay-module__fadeIn__32fe6 100ms ease forwards;
}
  }

.Overlay-module__overlayContentBubbleEntered__4c4d1 {
  transform: translateY(0%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubbleEntered__4c4d1 {
    opacity: 1;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubbleEntered__4c4d1 {
    opacity: 1;
}
  }

.Overlay-module__overlayContentBubbleExiting__d09ea {
  transition: transform 200ms ease;
  transform: translateY(100%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubbleExiting__d09ea {
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubbleExiting__d09ea {
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

.Overlay-module__overlayContentBubbleExited__6fb29 {
  visibility: hidden;
  transition: transform 200ms ease;
  transform: translateY(100%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubbleExited__6fb29 {
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubbleExited__6fb29 {
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

.Overlay-module__overlayContainerBubble__1d446 {
  z-index: 3000;
  min-width: 100%;
}

.Overlay-module__overlayContainerBubble__1d446 > .Overlay-module__overlayContent__45418 {
    z-index: 3000;
  }

@media (min-width: 768px) {

.Overlay-module__overlayContainerBubble__1d446 {
    position: static;
    position: initial;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContainerBubble__1d446 {
    position: static;
    position: initial;
}
  }

.Overlay-module__overlayContentBubble__fd938 {
  margin: var(--spacing-spacer_4);
  border-radius: var(--border-radius-r8);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubble__fd938 {
    width: auto;
    max-width: 380px;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubble__fd938 {
    width: auto;
    max-width: 380px;
}
  }

.Overlay-module__overlayBodyBubble__88419 {
  padding-bottom: var(--spacing-spacer_4);
  padding-left: var(--spacing-spacer_4);
  padding-right: var(--spacing-spacer_4);
}

@media (min-width: 768px) {

.Overlay-module__overlayBodyBubble__88419 {
    padding-bottom: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayBodyBubble__88419 {
    padding-bottom: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

/* --------------------------------
 * Nubbin, available on Popover and Bubbles - only available on desktop
 -------------------------------- */
@media (min-width: 768px) {
    .Overlay-module__nubbin__eeb52::before {
      content: '';
      position: absolute;
      width: 20px;
      width: var(--arrow-size);
      height: 20px;
      height: var(--arrow-size);
      transform: rotate(45deg);
      background-color: var(--dp_app_backdrop_base);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
      z-index: 100;
      top: calc(10px * -1);
      top: calc(var(--arrow-offset) * -1);
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionBottomLeft__60dea::before {
      left: calc(2 * 10px);
      left: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionBottomCenter__ece6e::before {
      left: calc(50% - 10px);
      left: calc(50% - var(--arrow-offset));
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionBottomRight__f8c94::before {
      right: calc(2 * 10px);
      right: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionRight__53f48::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      left: calc(10px * -1);
      left: calc(var(--arrow-offset) * -1);
      border: 0;
      border-bottom: 1px solid var(--dp_comp_box_shadow);
      border-bottom: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionLeft__76ed3::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      right: calc(10px * -1);
      right: calc(var(--arrow-offset) * -1);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-right: 1px solid var(--dp_comp_box_shadow);
      border-right: var(--arrow-border);
    }
  }
@media (min-width: 768px) {
    .Overlay-module__nubbin__eeb52::before {
      content: '';
      position: absolute;
      width: 20px;
      width: var(--arrow-size);
      height: 20px;
      height: var(--arrow-size);
      transform: rotate(45deg);
      background-color: var(--dp_app_backdrop_base);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
      z-index: 100;
      top: calc(10px * -1);
      top: calc(var(--arrow-offset) * -1);
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionBottomLeft__60dea::before {
      left: calc(2 * 10px);
      left: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionBottomCenter__ece6e::before {
      left: calc(50% - 10px);
      left: calc(50% - var(--arrow-offset));
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionBottomRight__f8c94::before {
      right: calc(2 * 10px);
      right: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionRight__53f48::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      left: calc(10px * -1);
      left: calc(var(--arrow-offset) * -1);
      border: 0;
      border-bottom: 1px solid var(--dp_comp_box_shadow);
      border-bottom: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionLeft__76ed3::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      right: calc(10px * -1);
      right: calc(var(--arrow-offset) * -1);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-right: 1px solid var(--dp_comp_box_shadow);
      border-right: var(--arrow-border);
    }
  }
@media (--viewport-M) {
    .Overlay-module__nubbin__eeb52::before {
      content: '';
      position: absolute;
      width: 20px;
      width: var(--arrow-size);
      height: 20px;
      height: var(--arrow-size);
      transform: rotate(45deg);
      background-color: var(--dp_app_backdrop_base);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
      z-index: 100;
      top: calc(10px * -1);
      top: calc(var(--arrow-offset) * -1);
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionBottomLeft__60dea::before {
      left: calc(2 * 10px);
      left: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionBottomCenter__ece6e::before {
      left: calc(50% - 10px);
      left: calc(50% - var(--arrow-offset));
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionBottomRight__f8c94::before {
      right: calc(2 * 10px);
      right: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionRight__53f48::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      left: calc(10px * -1);
      left: calc(var(--arrow-offset) * -1);
      border: 0;
      border-bottom: 1px solid var(--dp_comp_box_shadow);
      border-bottom: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
    }

    .Overlay-module__nubbin__eeb52.Overlay-module__nubbinPositionLeft__76ed3::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      right: calc(10px * -1);
      right: calc(var(--arrow-offset) * -1);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-right: 1px solid var(--dp_comp_box_shadow);
      border-right: var(--arrow-border);
    }
  }

.OverlayBackdrop-module__root__3c99a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--dp_app_box_shadow);
  overflow: hidden;
  z-index: 10;
}

@media (min-width: 768px) {

.OverlayBackdrop-module__backdropMobileOnly__6544a {
    display: none;
    visibility: hidden;
    pointer-events: none;
}
  }

@media (--viewport-M) {

.OverlayBackdrop-module__backdropMobileOnly__6544a {
    display: none;
    visibility: hidden;
    pointer-events: none;
}
  }

@keyframes OverlayBackdrop-module__modalOverlayAnimationMobileIn__12e7c {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.2;
  }
}

.OverlayBackdrop-module__backdropEntering__6445f {
  animation: OverlayBackdrop-module__modalOverlayAnimationMobileIn__12e7c 200ms ease forwards;
}

.OverlayBackdrop-module__backdropEntered__10e8a {
  opacity: 0.2;
}

.OverlayBackdrop-module__backdropExiting__8d0db {
  transition: opacity 200ms ease;
  opacity: 0;
}

.OverlayBackdrop-module__backdropExited__446ca {
  transition: opacity 200ms ease;
  opacity: 0;
}

/* stylelint-disable-next-line css-modules/no-global-scoped-selector */
:root {
  --negative--spacing-spacer_1: calc(-1 * var(--spacing-spacer_1));
}

.OverlayFooter-module__root__b3d08 {
  grid-row: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
  flex: none;
  padding: var(--spacing-spacer_4) var(--spacing-spacer_4) var(--spacing-spacer_5);
  background-color: transparent;
  z-index: 101;
  transition: box-shadow 250ms ease;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

@media (min-width: 375px) {

.OverlayFooter-module__root__b3d08 {
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-S) {

.OverlayFooter-module__root__b3d08 {
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (min-width: 768px) {

.OverlayFooter-module__root__b3d08 {
    flex-direction: row;
    align-items: center;
    padding-bottom: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
    border-bottom-left-radius: var(--border-radius-r12);
    border-bottom-right-radius: var(--border-radius-r12);
}
  }

@media (--viewport-M) {

.OverlayFooter-module__root__b3d08 {
    flex-direction: row;
    align-items: center;
    padding-bottom: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
    border-bottom-left-radius: var(--border-radius-r12);
    border-bottom-right-radius: var(--border-radius-r12);
}
  }

@media (min-width: 1200px) {

.OverlayFooter-module__root__b3d08 {
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
    padding-bottom: var(--spacing-spacer_6);
}
  }

@media (--viewport-XL) {

.OverlayFooter-module__root__b3d08 {
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
    padding-bottom: var(--spacing-spacer_6);
}
  }

.OverlayFooter-module__overlayFooterShadow__47202 {
  box-shadow: 0 calc(-1 * var(--spacing-spacer_1)) var(--spacing-spacer_2) 0 var(--dp_comp_box_shadow);
  box-shadow: 0 var(--negative--spacing-spacer_1) var(--spacing-spacer_2) 0 var(--dp_comp_box_shadow);
}

.OverlayFooter-module__overlayFooterContent__2f0ad {
  flex: 1;
  margin-bottom: var(--spacing-spacer_4);
}

@media (min-width: 768px) {

.OverlayFooter-module__overlayFooterContent__2f0ad {
    margin-bottom: 0;
    margin-bottom: initial;
    margin-right: var(--spacing-spacer_4);
}
  }

@media (--viewport-M) {

.OverlayFooter-module__overlayFooterContent__2f0ad {
    margin-bottom: 0;
    margin-bottom: initial;
    margin-right: var(--spacing-spacer_4);
}
  }

.OverlayFooter-module__overlayFooterActionButtons__a31f7 {
  flex: 1;
  display: flex;
}

.OverlayHeader-module__root__fff7b {
  grid-row: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: var(--spacing-spacer_4);
  background: transparent;
  z-index: 101;
  transition: box-shadow 250ms ease;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

@media (min-width: 375px) {

.OverlayHeader-module__root__fff7b {
    padding-top: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-S) {

.OverlayHeader-module__root__fff7b {
    padding-top: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (min-width: 1200px) {

.OverlayHeader-module__root__fff7b {
    padding-top: var(--spacing-spacer_6);
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
}
  }

@media (--viewport-XL) {

.OverlayHeader-module__root__fff7b {
    padding-top: var(--spacing-spacer_6);
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
}
  }

.OverlayHeader-module__overlayHeaderBubble__45a08 {
  padding: var(--spacing-spacer_3) var(--spacing-spacer_4) 0;
}

@media (min-width: 768px) {

.OverlayHeader-module__overlayHeaderBubble__45a08 {
    padding: var(--spacing-spacer_4) var(--spacing-spacer_5) 0;
}
  }

@media (--viewport-M) {

.OverlayHeader-module__overlayHeaderBubble__45a08 {
    padding: var(--spacing-spacer_4) var(--spacing-spacer_5) 0;
}
  }

.OverlayHeader-module__overlayHeaderShadow__9b31e {
  box-shadow: 0 var(--spacing-spacer_1) var(--spacing-spacer_2) 0 var(--dp_comp_box_shadow);
}

.OverlayHeader-module__overlayHeaderContent__7f5f3 {
  flex: 1;
  text-align: left;
}

.OverlayHeader-module__overlayHeaderActionButtons__dcd2e {
  align-self: center;
  display: flex;
}

.OverlayHeader-module__overlayBbtHeaderActionButtons__ce030 {
  align-self: center;
  display: flex;
  height: 55px;
}

.OverlayHeader-module__overlayHeaderActionButton__9686b {
  display: flex;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  margin-right: var(--spacing-spacer_2);
  transform: translateX(50%);
}

.OverlayHeader-module__overlayHeaderActionButtonAlignedStart__e523d {
  align-items: flex-start;
  height: 25px;
}

.ScreenReaderOnly-module__root__d99ee {
  border: 0;
  -webkit-clip-path: rect(0 0 0 0 round 0%);
          clip-path: rect(0 0 0 0 round 0%);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1;
  text-transform: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.typography-module__hero__1da3a {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.typography-module__title1__0129c {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title2__56c6d {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title3__ee9c3 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title4__f7d84 {
  font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.typography-module__large__15fa1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 24px;
}
.typography-module__body__c3006 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
.typography-module__small__96f42 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 20px;
}
.typography-module__mini__c9ab3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
}
.typography-module__micro__f7c10 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .typography-module__hero__1da3a {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__0129c {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__56c6d {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__96f42 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__c9ab3 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__f7c10 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__1da3a {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__0129c {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__56c6d {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__96f42 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__c9ab3 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__f7c10 {
    font-size: 10px;
    line-height: 12px;
  }
}

.Typography-module__root__fa7b0 {
  margin: 0;
}

.Typography-module__base__95914 {
  color: var(--dp_app_text_base);
}

.Typography-module__error__e6f46 {
  color: var(--dp_app_text_negative);
}

.Typography-module__subtle__bd9d0 {
  color: var(--dp_app_text_subtle);
}

.Typography-module__subdued__ae199 {
  color: var(--dp_app_text_subdued);
}

.Typography-module__inverted__754cc {
  color: var(--dp_app_text_inverted);
}

.Typography-module__warning__b8842 {
  color: var(--dp_app_text_warning);
}

.Typography-module__success__095d9 {
  color: var(--dp_app_text_positive);
}

.Typography-module__disabled__ed8d2 {
  color: var(--dp_app_text_disabled);
}

.Typography-module__urgencyMedium__08feb {
  color: var(--dp_app_text_urgency_medium);
}

.Typography-module__urgencyHigh__88c1f {
  color: var(--dp_app_text_urgency_high);
}

.Typography-module__noSpacing__34c9f {
  padding: 0;
  margin: 0;
}

.Typography-module__addLeading__20f6c {
  line-height: 1;
}

.Typography-module__semiBold__ff6ef {
  font-weight: 600;
}

.Typography-module__bold__92675 {
  font-weight: bold;
}

.Typography-module__center__7facd {
  text-align: center;
}

.Typography-module__right__135ab {
  text-align: right;
}

.Typography-module__underline__b6bf2 {
  text-decoration: underline;
  text-underline-offset: var(--underline-offset);
}

.Typography-module__strikethrough__3cae9 {
  text-decoration: line-through;
}

/* stylelint-disable-next-line css-modules/no-global-scoped-selector */
:root {
  --account-button-min-width: 108px;
  --account-icon-width: 32px;
  --account-icon-height: 32px;
}

/* --------------------------------
 * Animations
 -------------------------------- */

@keyframes Account-module__load__d7864 {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes Account-module__fade__48504 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Account-module__expand__b6886 {
  from {
    max-width: 0;
  }

  to {
    max-width: 250px;
  }
}

.Account-module__bubble__808b8 {
  order: 2;
}

.Account-module__root__0666a {
  border-radius: 26px;
  background-color: var(--dp_brand_neutral_brighter);
  padding: calc(var(--spacing-spacer_1) * 0.5);
  flex-flow: row nowrap;
  align-items: center;
  align-self: center;
  justify-content: flex-end;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: not-allowed;
  overflow: hidden;
  position: relative;
  width: auto;
  outline: none;
}

@media (min-width: 992px) {

.Account-module__root__0666a {
    width: auto;
    min-width: 108px;
    min-width: var(--account-button-min-width);
    height: 40px;
    padding-right: var(--spacing-spacer_2);
    padding-left: var(--spacing-spacer_4);

    /* by default, the loading state is always added */
}
    .Account-module__root__0666a::before {
      content: '';
      width: 48px;
      height: 12px;
      border-radius: var(--border-radius-r4);
      position: absolute;

      /* shareable doesn't export composible rgb, so hardcoding all of the following in order to ensure 0.55 instance is relating to the same rgb */
      background: linear-gradient(
        270deg,
        rgba(208, 212, 213, 1),
        rgba(208, 212, 213, 0.55),
        rgba(208, 212, 213, 1)
      );
      background-size: 600% 600%;
      animation: Account-module__load__d7864 2000ms ease infinite;
      opacity: 1;
      transition: opacity ease 200ms;

      /* same as the padding-left when is loaded */
      left: var(--spacing-spacer_4);
      top: 50%;
      transform: translateY(-50%);
    }
  }

@media (min-width: 992px) {

.Account-module__root__0666a {
    width: auto;
    min-width: 108px;
    min-width: var(--account-button-min-width);
    height: 40px;
    padding-right: var(--spacing-spacer_2);
    padding-left: var(--spacing-spacer_4);

    /* by default, the loading state is always added */
}
    .Account-module__root__0666a::before {
      content: '';
      width: 48px;
      height: 12px;
      border-radius: var(--border-radius-r4);
      position: absolute;

      /* shareable doesn't export composible rgb, so hardcoding all of the following in order to ensure 0.55 instance is relating to the same rgb */
      background: linear-gradient(
        270deg,
        rgba(208, 212, 213, 1),
        rgba(208, 212, 213, 0.55),
        rgba(208, 212, 213, 1)
      );
      background-size: 600% 600%;
      animation: Account-module__load__d7864 2000ms ease infinite;
      opacity: 1;
      transition: opacity ease 200ms;

      /* same as the padding-left when is loaded */
      left: var(--spacing-spacer_4);
      top: 50%;
      transform: translateY(-50%);
    }
  }

@media (--viewport-L) {

.Account-module__root__0666a {
    width: auto;
    min-width: 108px;
    min-width: var(--account-button-min-width);
    height: 40px;
    padding-right: var(--spacing-spacer_2);
    padding-left: var(--spacing-spacer_4);

    /* by default, the loading state is always added */
}
    .Account-module__root__0666a::before {
      content: '';
      width: 48px;
      height: 12px;
      border-radius: var(--border-radius-r4);
      position: absolute;

      /* shareable doesn't export composible rgb, so hardcoding all of the following in order to ensure 0.55 instance is relating to the same rgb */
      background: linear-gradient(
        270deg,
        rgba(208, 212, 213, 1),
        rgba(208, 212, 213, 0.55),
        rgba(208, 212, 213, 1)
      );
      background-size: 600% 600%;
      animation: Account-module__load__d7864 2000ms ease infinite;
      opacity: 1;
      transition: opacity ease 200ms;

      /* same as the padding-left when is loaded */
      left: var(--spacing-spacer_4);
      top: 50%;
      transform: translateY(-50%);
    }
  }

@media (min-width: 992px) {

.Account-module__emptyName__bb774 {
    padding: var(--spacing-spacer_1);
    min-width: 0;
}

    .Account-module__emptyName__bb774::before {
      content: none;
    }
  }

@media (--viewport-L) {

.Account-module__emptyName__bb774 {
    padding: var(--spacing-spacer_1);
    min-width: 0;
}

    .Account-module__emptyName__bb774::before {
      content: none;
    }
  }

.Account-module__loaded__32d3f {
  cursor: pointer;
  pointer-events: initial;
}

@media (min-width: 992px) {

.Account-module__loaded__32d3f {
    animation: Account-module__expand__b6886 linear 500ms forwards;
}
  }

@media (--viewport-L) {

.Account-module__loaded__32d3f {
    animation: Account-module__expand__b6886 linear 500ms forwards;
}
  }

.Account-module__loaded__32d3f::before {
  opacity: 0;
}

.Account-module__guest__1f595:hover {
    background-color: var(--dp_brand_neutral_bright);
  }

.Account-module__guest__1f595:active,
  .Account-module__guest__1f595.Account-module__active__a3a67,
  .Account-module__guest__1f595.Account-module__active__a3a67:focus:not(:active) {
    outline: none;
    background-color: var(--dp_brand_neutral_brightest);
  }

.Account-module__guest__1f595:focus {
    outline: none;
    box-shadow: 0 0 0 4px var(--dp_comp_focus_ring);
  }

.Account-module__loggedInAsLeisureOrCorporateAdmin__6d70c {
  background-color: var(--dp_brand_primary_brighter);
}

.Account-module__loggedInAsLeisureOrCorporateAdmin__6d70c:hover {
    background-color: var(--dp_brand_primary_bright);
  }

.Account-module__loggedInAsLeisureOrCorporateAdmin__6d70c:active,
  .Account-module__loggedInAsLeisureOrCorporateAdmin__6d70c.Account-module__active__a3a67,
  .Account-module__loggedInAsLeisureOrCorporateAdmin__6d70c.Account-module__active__a3a67:focus:not(:active) {
    background-color: var(--dp_brand_primary_brightest);
  }

.Account-module__loggedInAsCorporateTraveler__f4135 {
  background-color: var(--dp_brand_tertiary_brighter);
}

.Account-module__loggedInAsCorporateTraveler__f4135:hover {
    background-color: var(--dp_brand_tertiary_bright);
  }

.Account-module__loggedInAsCorporateTraveler__f4135:active,
  .Account-module__loggedInAsCorporateTraveler__f4135.Account-module__active__a3a67,
  .Account-module__loggedInAsCorporateTraveler__f4135.Account-module__active__a3a67:focus:not(:active) {
    background-color: var(--dp_brand_tertiary_brightest);
  }

.Account-module__loggedInAsCorporateTravelerAndAdmin__8ba99 {
  background-color: var(--dp_brand_secondary_brighter);
}

.Account-module__loggedInAsCorporateTravelerAndAdmin__8ba99:hover {
    background-color: var(--dp_brand_secondary_bright);
  }

.Account-module__loggedInAsCorporateTravelerAndAdmin__8ba99:active,
  .Account-module__loggedInAsCorporateTravelerAndAdmin__8ba99.Account-module__active__a3a67,
  .Account-module__loggedInAsCorporateTravelerAndAdmin__8ba99.Account-module__active__a3a67:focus:not(:active) {
    background-color: var(--dp_brand_secondary_brightest);
  }

.Account-module__iconTraveler__544f3 {
  background-image: url(https://www.thetrainline.com/my-account/assets/img/user-account-personal.739016c17715b8ed310e..svg);
  background-size: cover;
  width: 32px;
  width: var(--account-icon-width);
  height: 32px;
  height: var(--account-icon-height);
  flex: 0 0 auto;
  background-repeat: no-repeat;
  display: block;
}

@media (min-width: 992px) {

.Account-module__iconTraveler__544f3 {
    margin-left: var(--spacing-spacer_1);
}
  }

@media (--viewport-L) {

.Account-module__iconTraveler__544f3 {
    margin-left: var(--spacing-spacer_1);
}
  }

.Account-module__iconAdmin__4cdc0 {
  background-image: url(https://www.thetrainline.com/my-account/assets/img/user-account-admin.a7da6ed2dcec20912215..svg);
  background-size: cover;
  width: 32px;
  width: var(--account-icon-width);
  height: 32px;
  height: var(--account-icon-height);
  flex: 0 0 auto;
  background-repeat: no-repeat;
  display: block;
}

@media (min-width: 992px) {

.Account-module__iconAdmin__4cdc0 {
    margin-left: var(--spacing-spacer_1);
}
  }

@media (--viewport-L) {

.Account-module__iconAdmin__4cdc0 {
    margin-left: var(--spacing-spacer_1);
}
  }

.Account-module__iconTree__40c0d {
  background-image: url(https://www.thetrainline.com/my-account/assets/img/user-account-tree.73c33d5aceb335ead0b9..svg);
  background-size: cover;
  width: 24px;
  height: 30px;
  flex: 0 0 auto;
  background-repeat: no-repeat;
  display: block;
}

@media (min-width: 992px) {

.Account-module__iconTree__40c0d {
    margin-left: var(--spacing-spacer_1);
}
  }

@media (--viewport-L) {

.Account-module__iconTree__40c0d {
    margin-left: var(--spacing-spacer_1);
}
  }

@media (min-width: 992px) {

.Account-module__removeMargin__865a5 {
    margin-left: 0;
}
  }

@media (--viewport-L) {

.Account-module__removeMargin__865a5 {
    margin-left: 0;
}
  }

/*
* FIXME: this is a temporary solution to unblock other teams
* JIRA: https://trainline.atlassian.net/browse/WEBPLAT-3887
*/
.Account-module__hideBubble__7537a {
  display: none !important;
}

.Account-module__title__85f9e {
  display: none;
}

@media (min-width: 992px) {

.Account-module__title__85f9e {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    display: inline;
    display: initial;
    z-index: 1;
}

    .Account-module__title__85f9e.Account-module__titleEntering__96799 {
      opacity: 0;
    }

    .Account-module__title__85f9e.Account-module__titleEntered__e6b4c {
      flex: 1;
      animation: Account-module__fade__48504 linear 200ms forwards;
    }

    .Account-module__title__85f9e.Account-module__titleExiting__5ab76 {
      opacity: 0;
    }

    .Account-module__title__85f9e.Account-module__titleExited__eb9d5 {
      opacity: 0;
    }
  }

@media (--viewport-L) {

.Account-module__title__85f9e {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    display: inline;
    display: initial;
    z-index: 1;
}

    .Account-module__title__85f9e.Account-module__titleEntering__96799 {
      opacity: 0;
    }

    .Account-module__title__85f9e.Account-module__titleEntered__e6b4c {
      flex: 1;
      animation: Account-module__fade__48504 linear 200ms forwards;
    }

    .Account-module__title__85f9e.Account-module__titleExiting__5ab76 {
      opacity: 0;
    }

    .Account-module__title__85f9e.Account-module__titleExited__eb9d5 {
      opacity: 0;
    }
  }

.typography-module__hero__449d7 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.typography-module__title1__b9dde {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title2__640a5 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title3__e5d69 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title4__464ab {
  font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.typography-module__large__902fe {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 24px;
}
.typography-module__body__7cec6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
.typography-module__small__dbfb8 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 20px;
}
.typography-module__mini__aabf8 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
}
.typography-module__micro__d4497 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .typography-module__hero__449d7 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__b9dde {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__640a5 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__dbfb8 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__aabf8 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__d4497 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__449d7 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__b9dde {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__640a5 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__dbfb8 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__aabf8 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__d4497 {
    font-size: 10px;
    line-height: 12px;
  }
}

.Typography-module__root__e6609 {
  margin: 0;
}

.Typography-module__base__72a0c {
  color: var(--dp_app_text_base);
}

.Typography-module__error__1b70e {
  color: var(--dp_app_text_negative);
}

.Typography-module__subtle__dc03e {
  color: var(--dp_app_text_subtle);
}

.Typography-module__subdued__5ad8e {
  color: var(--dp_app_text_subdued);
}

.Typography-module__inverted__fa7f1 {
  color: var(--dp_app_text_inverted);
}

.Typography-module__warning__3d7da {
  color: var(--dp_app_text_warning);
}

.Typography-module__success__646be {
  color: var(--dp_app_text_positive);
}

.Typography-module__disabled__fb05d {
  color: var(--dp_app_text_disabled);
}

.Typography-module__urgencyMedium__5c236 {
  color: var(--dp_app_text_urgency_medium);
}

.Typography-module__urgencyHigh__dbde2 {
  color: var(--dp_app_text_urgency_high);
}

.Typography-module__noSpacing__3c1b5 {
  padding: 0;
  margin: 0;
}

.Typography-module__addLeading__91712 {
  line-height: 1;
}

.Typography-module__semiBold__231fa {
  font-weight: 600;
}

.Typography-module__bold__4cb62 {
  font-weight: bold;
}

.Typography-module__center__cf675 {
  text-align: center;
}

.Typography-module__right__b1284 {
  text-align: right;
}

.Typography-module__underline__336f8 {
  text-decoration: underline;
  text-underline-offset: var(--underline-offset);
}

.Typography-module__strikethrough__a2271 {
  text-decoration: line-through;
}

.Dropdown-module__label__d6e3a {
  display: block;
  padding-bottom: var(--spacing-spacer_1);
}

.Dropdown-module__dropdownContainer__d74b5 {
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: var(--dp_app_backdrop_base);
  width: 100%;
}

.Dropdown-module__arrowChevron__4fd0e {
  position: absolute;
  top: var(--spacing-spacer_2);
  bottom: var(--spacing-spacer_2);
  right: var(--spacing-spacer_2);
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.Dropdown-module__select__81ae0 {
  position: relative;
  height: 40px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--dp_app_backdrop_base);
  color: var(--dp_app_text_base);
  border: solid 1px var(--dp_app_border_dull);
  border-radius: var(--border-radius-r4);
  padding: var(--spacing-spacer_2) 40px var(--spacing-spacer_2) var(--spacing-spacer_3);
  outline: none;
  box-sizing: border-box;
  font-weight: 600;
  width: 100%;
}

.Dropdown-module__select__81ae0::-ms-expand {
  display: none;
}

.Dropdown-module__select__81ae0:hover {
  box-shadow: 0 0 0 1px var(--dp_app_selection_dull);
}

.Dropdown-module__select__81ae0:focus {
  border-color: var(--dp_app_focus_ring);
  box-shadow: 0 0 0 2px var(--dp_app_focus_ring);
  outline: none;
}

.Dropdown-module__option__ce506 {
  font-weight: normal;
}

.Dropdown-module__error__78047 {
  border-color: var(--dp_app_negative_mid);
}

.Dropdown-module__error__78047:hover {
    box-shadow: 0 0 0 2px var(--dp_app_negative_dull);
  }

.Dropdown-module__error__78047:focus {
    border-color: var(--dp_app_negative_mid);
    box-shadow: 0 0 0 1px var(--dp_app_negative_mid);
  }

.Dropdown-module__validationError__036ae {
  display: block;
  padding-top: var(--spacing-spacer_1);
}

.Dropdown-module__fullWidth__614fc {
  width: 100%;
}

.CurrencyAndLanguagePicker-module__pickersContainer__94d76 {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.CurrencyAndLanguagePicker-module__pickers__ce43f:not(:last-child) {
  padding-bottom: var(--spacing-spacer_4);
}

.CurrencyAndLanguagePicker-module__pickersInline__328eb {
  display: flex;
  flex: 1 1 auto;
  flex-grow: 0;
}

.CurrencyAndLanguagePicker-module__pickersInline__328eb:first-child {
    flex: 1 0 auto;
  }

.CurrencyAndLanguagePicker-module__pickersInline__328eb:not(:last-child) {
  padding-bottom: 0;
  padding-right: var(--spacing-spacer_4);
}

.CurrencyAndLanguagePicker-module__inlineMode__70600 {
  flex-direction: row;
}

.CurrencyAndLanguagePicker-module__maxWidth__4782c {
  min-width: 250px;
}

.CurrencyAndLanguagePicker-module__languageButton__64f5b {
  padding-left: var(--spacing-spacer_2);
  padding-right: var(--spacing-spacer_2);
}

.CurrencyAndLanguagePicker-module__languageButton__64f5b:has(+ dialog[open]) {
    background-color: var(--dp_app_backdrop_duller);
  }

.CurrencyAndLanguagePicker-module__flagContainer__483f3 {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: var(--spacing-spacer_4);
  overflow: hidden;
}

.CurrencyAndLanguagePicker-module__flagIcon__d7d98 {
  width: 26px;
  height: 26px;
  position: absolute;
  left: -3px;
  top: -3px;
}

.style-module__root__b5803 {
  --arrow-width: 12px;
  --arrow-min-offset: 10px;
  --arrow-gap: calc(var(--arrow-width) * 1.4142 - var(--arrow-min-offset));
  --arrow-color: var(--dp_app_text_inverted);
  --bubble-elevation: 110; /* TODO: replace with depot-web elevation design token when available */
}

.style-module__hoverBridge__a1bcc {
  background-color: transparent;
  position: absolute;
  z-index: var(--bubble-elevation);
  opacity: 1;
}

.style-module__overlayButton__b46ec {
  background-color: transparent;
  border: 0;
  display: flex;
  padding: 0;
}

.style-module__overlayButton__b46ec.style-module__clickable__42ba2 {
    cursor: pointer;
  }

.style-module__interactiveElement__a96b0 {
  position: relative;
}

.style-module__interactiveElement__a96b0::before {
    box-shadow: var(--dp_shadows_normal_flying);
  }

.style-module__interactiveElement__a96b0.style-module__largeViewport__23326:not(.style-module__hideNubbin__d918d)::before,
      .style-module__interactiveElement__a96b0.style-module__largeViewport__23326:not(.style-module__hideNubbin__d918d)::after {
        position: absolute;
        content: '';
        height: var(--arrow-width);
        width: var(--arrow-width);
        background-color: var(--dp_app_text_inverted);
        transform: rotate(45deg);
        z-index: var(--bubble-elevation);
      }

.style-module__interactiveElement__a96b0.style-module__largeViewport__23326.style-module__visible__8e15c:not(.style-module__hideNubbin__d918d)::before,
        .style-module__interactiveElement__a96b0.style-module__largeViewport__23326.style-module__visible__8e15c:not(.style-module__hideNubbin__d918d)::after {
          opacity: 1;
          visibility: visible;
          transition: opacity var(--dp_transitions_base_duration_fast2) var(--dp_transitions_base_easing_entrance_productive) 0s;
        }

.style-module__interactiveElement__a96b0.style-module__largeViewport__23326:not(.style-module__visible__8e15c):not(.style-module__hideNubbin__d918d)::before,
        .style-module__interactiveElement__a96b0.style-module__largeViewport__23326:not(.style-module__visible__8e15c):not(.style-module__hideNubbin__d918d)::after {
          opacity: 0;
          visibility: hidden;
          transition: opacity var(--dp_transitions_base_duration_fast2) var(--dp_transitions_base_easing_exit_productive) 0s, visibility 0s var(--dp_transitions_base_easing_exit_productive) var(--dp_transitions_base_duration_fast2);
        }

.style-module__interactiveElement__a96b0.style-module__up__e9793 > span.style-module__hoverBridge__a1bcc {
      bottom: var(--dp-bubble-trigger-height);
      left: 0;
      height: calc(var(--dp-bubble-margin-offset) + (12px * 1.4142 - 10px) + 12px / 2);
      width: 100%;
    }

.style-module__interactiveElement__a96b0.style-module__up__e9793::before,
    .style-module__interactiveElement__a96b0.style-module__up__e9793::after {
      bottom: calc(var(--dp-bubble-margin-offset) + 100% + var(--arrow-gap));
    }

.style-module__interactiveElement__a96b0.style-module__down__fa54f > span.style-module__hoverBridge__a1bcc {
      top: var(--dp-bubble-trigger-height);
      left: 0;
      height: calc(var(--dp-bubble-margin-offset) + (12px * 1.4142 - 10px) + 12px / 2);
      width: 100%;
    }

.style-module__interactiveElement__a96b0.style-module__down__fa54f::before,
    .style-module__interactiveElement__a96b0.style-module__down__fa54f::after {
      top: calc(var(--dp-bubble-margin-offset) + 100% + var(--arrow-gap));
    }

.style-module__interactiveElement__a96b0.style-module__left__fb749 > span.style-module__hoverBridge__a1bcc {
      top: 0;
      right: var(--dp-bubble-trigger-width);
      width: calc(var(--dp-bubble-margin-offset) + (12px * 1.4142 - 10px) + 12px / 2);
      height: 100%;
    }

.style-module__interactiveElement__a96b0.style-module__left__fb749::before,
    .style-module__interactiveElement__a96b0.style-module__left__fb749::after {
      right: calc(var(--dp-bubble-margin-offset) + 100% + var(--arrow-gap));
    }

.style-module__interactiveElement__a96b0.style-module__right__45273 > span.style-module__hoverBridge__a1bcc {
      top: 0;
      left: var(--dp-bubble-trigger-width);
      width: calc(var(--dp-bubble-margin-offset) + (12px * 1.4142 - 10px) + 12px / 2);
      height: 100%;
    }

.style-module__interactiveElement__a96b0.style-module__right__45273::before,
    .style-module__interactiveElement__a96b0.style-module__right__45273::after {
      left: calc(var(--dp-bubble-margin-offset) + 100% + var(--arrow-gap));
    }

.style-module__interactiveElement__a96b0.style-module__offsetLeft__49a07::before,
    .style-module__interactiveElement__a96b0.style-module__offsetLeft__49a07::after {
      right: max(calc(var(--dp-bubble-x-offset) - var(--arrow-width) / 2), var(--arrow-min-offset));
    }

.style-module__interactiveElement__a96b0.style-module__offsetRight__c8b34::before,
    .style-module__interactiveElement__a96b0.style-module__offsetRight__c8b34::after {
      left: max(calc(var(--dp-bubble-x-offset) - var(--arrow-width) / 2), var(--arrow-min-offset));
    }

.style-module__interactiveElement__a96b0.style-module__offsetUp__e1884::before,
    .style-module__interactiveElement__a96b0.style-module__offsetUp__e1884::after {
      bottom: max(calc(var(--dp-bubble-y-offset) - var(--arrow-width) / 2), var(--arrow-min-offset));
    }

.style-module__interactiveElement__a96b0.style-module__offsetDown__7bb45::before,
    .style-module__interactiveElement__a96b0.style-module__offsetDown__7bb45::after {
      top: max(calc(var(--dp-bubble-y-offset) - var(--arrow-width) / 2), var(--arrow-min-offset));
    }

.style-module__interactiveElement__a96b0.style-module__verticalCenter__a6497::before,
    .style-module__interactiveElement__a96b0.style-module__verticalCenter__a6497::after {
      left: calc(50% - var(--arrow-width) / 2);
    }

.style-module__interactiveElement__a96b0.style-module__horizontalCenter__81de3::before,
    .style-module__interactiveElement__a96b0.style-module__horizontalCenter__81de3::after {
      top: calc(50% - var(--arrow-width) / 2);
    }

.style-module__bubble__b55d4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--dp_app_text_inverted);
  color: var(--dp_app_text_base);
  border-radius: var(--dp_r8);
  padding: var(--dp_s12) var(--dp_s16) var(--dp_s16) var(--dp_s16);
  box-shadow: var(--dp_shadows_normal_flying);
  z-index: var(--bubble-elevation);
  border: 0;
  margin: 0;
  box-sizing: border-box;
}

.style-module__bubble__b55d4.style-module__largeViewport__23326 {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: var(--dp-bubble-max-width);
    background-color: var(--dp_app_text_inverted);
    color: var(--dp_app_text_base);
    border-radius: var(--dp_r8);
    padding: var(--dp_s12) var(--dp_s16) var(--dp_s16) var(--dp_s16);
    width: -moz-max-content;
    width: max-content;
    box-shadow: var(--dp_shadows_normal_flying);
  }

.style-module__bubble__b55d4.style-module__largeViewport__23326.style-module__visible__8e15c {
      opacity: 1;
      visibility: visible;
      transition: opacity var(--dp_transitions_base_duration_fast2) var(--dp_transitions_base_easing_entrance_productive) 0s;
    }

.style-module__bubble__b55d4.style-module__largeViewport__23326:not(.style-module__visible__8e15c) {
      opacity: 0;
      visibility: hidden;
      transition: opacity var(--dp_transitions_base_duration_fast2) var(--dp_transitions_base_easing_exit_productive) 0s, visibility 0s var(--dp_transitions_base_easing_exit_productive) var(--dp_transitions_base_duration_fast2);
    }

.style-module__bubble__b55d4.style-module__smallViewport__c3464 {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--dp_app_text_inverted);
    color: var(--dp_app_text_base);
    border-radius: var(--dp_r8);
    padding: var(--dp_s12) var(--dp_s16) var(--dp_s16) var(--dp_s16);
    left: 0;
    bottom: var(--dp_s16);
    width: calc(100% - var(--dp_s16) * 2);
    max-width: 100%;
    margin: 0 var(--dp_s16);
  }

.style-module__bubble__b55d4.style-module__smallViewport__c3464.style-module__visible__8e15c {
      bottom: var(--dp_s16);
      transition: bottom var(--dp_transitions_base_duration_fast2) var(--dp_transitions_base_easing_entrance_productive) 0s;
    }

.style-module__bubble__b55d4.style-module__smallViewport__c3464:not(.style-module__visible__8e15c) {
      bottom: -100%;
      transition: bottom var(--dp_transitions_base_duration_fast2) var(--dp_transitions_base_easing_exit_productive) 0s;
    }

.style-module__bubble__b55d4.style-module__up__e9793 {
    bottom: calc(var(--dp-bubble-margin-offset) + 100% + var(--arrow-gap) + var(--arrow-width) / 2);
  }

.style-module__bubble__b55d4.style-module__down__fa54f {
    top: calc(var(--dp-bubble-margin-offset) + 100% + var(--arrow-gap) + var(--arrow-width) / 2);
  }

.style-module__bubble__b55d4.style-module__left__fb749 {
    right: calc(var(--dp-bubble-margin-offset) + 100% + var(--arrow-gap) + var(--arrow-width) / 2);
    left: auto;
  }

.style-module__bubble__b55d4.style-module__right__45273 {
    left: calc(var(--dp-bubble-margin-offset) + 100% + var(--arrow-gap) + var(--arrow-width) / 2);
  }

.style-module__bubble__b55d4.style-module__offsetLeft__49a07 {
    transform: translateX(-100%);
    left: 100%;
  }

.style-module__bubble__b55d4.style-module__offsetRight__c8b34 {
    transform: translateX(0%);
    left: 0%;
  }

.style-module__bubble__b55d4.style-module__offsetUp__e1884 {
    transform: translateY(-100%);
    top: 100%;
  }

.style-module__bubble__b55d4.style-module__offsetDown__7bb45 {
    transform: translateY(0%);
    top: 0%;
  }

.style-module__bubble__b55d4.style-module__verticalCenter__a6497 {
    transform: translateX(-50%);
    left: 50%;
  }

.style-module__bubble__b55d4.style-module__horizontalCenter__81de3 {
    transform: translateY(-50%);
    top: 50%;
  }

.style-module__header__f8dc7 {
  display: flex;
  flex-direction: row;
  width: 100%;
  font-weight: var(--dp_font_weight_semibold);
}

.style-module__header__f8dc7.style-module__heading__2b0a9 {
    justify-content: space-between;
  }

.style-module__header__f8dc7:not(.style-module__heading__2b0a9) {
    justify-content: flex-end;
  }

.style-module__close__ef01a {
  max-height: 24px;
}

.style-module__overlay__f3b69.style-module__visible__8e15c {
    opacity: 1;
    visibility: visible;
    transition: opacity var(--dp_transitions_base_duration_fast2) var(--dp_transitions_base_easing_entrance_productive) 0s;
  }

.style-module__overlay__f3b69:not(.style-module__visible__8e15c) {
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--dp_transitions_base_duration_fast2) var(--dp_transitions_base_easing_exit_productive) 0s, visibility 0s var(--dp_transitions_base_easing_exit_productive) var(--dp_transitions_base_duration_fast2);
  }

.style-module__overlay__fdd20 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: var(--dp_app_overlay_backdrop_dim);
}

.style-module__root__a133d {
  margin: 0;
}

.style-module__mini__04be2 {
  letter-spacing: var(--dp_mini_letter_spacing);
  font-size: var(--dp_mini_font_size);
  line-height: var(--dp_mini_line_height);
}

.style-module__micro__f7a09 {
  letter-spacing: var(--dp_micro_letter_spacing);
  font-size: var(--dp_micro_font_size);
  line-height: var(--dp_micro_line_height);
}

.style-module__small__fb75a {
  letter-spacing: var(--dp_small_letter_spacing);
  font-size: var(--dp_small_font_size);
  line-height: var(--dp_small_line_height);
}

.style-module__body__16678 {
  letter-spacing: var(--dp_body_letter_spacing);
  font-size: var(--dp_body_font_size);
  line-height: var(--dp_body_line_height);
}

.style-module__large__c1b86 {
  letter-spacing: var(--dp_large_letter_spacing);
  font-size: var(--dp_large_font_size);
  line-height: var(--dp_large_line_height);
}

.style-module__hero__7858a {
  font-family: var(--dp_hero_font_family);
  letter-spacing: var(--dp_hero_letter_spacing);
  font-size: var(--dp_hero_font_size);
  line-height: var(--dp_hero_line_height);
}

.style-module__title1__fdbc9 {
  font-family: var(--dp_title1_font_family);
  letter-spacing: var(--dp_title1_letter_spacing);
  font-size: var(--dp_title1_font_size);
  line-height: var(--dp_title1_line_height);
}

.style-module__title2__f8c66 {
  font-family: var(--dp_title2_font_family);
  letter-spacing: var(--dp_title2_letter_spacing);
  font-size: var(--dp_title2_font_size);
  line-height: var(--dp_title2_line_height);
}

.style-module__title3__c637e {
  font-family: var(--dp_title3_font_family);
  letter-spacing: var(--dp_title3_letter_spacing);
  font-size: var(--dp_title3_font_size);
  line-height: var(--dp_title3_line_height);
}

.style-module__colourBase__70da2 {
  color: var(--dp_app_text_base);
}

.style-module__colourSubtle__b3e9f {
  color: var(--dp_app_text_subtle);
}

.style-module__colourSubdued__f9b05 {
  color: var(--dp_app_text_subdued);
}

.style-module__colourInverted__8678a {
  color: var(--dp_app_text_inverted);
}

.style-module__colourNegative__2b406 {
  color: var(--dp_app_text_negative);
}

.style-module__colourWarning__5bd2f {
  color: var(--dp_app_text_warning);
}

.style-module__colourPositive__f7819 {
  color: var(--dp_app_text_positive);
}

.style-module__colourDisabled__a6e5e {
  color: var(--dp_app_text_disabled);
}

.style-module__colourUrgencyMedium__52e95 {
  color: var(--dp_app_text_urgency_medium);
}

.style-module__colourUrgencyHigh__4af25 {
  color: var(--dp_app_text_urgency_high);
}

.style-module__colourWhite__38346 {
  color: var(--dp_app_text_inverted);
}

.style-module__fontRegular__6c0c4 {
  font-weight: var(--dp_font_weight_regular);
}

.style-module__fontMedium__33744 {
  font-weight: var(--dp_font_weight_medium);
}

.style-module__fontSemiBold__46157 {
  font-weight: var(--dp_font_weight_semibold);
}

.style-module__fontBold__b0637 {
  font-weight: var(--dp_font_weight_bold);
}

.LoggedInMenu-module__root__26fbe {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  padding: var(--dp_s8);
}

.LoggedInMenu-module__capitalize__c0244 {
  text-transform: capitalize;
}

.LoggedInMenu-module__userDetailRow__e5759 {
  padding-left: var(--spacing-spacer_3);
}

@media (min-width: 768px) {

.LoggedInMenu-module__userDetailRow__e5759 {
    padding-left: 0;
}
  }

@media (--viewport-M) {

.LoggedInMenu-module__userDetailRow__e5759 {
    padding-left: 0;
}
  }

.LoggedInMenu-module__bookingAddMargins__0be20 {
  margin-top: var(--spacing-spacer_5);
}

@media (min-width: 768px) {

.LoggedInMenu-module__addMargins__c8911 {
    margin: var(--spacing-spacer_5) 0 var(--spacing-spacer_1);
}
  }

@media (--viewport-M) {

.LoggedInMenu-module__addMargins__c8911 {
    margin: var(--spacing-spacer_5) 0 var(--spacing-spacer_1);
}
  }

.LoggedInMenu-module__divider__7939d {
  padding-bottom: var(--spacing-spacer_4);
  margin-bottom: var(--spacing-spacer_4);
  border-bottom: solid 2px var(--dp_app_border_base);
}

@media (min-width: 768px) {

.LoggedInMenu-module__divider__7939d {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
  }

@media (--viewport-M) {

.LoggedInMenu-module__divider__7939d {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
  }

.LoggedInMenu-module__header__312e3 {
  padding: calc(var(--spacing-spacer_4) - var(--dp_s12))
    calc(var(--spacing-spacer_4) - var(--dp_s16)) var(--spacing-spacer_4)
    calc(var(--spacing-spacer_4) - var(--dp_s16));
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.LoggedInMenu-module__cleanButton__a8837 {
  justify-content: flex-start;
  padding: var(--spacing-spacer_1) var(--spacing-spacer_3);
  height: var(--spacing-spacer_6);
}

@media (min-width: 768px) {

.LoggedInMenu-module__cleanButton__a8837 {
    margin-right: calc(-1 * var(--spacing-spacer_4));
    margin-left: calc(-1 * var(--spacing-spacer_4));
    padding: var(--spacing-spacer_2) var(--spacing-spacer_4);
    height: auto;
}
  }

@media (--viewport-M) {

.LoggedInMenu-module__cleanButton__a8837 {
    margin-right: calc(-1 * var(--spacing-spacer_4));
    margin-left: calc(-1 * var(--spacing-spacer_4));
    padding: var(--spacing-spacer_2) var(--spacing-spacer_4);
    height: auto;
}
  }

.LoggedInMenu-module__signOutMargin__5e673 {
  margin-bottom: var(--spacing-spacer_5);
}

@media (min-width: 768px) {

.LoggedInMenu-module__signOutMargin__5e673 {
    margin-bottom: 0;
}
  }

@media (--viewport-M) {

.LoggedInMenu-module__signOutMargin__5e673 {
    margin-bottom: 0;
}
  }

.style-module__root__a3f48 {
  border-radius: 100%;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
}

.style-module__root__a3f48:hover {
    background-color: var(--app_button_transparent_background_hover);
  }

.style-module__root__a3f48:active {
    background-color: var(--app_button_transparent_background_pressed);
  }

.style-module__root__a3f48:focus {
    outline: none;
    box-shadow: none;
  }

.style-module__root__a3f48:focus-visible {
    outline: var(--dp_s4) solid var(--dp_app_focus_ring);
  }

.style-module__root__a3f48:disabled {
    cursor: not-allowed;
    color: var(--dp_app_text_subdued);
  }

.style-module__root__a3f48:disabled:hover {
      background-color: transparent;
    }

.style-module__contained__d8bc7 {
  background-color: var(--dp_app_backdrop_base);
  border: 1px solid var(--dp_app_border_base);
}

.style-module__contained__d8bc7:hover {
    background-color: var(--dp_comp_button_tertiary_background_hover);
    border-color: var(--dp_app_border_base);
  }

.style-module__contained__d8bc7:active {
    background-color: var(--dp_comp_button_tertiary_background_pressed);
  }

.style-module__contained__d8bc7:focus {
    outline: none;
    box-shadow: none;
  }

.style-module__contained__d8bc7:focus-visible {
    outline: var(--dp_s4) solid var(--dp_app_focus_ring);
  }

.style-module__contained__d8bc7:disabled {
    border: none;
    background-color: var(--dp_app_action_disabled);
  }

.style-module__contained__d8bc7:disabled:hover {
      background-color: var(--dp_app_action_disabled);
    }

.style-module__small__2074c {
  width: var(--dp_s32);
  min-width: var(--dp_s32);
  height: var(--dp_s32);
  min-height: var(--dp_s32);
}

.style-module__large__191cf {
  width: var(--dp_s40);
  min-width: var(--dp_s40);
  height: var(--dp_s40);
  min-height: var(--dp_s40);
}

.Skeleton-module__root__a0bb1 {
  width: auto;
  max-width: 300px;
}

.Register-module__headerContainer__d82e6 {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--dp_s8);
}

.Register-module__headerContainer__d82e6 button {
    margin-right: calc(-1 * var(--dp_s8));
  }

.Register-module__headerLeftItems__cbd39 {
  display: flex;
  align-items: center;
}

.Register-module__headerLeftItems__cbd39 button {
    margin-right: 0;
    margin-left: calc(-1 * var(--dp_s12));
  }

.Register-module__registerBubbleContainer__fa0ad {
  width: 300px;
}

.Register-module__registerBusinessBubbleWrapper__070e2 {
  /* No styles needed, but the class must be defined
  since dialog class depends on this */
}

.Register-module__registerBusinessBubbleWrapper__070e2 > dialog {
  width: 500px !important;
  left: 0% !important;
  transform: translateX(-56%) !important;
}

@media (max-width: 768px) {
  .Register-module__registerBusinessBubbleWrapper__070e2 > dialog {
    transform: translateX(-71%) !important;
  }
}

.Register-module__registerBubbleContainerMobile__22fe9 {
  width: 100%;
  max-height: 80vh; /* arbitrary number that works for small viewports */
  overflow: scroll;
}

.Register-module__registerBubbleHeaderMobile__1d479 {
  position: fixed;
  width: calc(100% - (4 * var(--dp_s16)));
  background-color: var(--dp_app_text_inverted);
  z-index: 1; /* TODO: replace with depot-web elevation design token when available */
}

.Register-module__registerBubbleContentMobile__48dbd {
  width: 100%;
  margin-top: var(--dp_s40);
}

.Register-module__registerCorporateBubbleContainer__2d8e9 {
  width: 100%;
  padding: var(--dp_s8);
}

.Register-module__btnChevron__3f620 {
  transform: rotate(90deg);
  margin: 0;
  padding: 0;
  margin-left: calc(var(--dp_s12) - var(--dp_s2));
  margin-right: var(--dp_s4);
}

.Register-module__btnChevron__3f620:hover {
    background-color: transparent;
  }

.Register-module__btnChevron__3f620:active {
    outline: none;
  }

.Register-module__btnChevronHidden__69f53 {
  display: none;
}

/*
* FIXME: this is a temporary solution to unblock other teams
* JIRA: https://trainline.atlassian.net/browse/WEBPLAT-3887
*/
.Register-module__hideBubble__682ce {
  display: none !important;
}

.typography-module__hero__87402 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.typography-module__title1__feae8 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title2__9af99 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title3__0fdc1 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title4__7502d {
  font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.typography-module__large__60a19 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 24px;
}
.typography-module__body__2250c {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
.typography-module__small__6195d {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 20px;
}
.typography-module__mini__25551 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
}
.typography-module__micro__1e2d2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .typography-module__hero__87402 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__feae8 {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__9af99 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__6195d {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__25551 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__1e2d2 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__87402 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__feae8 {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__9af99 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__6195d {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__25551 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__1e2d2 {
    font-size: 10px;
    line-height: 12px;
  }
}

.ScreenReaderOnly-module__root__367d2 {
  border: 0;
  -webkit-clip-path: rect(0 0 0 0 round 0%);
          clip-path: rect(0 0 0 0 round 0%);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1;
  text-transform: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.Typography-module__root__0c808 {
  margin: 0;
}

.Typography-module__base__07fa2 {
  color: var(--dp_app_text_base);
}

.Typography-module__error__b3b39 {
  color: var(--dp_app_text_negative);
}

.Typography-module__subtle__8a27a {
  color: var(--dp_app_text_subtle);
}

.Typography-module__subdued__7255d {
  color: var(--dp_app_text_subdued);
}

.Typography-module__inverted__63bf3 {
  color: var(--dp_app_text_inverted);
}

.Typography-module__warning__d971d {
  color: var(--dp_app_text_warning);
}

.Typography-module__success__fab00 {
  color: var(--dp_app_text_positive);
}

.Typography-module__disabled__64327 {
  color: var(--dp_app_text_disabled);
}

.Typography-module__urgencyMedium__9f0c5 {
  color: var(--dp_app_text_urgency_medium);
}

.Typography-module__urgencyHigh__8e08f {
  color: var(--dp_app_text_urgency_high);
}

.Typography-module__noSpacing__fead2 {
  padding: 0;
  margin: 0;
}

.Typography-module__addLeading__b2ab0 {
  line-height: 1;
}

.Typography-module__semiBold__7ffb6 {
  font-weight: 600;
}

.Typography-module__bold__37a4a {
  font-weight: bold;
}

.Typography-module__center__63ae8 {
  text-align: center;
}

.Typography-module__right__4c53f {
  text-align: right;
}

.Typography-module__underline__fd67c {
  text-decoration: underline;
  text-underline-offset: var(--underline-offset);
}

.Typography-module__strikethrough__a33d9 {
  text-decoration: line-through;
}

.Alert-module__root__9c6a7 {
  border-radius: var(--border-radius-r4);
  background: none;
  border: 1px solid;
  align-items: center;
  display: flex;
  text-decoration: none;
  box-sizing: border-box;
}

.Alert-module__fullWidth__08997 {
  width: 100%;
}

.Alert-module__negative__8d7cb {
  border-color: var(--dp_app_negative_mid);
  background-color: var(--dp_app_negative_brightest);
}

.Alert-module__warning__fe03a {
  border-color: var(--dp_app_warning_mid);
  background-color: var(--dp_app_warning_brightest);
}

.Alert-module__positive__71b43 {
  border-color: var(--dp_app_positive_mid);
  background-color: var(--dp_app_positive_brightest);
}

.Alert-module__info__80ecc {
  border-color: var(--dp_app_info_mid);
  background-color: var(--dp_app_info_brightest);
}

.Alert-module__compact__5be88 {
  border-left-width: var(--spacing-spacer_2);
  padding: var(--spacing-spacer_4);
}

.ScreenReaderOnly-module__root__c5a54 {
  border: 0;
  -webkit-clip-path: rect(0 0 0 0 round 0%);
          clip-path: rect(0 0 0 0 round 0%);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1;
  text-transform: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.typography-module__hero__3c74e {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.typography-module__title1__1acc5 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title2__91fa4 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title3__1f4a7 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title4__3d230 {
  font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.typography-module__large__39e6c {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 24px;
}
.typography-module__body__ae455 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
.typography-module__small__bbbb8 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 20px;
}
.typography-module__mini__36289 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
}
.typography-module__micro__bb296 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .typography-module__hero__3c74e {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__1acc5 {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__91fa4 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__bbbb8 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__36289 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__bb296 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__3c74e {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__1acc5 {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__91fa4 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__bbbb8 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__36289 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__bb296 {
    font-size: 10px;
    line-height: 12px;
  }
}

.Button-module__root__98dd4 {
  border-radius: var(--border-radius-r4);
  background: none;
  background-color: var(--dp_app_backdrop_dull);
  border: 0 none;
  cursor: pointer;
  color: var(--dp_app_text_inverted);
  padding: var(--spacing-spacer_2) var(--spacing-spacer_4);
  font-weight: 600;
  align-items: center;
  display: flex;
  justify-content: center;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
  position: relative;
}

.Button-module__root__98dd4:focus {
  box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
}

/* only target browsers that support :focus-visible */
@supports (margin-block: auto) and (-webkit-tap-highlight-color: transparent) {
  .Button-module__root__98dd4:focus {
    outline: none;
    box-shadow: none;
  }

  .Button-module__root__98dd4:focus-visible {
    box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
  }
}

.Button-module__root__98dd4:disabled {
  background-color: var(--dp_app_action_disabled);
  color: var(--dp_app_text_disabled);
  outline: none;
  cursor: not-allowed;
}

.Button-module__root__98dd4:disabled:hover {
    background-color: var(--dp_app_action_disabled);
  }

.Button-module__root__98dd4:disabled:focus {
    box-shadow: none;
    background-color: var(--dp_app_action_disabled);
  }

.Button-module__fullWidth__ef7b1 {
  width: 100%;
}

.Button-module__iconWrapper__9c32d {
  display: flex;
  align-items: center;
}

.Button-module__icon__970da {
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
  width: var(--spacing-spacer_4);
  height: var(--spacing-spacer_4);
}

.Button-module__micro__2fcf9 {
}

.Button-module__mini__f6c65 {
}

.Button-module__small__b049c {
}

.Button-module__body__934a0 {
}

.Button-module__large__b42fb {
}

.Button-module__large__b42fb .Button-module__icon__970da {
  width: 18px;
  height: 18px;
}

.Button-module__title3__ba4f1 {
}

.Button-module__title4__2e3f8 {
}

.Button-module__title3__ba4f1 .Button-module__icon__970da {
  width: 20px;
  height: 20px;
}

.Button-module__title2__a06e7 {
}

.Button-module__title2__a06e7 .Button-module__icon__970da {
  width: var(--spacing-spacer_5);
  height: var(--spacing-spacer_5);
}

.Button-module__primary__d106d {
  background-color: var(--dp_comp_button_primary_background);
}

.Button-module__primary__d106d:hover {
    background-color: var(--dp_comp_button_primary_background_hover);
  }

.Button-module__primary__d106d:focus {
    background-color: var(--dp_comp_button_primary_background);
  }

.Button-module__primary__d106d:active,
  .Button-module__primary__d106d.Button-module__active__c9ea2 {
    background-color: var(--dp_comp_button_primary_background_pressed);
  }

.Button-module__secondary1__097e2 {
  background-color: var(--dp_comp_button_secondary_background);
}

.Button-module__secondary1__097e2:hover {
    background-color: var(--dp_comp_button_secondary_background_hover);
  }

.Button-module__secondary1__097e2:focus {
    background-color: var(--dp_comp_button_secondary_background);
  }

.Button-module__secondary1__097e2:active,
  .Button-module__secondary1__097e2.Button-module__active__c9ea2 {
    background-color: var(--dp_comp_button_secondary_background_pressed);
  }

.Button-module__secondary2__7c41e {
  background-color: var(--dp_brand_tertiary_core);
  color: var(--dp_app_text_base);
}

.Button-module__secondary2__7c41e:hover {
    background-color: var(--dp_brand_tertiary_mid);
  }

.Button-module__secondary2__7c41e:active,
  .Button-module__secondary2__7c41e.Button-module__active__c9ea2 {
    background-color: var(--dp_brand_tertiary_brighter);
  }

.Button-module__secondary2__7c41e:focus {
    background-color: var(--dp_brand_tertiary_bright);
  }

.Button-module__secondary3__1a784 {
  background-color: var(--dp_app_text_base);
}

.Button-module__secondary3__1a784:hover {
    background-color: var(--dp_brand_neutral_duller);
  }

.Button-module__secondary3__1a784:active,
  .Button-module__secondary3__1a784.Button-module__active__c9ea2 {
    background-color: var(--dp_brand_neutral_dull);
  }

.Button-module__secondary3__1a784:focus {
    background-color: var(--dp_brand_neutral_core);
  }

.Button-module__tertiary__8b5e9 {
  border: solid 1px var(--dp_app_border_base);
  background-color: var(--dp_app_backdrop_base);
  color: var(--dp_app_text_base);
}

.Button-module__tertiary__8b5e9:hover {
    background-color: var(--dp_brand_neutral_brightest);
  }

.Button-module__tertiary__8b5e9:active,
  .Button-module__tertiary__8b5e9.Button-module__active__c9ea2 {
    background-color: var(--dp_brand_neutral_bright);
  }

.Button-module__tertiary__8b5e9:focus {
    background-color: var(--dp_app_backdrop_base);
  }

.Button-module__destructive__57854 {
  background-color: var(--dp_app_action_destructive);
}

.Button-module__destructive__57854:hover {
    background-color: var(--dp_app_negative_duller);
  }

.Button-module__destructive__57854:active,
  .Button-module__destructive__57854.Button-module__active__c9ea2 {
    background-color: var(--dp_app_negative_dullest);
  }

.Button-module__destructive__57854:focus {
    background-color: var(--dp_app_action_destructive);
  }

.Button-module__ghost__cf5af {
  background-color: transparent;
  color: var(--dp_app_text_base);
}

.Button-module__ghost__cf5af:hover {
    background-color: var(--dp_app_backdrop_dull);
  }

.Button-module__ghost__cf5af:focus {
    outline: none;
    box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
  }

.Button-module__ghost__cf5af:focus:not(:active):not(.Button-module__active__c9ea2) {
    background-color: var(--dp_app_backdrop_base);
  }

/* only target browsers that support :focus-visible */

@supports (margin-block: auto) and (-webkit-tap-highlight-color: transparent) {
    .Button-module__ghost__cf5af:focus {
      outline: none;
      box-shadow: none;
    }

    /* stylelint-disable-next-line no-descending-specificity */
    .Button-module__ghost__cf5af:focus-visible {
      box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
    }
  }

/* stylelint-disable-next-line no-descending-specificity */

.Button-module__ghost__cf5af:active,
  .Button-module__ghost__cf5af.Button-module__active__c9ea2 {
    background-color: var(--dp_app_backdrop_duller);
  }

.Button-module__link__70d9a {
  color: var(--dp_app_link_base);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-flex;
  text-align: left;
  font-weight: normal;
  line-height: 1.5;
  outline: none;
  border-radius: var(--spacing-spacer_1);
}

.Button-module__link__70d9a:hover {
    text-decoration: underline;
    color: var(--dp_app_link_hover);
  }

.Button-module__link__70d9a:focus,
  .Button-module__link__70d9a:active {
    color: var(--dp_app_link_visited_base);
    box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
  }

/* stylelint-disable no-descending-specificity */

.Button-module__link__70d9a:visited:hover {
      color: var(--dp_app_link_visited_hover);
    }

.Button-module__link__70d9a:visited:focus,
    .Button-module__link__70d9a:visited:active {
      color: var(--dp_app_link_visited_pressed);
      box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
    }

.Button-module__fontWeightNormal__ce8cf {
  font-weight: 600;
}

.Button-module__spinner__68efd {
  margin: 0 var(--spacing-spacer_2);
}

.typography-module__hero__52c6a {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.typography-module__title1__99a1e {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title2__39520 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title3__3a5d9 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title4__1fa03 {
  font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.typography-module__large__68949 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 24px;
}
.typography-module__body__22bea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
.typography-module__small__64312 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 20px;
}
.typography-module__mini__071e8 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
}
.typography-module__micro__232f8 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .typography-module__hero__52c6a {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__99a1e {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__39520 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__64312 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__071e8 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__232f8 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__52c6a {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__99a1e {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__39520 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__64312 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__071e8 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__232f8 {
    font-size: 10px;
    line-height: 12px;
  }
}

.Typography-module__root__f84ca {
  margin: 0;
}

.Typography-module__base__7b266 {
  color: var(--dp_app_text_base);
}

.Typography-module__error__92765 {
  color: var(--dp_app_text_negative);
}

.Typography-module__subtle__e2457 {
  color: var(--dp_app_text_subtle);
}

.Typography-module__subdued__86f9c {
  color: var(--dp_app_text_subdued);
}

.Typography-module__inverted__fd274 {
  color: var(--dp_app_text_inverted);
}

.Typography-module__warning__810df {
  color: var(--dp_app_text_warning);
}

.Typography-module__success__11da3 {
  color: var(--dp_app_text_positive);
}

.Typography-module__disabled__8e86b {
  color: var(--dp_app_text_disabled);
}

.Typography-module__urgencyMedium__9bc77 {
  color: var(--dp_app_text_urgency_medium);
}

.Typography-module__urgencyHigh__08792 {
  color: var(--dp_app_text_urgency_high);
}

.Typography-module__noSpacing__ca689 {
  padding: 0;
  margin: 0;
}

.Typography-module__addLeading__4b017 {
  line-height: 1;
}

.Typography-module__semiBold__a1c31 {
  font-weight: 600;
}

.Typography-module__bold__8aa1e {
  font-weight: bold;
}

.Typography-module__center__19583 {
  text-align: center;
}

.Typography-module__right__39dfd {
  text-align: right;
}

.Typography-module__underline__4657f {
  text-decoration: underline;
  text-underline-offset: var(--underline-offset);
}

.Typography-module__strikethrough__13d29 {
  text-decoration: line-through;
}

.Backdrop-module__overlay__9bfcb {
  /* This value should be copied from depot */
  z-index: 30002;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: var(--dp_app_backdrop_four_dullest);
  color: var(--dp_app_backdrop_base);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding-left: var(--spacing-spacer_6);
  padding-right: var(--spacing-spacer_6);
}

.Backdrop-module__logo__2bfbc {
  margin-bottom: var(--spacing-spacer_3);
}

.Backdrop-module__logo__2bfbc > svg > path {
  fill: var(--dp_app_backdrop_base);
}

.Backdrop-module__logoIcon__c0b3e {
  width: 40px;
  height: 40px;
}

.Backdrop-module__paragraph__81c89 {
  margin: var(--spacing-spacer_2) 0;
  max-width: 500px;
}

.Backdrop-module__button__85844 {
  margin: var(--spacing-spacer_4) var(--spacing-spacer_4) 0;
  color: var(--dp_app_backdrop_base);
  text-decoration: underline;
  cursor: pointer;
}

.Backdrop-module__button__85844:hover {
    color: var(--dp_app_backdrop_base);
  }

.typography-module__hero__5e1c1 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.typography-module__title1__6e774 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title2__e48f4 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title3__af2ee {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title4__e4d4e {
  font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.typography-module__large__30989 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 24px;
}
.typography-module__body__bc308 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
.typography-module__small__74f43 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 20px;
}
.typography-module__mini__3a611 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
}
.typography-module__micro__177b1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .typography-module__hero__5e1c1 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__6e774 {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__e48f4 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__74f43 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__3a611 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__177b1 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__5e1c1 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__6e774 {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__e48f4 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__74f43 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__3a611 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__177b1 {
    font-size: 10px;
    line-height: 12px;
  }
}

.ScreenReaderOnly-module__root__21036 {
  border: 0;
  -webkit-clip-path: rect(0 0 0 0 round 0%);
          clip-path: rect(0 0 0 0 round 0%);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1;
  text-transform: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.Typography-module__root__b4033 {
  margin: 0;
}

.Typography-module__base__4c200 {
  color: var(--dp_app_text_base);
}

.Typography-module__error__d89af {
  color: var(--dp_app_text_negative);
}

.Typography-module__subtle__dde3a {
  color: var(--dp_app_text_subtle);
}

.Typography-module__subdued__e4d97 {
  color: var(--dp_app_text_subdued);
}

.Typography-module__inverted__b62d6 {
  color: var(--dp_app_text_inverted);
}

.Typography-module__warning__eef8f {
  color: var(--dp_app_text_warning);
}

.Typography-module__success__9994b {
  color: var(--dp_app_text_positive);
}

.Typography-module__disabled__c8c5c {
  color: var(--dp_app_text_disabled);
}

.Typography-module__urgencyMedium__c1bfc {
  color: var(--dp_app_text_urgency_medium);
}

.Typography-module__urgencyHigh__f94d5 {
  color: var(--dp_app_text_urgency_high);
}

.Typography-module__noSpacing__cbe33 {
  padding: 0;
  margin: 0;
}

.Typography-module__addLeading__28843 {
  line-height: 1;
}

.Typography-module__semiBold__aad3d {
  font-weight: 600;
}

.Typography-module__bold__f8af4 {
  font-weight: bold;
}

.Typography-module__center__8f4be {
  text-align: center;
}

.Typography-module__right__ce68d {
  text-align: right;
}

.Typography-module__underline__8b406 {
  text-decoration: underline;
  text-underline-offset: var(--underline-offset);
}

.Typography-module__strikethrough__0152b {
  text-decoration: line-through;
}

.TextLink-module__root__88785 {
  cursor: pointer;
  border-radius: var(--spacing-spacer_1);

  /* ! fleet components reset */
  border-bottom: 0;
}

.TextLink-module__root__88785:hover {
    text-decoration: underline;
  }

.TextLink-module__root__88785:focus,
  .TextLink-module__root__88785:focus:not(:active) {
    outline: none;
    box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
  }

/* stylelint-disable-next-line no-descending-specificity */

.TextLink-module__root__88785:visited:active,
    .TextLink-module__root__88785:visited:focus,
    .TextLink-module__root__88785:visited:focus:not(:active) {
      outline: none;
      box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
    }

.TextLink-module__defaultColor__e214b {
  color: var(--dp_app_link_base);
}

.TextLink-module__defaultColor__e214b:hover {
    color: var(--dp_app_link_hover);
  }

.TextLink-module__defaultColor__e214b:active {
    color: var(--dp_app_link_pressed);
  }

.TextLink-module__defaultColor__e214b:focus,
  .TextLink-module__defaultColor__e214b:focus:not(:active) {
    color: var(--dp_app_link_hover);
  }

/* stylelint-disable-next-line no-descending-specificity */

.TextLink-module__defaultColor__e214b:visited:hover {
      color: var(--dp_app_link_visited_hover);
    }

.TextLink-module__defaultColor__e214b:visited:active,
    .TextLink-module__defaultColor__e214b:visited:focus,
    .TextLink-module__defaultColor__e214b:visited:focus:not(:active) {
      color: var(--dp_app_link_visited_pressed);
    }

.ErrorMessage-module__signinLink__1f452 {
  text-decoration: underline;
}

.EuropeanBusinessSignIn-module__container__e0ba8 {
  border-radius: var(--dp_r8);
  background-color: var(--dp_brand_secondary_brightest);
  border: 1px solid var(--dp_brand_secondary_bright);
  display: flex;
  align-items: flex-start;
  padding: 20px 24px;
  flex-direction: column;
  margin-top: 18px;
}

.EuropeanBusinessSignIn-module__titleContainer__3a84c {
  padding-bottom: var(--dp_s8);
  font-weight: 600;
}

.EuropeanBusinessSignIn-module__subTitleContainer__37808 {
  padding-bottom: var(--dp_s16);
}

.EuropeanBusinessSignIn-module__icon__85ba6 {
  margin-left: 5px;
}

.EuropeanBusinessSignIn-module__businessTitle__bc72f {
  color: var(--dp_brand_secondary_duller);
  font-weight: 600;
}

.EuropeanBusinessSignIn-module__separator__a0cc5 {
  margin-bottom: var(--dp_s24);
  margin-top: var(--dp_s16);
  border-bottom: 0.5px solid var(--dp_app_border_base);
}

/* stylelint-disable-next-line css-modules/no-global-scoped-selector */
:root {
  --arrow-size: 20px;
  --arrow-offset: 10px;
  --arrow-border: 1px solid var(--dp_comp_box_shadow);
  --overlay-max-height: 800px;
}

/* --------------------------------
 * Animations
 -------------------------------- */
@keyframes Overlay-module__fadeIn__df3be {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes Overlay-module__slideIn__84c77 {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes Overlay-module__slideInFixed40px__76a82 {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(40px);
  }
}

/* using `reverse` would not recreate a crisp animation */
@keyframes Overlay-module__slideInFixed40pxInverted__c5ca8 {
  0% {
    transform: translateY(40px);
  }

  100% {
    transform: translateY(0%);
  }
}

/* --------------------------------
 * common elements and styles between types
 -------------------------------- */
.Overlay-module__overlayContainer__d17bc {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
}
@media (min-width: 768px) {
.Overlay-module__overlayContainer__d17bc {
    justify-content: center;
    align-items: flex-start;
}
  }
@media (--viewport-M) {
.Overlay-module__overlayContainer__d17bc {
    justify-content: center;
    align-items: flex-start;
}
  }

.Overlay-module__overlayContainerExited__f8a7e {
  display: none;
}

.Overlay-module__overlayContent__2b6a9 {
  height: auto;
  height: initial;
  margin: 0;
  margin: initial;
  border: medium none currentColor;
  border: initial;
  padding: 0;
  padding: initial;
  inset-inline-start: initial;
  inset-inline-end: initial;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  color: #000;
  color: initial;
  background-color: var(--dp_app_backdrop_base);
  display: grid;
  grid-template-columns: minmax(min-content, 100%);
  grid-template-rows: auto 1fr auto;
  width: 100%;
  max-height: 75%;
  transition: max-height 250ms ease;
  transform: translateY(0%);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 101;
  border-top-left-radius: var(--spacing-spacer_3);
  border-top-right-radius: var(--spacing-spacer_3);
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

.Overlay-module__overlayContent__2b6a9 {
    display: block;
}
  }

@media (min-width: 768px) {

.Overlay-module__overlayContent__2b6a9 {
    width: auto;
    max-width: 600px;
    max-height: 100%;
    border-bottom-left-radius: var(--spacing-spacer_3);
    border-bottom-right-radius: var(--spacing-spacer_3);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContent__2b6a9 {
    width: auto;
    max-width: 600px;
    max-height: 100%;
    border-bottom-left-radius: var(--spacing-spacer_3);
    border-bottom-right-radius: var(--spacing-spacer_3);
}
  }

.Overlay-module__overlayContentFullHeight__be98f {
  max-height: 100%;
  height: 100%;
}

.Overlay-module__overlayBody__a6b56 {
  grid-row: 2;
  text-align: left;
  overflow: auto;
  background: transparent;
  position: relative;
  z-index: 100;
  scroll-behavior: smooth;
  padding: 0 var(--spacing-spacer_4);
  word-spacing: normal;
  word-break: break-word;
}

@media (min-width: 375px) {

.Overlay-module__overlayBody__a6b56 {
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-S) {

.Overlay-module__overlayBody__a6b56 {
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (min-width: 1200px) {

.Overlay-module__overlayBody__a6b56 {
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
}
  }

@media (--viewport-XL) {

.Overlay-module__overlayBody__a6b56 {
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
}
  }

.Overlay-module__overlayBody__a6b56.Overlay-module__overlayBodyNoHeader__e2bb6 {
    padding-top: var(--spacing-spacer_4);
  }

@media (min-width: 375px) {

.Overlay-module__overlayBody__a6b56.Overlay-module__overlayBodyNoHeader__e2bb6 {
      padding-top: var(--spacing-spacer_5);
  }
    }

@media (--viewport-S) {

.Overlay-module__overlayBody__a6b56.Overlay-module__overlayBodyNoHeader__e2bb6 {
      padding-top: var(--spacing-spacer_5);
  }
    }

@media (min-width: 1200px) {

.Overlay-module__overlayBody__a6b56.Overlay-module__overlayBodyNoHeader__e2bb6 {
      padding-top: var(--spacing-spacer_6);
  }
    }

@media (--viewport-XL) {

.Overlay-module__overlayBody__a6b56.Overlay-module__overlayBodyNoHeader__e2bb6 {
      padding-top: var(--spacing-spacer_6);
  }
    }

.Overlay-module__overlayBody__a6b56.Overlay-module__overlayBodyNoFooter__5ed73 {
    padding-bottom: var(--spacing-spacer_4);
  }

@media (min-width: 375px) {

.Overlay-module__overlayBody__a6b56.Overlay-module__overlayBodyNoFooter__5ed73 {
      padding-bottom: var(--spacing-spacer_5);
  }
    }

@media (--viewport-S) {

.Overlay-module__overlayBody__a6b56.Overlay-module__overlayBodyNoFooter__5ed73 {
      padding-bottom: var(--spacing-spacer_5);
  }
    }

@media (min-width: 1200px) {

.Overlay-module__overlayBody__a6b56.Overlay-module__overlayBodyNoFooter__5ed73 {
      padding-bottom: var(--spacing-spacer_6);
  }
    }

@media (--viewport-XL) {

.Overlay-module__overlayBody__a6b56.Overlay-module__overlayBodyNoFooter__5ed73 {
      padding-bottom: var(--spacing-spacer_6);
  }
    }

.Overlay-module__overlayBody__a6b56 > .Overlay-module__overlayBodyScrollable__f284d {
    background: transparent;
    margin: 0;
    padding: 0;
  }

.Overlay-module__overlayBody__a6b56:not(.Overlay-module__overlayBodyNoHeader__e2bb6) > .Overlay-module__overlayBodyScrollable__f284d {
    margin-top: var(--spacing-spacer_2);
  }

.Overlay-module__overlayBody__a6b56:not(.Overlay-module__overlayBodyNoFooter__5ed73) > .Overlay-module__overlayBodyScrollable__f284d {
    margin-bottom: var(--spacing-spacer_2);
  }

/* --------------------------------
 * Modal
 -------------------------------- */

/* Large and medium viewports (768px+)
– the container fades-in, over 0.1s / fades-out on close
– the overlay fades-in, over 0.1s / fades-out on close
– The content fades-in, and translates down 40px, over 0.3s (ease) */

/* Small viewports (up to 768px)
– The container slides-in (bottom) over 0.2s (ease) / slides-out on close
– the overlay fades-in, over 0.2s / fades-out on close */

.Overlay-module__overlayContentModalEntering__fda7f {
  animation: Overlay-module__slideIn__84c77 200ms ease forwards;
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModalEntering__fda7f {
    animation: Overlay-module__slideInFixed40px__76a82 300ms ease forwards, Overlay-module__fadeIn__df3be 300ms ease forwards;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModalEntering__fda7f {
    animation: Overlay-module__slideInFixed40px__76a82 300ms ease forwards, Overlay-module__fadeIn__df3be 300ms ease forwards;
}
  }

.Overlay-module__overlayContentModalEntered__c362c {
  transform: translateY(0%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModalEntered__c362c {
    opacity: 1;
    transform: translateY(40px);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModalEntered__c362c {
    opacity: 1;
    transform: translateY(40px);
}
  }

.Overlay-module__overlayContentModalExiting__ba32c {
  transition: transform 200ms ease;
  transform: translateY(100%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModalExiting__ba32c {
    transition: opacity 300ms ease, transform 300ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModalExiting__ba32c {
    transition: opacity 300ms ease, transform 300ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

.Overlay-module__overlayContentModalExited__abbbe {
  visibility: hidden;
  transition: transform 200ms ease;
  transform: translateY(100%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModalExited__abbbe {
    transition: opacity 300ms ease, transform 300ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModalExited__abbbe {
    transition: opacity 300ms ease, transform 300ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

.Overlay-module__overlayContainerModal__b4459 {
  position: fixed;
  z-index: 2000;
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModal__01b62 {
    margin: var(--spacing-spacer_10) var(--spacing-spacer_8);
    width: 600px;
    max-height: 80%;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModal__01b62 {
    margin: var(--spacing-spacer_10) var(--spacing-spacer_8);
    width: 600px;
    max-height: 80%;
}
  }

.Overlay-module__overlayContentModal__01b62.Overlay-module__overlayContentFullHeight__be98f {
    border-radius: 0;
  }

/* --------------------------------
 * Popover
 -------------------------------- */

/* Large and medium viewports (768px+)
– The container fades-in, over 0.1s / fades-out on close */

/* Small viewports (up to 768px)
– The container fades-in, over 0.1s (ease) / fades-out on close
– The content fades-in, and translates up 40px, over 0.3s (ease) */
.Overlay-module__overlayContentPopoverEntering__cfe22 {
  animation: Overlay-module__slideInFixed40pxInverted__c5ca8 300ms ease forwards, Overlay-module__fadeIn__df3be 300ms ease forwards;
}
@media (min-width: 768px) {
.Overlay-module__overlayContentPopoverEntering__cfe22 {
    animation: Overlay-module__fadeIn__df3be 100ms ease forwards;
}
  }
@media (--viewport-M) {
.Overlay-module__overlayContentPopoverEntering__cfe22 {
    animation: Overlay-module__fadeIn__df3be 100ms ease forwards;
}
  }

.Overlay-module__overlayContentPopoverEntered__44378 {
  opacity: 1;
  transform: translateY(0%);
}

.Overlay-module__overlayContentPopoverExiting__d1796 {
  transition: opacity 300ms ease, transform 300ms ease;
  opacity: 0;
  transform: translateY(40px);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentPopoverExiting__d1796 {
    transform: translateY(0);
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentPopoverExiting__d1796 {
    transform: translateY(0);
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
}
  }

.Overlay-module__overlayContentPopoverExited__c2801 {
  visibility: hidden;
  transition: opacity 300ms ease, transform 300ms ease;
  opacity: 0;
  transform: translateY(40px);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentPopoverExited__c2801 {
    transform: translateY(0);
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentPopoverExited__c2801 {
    transform: translateY(0);
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
}
  }

.Overlay-module__overlayContainerPopover__63a6d {
  z-index: 1000;
}

.Overlay-module__overlayContainerPopover__63a6d > .Overlay-module__overlayContent__2b6a9 {
    z-index: 1000;
  }

@media (min-width: 768px) {

.Overlay-module__overlayContainerPopover__63a6d {
    position: static;
    position: initial;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContainerPopover__63a6d {
    position: static;
    position: initial;
}
  }

.Overlay-module__overlayContentPopover__e5c81 {
  height: 100%;
  border-radius: 0;
}

@media (min-width: 768px) {

.Overlay-module__overlayContentPopover__e5c81 {
    height: auto;
    border-radius: var(--border-radius-r12);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentPopover__e5c81 {
    height: auto;
    border-radius: var(--border-radius-r12);
}
  }

/*
.overlay-body-popover {
} /*

/* --------------------------------
 * Bubble
 -------------------------------- */

/* Large and medium viewports (768px+)
– the container fades-in, over 0.1s / fades-out on close
– the overlay fades-in, over 0.1s / fades-out on close */

/* Small viewports (up to 768px)
– The container slides in from the bottom, over 0.3s (ease) / slides down on close (ease)
– the overlay fades-in, over 0.3s (ease) / fades-out on close (ease) */

.Overlay-module__overlayContentBubbleEntering__df687 {
  animation: Overlay-module__slideIn__84c77 200ms ease forwards;
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubbleEntering__df687 {
    animation: Overlay-module__fadeIn__df3be 100ms ease forwards;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubbleEntering__df687 {
    animation: Overlay-module__fadeIn__df3be 100ms ease forwards;
}
  }

.Overlay-module__overlayContentBubbleEntered__7e8e9 {
  transform: translateY(0%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubbleEntered__7e8e9 {
    opacity: 1;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubbleEntered__7e8e9 {
    opacity: 1;
}
  }

.Overlay-module__overlayContentBubbleExiting__e7cae {
  transition: transform 200ms ease;
  transform: translateY(100%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubbleExiting__e7cae {
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubbleExiting__e7cae {
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

.Overlay-module__overlayContentBubbleExited__baa10 {
  visibility: hidden;
  transition: transform 200ms ease;
  transform: translateY(100%);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubbleExited__baa10 {
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubbleExited__baa10 {
    transition: none;
    transition: opacity 100ms ease;
    opacity: 0;
    transform: translateY(0%);
}
  }

.Overlay-module__overlayContainerBubble__52982 {
  z-index: 3000;
  min-width: 100%;
}

.Overlay-module__overlayContainerBubble__52982 > .Overlay-module__overlayContent__2b6a9 {
    z-index: 3000;
  }

@media (min-width: 768px) {

.Overlay-module__overlayContainerBubble__52982 {
    position: static;
    position: initial;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContainerBubble__52982 {
    position: static;
    position: initial;
}
  }

.Overlay-module__overlayContentBubble__12bf3 {
  margin: var(--spacing-spacer_4);
  border-radius: var(--border-radius-r8);
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubble__12bf3 {
    width: auto;
    max-width: 380px;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubble__12bf3 {
    width: auto;
    max-width: 380px;
}
  }

.Overlay-module__overlayBodyBubble__8225c {
  padding-bottom: var(--spacing-spacer_4);
  padding-left: var(--spacing-spacer_4);
  padding-right: var(--spacing-spacer_4);
}

@media (min-width: 768px) {

.Overlay-module__overlayBodyBubble__8225c {
    padding-bottom: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayBodyBubble__8225c {
    padding-bottom: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

/* --------------------------------
 * Nubbin, available on Popover and Bubbles - only available on desktop
 -------------------------------- */
@media (min-width: 768px) {
    .Overlay-module__nubbin__5fcf5::before {
      content: '';
      position: absolute;
      width: 20px;
      width: var(--arrow-size);
      height: 20px;
      height: var(--arrow-size);
      transform: rotate(45deg);
      background-color: var(--dp_app_backdrop_base);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
      z-index: 100;
      top: calc(10px * -1);
      top: calc(var(--arrow-offset) * -1);
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionBottomLeft__7b6ad::before {
      left: calc(2 * 10px);
      left: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionBottomCenter__cc046::before {
      left: calc(50% - 10px);
      left: calc(50% - var(--arrow-offset));
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionBottomRight__85748::before {
      right: calc(2 * 10px);
      right: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionRight__7ab1e::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      left: calc(10px * -1);
      left: calc(var(--arrow-offset) * -1);
      border: 0;
      border-bottom: 1px solid var(--dp_comp_box_shadow);
      border-bottom: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionLeft__c0a7a::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      right: calc(10px * -1);
      right: calc(var(--arrow-offset) * -1);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-right: 1px solid var(--dp_comp_box_shadow);
      border-right: var(--arrow-border);
    }
  }
@media (min-width: 768px) {
    .Overlay-module__nubbin__5fcf5::before {
      content: '';
      position: absolute;
      width: 20px;
      width: var(--arrow-size);
      height: 20px;
      height: var(--arrow-size);
      transform: rotate(45deg);
      background-color: var(--dp_app_backdrop_base);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
      z-index: 100;
      top: calc(10px * -1);
      top: calc(var(--arrow-offset) * -1);
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionBottomLeft__7b6ad::before {
      left: calc(2 * 10px);
      left: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionBottomCenter__cc046::before {
      left: calc(50% - 10px);
      left: calc(50% - var(--arrow-offset));
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionBottomRight__85748::before {
      right: calc(2 * 10px);
      right: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionRight__7ab1e::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      left: calc(10px * -1);
      left: calc(var(--arrow-offset) * -1);
      border: 0;
      border-bottom: 1px solid var(--dp_comp_box_shadow);
      border-bottom: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionLeft__c0a7a::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      right: calc(10px * -1);
      right: calc(var(--arrow-offset) * -1);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-right: 1px solid var(--dp_comp_box_shadow);
      border-right: var(--arrow-border);
    }
  }
@media (--viewport-M) {
    .Overlay-module__nubbin__5fcf5::before {
      content: '';
      position: absolute;
      width: 20px;
      width: var(--arrow-size);
      height: 20px;
      height: var(--arrow-size);
      transform: rotate(45deg);
      background-color: var(--dp_app_backdrop_base);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
      z-index: 100;
      top: calc(10px * -1);
      top: calc(var(--arrow-offset) * -1);
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionBottomLeft__7b6ad::before {
      left: calc(2 * 10px);
      left: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionBottomCenter__cc046::before {
      left: calc(50% - 10px);
      left: calc(50% - var(--arrow-offset));
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionBottomRight__85748::before {
      right: calc(2 * 10px);
      right: calc(2 * var(--arrow-offset));
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionRight__7ab1e::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      left: calc(10px * -1);
      left: calc(var(--arrow-offset) * -1);
      border: 0;
      border-bottom: 1px solid var(--dp_comp_box_shadow);
      border-bottom: var(--arrow-border);
      border-left: 1px solid var(--dp_comp_box_shadow);
      border-left: var(--arrow-border);
    }

    .Overlay-module__nubbin__5fcf5.Overlay-module__nubbinPositionLeft__c0a7a::before {
      top: calc(2 * 10px);
      top: calc(2 * var(--arrow-offset));
      right: calc(10px * -1);
      right: calc(var(--arrow-offset) * -1);
      border: 0;
      border-top: 1px solid var(--dp_comp_box_shadow);
      border-top: var(--arrow-border);
      border-right: 1px solid var(--dp_comp_box_shadow);
      border-right: var(--arrow-border);
    }
  }

.OverlayBackdrop-module__root__e1d6e {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--dp_app_box_shadow);
  overflow: hidden;
  z-index: 10;
}

@media (min-width: 768px) {

.OverlayBackdrop-module__backdropMobileOnly__7dd03 {
    display: none;
    visibility: hidden;
    pointer-events: none;
}
  }

@media (--viewport-M) {

.OverlayBackdrop-module__backdropMobileOnly__7dd03 {
    display: none;
    visibility: hidden;
    pointer-events: none;
}
  }

@keyframes OverlayBackdrop-module__modalOverlayAnimationMobileIn__32a33 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.2;
  }
}

.OverlayBackdrop-module__backdropEntering__fe046 {
  animation: OverlayBackdrop-module__modalOverlayAnimationMobileIn__32a33 200ms ease forwards;
}

.OverlayBackdrop-module__backdropEntered__fd869 {
  opacity: 0.2;
}

.OverlayBackdrop-module__backdropExiting__c801d {
  transition: opacity 200ms ease;
  opacity: 0;
}

.OverlayBackdrop-module__backdropExited__a3059 {
  transition: opacity 200ms ease;
  opacity: 0;
}

/* stylelint-disable-next-line css-modules/no-global-scoped-selector */
:root {
  --negative--spacing-spacer_1: calc(-1 * var(--spacing-spacer_1));
}

.OverlayFooter-module__root__3d0a0 {
  grid-row: 3;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
  flex: none;
  padding: var(--spacing-spacer_4) var(--spacing-spacer_4) var(--spacing-spacer_5);
  background-color: transparent;
  z-index: 101;
  transition: box-shadow 250ms ease;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

@media (min-width: 375px) {

.OverlayFooter-module__root__3d0a0 {
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-S) {

.OverlayFooter-module__root__3d0a0 {
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (min-width: 768px) {

.OverlayFooter-module__root__3d0a0 {
    flex-direction: row;
    align-items: center;
    padding-bottom: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
    border-bottom-left-radius: var(--border-radius-r12);
    border-bottom-right-radius: var(--border-radius-r12);
}
  }

@media (--viewport-M) {

.OverlayFooter-module__root__3d0a0 {
    flex-direction: row;
    align-items: center;
    padding-bottom: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
    border-bottom-left-radius: var(--border-radius-r12);
    border-bottom-right-radius: var(--border-radius-r12);
}
  }

@media (min-width: 1200px) {

.OverlayFooter-module__root__3d0a0 {
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
    padding-bottom: var(--spacing-spacer_6);
}
  }

@media (--viewport-XL) {

.OverlayFooter-module__root__3d0a0 {
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
    padding-bottom: var(--spacing-spacer_6);
}
  }

.OverlayFooter-module__overlayFooterShadow__ba096 {
  box-shadow: 0 calc(-1 * var(--spacing-spacer_1)) var(--spacing-spacer_2) 0 var(--dp_comp_box_shadow);
  box-shadow: 0 var(--negative--spacing-spacer_1) var(--spacing-spacer_2) 0 var(--dp_comp_box_shadow);
}

.OverlayFooter-module__overlayFooterContent__f9449 {
  flex: 1;
  margin-bottom: var(--spacing-spacer_4);
}

@media (min-width: 768px) {

.OverlayFooter-module__overlayFooterContent__f9449 {
    margin-bottom: 0;
    margin-bottom: initial;
    margin-right: var(--spacing-spacer_4);
}
  }

@media (--viewport-M) {

.OverlayFooter-module__overlayFooterContent__f9449 {
    margin-bottom: 0;
    margin-bottom: initial;
    margin-right: var(--spacing-spacer_4);
}
  }

.OverlayFooter-module__overlayFooterActionButtons__7d5b4 {
  flex: 1;
  display: flex;
}

.OverlayHeader-module__root__53ee7 {
  grid-row: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: var(--spacing-spacer_4);
  background: transparent;
  z-index: 101;
  transition: box-shadow 250ms ease;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

@media (min-width: 375px) {

.OverlayHeader-module__root__53ee7 {
    padding-top: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-S) {

.OverlayHeader-module__root__53ee7 {
    padding-top: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (min-width: 1200px) {

.OverlayHeader-module__root__53ee7 {
    padding-top: var(--spacing-spacer_6);
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
}
  }

@media (--viewport-XL) {

.OverlayHeader-module__root__53ee7 {
    padding-top: var(--spacing-spacer_6);
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
}
  }

.OverlayHeader-module__overlayHeaderBubble__6acbf {
  padding: var(--spacing-spacer_3) var(--spacing-spacer_4) 0;
}

@media (min-width: 768px) {

.OverlayHeader-module__overlayHeaderBubble__6acbf {
    padding: var(--spacing-spacer_4) var(--spacing-spacer_5) 0;
}
  }

@media (--viewport-M) {

.OverlayHeader-module__overlayHeaderBubble__6acbf {
    padding: var(--spacing-spacer_4) var(--spacing-spacer_5) 0;
}
  }

.OverlayHeader-module__overlayHeaderShadow__7ceda {
  box-shadow: 0 var(--spacing-spacer_1) var(--spacing-spacer_2) 0 var(--dp_comp_box_shadow);
}

.OverlayHeader-module__overlayHeaderContent__794f5 {
  flex: 1;
  text-align: left;
}

.OverlayHeader-module__overlayHeaderActionButtons__f2a2f {
  align-self: center;
  display: flex;
}

.OverlayHeader-module__overlayBbtHeaderActionButtons__ee9eb {
  align-self: center;
  display: flex;
  height: 55px;
}

.OverlayHeader-module__overlayHeaderActionButton__e0ec1 {
  display: flex;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  margin-right: var(--spacing-spacer_2);
  transform: translateX(50%);
}

.OverlayHeader-module__overlayHeaderActionButtonAlignedStart__5cafe {
  align-items: flex-start;
  height: 25px;
}

.KeepSignedIn-module__keepSignedInContainer__24c4a {
  padding: 0;
  margin-top: var(--dp_s16);
  outline: none;
  border-radius: var(--dp_s4);
}

.KeepSignedIn-module__keepSignedInContainer__24c4a:hover {
    background-color: transparent;
    text-decoration: underline;
  }

.KeepSignedIn-module__keepSignedIn__e2a0a {
  color: var(--dp_app_text_subdued);
  display: flex;
  align-items: center;
  font-weight: 400;
}

.KeepSignedIn-module__keepSignedIn__e2a0a:hover {
    color: var(--dp_app_text_subdued);
  }

.KeepSignedIn-module__keepSignedInDecoration__9fa1f {
  text-decoration: underline;
}

.KeepSignedIn-module__icon__89cf5 {
  padding-left: var(--dp_s8);

  /* ! fleet components reset */
  box-sizing: content-box;
}

.Footer-module__loginFooterContainer__75088 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: var(--dp_s24);
}

.Footer-module__loginFooterBusiness__56d6a {
  margin-top: var(--dp_s12);
}

@media (min-width: 768px) {

.Footer-module__loginFooterMediumDevice__55096 {
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.75rem;
}
  }

@media (--dp_viewport_m) {

.Footer-module__loginFooterMediumDevice__55096 {
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.75rem;
}
  }

@media (min-width: 768px) {

.Footer-module__loginFooterCorporateMediumDevice__e7613 {
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.75rem;
}
  }

@media (--dp_viewport_m) {

.Footer-module__loginFooterCorporateMediumDevice__e7613 {
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.75rem;
}
  }

.Footer-module__columnFooter__877d4 {
  flex-direction: column;
}

.Footer-module__privacyPolicy__31b87,
.Footer-module__termsAndConditions__322eb {
  color: var(--dp_app_text_subdued);
}

.Footer-module__privacyPolicy__31b87:hover, .Footer-module__termsAndConditions__322eb:hover {
    color: var(--dp_app_text_subdued);
  }

.Footer-module__privacyPolicySpacingTop__82df4 {
  margin-top: var(--dp_s12);
}

.Footer-module__privacyPolicyLinkDecoration__60801,
.Footer-module__termsAndConditionsLinkDecoration__8fc94 {
  text-decoration: underline;
}

.Footer-module__privacyPolicyLinkDecoration__60801:visited:hover, .Footer-module__termsAndConditionsLinkDecoration__8fc94:visited:hover {
      color: var(--dp_app_text_subdued);
    }

.Footer-module__privacyPolicyLinkDecoration__60801:visited:active,
    .Footer-module__termsAndConditionsLinkDecoration__8fc94:visited:active,
    .Footer-module__privacyPolicyLinkDecoration__60801:visited:focus,
    .Footer-module__termsAndConditionsLinkDecoration__8fc94:visited:focus {
      color: var(--dp_app_text_subdued);
    }

@media (max-width: 450px) {
  .Footer-module__extraMargin__76f62 {
    margin-bottom: var(--dp_s8);
  }
}

.Footer-module__signInButtonWrapper__77b3f {
  position: absolute;
}

.Footer-module__separator__860d4 {
  width: 100%;
  margin: var(--dp_s16) 0 var(--dp_s24);
  border-top: 1px solid var(--dp_app_border_base);
}

.Skeleton-module__root__36131 {
  width: auto;
  max-width: 300px;
}

.SocialButton-module__socialButtonIcon__3382a {
  margin-right: var(--spacing-spacer_2);
  pointer-events: none;
}

.SocialButtonsStack-module__root__6b4ae {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.SocialButtonsStack-module__column__d3ed4 {
  flex-direction: column;
}

.SocialButtonsStack-module__column__d3ed4 li ~ li {
    margin-top: var(--dp_s16);
  }

.SocialButtonsStack-module__column__d3ed4 > li:first-child {
    margin-top: var(--dp_s4);
  }

.SocialButtonsStack-module__row__1ff9e {
  flex-direction: column;
  gap: var(--dp_s16);
}

.SocialButtonsStack-module__row__1ff9e svg {
    /* HACK: flex width & height fixes, should match the `size` of the depot logo */
    min-width: 32px;
    min-height: 32px;
  }

@media (min-width: 768px) {

.SocialButtonsStack-module__row__1ff9e {
    flex-direction: row;
    justify-content: space-between;
    gap: unset;
}

    .SocialButtonsStack-module__row__1ff9e > li {
      flex: 1;
      max-width: 128px;
    }
  }

@media (--dp_viewport_m) {

.SocialButtonsStack-module__row__1ff9e {
    flex-direction: row;
    justify-content: space-between;
    gap: unset;
}

    .SocialButtonsStack-module__row__1ff9e > li {
      flex: 1;
      max-width: 128px;
    }
  }

.typography-module__hero__8a7dc {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.02em;
}
.typography-module__title1__56edc {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title2__c0966 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title3__66923 {
  font-family: Circular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.typography-module__title4__194de {
  font-family: SF Pro Text, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.typography-module__large__15dc6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  line-height: 24px;
}
.typography-module__body__56c22 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 24px;
}
.typography-module__small__64891 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 15px;
  line-height: 20px;
}
.typography-module__mini__05a3f {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 20px;
}
.typography-module__micro__b52e7 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .typography-module__hero__8a7dc {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__56edc {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__c0966 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__64891 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__05a3f {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__b52e7 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__8a7dc {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__56edc {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__c0966 {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__64891 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__05a3f {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__b52e7 {
    font-size: 10px;
    line-height: 12px;
  }
}

.Typography-module__root__e33fd {
  margin: 0;
}

.Typography-module__base__1c0d9 {
  color: var(--dp_app_text_base);
}

.Typography-module__error__aaf19 {
  color: var(--dp_app_text_negative);
}

.Typography-module__subtle__4c618 {
  color: var(--dp_app_text_subtle);
}

.Typography-module__subdued__7e959 {
  color: var(--dp_app_text_subdued);
}

.Typography-module__inverted__e82d2 {
  color: var(--dp_app_text_inverted);
}

.Typography-module__warning__8f552 {
  color: var(--dp_app_text_warning);
}

.Typography-module__success__157f6 {
  color: var(--dp_app_text_positive);
}

.Typography-module__disabled__c3166 {
  color: var(--dp_app_text_disabled);
}

.Typography-module__urgencyMedium__4c8fe {
  color: var(--dp_app_text_urgency_medium);
}

.Typography-module__urgencyHigh__2b365 {
  color: var(--dp_app_text_urgency_high);
}

.Typography-module__noSpacing__e1a42 {
  padding: 0;
  margin: 0;
}

.Typography-module__addLeading__a433a {
  line-height: 1;
}

.Typography-module__semiBold__eb729 {
  font-weight: 600;
}

.Typography-module__bold__4d11d {
  font-weight: bold;
}

.Typography-module__center__b23a4 {
  text-align: center;
}

.Typography-module__right__d46bb {
  text-align: right;
}

.Typography-module__underline__e2dec {
  text-decoration: underline;
  text-underline-offset: var(--underline-offset);
}

.Typography-module__strikethrough__d6215 {
  text-decoration: line-through;
}

.SharedValidationMessage-module__validationError__f521d {
  color: var(--dp_app_text_negative);
  margin-top: var(--dp_s8);
}

.SecurePasswordStrength-module__strengthLevel__d86b7 {
  color: var(--dp_app_text_disabled);
  line-height: var(--dp_small_line_height);
  margin-top: var(--dp_s8);
}

.SecurePasswordStrength-module__container__8705e {
  margin-top: var(--dp_s8);
}

.SecurePasswordStrength-module__untouched__a419a {
  color: var(--dp_app_text_subdued);
}

.SecurePasswordStrength-module__weak__13eea {
  color: var(--dp_app_text_negative);
}

.SecurePasswordStrength-module__moderate__8ffef {
  color: var(--dp_app_text_warning);
}

.SecurePasswordStrength-module__strong__54b79 {
  color: var(--dp_app_text_positive);
}

.SecurePasswordStrength-module__passwordCondition__84ddf {
  display: flex;
}

.SecurePasswordTooltip-module__root__f17a7 {
  width: 100%;
}

.SecurePasswordTooltip-module__infoButton__d532a {
  padding: 0;
  border-radius: 50%;
}

.SecurePasswordTooltip-module__tooltipText__58f3d {
  margin-bottom: var(--spacing-spacer_5);
}

.SecurePasswordTooltip-module__tooltipList__2414a {
  padding-left: var(--spacing-spacer_5);
}

.FormField-module__root__8d2d3 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.FormField-module__rowLabels__53a26 {
  display: flex;
  align-items: center;
  padding-bottom: var(--spacing-spacer_1);
}

.FormField-module__label__f642b {
  visibility: visible;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-weight: normal;
}

/* copied from https://www.w3.org/WAI/tutorials/forms/labels/ */
.FormField-module__labelHidden__61b9b {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.FormField-module__secondaryLabel__7e3cb {
  display: flex;
  text-align: right;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-weight: normal;
  margin-left: auto;
}

.FormField-module__securePwdTooltip__c79c3 {
  margin-left: var(--dp_s8);
}

.FormField-module__input__a894c {
  border: 1px solid var(--dp_app_border_base);
  border-radius: var(--dp_r4);
  box-sizing: border-box;
  padding: var(--dp_s8) var(--dp_s12);
  min-width: 100%;
  width: 100%;
  font-weight: 600;
  color: var(--dp_app_text_base);
  outline: none;
}

@media (min-width: 768px) {

.FormField-module__input__a894c {
    font-weight: 400;
    min-width: 0;
}
  }

@media (--dp_viewport_m) {

.FormField-module__input__a894c {
    font-weight: 400;
    min-width: 0;
}
  }

.FormField-module__input__a894c::-webkit-credentials-auto-fill-button {
    opacity: 0;
    visibility: hidden;
  }

.FormField-module__input__a894c::-ms-reveal,
  .FormField-module__input__a894c::-ms-clear {
    display: none;
  }

.FormField-module__input__a894c:hover {
    box-shadow: 0 0 0 1px var(--dp_app_selection_dull);
  }

.FormField-module__input__a894c:focus {
    border-color: var(--dp_app_selection_duller);
    box-shadow: 0 0 0 2px var(--dp_app_selection_duller);
  }

.FormField-module__input__a894c.FormField-module__error__95502 {
    border-color: var(--dp_app_negative_mid);
  }

.FormField-module__input__a894c.FormField-module__error__95502:hover {
      box-shadow: 0 0 0 2px var(--dp_app_negative_dull);
    }

.FormField-module__input__a894c.FormField-module__error__95502:focus {
      border-color: var(--dp_app_negative_mid);
      box-shadow: 0 0 0 1px var(--dp_app_negative_mid);
    }

.FormField-module__inputContainer__b888a {
  flex: 1 0 auto;
  position: relative;
  cursor: pointer;
}

.FormField-module__validationError__a5562 {
  flex: 1 0 auto;
  margin-top: var(--dp_s4);
}

.TogglePasswordVisibility-module__root__10960 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--spacing-spacer_1);
  z-index: 1;
  font-weight: normal;
  font-size: var(--spacing-spacer_3);
  margin: 0;
  padding-top: var(--spacing-spacer_1);
  padding-bottom: var(--spacing-spacer_1);
}

.SharedValidationMessage-module__validationError__7e219 {
  color: var(--dp_app_text_negative);
  margin-top: var(--dp_s8);
}

.SecurePasswordStrength-module__strengthLevel__56a8f {
  color: var(--dp_app_text_disabled);
  line-height: var(--dp_small_line_height);
  margin-top: var(--dp_s8);
}

.SecurePasswordStrength-module__container__c8ac1 {
  margin-top: var(--dp_s8);
}

.SecurePasswordStrength-module__untouched__f0857 {
  color: var(--dp_app_text_subdued);
}

.SecurePasswordStrength-module__weak__1e2a9 {
  color: var(--dp_app_text_negative);
}

.SecurePasswordStrength-module__moderate__445c6 {
  color: var(--dp_app_text_warning);
}

.SecurePasswordStrength-module__strong__4f909 {
  color: var(--dp_app_text_positive);
}

.SecurePasswordStrength-module__passwordCondition__b1ee4 {
  display: flex;
}

.SecurePasswordTooltip-module__root__8ab59 {
  width: 100%;
}

.SecurePasswordTooltip-module__infoButton__cc3a7 {
  padding: 0;
  border-radius: 50%;
}

.SecurePasswordTooltip-module__tooltipText__3ef79 {
  margin-bottom: var(--spacing-spacer_5);
}

.SecurePasswordTooltip-module__tooltipList__69bbf {
  padding-left: var(--spacing-spacer_5);
}

.SignInEmailForm-module__formFieldContainer__74c83 {
  margin-bottom: var(--dp_s16);
}

.SignInEmailForm-module__secondaryLabel__98b3c {
  text-decoration: none;
}

.SignIn-module__root__23c34 {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

.SignIn-module__socialButtonStackMargin__23145,
ul.SignIn-module__socialButtonStackMargin__23145 {
  margin-bottom: var(--dp_s16);
}

.SignIn-module__businessSignInContainer__5f2de {
  margin-top: var(--dp_s24);
}

.SignInBubble-module__signinBubbleContainer__f3810 {
  width: 100%;
  max-height: 89vh; /* arbitrary number that works for small viewports */
  overflow: scroll;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: var(--dp_s8);
}

.SignInBubble-module__signinBubbleContainer__f3810 button {
    margin-right: calc(-1 * var(--dp_s4));
  }

.SignInBubble-module__signinBubbleHeader__46985 {
  position: fixed;
  width: calc(100% - (2 * var(--dp_s16)));
  background-color: var(--dp_app_text_inverted);
  display: flex;
  justify-content: flex-end;
  padding-left: var(--dp_s12);
  padding-right: var(--dp_s12);
  z-index: 1; /* TODO: replace with depot-web elevation design token when available */
}

.SignInBubble-module__signinBubbleContent__68fe4 {
  width: 100%;
  margin-top: var(--dp_s40);
}

.LoginIntermediateOverlay-module__body__233ae {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

.LoginIntermediateOverlay-module__header__9249e {
  padding: calc(var(--spacing-spacer_4) - var(--dp_s12))
    calc(var(--spacing-spacer_4) - var(--dp_s16)) var(--spacing-spacer_4)
    calc(var(--spacing-spacer_4) - var(--dp_s16));
  display: flex;
  justify-content: flex-end;
}

.LoginIntermediateOverlay-module__registerLink__8b877 {
  margin-top: var(--dp_s16);
  color: var(--dp_app_text_base);
}

.LoginIntermediateOverlay-module__findBookingLink__e6ec0 {
  margin-top: var(--dp_s4);
  color: var(--dp_app_text_base);
}

.LoginIntermediateOverlay-module__linkBottomMargin__3ec54 {
  margin-bottom: var(--dp_s48);
}

.SharedStyles-module__headerTitle__855c1 {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding-bottom: var(--dp_s16);
}

.SharedStyles-module__closeButtonContainer__02267 {
  margin-right: calc(var(--dp_s8) * -1);
}

.SignInOverlay-module__signInContainer__dcf1b {
  min-width: calc(var(--dp_s96) * 3);
  padding: var(--dp_s8);
}

.Basket-module__basketButton__58fcd {
  position: relative;
}

@media not all and (min-width: 768px) {

.Basket-module__basketButton__58fcd {
    padding: 0;
    border-radius: 50%;
}
  }

@media not all and (--viewport-M) {

.Basket-module__basketButton__58fcd {
    padding: 0;
    border-radius: 50%;
}
  }

@media (min-width: 768px) {

.Basket-module__basketButton__58fcd .Basket-module__mobileIcon__3fce6 {
      display: none;
  }
    }

@media (--viewport-M) {

.Basket-module__basketButton__58fcd .Basket-module__mobileIcon__3fce6 {
      display: none;
  }
    }

.Basket-module__basketButton__58fcd .Basket-module__basketLabel__55042 {
    display: none;
  }

@media (min-width: 768px) {

.Basket-module__basketButton__58fcd .Basket-module__basketLabel__55042 {
      display: inline;
  }
    }

@media (--viewport-M) {

.Basket-module__basketButton__58fcd .Basket-module__basketLabel__55042 {
      display: inline;
  }
    }

.Basket-module__basketButton__58fcd:has(+ dialog[open]) {
    background-color: var(--dp_app_backdrop_duller);
  }

.Basket-module__basketButton__58fcd span.Basket-module__basketNumberProducts__ef63d {
    overflow: hidden;
    position: absolute;
    display: flex;
    padding: 0 calc(var(--spacing-spacer_1) * 1.5);
    border-radius: calc(var(--spacing-spacer_5) + var(--spacing-spacer_1) * 0.5);
    background-color: var(--dp_comp_button_primary_background_hover);
    color: var(--dp_app_text_inverted);
    bottom: 0;
    transform: translateX(50%);
    animation: Basket-module__enteringMobile__2c00d 0.5s ease forwards;
  }

@media (min-width: 768px) {

.Basket-module__basketButton__58fcd span.Basket-module__basketNumberProducts__ef63d {
      max-width: 0;
      position: static;
      transform: translateX(var(--spacing-spacer_1));
      animation: Basket-module__enteringDesktop__f14e0 0.5s ease forwards;
      margin: calc(var(--spacing-spacer_1) * 0.5) 0 calc(var(--spacing-spacer_1) * 0.5) 0;
      padding: 0 calc(var(--spacing-spacer_1) + var(--spacing-spacer_1) * 0.5);
      border: solid 1px var(--dp_brand_white);
      min-width: calc(var(--spacing-spacer_5) - var(--spacing-spacer_1) * 0.5);
      justify-content: center;
      box-sizing: border-box;
  }
    }

@media (--viewport-M) {

.Basket-module__basketButton__58fcd span.Basket-module__basketNumberProducts__ef63d {
      max-width: 0;
      position: static;
      transform: translateX(var(--spacing-spacer_1));
      animation: Basket-module__enteringDesktop__f14e0 0.5s ease forwards;
      margin: calc(var(--spacing-spacer_1) * 0.5) 0 calc(var(--spacing-spacer_1) * 0.5) 0;
      padding: 0 calc(var(--spacing-spacer_1) + var(--spacing-spacer_1) * 0.5);
      border: solid 1px var(--dp_brand_white);
      min-width: calc(var(--spacing-spacer_5) - var(--spacing-spacer_1) * 0.5);
      justify-content: center;
      box-sizing: border-box;
  }
    }

.Basket-module__basketBubble__09f9b {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 100%;
}

.Basket-module__basketBubbleImage__264e4 {
  width: var(--spacing-spacer_9);
  margin: auto;
  margin-bottom: var(--spacing-spacer_4);
}

.Basket-module__tocIcon__7f2f4 {
  fill: var(--dp_brand_primary_core);
}

@keyframes Basket-module__enteringMobile__2c00d {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Basket-module__enteringDesktop__f14e0 {
  from {
    max-width: 0;
  }

  to {
    max-width: calc(2 * var(--spacing-spacer_2));
  }
}

.Collapsible-module__root__35643 {
  margin: 0;
  margin: initial;
  border: medium none currentColor;
  border: initial;
  padding: 0;
  padding: initial;
  inset-inline-start: initial;
  inset-inline-end: initial;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
  color: #000;
  color: initial;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  min-height: 0;
  height: 0;
  transition: min-height 0.2s ease;
}

.Collapsible-module__root__35643::before {
    position: absolute;
    height: 100vh;
    width: 100%;
    z-index: 0;
    background-color: var(--dp_brand_black);
    content: '';
    opacity: 0;
    transition: opacity 0.2s ease;
  }

.Collapsible-module__contentWrapper__22194 {
  position: relative;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 10;
  border: none;
  border-bottom-right-radius: calc(var(--spacing-spacer_1) * 20);
  background: var(--dp_app_backdrop_base);
  transition: box-shadow 0.2s ease;
  max-height: inherit;
  box-shadow: 0 var(--spacing-spacer_5) 0 0 var(--dp_comp_box_shadow);
}

.Collapsible-module__tocContentWrapper__96369 {
  border-radius: 0 0 var(--spacing-spacer_3) var(--spacing-spacer_3);
}

/* ie11 fix */

/* ie media query */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.Collapsible-module__contentWrapperEntering__1904c,
.Collapsible-module__contentWrapperExiting__2bef4,
.Collapsible-module__contentWrapperEntered__da4e1 {
    border-top: 1px solid var(--dp_app_backdrop_base);
}
  }

.Collapsible-module__contentWrapperEntered__da4e1 {
  overflow: auto;
}

.Collapsible-module__rootEntering__20dfb {
  z-index: 110;
}

.Collapsible-module__rootEntering__20dfb::before {
    opacity: 0.3;
  }

.Collapsible-module__rootEntering__20dfb .Collapsible-module__contentWrapper__22194 {
    box-shadow: 0 var(--spacing-spacer_5) var(--spacing-spacer_4) 0 var(--dp_comp_box_shadow);
  }

.Collapsible-module__rootEntered__50308 {
  z-index: 110;
  transition: none;
  height: auto;
}

.Collapsible-module__rootEntered__50308::before {
    opacity: 0.3;
  }

.Collapsible-module__rootEntered__50308 .Collapsible-module__contentWrapper__22194 {
    box-shadow: 0 var(--spacing-spacer_5) var(--spacing-spacer_4) 0 var(--dp_comp_box_shadow);
  }

.Collapsible-module__rootExiting__219d4 {
  z-index: 110;
}

.Collapsible-module__rootExiting__219d4::before {
    opacity: 0;
  }

.Collapsible-module__rootExiting__219d4 .Collapsible-module__contentWrapper__22194 {
    box-shadow: 0 var(--spacing-spacer_5) 0 0 rgba(0, 0, 0, 0);
  }

.Collapsible-module__rootExited__28ca7 {
  z-index: auto;
  z-index: initial;
}

.Collapsible-module__rootExited__28ca7::before {
    content: '';
    height: 0;
  }

.Collapsible-module__rootExited__28ca7 .Collapsible-module__contentWrapper__22194 {
    box-shadow: 0 var(--spacing-spacer_5) 0 0 rgba(0, 0, 0, 0);
  }

.Collapsible-module__content__bdf31 {
  padding: var(--spacing-spacer_6) var(--spacing-spacer_6) var(--spacing-spacer_8)
    var(--spacing-spacer_6);
}

.ContextualHelp-module__root__33cbd {
  order: 1;
}

@media (min-width: 768px) {

.ContextualHelp-module__root__33cbd {
    order: unset;
}
  }

@media (--viewport-M) {

.ContextualHelp-module__root__33cbd {
    order: unset;
}
  }

.ContextualHelp-module__root__33cbd::after,
.ContextualHelp-module__root__33cbd::before {
  right: 22px !important;
}

.ContextualHelp-module__newBadge__7dbee {
  background-color: #ef370e;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 12px;
  color: #fff;
  border-radius: 4px;
  position: absolute;
  top: -8px;
  left: 12px;
  padding: 3px 6px;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: TLCircular;
}

.ContextualHelp-module__closeButton__04f2d {
  position: absolute;
  top: 10px;
  right: 10px;
}

.ContextualHelp-module__closeButton__04f2d:focus-visible {
    outline: none;
  }

.ContextualHelp-module__tipsOverlay__1d277 > header {
  margin-top: var(--spacing-spacer_2);
  padding-right: var(--spacing-spacer_5);
}

.ContextualHelp-module__tipsButton__767a0 {
  border-radius: 32px;
  background-color: var(--dp_brand_neutral_brighter);
  padding: var(--spacing-spacer_1);
}

.ContextualHelp-module__buttonNotification__fbf28::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #ef370e;
  top: -2px;
  left: -2px;
}

.ContextualHelpHeader-module__header__43796 {
  margin-bottom: var(--spacing-spacer_2);
}

.ContextualHelpHeader-module__defaultHeader__d8cf8 {
  margin-bottom: var(--spacing-spacer_3);
}

.Accordion-module__root__a8963 {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.Accordion-module__root__a8963 > li:not(:last-child) {
  border-bottom: 1px solid #d0d4d5;
}

.Accordion-module__button__9e748 {
  padding: 0;
  position: relative;
  justify-content: space-between;
}

.Accordion-module__button__9e748::after {
    content: '';
    background: url(https://www.thetrainline.com/my-account/assets/img/accordion-chevron.02dcfca078d670cdd950..svg);
    height: var(--spacing-spacer_5);
    width: var(--spacing-spacer_5);
    transition: transform 0.3s ease;
    margin-left: var(--spacing-spacer_1);
  }

.Accordion-module__button__9e748:focus {
    box-shadow: unset;
  }

.Accordion-module__buttonActive__26d47::after {
    transform: rotate(180deg);
  }

.Accordion-module__collapsible__f2f34 {
  min-height: 0;
  height: 0;
  overflow: hidden;
  transition: min-height 0.3s ease;
}

.Accordion-module__collapsibleEntered__b7074 {
  height: auto;
}

.Accordion-module__collapsibleExiting__e5f39 {
  height: 0;
}

.Accordion-module__content__a8b04 {
  padding-bottom: var(--spacing-spacer_4);
}

.ContextualHelpDynamic-module__helpHeader__219fe {
  align-items: center;
  display: flex;
  gap: var(--spacing-spacer_2);
  padding-block: var(--spacing-spacer_4);
  text-align: left;
  width: 100%;
}

.ContextualHelpDynamic-module__pictogramWrapper__58bf9 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin: 0;
  width: 35px;
}

.ContextualHelpDynamic-module__pictogramWrapper__58bf9 img {
  height: var(--spacing-spacer_5);
}

.ContextualHelpDynamic-module__helpBody__e49ae ul {
  list-style-type: disc;
  padding-left: var(--spacing-spacer_5);
}

.ContextualHelpMobilePictogram-module__pictogramWrapper__4dab7 {
  margin: 0;
  padding-block: var(--spacing-spacer_2);
}

.ContextualHelpMobilePictogram-module__pictogramWrapper__4dab7 img {
  height: var(--spacing-spacer_56);
}

.SkipToContentAndLogo-module__skipContent__c0ca2 {
  position: absolute;
  top: -2000px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 1;
}

.SkipToContentAndLogo-module__skipContentShow__f40f7 {
  position: static;
  top: 0;
}

.SkipToContentAndLogo-module__logoWrapper__e1efe {
  display: flex;
}

.SkipToContentAndLogo-module__logoLinkHide__e9c78 {
  position: absolute;
  top: -2000px;
}

.SkipToContentAndLogo-module__logo__8cb7e {
  width: 100%;
  max-width: 124px;
  height: 100%;
  max-height: 25px;
  display: flex;
}

@media (min-width: 768px) {

.SkipToContentAndLogo-module__logo__8cb7e {
    max-width: 140px;
}
  }

@media (--viewport-M) {

.SkipToContentAndLogo-module__logo__8cb7e {
    max-width: 140px;
}
  }

.SkipToContentAndLogo-module__logoLarge__b91b8 {
  width: 100%;
  max-width: 124px;
  height: 100%;
  max-height: 24px;
  display: flex;
}

@media (min-width: 768px) {

.SkipToContentAndLogo-module__logoLarge__b91b8 {
    max-width: 140px;
    max-height: 32px;
}
  }

@media (--viewport-M) {

.SkipToContentAndLogo-module__logoLarge__b91b8 {
    max-width: 140px;
    max-height: 32px;
}
  }

.SkipToContentAndLogo-module__logoFullWidth__dce57 {
  display: flex;
  max-width: 100%;
}

.SkipToContentAndLogo-module__xLargeLogo__3b617 {
  width: 100%;
  max-width: 124px;
  height: 100%;
  max-height: 32px;
  display: flex;
}

@media (min-width: 768px) {

.SkipToContentAndLogo-module__xLargeLogo__3b617 {
    max-width: 140px;
    max-height: 36px;
}
  }

@media (--viewport-M) {

.SkipToContentAndLogo-module__xLargeLogo__3b617 {
    max-width: 140px;
    max-height: 36px;
}
  }

.SkipToContentAndLogo-module__logoLink__9fab8 {
  display: inline-block;
  border-radius: var(--border-radius-r4);

  /* ! fleet components reset */
  border-bottom: 0;
}

.SkipToContentAndLogo-module__logoLink__9fab8:focus,
  .SkipToContentAndLogo-module__logoLink__9fab8:active,
  .SkipToContentAndLogo-module__logoLink__9fab8:focus:not(:active) {
    outline: none;
    box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
  }

/* Chrome-only rules */

@supports (margin-block: auto) and (-webkit-tap-highlight-color: transparent) {
    .SkipToContentAndLogo-module__logoLink__9fab8:focus,
    .SkipToContentAndLogo-module__logoLink__9fab8:focus:not(:active) {
      outline: none;
      box-shadow: none;
    }

    /* stylelint-disable no-descending-specificity */
    .SkipToContentAndLogo-module__logoLink__9fab8:focus-visible,
    .SkipToContentAndLogo-module__logoLink__9fab8:focus-visible:not(:active) {
      box-shadow: 0 0 0 var(--spacing-spacer_1) var(--dp_comp_focus_ring);
    }
  }

.SkipToContentAndLogo-module__logoLink__9fab8:focus:active {
    box-shadow: none;
  }

.SkipToContentAndLogo-module__logoEmr__28563 {
  width: 100%;
  max-width: 138px;
  height: 100%;
  max-height: 18px;
  display: flex;
}

@media (min-width: 768px) {

.SkipToContentAndLogo-module__logoEmr__28563 {
    max-width: 183px;
    max-height: 24px;
}
  }

@media (--viewport-M) {

.SkipToContentAndLogo-module__logoEmr__28563 {
    max-width: 183px;
    max-height: 24px;
}
  }

.LeftSideNavigation-module__backButton__2a15d {
  height: var(--spacing-spacer_6);
  width: var(--spacing-spacer_6);
  padding: var(--border-radius-r2);
  border-radius: 26px;
  display: flex;
  justify-content: center;
}
.LeftSideNavigation-module__backButton__2a15d:hover,
  .LeftSideNavigation-module__backButton__2a15d:focus {
    box-shadow: none;
    background-color: var(--dp_app_border_base);
  }

.CollapsibleLinks-module__root__9e0d8 {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* ! fleet components reset */
.CollapsibleLinks-module__item__b9ba7 {
  margin-top: 0;
}

.CollapsibleLinks-module__list__71bca {
  list-style-type: none;
  padding: var(--spacing-spacer_1) var(--spacing-spacer_1) var(--spacing-spacer_1)
    var(--spacing-spacer_6);
}

.CollapsibleLinks-module__collapsible__ff9c4 {
  min-height: 0;
  height: 0;
  overflow: hidden;
  transition: min-height 0.3s ease;
}

.CollapsibleLinks-module__collapsibleEntered__8ac06 {
  height: auto;
}

.CollapsibleLinks-module__collapsibleExiting__c74e6 {
  height: 0;
}

.CollapsibleLinks-module__secondaryLink__af27b {
  justify-content: flex-start;
  padding: var(--spacing-spacer_2) var(--spacing-spacer_3);
  font-weight: 400;
}

.CollapsibleLinks-module__button__916c5 {
  position: relative;
  justify-content: flex-start;
  font-weight: 500;
}

.CollapsibleLinks-module__button__916c5::before {
    content: '';
    background: url(https://www.thetrainline.com/my-account/assets/img/accordion-left.059b9f03886094dc654f..svg);
    height: var(--spacing-spacer_5);
    width: var(--spacing-spacer_5);
    transition: transform 0.3s ease;
    margin-right: var(--spacing-spacer_1);
  }

.CollapsibleLinks-module__buttonActive__f3e04::before {
    transform: rotate(90deg);
  }

.SEOLinks-module__root__a2345 {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: auto;
  padding: 0;
}

@media (min-width: 768px) {

.SEOLinks-module__root__a2345 {
    flex-direction: row;
}
  }

@media (--viewport-M) {

.SEOLinks-module__root__a2345 {
    flex-direction: row;
}
  }

.SEOLinks-module__mainLinks__b59ee {
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  list-style-type: none;
}

@media (min-width: 992px) {

.SEOLinks-module__mainLinks__b59ee {
    flex: 2 1 auto;
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-fill: balance;
         column-fill: balance;
    padding-left: 0;
}
  }

@media (--viewport-L) {

.SEOLinks-module__mainLinks__b59ee {
    flex: 2 1 auto;
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-fill: balance;
         column-fill: balance;
    padding-left: 0;
}
  }

.SEOLinks-module__oneColumn__66315 {
  -moz-column-count: 1;
       column-count: 1;
}

.SEOLinks-module__twoColumn__39a10 {
  -moz-column-count: 2;
       column-count: 2;
}

@media only screen and (min-device-width: 300px) and (max-device-width: 729px) and (-webkit-device-pixel-ratio: 2) {

.SEOLinks-module__twoColumn__39a10 {
    -moz-column-count: 1;
         column-count: 1;
}
  }

@media (min-width: 768px) {

.SEOLinks-module__twoColumnGrid__09412 {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    height: -moz-max-content;
    height: max-content;
}
  }

@media (--viewport-M) {

.SEOLinks-module__twoColumnGrid__09412 {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    height: -moz-max-content;
    height: max-content;
}
  }

.SEOLinks-module__secondaryLinks__7965f {
  margin: 0;
  margin-top: var(--spacing-spacer_5);
  padding: 0;
  flex: 1 0 auto;
}

@media (min-width: 768px) {

.SEOLinks-module__secondaryLinks__7965f {
    margin-top: 0;
}
  }

@media (--viewport-M) {

.SEOLinks-module__secondaryLinks__7965f {
    margin-top: 0;
}
  }

.SEOLinks-module__mainItem__09242 {
  /* ! fleet components reset */
  margin-top: 0;
  page-break-inside: avoid;

  /* Fix Safari overflow on the breaking element */
  transform: translateX(0);

  /* This is because column count is cutting the outline of the child button ;( */
  padding: var(--spacing-spacer_1);
}

.SEOLinks-module__button__08f29 {
  padding: 8px 4px;
  justify-content: flex-start;
}

.SEOLinks-module__impressionLink__50c81 {
  opacity: 0;
  position: absolute;
  height: 1px;
  width: 1px;
}

.Header-module__root__da136 {
  position: relative;
  padding: var(--spacing-spacer_2) var(--spacing-spacer_4);
  background-color: var(--dp_app_backdrop_base);
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr auto;

  /* ! fleet components reset */
  height: auto;

  /*
  to ensure warning is not triggered
  autoprefixer: ignore next */
  align-items: center;
  grid-gap: var(--spacing-spacer_3) var(--spacing-spacer_3);
  gap: var(--spacing-spacer_3) var(--spacing-spacer_3);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles fallback */
    .Header-module__root__da136 > * {
      margin-left: 12px;
    }

      .Header-module__root__da136 > *:not(:first-child, :last-child) {
        margin-left: 0;
      }
  }

.Header-module__root__da136 {

  border: none;
  border-bottom-right-radius: var(--spacing-spacer_5);
  transition: border-radius 0.1s cubic-bezier(0, 1.5, 0, 1) 0.2s;

  /* ie media query */
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .Header-module__root__da136 > * {
      align-self: center;

      /* ie11 fix */
    }
      .Header-module__root__da136 > *:nth-child(1) {
        grid-column: 1;
      }

      .Header-module__root__da136 > *:nth-child(2) {
        grid-column: 2;
      }

      .Header-module__root__da136 > *:nth-child(3) {
        grid-column: 3;
      }

      .Header-module__root__da136 > *:nth-child(4) {
        grid-column: 4;
      }

      .Header-module__root__da136 > *:nth-child(5) {
        grid-column: 5;
      }

      .Header-module__root__da136 > *:nth-child(6) {
        grid-column: 6;
      }

      /* LOGIN is not the 6 child */
      .Header-module__root__da136 > *:nth-child(7) {
        grid-column: 6;
      }

      .Header-module__root__da136 > *:nth-child(8) {
        grid-column: 7;
      }
  }

@media (min-width: 375px) {

.Header-module__root__da136 {
    padding: var(--spacing-spacer_2) var(--spacing-spacer_5);
}
  }

@media (--viewport-S) {

.Header-module__root__da136 {
    padding: var(--spacing-spacer_2) var(--spacing-spacer_5);
}
  }

@media (min-width: 768px) {

.Header-module__root__da136 {
    padding: var(--spacing-spacer_3) var(--spacing-spacer_6);
    border-bottom-right-radius: var(--spacing-spacer_7);
}
  }

@media (--viewport-M) {

.Header-module__root__da136 {
    padding: var(--spacing-spacer_3) var(--spacing-spacer_6);
    border-bottom-right-radius: var(--spacing-spacer_7);
}
  }

@media (min-width: 992px) {

.Header-module__root__da136 {
    padding: var(--spacing-spacer_3) var(--spacing-spacer_8);
}
  }

@media (--viewport-L) {

.Header-module__root__da136 {
    padding: var(--spacing-spacer_3) var(--spacing-spacer_8);
}
  }

.Header-module__tocRoot__a93ab {
  border-bottom-right-radius: 0;
  border-bottom-right-radius: initial;
}

@media (min-width: 768px) {

.Header-module__tocRoot__a93ab {
    border-bottom-right-radius: 0;
    border-bottom-right-radius: initial;
}
  }

@media (--viewport-M) {

.Header-module__tocRoot__a93ab {
    border-bottom-right-radius: 0;
    border-bottom-right-radius: initial;
}
  }

@media (min-width: 768px) {

.Header-module__rootExpanded__d291e {
    border-bottom-right-radius: 0;
    transition: border-radius 0.01s ease;
}
  }

@media (--viewport-M) {

.Header-module__rootExpanded__d291e {
    border-bottom-right-radius: 0;
    transition: border-radius 0.01s ease;
}
  }

.Header-module__backButtonMargins__a3164 {
  padding-left: var(--spacing-spacer_1);
}

@media (min-width: 375px) {

.Header-module__backButtonMargins__a3164 {
    padding-left: var(--spacing-spacer_3);
}
  }

@media (--viewport-S) {

.Header-module__backButtonMargins__a3164 {
    padding-left: var(--spacing-spacer_3);
}
  }

.Header-module__burgerMenu__cb687 {
  display: flex;
  padding: var(--spacing-spacer_1);
  border-radius: var(--spacing-spacer_5);
}

@media (min-width: 768px) {

.Header-module__burgerMenu__cb687 {
    padding: var(--spacing-spacer_1) var(--spacing-spacer_2);
    border-radius: var(--spacing-spacer_1);
}
  }

@media (--viewport-M) {

.Header-module__burgerMenu__cb687 {
    padding: var(--spacing-spacer_1) var(--spacing-spacer_2);
    border-radius: var(--spacing-spacer_1);
}
  }

.Header-module__burgerMenuImage__2ea85 {
  height: 32px;
  width: 32px;
}

.Header-module__registerButton__2b5d7:has(+ dialog[open]) {
    background-color: var(--dp_app_backdrop_duller);
  }

.Header-module__sticky__23cd5 {
  position: sticky;
  top: 0;
  z-index: 10;
}

:root {
  --mobile-modal-shadow-height: 6px;
}

@keyframes style-module__fadeIn__89b43 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes style-module__fadeOut__da153 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes style-module__desktopSlideUp__21b48 {
  from {
    transform: translateY(40px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes style-module__desktopSlideDown__94779 {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(40px);
    opacity: 0;
  }
}

@keyframes style-module__desktopSlideUpDialogFallback__80960 {
  from {
    transform: translate(-50%, calc(-50% + 40px));
    opacity: 0;
  }

  to {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

@keyframes style-module__desktopSlideDownDialogFallback__9dbfc {
  from {
    transform: translate(-50%, -50%);
    opacity: 1;
  }

  to {
    transform: translate(-50%, calc(-50% + 40px));
    opacity: 0;
  }
}

@keyframes style-module__smallMobileSlideUp__edd78 {
  from {
    transform: translateY(100vh);
  }

  to {
    top: translateY(0);
  }
}

@keyframes style-module__smallMobileSlideDown__f6917 {
  from {
    top: translateY(0);
  }

  to {
    transform: translateY(100vh);
  }
}

.style-module__noColourOverlay__8efcf > div {
    background-color: unset;
  }

.style-module__mobileModalContainer__8195e {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
}

@supports not selector(dialog::backdrop) {

.style-module__mobileModalContainer__8195e {
    background: var(--dp_app_overlay_backdrop_dim);
}
  }

.style-module__mobileModalContainer__8195e.style-module__small__a1530.style-module__opening__d89f8 {
      animation: style-module__smallMobileSlideUp__edd78  var(--dp_transitions_base_duration_medium2) var(--dp_transitions_base_easing_entrance_productive);
      animation-fill-mode: forwards;
    }

.style-module__mobileModalContainer__8195e.style-module__small__a1530.style-module__closing__7c406 {
      animation: style-module__smallMobileSlideDown__f6917  var(--dp_transitions_base_duration_medium2) var(--dp_transitions_base_easing_exit_productive);
      animation-fill-mode: forwards;
    }

.style-module__opening__d89f8:is(.style-module__dialog__5bad4.style-module__desktop__7e6ea,.style-module__dialog__5bad4.style-module__mobile__1db64.style-module__small__a1530)::backdrop {
      animation: style-module__fadeIn__89b43  var(--dp_transitions_base_duration_medium2) var(--dp_transitions_base_easing_entrance_productive);
      animation-fill-mode: forwards;
    }

.style-module__closing__7c406:is(.style-module__dialog__5bad4.style-module__desktop__7e6ea,.style-module__dialog__5bad4.style-module__mobile__1db64.style-module__small__a1530)::backdrop {
      animation: style-module__fadeOut__da153  var(--dp_transitions_base_duration_medium2) var(--dp_transitions_base_easing_exit_productive);
      animation-fill-mode: forwards;
    }

.style-module__dialog__5bad4.style-module__mobile__1db64.style-module__large__dd612::backdrop {
    background-color: transparent;
  }

.style-module__modal__c7d5e.style-module__desktop__7e6ea {
    max-width: calc(100% - var(--dp_s80));
  }

@supports selector(dialog::backdrop) {

.style-module__modal__c7d5e.style-module__desktop__7e6ea.style-module__opening__d89f8 {
        animation: style-module__desktopSlideUp__21b48  var(--dp_transitions_base_duration_medium2) var(--dp_transitions_base_easing_entrance_productive);
    }
      }

@supports not selector(dialog::backdrop) {

.style-module__modal__c7d5e.style-module__desktop__7e6ea.style-module__opening__d89f8 {
        animation: style-module__desktopSlideUpDialogFallback__80960  var(--dp_transitions_base_duration_medium2) var(--dp_transitions_base_easing_entrance_productive);
    }
      }

.style-module__modal__c7d5e.style-module__desktop__7e6ea.style-module__opening__d89f8 {

      animation-fill-mode: forwards;
    }

@supports selector(dialog::backdrop) {

.style-module__modal__c7d5e.style-module__desktop__7e6ea.style-module__closing__7c406 {
        animation: style-module__desktopSlideDown__94779  var(--dp_transitions_base_duration_medium2) var(--dp_transitions_base_easing_exit_productive);
    }
      }

@supports not selector(dialog::backdrop) {

.style-module__modal__c7d5e.style-module__desktop__7e6ea.style-module__closing__7c406 {
        animation: style-module__desktopSlideDownDialogFallback__9dbfc  var(--dp_transitions_base_duration_medium2) var(--dp_transitions_base_easing_exit_productive);
    }
      }

.style-module__modal__c7d5e.style-module__desktop__7e6ea.style-module__closing__7c406 {

      animation-fill-mode: forwards;
    }

.style-module__modal__c7d5e.style-module__desktop__7e6ea.style-module__small__a1530 {
      width: 500px;
    }

.style-module__modal__c7d5e.style-module__desktop__7e6ea.style-module__medium__7b0ac {
      width: 800px;
    }

.style-module__modal__c7d5e.style-module__desktop__7e6ea.style-module__large__dd612 {
      width: 1000px;
    }

.style-module__modal__c7d5e.style-module__mobile__1db64 {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-basis: auto;
    min-height: 100%;
    border-top-left-radius: var(--dp_s12);
    border-top-right-radius: var(--dp_s12);
    background-color: var(--dp_app_modal_background);
  }

.style-module__modal__c7d5e.style-module__mobile__1db64.style-module__small__a1530 {
      margin-top: 50vh;
    }

.style-module__modal__c7d5e.style-module__mobile__1db64.style-module__small__a1530.style-module__notResizable__45953 {
        min-height: -moz-fit-content;
        min-height: fit-content;
        position: absolute;
        bottom: 0;
      }

.style-module__modal__c7d5e.style-module__mobile__1db64.style-module__large__dd612 {
      margin-top: 0;
    }

.style-module__modal__c7d5e.style-module__mobile__1db64.style-module__large__dd612.style-module__opening__d89f8 {
        animation: style-module__fadeIn__89b43  var(--dp_transitions_base_duration_medium2) var(--dp_transitions_base_easing_entrance_productive);
        animation-fill-mode: forwards;
      }

.style-module__modal__c7d5e.style-module__mobile__1db64.style-module__large__dd612.style-module__closing__7c406 {
        animation: style-module__fadeIn__89b43  var(--dp_transitions_base_duration_medium2) var(--dp_transitions_base_easing_exit_productive);
        animation-direction: reverse;
        animation-fill-mode: forwards;
      }

.style-module__contentContainer__8c00f {
  display: flex;
  flex-direction: column;
  position: relative;
}

.style-module__contentContainer__8c00f.style-module__desktopModal__1843a {
    overflow: auto;
  }

.style-module__contentContainer__8c00f.style-module__mobileModal__d1c65 {
    flex: 1 0 auto;
  }

.style-module__contentWrapper__9223e {
  padding: var(--dp_s16);
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

.style-module__contentWrapper__9223e.style-module__desktopModal__1843a {
    padding: var(--dp_s16) var(--dp_s24);
    background:
      linear-gradient(var(--dp_app_modal_background) 100%, rgba(255, 255, 255, 0)),
      linear-gradient(rgba(255, 255, 255, 0), var(--dp_app_modal_background) 0%) 0 100%,
      linear-gradient(var(--dp_comp_box_shadow), hsla(0, 0%, 100%, 0)),
      linear-gradient(hsla(0, 0%, 100%, 0), var(--dp_comp_box_shadow)) 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 8px, 100% 8px, 100% 8px, 100% 8px;
    background-attachment: local, local, scroll, scroll;
    overflow: auto;
  }

/*
  Used in mobile Modal only.
*/
.style-module__headerShadowCover__ce414 {
  height: var(--mobile-modal-shadow-height);
  background: var(--dp_app_modal_background);
  position: absolute;
  top: calc(var(--mobile-modal-shadow-height) * -1);
  width: 100%;
  display: none;
}

/** Only show the Header "shadow cover" if there is a div block (the Header) before the Content */
div + .style-module__contentContainer__8c00f > .style-module__headerShadowCover__ce414 {
  display: block;
}

.style-module__footerShadowCover__efb09 {
  height: var(--mobile-modal-shadow-height);
  background: var(--dp_app_modal_background);
  position: absolute;
  bottom: calc(var(--mobile-modal-shadow-height) * -1);
  width: 100%;
  z-index: 1;
}

.style-module__contentContainer__8c00f:last-child {
  /** Don't show the Footer "shadow cover" if there is no Footer after the Content
  i.e. if the contentContainer is the last child **/
  .style-module__footerShadowCover__efb09 {
    display: none;
  }
}

.style-module__header__c6b7b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--dp_s16) var(--dp_s24);
  background-color: var(--dp_app_modal_background);
  z-index: 1;
}

.style-module__header__c6b7b.style-module__mobileViewport__2e516 {
    padding: var(--dp_s16);
    position: sticky;
    top: 0;
    width: 100%;
    border-top-left-radius: var(--dp_s12);
    border-top-right-radius: var(--dp_s12);
  }

.style-module__header__c6b7b.style-module__mobileViewport__2e516.style-module__resizable__f5d88::before {
      content: '';
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: var(--dp_s8);
      height: var(--dp_s4);
      width: var(--dp_s32);
      border-radius: var(--dp_r2);
      background: var(--dp_app_border_dull);
      opacity: var(--dp_opacity_0_4);
    }

.style-module__header__c6b7b.style-module__mobileViewport__2e516.style-module__largeMobileModal__3f239 {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

.style-module__headerWrapper__3a673 {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: -1px;
}

.style-module__headingContainer__c7735 {
  display: flex;
  align-items: center;
}

.style-module__headingContainer__c7735:has(button + h2) {
    margin-left: calc(var(--dp_s8) * -1);
  }

.style-module__headerAction__e5a02 {
  justify-content: space-between;
  margin-right: var(--dp_s8);
}

.style-module__headerAction__e5a02.style-module__mobileViewport__2e516 {
    margin-right: unset;
  }

.style-module__headerShadow__8df0e {
  height: var(--mobile-modal-shadow-height);
  position: sticky;
  background-image: linear-gradient(var(--dp_comp_box_shadow), hsla(0, 0%, 100%, 0));
}

.style-module__root__f1a25 {
  margin: 0;
}

.style-module__footer__01fb0 {
  padding: var(--dp_s16) var(--dp_s24);
  display: flex;
  justify-content: space-between;
  z-index: 2;
}

.style-module__footer__01fb0.style-module__mobileViewport__4c6ae {
    width: 100%;
    position: sticky;
    bottom: 0;
    padding: var(--dp_s16);
    background-color: var(--dp_app_modal_background);
    box-sizing: border-box;
  }

.style-module__footer__01fb0.style-module__mobileViewport__4c6ae.style-module__vertical__b92d5 {
      flex-direction: column;
      row-gap: var(--dp_s16);
    }

.style-module__buttonGroup__719fc {
  display: flex;
  align-items: center;
  -moz-column-gap: var(--dp_s16);
       column-gap: var(--dp_s16);
  margin-left: auto;
}

.style-module__buttonGroup__719fc.style-module__mobileViewport__4c6ae.style-module__vertical__b92d5 {
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      row-gap: var(--dp_s16);
      width: 100%;
    }

.style-module__buttonGroup__719fc.style-module__mobileViewport__4c6ae.style-module__vertical__b92d5 > * {
        width: 100%;
      }

.style-module__buttonGroup__719fc.style-module__mobileViewport__4c6ae.style-module__horizontal__2de94 {
      justify-content: space-between;
      flex-direction: row;
    }

.style-module__buttonGroup__719fc.style-module__mobileViewport__4c6ae.style-module__horizontal__2de94.style-module__twoButtons__29e41 {
        width: 100%;
      }

.style-module__buttonGroup__719fc.style-module__mobileViewport__4c6ae.style-module__horizontal__2de94 > * {
        width: 100%;
      }

.style-module__footerShadow__581c5 {
  height: var(--mobile-modal-shadow-height);
  background-image: linear-gradient(hsla(0, 0%, 100%, 0), var(--dp_comp_box_shadow));
  position: sticky;
  width: 100%;
}


  body:has(dialog.style-module__dialog__19a26[open]:modal) {
    overflow: hidden;
  }

.style-module__dialog__19a26 {
  border: none;
  padding: 0;
  max-width: unset;
}

@supports not selector(dialog::backdrop) {

.style-module__dialog__19a26 {
    position: fixed;
    overflow: hidden;
}
  }

.style-module__dialog__19a26.style-module__desktop__aa4da {
    background-color: var(--dp_app_modal_background);
    border-radius: var(--dp_r16);
    max-height: calc(100vh - (2 * var(--dp_s40)));
    display: flex;
    flex-direction: column;
  }

@supports not selector(dialog::backdrop) {

.style-module__dialog__19a26.style-module__desktop__aa4da {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);

      /* mmmm tasty h4x */
      box-shadow: 0 0 0 4000px var(--dp_app_overlay_backdrop_dim);
  }
    }

.style-module__dialog__19a26.style-module__mobile__be6c4 {
    background: transparent;
    border-radius: unset;
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    max-height: unset;
    overflow: unset;
  }

.style-module__dialog__19a26::backdrop {
    background-color: var(--dp_app_overlay_backdrop_dim);
  }

.style-module__focusShift__89831 {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.style-module__root__5c946 {
  border-radius: var(--dp_r4);
  background: none;
  border: 0 none;
  cursor: pointer;
  color: var(--dp_app_text_base);
  padding: var(--dp_s4);
  font-weight: var(--dp_font_weight_bold);
  align-items: center;
  display: flex;
  justify-content: center;
  text-decoration: none;
  outline: none;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

.style-module__root__5c946:hover {
  /* REPLACE WITH REAL DEPOT button_transparrent_background_hover */
  background: rgba(25, 35, 37, 0.08);
}

.style-module__root__5c946:active {
  /* REPLACE WITH REAL DEPOT button_transparrent_background_pressed */
  background: rgba(25, 35, 37, 0.24);
}

.style-module__root__5c946:focus {
  outline: none;
  box-shadow: none;
}

.style-module__root__5c946:focus-visible {
  box-shadow: 0 0 0 var(--dp_s4) var(--dp_comp_focus_ring);
}

.style-module__root__5c946:disabled {
  color: var(--dp_app_text_disabled);
  outline: none;
  cursor: not-allowed;
}

.style-module__root__5c946:disabled:hover,
  .style-module__root__5c946:disabled:active {
    background: none;
  }

.style-module__icon__d5bfe {
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
}

.style-module__text__fe8c2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0 var(--dp_s8);
}

.style-module__inline__bc13e {
  color: var(--dp_brand_secondary_core);
}

.style-module__inlineText__d6559 {
  padding: 0 var(--dp_s4);
}

.style-module__removeSidePadding__cd3d7 {
  padding-left: 0;
  padding-right: 0;
}

.style-module__removePaddingLeft__9f742 {
  padding-left: 0;
}

.style-module__removePaddingRight__ed226 {
  padding-right: 0;
}

.PromoBanner-module__promoBanner__a2dff {
  position: relative;
  z-index: 1;
  text-decoration: none;
  border-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

@media (min-width: 768px) {

.PromoBanner-module__promoBanner__a2dff {
    text-align: center;
}
  }

@media (--viewport-M) {

.PromoBanner-module__promoBanner__a2dff {
    text-align: center;
}
  }

.PromoBanner-module__promoBanner__a2dff a {
    text-decoration: none;
    border-bottom: 0;
  }

.PromoBanner-module__promoBanner__a2dff p {
    display: none;
    padding: 16px;
  }

.PromoBanner-module__promoBanner__a2dff p:first-child {
    display: block;
    margin-top: 0;
  }

.PromoBanner-module__promoBanner__a2dff p:last-child {
    margin-bottom: 0;
  }

.PromoBanner-module__promoBanner__a2dff:focus:not(:active) {
    outline: none;
  }

.PromoBanner-module__promoBanner__a2dff > p a,
  .PromoBanner-module__promoBanner__a2dff > div > p a {
    padding: 16px;
    margin: -16px;
    display: block;
  }

.PromoBanner-module__promoBannerSticky__a116f {
  position: sticky;
  top: 0;
  z-index: 105;
}

.PromoBanner-module__promoBannerDefault__7c994 {
  background-color: var(--dp_brand_primary_lightest);
  color: var(--dp_app_text_subtle);

  /* stylelint-disable-next-line no-descending-specificity */
}

.PromoBanner-module__promoBannerDefault__7c994 a {
    color: var(--dp_app_text_subtle);
  }

.PromoBanner-module__promoBannerDefault__7c994 a:visited {
      color: var(--dp_app_text_subtle);
    }

.PromoBanner-module__promoBannerInfo__c55a6 {
  background-color: var(--dp_app_info_lightest);
  color: var(--dp_app_warning_darkest);
  border: 1px solid var(--dp_app_info_light);

  /* stylelint-disable-next-line no-descending-specificity */
}

.PromoBanner-module__promoBannerInfo__c55a6 a {
    color: var(--dp_app_warning_darkest);
  }

.PromoBanner-module__promoBannerInfo__c55a6 a:visited {
      color: var(--dp_app_warning_darkest);
    }

.PromoBanner-module__promoBannerWarning__b51e9 {
  background-color: var(--dp_app_warning_lightest);
  color: var(--dp_app_warning);
  border: 1px solid var(--dp_app_warning_mid);

  /* stylelint-disable-next-line no-descending-specificity */
}

.PromoBanner-module__promoBannerWarning__b51e9 a {
    color: var(--dp_app_warning_darkest);
  }

.PromoBanner-module__promoBannerWarning__b51e9 a:visited {
      color: var(--dp_app_warning_darkest);
    }

.PromoBanner-module__promoBannerNeutral__70f14 {
  background-color: var(--dp_brand_neutral_lightest);
  color: var(--dp_app_text_base);
  border: 1px solid var(--dp_brand_neutral_light);

  /* stylelint-disable-next-line no-descending-specificity */
}

.PromoBanner-module__promoBannerNeutral__70f14 a {
    color: var(--dp_app_text_base);
  }

.PromoBanner-module__promoBannerBlack__e7bdc {
  background-color: var(--dp_brand_black);
  color: var(--dp_brand_white);
  border: 1px solid var(--dp_brand_black);

  /* stylelint-disable-next-line no-descending-specificity */
}

.PromoBanner-module__promoBannerBlack__e7bdc a {
    color: var(--dp_brand_white);
  }

.PromoBanner-module__promoBannerAnimate__45933 {
  animation: PromoBanner-module__slide-down__5c2a3 500ms ease forwards;
}

/* --------------------------------
 * Animations
 -------------------------------- */
@keyframes PromoBanner-module__slide-down__5c2a3 {
  0% {
    top: -1000px;
  }

  100% {
    top: 0;
  }
}