.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;
}
.ErrorMessage-module__signinLink__1f452 {
  text-decoration: underline;
}

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

.PreferencesFooter-module__preferenceFooterContainer__ba2c9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: var(--dp_s24);
}

.PreferencesFooter-module__privacyPolicySpacingTop__7d3fe {
  margin-top: var(--dp_s12);
}

.PreferencesFooter-module__privacyPolicyLinkDecoration__a8122,
.PreferencesFooter-module__termsAndConditionsLinkDecoration__d6a5f {
  text-decoration: underline;
}

.PreferencesFooter-module__privacyPolicyLinkDecoration__a8122:visited:hover, .PreferencesFooter-module__termsAndConditionsLinkDecoration__d6a5f:visited:hover {
      color: var(--dp_app_text_subdued);
    }

.PreferencesFooter-module__privacyPolicyLinkDecoration__a8122:visited:active,
    .PreferencesFooter-module__termsAndConditionsLinkDecoration__d6a5f:visited:active,
    .PreferencesFooter-module__privacyPolicyLinkDecoration__a8122:visited:focus,
    .PreferencesFooter-module__termsAndConditionsLinkDecoration__d6a5f:visited:focus {
      color: var(--dp_app_text_subdued);
    }

.Switch-module__backgroundOverlay__27ccc {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: var(--dp_brand_secondary_core);
  border-radius: 100px;
  transition: opacity 250ms;
  will-change: opacity;
}

.Switch-module__backgroundOverlayOn__a728a {
  opacity: 1;
}

.Switch-module__checkbox__11b47 {
  border: 0;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.Switch-module__container__67b5b {
  position: relative;
  display: inline-block;
  width: 44px;
  background-color: var(--dp_brand_neutral_mid);
  border-radius: 100px;
  flex-shrink: 0;
}

.Switch-module__switchRoot__6a1b1 {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--dp_s4) * 5);
  height: calc(var(--dp_s4) * 5);
  background-color: var(--dp_app_backdrop_base);
  margin: calc(var(--dp_s4) / 2);
  border-radius: 100px;
  text-align: center;
  transform: translateX(0);
  transition: transform 200ms;
  will-change: transform;
  cursor: pointer;
}

.Switch-module__switchOn__46a0f {
  transform: translateX(20px);
}

.Switch-module__switchDisabled__1707c {
  background-color: var(
    --dp_brand_neutral_mid
  ); /* should this be dp_app_action_disabled (grey_80)? */
}

.Switch-module__switchDisabled__1707c:hover {
    background-color: var(
      --dp_brand_neutral_mid
    ); /* should this be dp_app_action_disabled (grey_80)? */
  }

.Switch-module__disabled__242be {
  cursor: not-allowed;
}

.Preferences-module__preferenceTextRow__d9d56 {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin-bottom: var(--dp_s16);
}

.Preferences-module__preferenceAlert__88722 {
  margin-bottom: var(--dp_s16);
}

.Preferences-module__preferenceTextCol__0f567 {
  display: flex;
  flex-direction: column;
  flex: 3;
}

.Preferences-module__preferenceSwitchCol__45d7a {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 1;
}

.Preferences-module__preferenceSwitch__b53e4 {
  padding: var(--dp_s8);
}

.Preferences-module__preferenceInfoRow__0c13b {
  margin-bottom: var(--dp_s24);
}

.Preferences-module__preferenceInfoRowLink__3d9d3 {
  margin-left: var(--dp_s4);
}

.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);
}

.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(--dp_s32);
  padding-right: var(--dp_s32);
}

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

.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(--dp_s8) 0;
  max-width: 500px;
}

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

.Backdrop-module__button__85844:hover {
    color: var(--dp_app_backdrop_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;
}

.KeepSignedIn-module__noSpacing__62a1d {
  padding: 0;
  margin: 0;
}

.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);
}

.Footer-module__textInlineButton__c88cd {
  width: 100% !important;
  margin-top: var(--dp_s6);
}

.SocialButton-module__socialButtonIcon__3382a {
  margin-right: var(--dp_s8);
  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(--dp_s24);
}

.SecurePasswordTooltip-module__tooltipList__69bbf {
  padding-left: var(--dp_s24);
}

.AboutYourOrganisationForm-module__container__c49e6 {
  padding-top: var(--dp_s32);
}

.AboutYourOrganisationForm-module__paddingBottom16__24261 {
  padding-bottom: var(--dp_s16);
}

.AboutYourOrganisationForm-module__paddingBottom24__61cc9 {
  padding-bottom: var(--dp_s24);
}

.style-module__root__8b042 {
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
}

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

.style-module__arrowChevron__3e91a {
  position: absolute;
  top: var(--dp_s8);
  bottom: var(--dp_s8);
  right: var(--dp_s8);
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.style-module__fullWidth__166fc {
  width: 100%;
}

.SuggestEmail-module__suggestionContainer__e0820 {
  margin-top: calc(-1 * var(--dp_s16));
  margin-bottom: var(--dp_s16);
}

.SuggestEmail-module__suggestionContainerHidden__d714b {
  display: none;
}

.SuggestEmail-module__textSuggestion__f8bf9 {
  color: var(--dp_app_link_base);
  margin-left: var(--dp_s8);
}

.SuggestEmail-module__textSuggestion__f8bf9:hover {
    text-decoration: underline;
    cursor: pointer;
  }

.RegisterEmailForm-module__formFieldContainer__8342b {
  margin-bottom: var(--dp_s16);
  width: 100%;
}

.RegisterEmailForm-module__securePwdChecks__f8836 {
  margin-bottom: var(--dp_s16);
}

.RegisterEmailForm-module__businessField__906f1 {
  margin-top: calc(var(--dp_s16));
}

.RegisterEmailForm-module__nameFieldsContainer__14b0a {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {

.RegisterEmailForm-module__nameFieldsContainer__14b0a {
    flex-direction: row;
    justify-content: space-between;
    -moz-column-gap: var(--dp_s16);
         column-gap: var(--dp_s16);
}
  }

@media (--dp_viewport_m) {

.RegisterEmailForm-module__nameFieldsContainer__14b0a {
    flex-direction: row;
    justify-content: space-between;
    -moz-column-gap: var(--dp_s16);
         column-gap: var(--dp_s16);
}
  }

.RegisterEmailForm-module__iconChevron__8f915 {
  fill: var(--dp_app_backdrop_base);
  margin-left: var(--dp_s8);
}

.RegisterNewOrganization-module__registerButton__f0966 {
  margin-top: var(--dp_s24);
}

.RegisterNewOrganization-module__signInInlineButton__ea568 {
  margin: var(--dp_s16) 0;
  width: 100%;
}

.RegisterNewOrganization-module__titleContainer__7628f {
  margin-bottom: var(--dp_s16);
}

.style-module__root__42cf1 {
  border-radius: var(--dp_r4);
  background: none;
  background-color: var(--dp_app_backdrop_dark);
  border: 0;
  cursor: pointer;
  color: var(--dp_app_text_inverted);
  padding: var(--dp_s8) var(--dp_s16);
  font-weight: var(--dp_font_weight_semibold);
  align-items: center;
  display: flex;
  justify-content: center;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

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

.style-module__root__42cf1:focus-visible {
    box-shadow: 0 0 0 var(--dp_s4) var(--dp_comp_focus_ring);
  }

.style-module__root__42cf1[aria-disabled='true'] {
    background-color: var(--dp_app_action_disabled);
    color: var(--dp_app_text_disabled);
    outline: none;
    cursor: not-allowed;
  }

.style-module__root__42cf1[aria-disabled='true']:hover {
      background-color: var(--dp_app_action_disabled);
    }

.style-module__root__42cf1[aria-disabled='true']:focus {
      box-shadow: none;
      background-color: var(--dp_app_action_disabled);
    }

.style-module__icon__ccde4 {
  position: relative;
  vertical-align: baseline;
  vertical-align: initial;
}

.style-module__iconPlaceholder__6b3a0 {
  width: 24px;
}

span.style-module__text__b2bdd {
  margin: auto var(--dp_s8);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.style-module__fullWidth__8051d {
  width: 100%;
}

.style-module__loading__961a8 {
  opacity: 0;
}

.style-module__customTitle2__6ad4e {
  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);
}

@media (min-width: 768px) {

.style-module__customTitle2__6ad4e {
    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);
}
  }

@media (--dp_viewport_m) {

.style-module__customTitle2__6ad4e {
    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__primary__14160 {
  background-color: var(--dp_comp_button_primary_background);
}

.style-module__primary__14160:hover {
    background-color: var(--dp_comp_button_primary_background_hover);
  }

.style-module__primary__14160:active,
  .style-module__primary__14160.style-module__active__fb915 {
    background-color: var(--dp_comp_button_primary_background_pressed);
  }

.style-module__secondary1__1b2f5 {
  background-color: var(--dp_comp_button_secondary_background);
}

.style-module__secondary1__1b2f5:hover {
    background-color: var(--dp_comp_button_secondary_background_hover);
  }

.style-module__secondary1__1b2f5:active,
  .style-module__secondary1__1b2f5.style-module__active__fb915 {
    background-color: var(--dp_comp_button_secondary_background_pressed);
  }

.style-module__secondary2__f9705 {
  background-color: var(--dp_brand_tertiary_core);
  color: var(--dp_app_text_base);
}

.style-module__secondary2__f9705:hover {
    background-color: var(--dp_brand_tertiary_mid);
  }

.style-module__secondary2__f9705:active,
  .style-module__secondary2__f9705.style-module__active__fb915 {
    background-color: var(--dp_brand_tertiary_brighter);
  }

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

.style-module__secondary3__b98aa:hover {
    background-color: var(--dp_brand_neutral_duller);
  }

.style-module__secondary3__b98aa:active,
  .style-module__secondary3__b98aa.style-module__active__fb915 {
    background-color: var(--dp_brand_neutral_dull);
  }

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

.style-module__tertiary__69770:hover {
    background-color: var(--dp_brand_neutral_brightest);
  }

.style-module__tertiary__69770:active,
  .style-module__tertiary__69770.style-module__active__fb915 {
    background-color: var(--dp_brand_neutral_bright);
  }

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

.style-module__tertiaryDestructive__a09d8:hover {
    background-color: var(--dp_brand_neutral_brightest);
  }

.style-module__tertiaryDestructive__a09d8:active,
  .style-module__tertiaryDestructive__a09d8.style-module__active__fb915 {
    background-color: var(--dp_brand_neutral_bright);
  }

.style-module__destructive__8abbf {
  background-color: var(--dp_app_action_destructive);
}

.style-module__destructive__8abbf:hover {
    background-color: var(--dp_app_negative_duller);
  }

.style-module__destructive__8abbf:active,
  .style-module__destructive__8abbf.style-module__active__fb915 {
    background-color: var(--dp_app_negative_dullest);
  }

.style-module__ghost__00c1c {
  border-radius: 0;
  background: none;
  color: inherit;
  text-align: left;
}

.style-module__spinner__08273 {
  position: absolute;
  vertical-align: baseline;
  vertical-align: initial;
}

.style-module__small__70111 {
  height: 40px;
  padding: var(--dp_s8);
}

.style-module__medium__fd6ad {
  height: 44px;
  padding: 10px var(--dp_s8);
}

.style-module__large__415d4 {
  height: 48px;
  padding: 10px var(--dp_s12);
}

.style-module__xLarge__ca207 {
  height: 56px;
  padding: 14px var(--dp_s12);
}

@media (min-width: 768px) {

.style-module__xLarge__ca207 {
    padding: var(--dp_s12);
}
  }

@media (--dp_viewport_m) {

.style-module__xLarge__ca207 {
    padding: var(--dp_s12);
}
  }

.style-module__root__789c8 {
  /* --dp_app_action_secondary will be replace by --spinner_background_base */
  border: var(--dp_r2) solid var(--dp_app_action_secondary);
  border-top: var(--dp_r2) solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: style-module__spin__c3a65 0.8s linear infinite;
  box-sizing: border-box;
  margin: 0;
}

.style-module__inverted__e13be {
  /* --dp_brand_white will be replaced by --spinner_background_inverted */
  border: var(--dp_r2) solid var(--dp_brand_white);
  border-top: var(--dp_r2) solid rgba(255, 255, 255, 0);
}

.style-module__large__fcda2 {
  width: 48px;
  height: 48px;
  border-width: var(--dp_r4);
}

@keyframes style-module__spin__c3a65 {
  0% {
    transform: rotate(0deg);
  }

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

.style-module__message__2c915 {
  display: flex;
  align-items: center;
  padding: var(--dp_s16);
  border-radius: var(--dp_r8);
}

.style-module__message__2c915.style-module__noBorder__15cb1 {
    border: 0;
  }

.style-module__message__2c915.style-module__withTrailingItem__38ac3 {
    padding: var(--dp_s16) var(--dp_s8) var(--dp_s16) var(--dp_s16);
  }

.style-module__message__2c915 > .style-module__header__6977d {
    margin-bottom: var(--dp_s2);
  }

.style-module__message__2c915 > .style-module__content__0821b {
    flex: 1 0;
  }

.style-module__withPointer__fc50f {
  cursor: pointer;
}

.style-module__leadingItem__dd7ea {
  height: 48px;
  width: 48px;
  margin-right: var(--dp_s12);
}

.style-module__trailingItem__be9eb {
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  padding: var(--dp_s8);
}

.style-module__root__b0d42 {
  color: var(--dp_app_text_base);
  padding: var(--dp_s16);
}

.style-module__primary__9230a {
  background-color: var(--dp_brand_primary_brightest);
  border: 1px solid var(--dp_brand_primary_bright);
}

.style-module__secondary__20522 {
  background-color: var(--dp_brand_secondary_brightest);
  border: 1px solid var(--dp_brand_secondary_bright);
}

.style-module__neutral__47335 {
  background-color: var(--dp_brand_neutral_brightest);
  border: 1px solid var(--dp_brand_neutral_bright);
}

.style-module__info__af45e {
  background-color: var(--dp_comp_message_info_background);
  border: 1px solid var(--dp_comp_message_info_border);
}

.style-module__warning__6df4c {
  background-color: var(--dp_comp_message_warning_background);
  border: 1px solid var(--dp_comp_message_warning_border);
}

.style-module__negative__c44e1 {
  background-color: var(--dp_comp_message_negative_background);
  border: 1px solid var(--dp_comp_message_negative_border);
}

.style-module__positive__d1678 {
  background-color: var(--dp_comp_message_positive_background);
  border: 1px solid var(--dp_comp_message_positive_border);
}

.style-module__content__924e7 {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
}

.style-module__sideItem__3d347 {
  display: flex;
}

.style-module__link__b01a1 {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--dp_app_text_base);
}

.Register-module__root__efbd6 {
  display: flex;
  flex-flow: column nowrap;
}

.Register-module__extraMargin__d0152 {
  margin-top: var(--dp_s16);
}

.Register-module__businessInfo__bb602 {
  margin: 0 0 var(--dp_s24) 0;
}

.Register-module__containerHidden__8e8bc {
  /* FIXME: until the styles are fixed on daw, this is necessary */
  display: none !important;
}

.GuestCheckoutLink-module__root__0bd51 {
  margin-top: var(--dp_s32);
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {

.GuestCheckoutLink-module__root__0bd51 {
    margin-top: var(--dp_s24);
}
  }

@media (--dp_viewport_m) {

.GuestCheckoutLink-module__root__0bd51 {
    margin-top: var(--dp_s24);
}
  }

.GuestCheckoutLink-module__guestLink__dc71a {
  text-decoration: underline;
}

.RegisterNewUser-module__businessInfo__2e28e {
  margin: var(--dp_s16) 0 var(--dp_s24) 0;
}

.RegisterNewUser-module__signInButton__2ec97 {
  margin-top: var(--dp_s48);
}

.RegisterNewUser-module__alertContainer__0f62e {
  margin: var(--dp_s16) 0;
}

.RegisterNewUser-module__titleContainer__237cc {
  margin-bottom: var(--dp_s8);
}

.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);
}

.SignInEmailForm-module__formFieldContainer__74c83 {
  margin-bottom: var(--dp_s16);
}

.SignInEmailForm-module__secondaryLabel__98b3c {
  text-decoration: none;
}

.SignInEmailForm-module__textInlineButton__211dd {
  margin-top: var(--dp_s16);
  width: 100%;
}

.UserDetailsWithAvatar-module__root__03198 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-column-gap: var(--dp_s16);
  -moz-column-gap: var(--dp_s16);
       column-gap: var(--dp_s16);
}

.UserDetailsWithAvatar-module__cell__50c32 {
  display: flex;
  align-items: center;
}

.UserDetailsWithAvatar-module__cell1__52ce7 {
  grid-column: 1;
}

.UserDetailsWithAvatar-module__cell2__05531 {
  grid-column: 2;
}

.UserDetailsWithAvatar-module__cell3__898c7 {
  grid-column: 2;
}

.UserDetailsWithAvatar-module__secondary__edead {
  color: var(--dp_app_text_subdued);
}

.SignInRecognisedUser-module__section__8fec7 {
  margin-bottom: var(--dp_s32);
}

.SignInRecognisedUser-module__alertContainer__f63fe {
  padding: var(--dp_s16);
}

.SignInRecognisedUser-module__icon__de372 {
  width: 1.5rem;
  height: 1.5rem;
}

.SignInRecognisedUser-module__label__536db {
  margin-left: var(--dp_s8);
}

.SignInRecognisedUser-module__changeUserButton__9c220 {
  color: var(--dp_app_link_base);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: inherit;
  display: inline-flex;
  align-items: center;
  text-align: left;
}

.SignInRecognisedUser-module__changeUserButton__9c220:hover {
    color: var(--dp_app_link_hover);
    text-decoration: underline;
  }

.SignInRecognisedUser-module__changeUserButton__9c220:active {
    color: var(--dp_app_link_pressed);
    text-decoration: underline;
  }

.SignInRecognisedUser-module__changeUserButton__9c220:focus {
    text-decoration: underline;
  }

.SignWithSSO-module__formFieldContainer__eecaf {
  margin-bottom: var(--dp_s16);
}

.SignWithSSO-module__textInlineButton__9e2a9 {
  margin-top: var(--dp_s16);
  width: 100%;
}

.SignWithSSO-module__paddingTop__ba700 {
  padding-top: var(--dp_s16);
}

.style-module__message__494b6 {
  display: flex;
  justify-content: space-between;
  padding: var(--dp_s16);
  position: relative;
  row-gap: var(--dp_s2);
  -moz-column-gap: var(--dp_s8);
       column-gap: var(--dp_s8);
}

.style-module__message__494b6.style-module__leftBorder__0d3d2 {
    border-radius: var(--dp_s4);
    border-left-width: var(--dp_s8);
    border-left-color: transparent;
  }

.style-module__message__494b6.style-module__leftBorder__0d3d2.style-module__leftBorderInfo__722ba::before {
        background: var(--dp_comp_message_info_left_edge);
      }

.style-module__message__494b6.style-module__leftBorder__0d3d2.style-module__leftBorderPositive__0feff::before {
        background: var(--dp_comp_message_positive_left_edge);
      }

.style-module__message__494b6.style-module__leftBorder__0d3d2.style-module__leftBorderWarning__b2e3a::before {
        background: var(--dp_comp_message_warning_left_edge);
      }

.style-module__message__494b6.style-module__leftBorder__0d3d2.style-module__leftBorderNegative__b4357::before {
        background: var(--dp_comp_message_negative_left_edge);
      }

.style-module__message__494b6.style-module__leftBorder__0d3d2::before {
      top: -1px;
      border-radius: var(--dp_s4) 0 0  var(--dp_s4);
      left: calc(var(--dp_s8) * -1);
      height: calc(100% + 2px); /* 2px added to account for message container borders */
      width: var(--dp_s8);
      position: absolute;
      content: '';
    }

.style-module__messageHeader__cf75c {
  width: -moz-fit-content;
  width: fit-content;
}

.style-module__vertical__b37dd {
  flex-direction: column;
  align-items: flex-start;
  grid-gap: var(--dp_s8);
}

.style-module__flush__862ab {
  border-radius: 0;
}

.style-module__flush__862ab::before,
  .style-module__flush__862ab::after {
    border-radius: 0 0 0;
  }

.style-module__headerWithIcon__c0fb9 {
  display: flex;
  gap: var(--dp_s4);
  min-height: var(--dp_s24);
}

.style-module__trailingItem__0f2dd {
  display: flex;
  align-items: center;
  align-content: center;
}

.SignInUnrecognisedUser-module__titleContainer__452e8 {
  margin-bottom: var(--dp_s8);
}

.SignInUnrecognisedUser-module__avatarContainer__87951 {
  margin-bottom: var(--dp_s32);
}

.SignInUnrecognisedUser-module__formWrapper__cf3b9 {
  margin-bottom: var(--dp_s48);
}

.SignInUnrecognisedUser-module__alertContainer__39c0f {
  padding: var(--dp_s16);
}

.SignInUnrecognisedUser-module__findBookingLink__4a238 {
  margin-top: var(--dp_s12);
}

.SignInUnrecognisedUser-module__inlineButton__08562 {
  margin-top: var(--dp_s16);
  width: 100%;
}

.SgpRegisterSignIn-module__root__e49c1 {
  background-color: var(--dp_app_backdrop_base);
}

@media (min-width: 768px) {
  .SgpRegisterSignIn-module__root__e49c1 {
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    max-width: 548px;
  }
}

@media (--dp_viewport_m) {
  .SgpRegisterSignIn-module__root__e49c1 {
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    max-width: 548px;
  }
}

.SgpRegisterSignIn-module__panel__7e923 {
  color: var(--dp_app_text_base);
}

@media (min-width: 768px) {
  .SgpRegisterSignIn-module__panel__7e923 {
    background-color: var(--dp_app_backdrop_base);
    border-radius: var(--dp_r8);
    border: 1px solid var(--dp_app_border_base);
    padding: var(--dp_s48);
  }
}

@media (--dp_viewport_m) {
  .SgpRegisterSignIn-module__panel__7e923 {
    background-color: var(--dp_app_backdrop_base);
    border-radius: var(--dp_r8);
    border: 1px solid var(--dp_app_border_base);
    padding: var(--dp_s48);
  }
}

.SgpRegisterSignIn-module__socialContainer__74648 {
  margin: var(--dp_s16) 0 var(--dp_s48);
}

.MigrationSignIn-module__layout__330b0 {
  background-color: var(--dp_app_backdrop_base);
}

@media (min-width: 768px) {
    .MigrationSignIn-module__layout__330b0 {
      background-color: transparent;
      margin-left: auto;
      margin-right: auto;
      max-width: 548px;
    }
  }

@media (--dp_viewport_m) {
    .MigrationSignIn-module__layout__330b0 {
      background-color: transparent;
      margin-left: auto;
      margin-right: auto;
      max-width: 548px;
    }
  }

.MigrationSignIn-module__migrationFormContainer__af072 {
  display: flex;
  flex-direction: column;
  gap: var(--dp_s24);
}

@media (min-width: 768px) {

.MigrationSignIn-module__migrationFormContainer__af072 {
    background: var(--dp_app_backdrop_base);
    border: 1px solid var(--dp_app_border_base);
    padding: var(--dp_s48);
    border-radius: var(--dp_r8);
}
  }

@media (--dp_viewport_m) {

.MigrationSignIn-module__migrationFormContainer__af072 {
    background: var(--dp_app_backdrop_base);
    border: 1px solid var(--dp_app_border_base);
    padding: var(--dp_s48);
    border-radius: var(--dp_r8);
}
  }

.MigrationSignIn-module__migrationFormContainer__af072 > * {
    width: 100%;
  }

.MigrationSignIn-module__centralColumn__e4ea1 {
  max-width: 408px;
  margin: 0 auto;
}

.MigrationSignIn-module__centralColumn__e4ea1 header {
    text-align: center;
  }

.MigrationSignIn-module__centralColumn__e4ea1 header h1 {
      margin-bottom: var(--dp_s12);
    }

.MigrationSignIn-module__lockedFieldSection__b7a52 {
  margin-bottom: var(--dp_s16);
}

.MigrationSignIn-module__alert__c2077 {
  margin-top: var(--dp_s16);
}

.MigrationSignIn-module__socialButtonWrapper__0a06a {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--dp_s12);
}

.MigrationSignIn-module__footer__93be3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--dp_s4);
}

.MigrationSignIn-module__footerLinks__2f3a6 {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

.MigrationSignIn-module__footerLinks__2f3a6 > * {
    display: inline-block;
    padding: 0 var(--dp_s12);
  }

.MigrationSignIn-module__footerLink__274c9 {
  color: var(--dp_app_link_base);
  text-decoration: underline;
  cursor: pointer;
}

.MigrationSignIn-module__footerLink__274c9:hover {
    color: var(--dp_app_link_hover);
  }

.MigrationSignIn-module__footerLink__274c9:active {
    color: var(--dp_app_link_pressed);
  }

.MigrationSignIn-module__footerLink__274c9:focus,
  .MigrationSignIn-module__footerLink__274c9:focus:not(:active) {
    color: var(--dp_app_link_hover);
  }

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

.MigrationSignIn-module__footerLink__274c9:visited:hover {
      color: var(--dp_app_link_visited_hover);
    }

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

.LockedFields-module__lockedFields__6e4db {
  display: flex;
  flex-direction: column;
  gap: var(--dp_s12);
}

.LockedFields-module__lockedField__53dc0 {
  position: relative;
}

.LockedFields-module__lockedField__53dc0 input:hover {
    box-shadow: none;
  }

.LockedFields-module__input__32d06 {
}

.LockedFields-module__iconCheck__eeb4d {
  position: absolute;
  top: 20%;
  right: var(--dp_s4);
}

.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);
}