.ScreenReaderOnly-module__root__dfdf4 {
  border: 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;
}
.SharedValidationMessage-module__validationError__f8118 {
  color: var(--dp_app_text_negative);
  margin-top: var(--dp_s8);
}

.SecurePasswordStrength-module__strengthLevel__e17f2 {
  color: var(--dp_app_text_disabled);
  line-height: var(--dp_small_line_height);
  margin-top: var(--dp_s8);
}

.SecurePasswordStrength-module__container__2f0a3 {
  margin-top: var(--dp_s8);
}

.SecurePasswordStrength-module__untouched__86166 {
  color: var(--dp_app_text_subdued);
}

.SecurePasswordStrength-module__weak__836b4 {
  color: var(--dp_app_text_negative);
}

.SecurePasswordStrength-module__moderate__c9192 {
  color: var(--dp_app_text_warning);
}

.SecurePasswordStrength-module__strong__37f8a {
  color: var(--dp_app_text_positive);
}

.SecurePasswordStrength-module__passwordCondition__e8266 {
  display: flex;
}

.style-module__root__197a2 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.style-module__hero__8f525 {
  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__b1660 {
  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__be3cc {
  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__f685a {
  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);
}

.Spinner-module__root__864cb {
  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__9a045 0.8s linear infinite;
  box-sizing: border-box;
}

.Spinner-module__branded__1e4c5 {
  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__07481 {
  width: 100px;
  height: 100px;
  border-width: 10px;
}

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

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

.typography-module__hero__fbd51 {
  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__a540b {
  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__8da7a {
  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__89aff {
  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__704a9 {
  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__23c16 {
  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__9ba86 {
  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__767bd {
  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__ec560 {
  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__c1f18 {
  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__fbd51 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__a540b {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__8da7a {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__767bd {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__ec560 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__c1f18 {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__fbd51 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__a540b {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__8da7a {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__767bd {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__ec560 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__c1f18 {
    font-size: 10px;
    line-height: 12px;
  }
}

.Button-module__root__5fc69 {
  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__5fc69: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__5fc69:focus {
    outline: none;
    box-shadow: none;
  }

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

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

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

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

.Button-module__fullWidth__148d8 {
  width: 100%;
}

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

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

.Button-module__micro__e14a0 {
}

.Button-module__mini__2a0a6 {
}

.Button-module__small__e6ed6 {
}

.Button-module__body__d267f {
}

.Button-module__large__7593c {
}

.Button-module__large__7593c .Button-module__icon__4901a {
  width: 18px;
  height: 18px;
}

.Button-module__title3__aa090 {
}

.Button-module__title4__e9c85 {
}

.Button-module__title3__aa090 .Button-module__icon__4901a {
  width: 20px;
  height: 20px;
}

.Button-module__title2__3fe1d {
}

.Button-module__title2__3fe1d .Button-module__icon__4901a {
  width: var(--spacing-spacer_5);
  height: var(--spacing-spacer_5);
}

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

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

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

.Button-module__primary__42206:active,
  .Button-module__primary__42206.Button-module__active__c1604 {
    background-color: var(--dp_comp_button_primary_background_pressed);
  }

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

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

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

.Button-module__secondary1__99d0f:active,
  .Button-module__secondary1__99d0f.Button-module__active__c1604 {
    background-color: var(--dp_comp_button_secondary_background_pressed);
  }

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

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

.Button-module__secondary2__4f621:active,
  .Button-module__secondary2__4f621.Button-module__active__c1604 {
    background-color: var(--dp_brand_tertiary_brighter);
  }

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

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

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

.Button-module__secondary3__c2400:active,
  .Button-module__secondary3__c2400.Button-module__active__c1604 {
    background-color: var(--dp_brand_neutral_dull);
  }

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

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

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

.Button-module__tertiary__0fb36:active,
  .Button-module__tertiary__0fb36.Button-module__active__c1604 {
    background-color: var(--dp_brand_neutral_bright);
  }

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

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

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

.Button-module__destructive__b5ca6:active,
  .Button-module__destructive__b5ca6.Button-module__active__c1604 {
    background-color: var(--dp_app_negative_dullest);
  }

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

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

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

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

.Button-module__ghost__e8b23:focus:not(:active):not(.Button-module__active__c1604) {
    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__e8b23:focus {
      outline: none;
      box-shadow: none;
    }

    /* stylelint-disable-next-line no-descending-specificity */
    .Button-module__ghost__e8b23: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__e8b23:active,
  .Button-module__ghost__e8b23.Button-module__active__c1604 {
    background-color: var(--dp_app_backdrop_duller);
  }

.Button-module__link__07855 {
  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__07855:hover {
    text-decoration: underline;
    color: var(--dp_app_link_hover);
  }

.Button-module__link__07855:focus,
  .Button-module__link__07855: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__07855:visited:hover {
      color: var(--dp_app_link_visited_hover);
    }

.Button-module__link__07855:visited:focus,
    .Button-module__link__07855: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__4f677 {
  font-weight: 600;
}

.Button-module__spinner__8d5fb {
  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__397bc {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

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

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

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

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

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

/* --------------------------------
 * common elements and styles between types
 -------------------------------- */
.Overlay-module__overlayContainer__d1e9a {
  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__d1e9a {
    justify-content: center;
    align-items: flex-start;
}
  }
@media (--viewport-M) {
.Overlay-module__overlayContainer__d1e9a {
    justify-content: center;
    align-items: flex-start;
}
  }

.Overlay-module__overlayContainerExited__0c838 {
  display: none;
}

.Overlay-module__overlayContent__f2cd9 {
  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__f2cd9 {
    display: block;
}
  }

@media (min-width: 768px) {

.Overlay-module__overlayContent__f2cd9 {
    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__f2cd9 {
    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__849a8 {
  max-height: 100%;
  height: 100%;
}

.Overlay-module__overlayBody__5be86 {
  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__5be86 {
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-S) {

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

@media (min-width: 1200px) {

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

@media (--viewport-XL) {

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

.Overlay-module__overlayBody__5be86.Overlay-module__overlayBodyNoHeader__b72f0 {
    padding-top: var(--spacing-spacer_4);
  }

@media (min-width: 375px) {

.Overlay-module__overlayBody__5be86.Overlay-module__overlayBodyNoHeader__b72f0 {
      padding-top: var(--spacing-spacer_5);
  }
    }

@media (--viewport-S) {

.Overlay-module__overlayBody__5be86.Overlay-module__overlayBodyNoHeader__b72f0 {
      padding-top: var(--spacing-spacer_5);
  }
    }

@media (min-width: 1200px) {

.Overlay-module__overlayBody__5be86.Overlay-module__overlayBodyNoHeader__b72f0 {
      padding-top: var(--spacing-spacer_6);
  }
    }

@media (--viewport-XL) {

.Overlay-module__overlayBody__5be86.Overlay-module__overlayBodyNoHeader__b72f0 {
      padding-top: var(--spacing-spacer_6);
  }
    }

.Overlay-module__overlayBody__5be86.Overlay-module__overlayBodyNoFooter__8d7c2 {
    padding-bottom: var(--spacing-spacer_4);
  }

@media (min-width: 375px) {

.Overlay-module__overlayBody__5be86.Overlay-module__overlayBodyNoFooter__8d7c2 {
      padding-bottom: var(--spacing-spacer_5);
  }
    }

@media (--viewport-S) {

.Overlay-module__overlayBody__5be86.Overlay-module__overlayBodyNoFooter__8d7c2 {
      padding-bottom: var(--spacing-spacer_5);
  }
    }

@media (min-width: 1200px) {

.Overlay-module__overlayBody__5be86.Overlay-module__overlayBodyNoFooter__8d7c2 {
      padding-bottom: var(--spacing-spacer_6);
  }
    }

@media (--viewport-XL) {

.Overlay-module__overlayBody__5be86.Overlay-module__overlayBodyNoFooter__8d7c2 {
      padding-bottom: var(--spacing-spacer_6);
  }
    }

.Overlay-module__overlayBody__5be86 > .Overlay-module__overlayBodyScrollable__f1d39 {
    background: transparent;
    margin: 0;
    padding: 0;
  }

.Overlay-module__overlayBody__5be86:not(.Overlay-module__overlayBodyNoHeader__b72f0) > .Overlay-module__overlayBodyScrollable__f1d39 {
    margin-top: var(--spacing-spacer_2);
  }

.Overlay-module__overlayBody__5be86:not(.Overlay-module__overlayBodyNoFooter__8d7c2) > .Overlay-module__overlayBodyScrollable__f1d39 {
    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__2b406 {
  animation: Overlay-module__slideIn__7167e 200ms ease forwards;
}

@media (min-width: 768px) {

.Overlay-module__overlayContentModalEntering__2b406 {
    animation: Overlay-module__slideInFixed40px__ac5d7 300ms ease forwards, Overlay-module__fadeIn__397bc 300ms ease forwards;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentModalEntering__2b406 {
    animation: Overlay-module__slideInFixed40px__ac5d7 300ms ease forwards, Overlay-module__fadeIn__397bc 300ms ease forwards;
}
  }

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

.Overlay-module__overlayContentModal__2a532.Overlay-module__overlayContentFullHeight__849a8 {
    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__93a9c {
  animation: Overlay-module__slideInFixed40pxInverted__63edb 300ms ease forwards, Overlay-module__fadeIn__397bc 300ms ease forwards;
}
@media (min-width: 768px) {
.Overlay-module__overlayContentPopoverEntering__93a9c {
    animation: Overlay-module__fadeIn__397bc 100ms ease forwards;
}
  }
@media (--viewport-M) {
.Overlay-module__overlayContentPopoverEntering__93a9c {
    animation: Overlay-module__fadeIn__397bc 100ms ease forwards;
}
  }

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

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

.Overlay-module__overlayContainerPopover__df612 > .Overlay-module__overlayContent__f2cd9 {
    z-index: 1000;
  }

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

.Overlay-module__overlayContentPopover__33305 {
    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__31e71 {
  animation: Overlay-module__slideIn__7167e 200ms ease forwards;
}

@media (min-width: 768px) {

.Overlay-module__overlayContentBubbleEntering__31e71 {
    animation: Overlay-module__fadeIn__397bc 100ms ease forwards;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubbleEntering__31e71 {
    animation: Overlay-module__fadeIn__397bc 100ms ease forwards;
}
  }

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

@media (min-width: 768px) {

.Overlay-module__overlayContentBubbleEntered__aa763 {
    opacity: 1;
}
  }

@media (--viewport-M) {

.Overlay-module__overlayContentBubbleEntered__aa763 {
    opacity: 1;
}
  }

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

.Overlay-module__overlayContainerBubble__96a1e > .Overlay-module__overlayContent__f2cd9 {
    z-index: 3000;
  }

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

.Overlay-module__overlayBodyBubble__540ba {
  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__540ba {
    padding-bottom: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-M) {

.Overlay-module__overlayBodyBubble__540ba {
    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__7b117::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__7b117.Overlay-module__nubbinPositionBottomLeft__c5bdf::before {
      left: calc(2 * 10px);
      left: calc(2 * var(--arrow-offset));
    }

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

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

    .Overlay-module__nubbin__7b117.Overlay-module__nubbinPositionRight__e42db::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__7b117.Overlay-module__nubbinPositionLeft__c1e1e::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__7b117::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__7b117.Overlay-module__nubbinPositionBottomLeft__c5bdf::before {
      left: calc(2 * 10px);
      left: calc(2 * var(--arrow-offset));
    }

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

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

    .Overlay-module__nubbin__7b117.Overlay-module__nubbinPositionRight__e42db::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__7b117.Overlay-module__nubbinPositionLeft__c1e1e::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__7b117::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__7b117.Overlay-module__nubbinPositionBottomLeft__c5bdf::before {
      left: calc(2 * 10px);
      left: calc(2 * var(--arrow-offset));
    }

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

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

    .Overlay-module__nubbin__7b117.Overlay-module__nubbinPositionRight__e42db::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__7b117.Overlay-module__nubbinPositionLeft__c1e1e::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__e19a0 {
  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__9373a {
    display: none;
    visibility: hidden;
    pointer-events: none;
}
  }

@media (--viewport-M) {

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

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

  100% {
    opacity: 0.2;
  }
}

.OverlayBackdrop-module__backdropEntering__44423 {
  animation: OverlayBackdrop-module__modalOverlayAnimationMobileIn__bd73b 200ms ease forwards;
}

.OverlayBackdrop-module__backdropEntered__a7ec7 {
  opacity: 0.2;
}

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

.OverlayBackdrop-module__backdropExited__952d2 {
  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__04f1e {
  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__04f1e {
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-S) {

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

@media (min-width: 768px) {

.OverlayFooter-module__root__04f1e {
    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__04f1e {
    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__04f1e {
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
    padding-bottom: var(--spacing-spacer_6);
}
  }

@media (--viewport-XL) {

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

.OverlayFooter-module__overlayFooterShadow__afb01 {
  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__7613d {
  flex: 1;
  margin-bottom: var(--spacing-spacer_4);
}

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

.OverlayHeader-module__root__c08ba {
  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__c08ba {
    padding-top: var(--spacing-spacer_5);
    padding-left: var(--spacing-spacer_5);
    padding-right: var(--spacing-spacer_5);
}
  }

@media (--viewport-S) {

.OverlayHeader-module__root__c08ba {
    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__c08ba {
    padding-top: var(--spacing-spacer_6);
    padding-left: var(--spacing-spacer_6);
    padding-right: var(--spacing-spacer_6);
}
  }

@media (--viewport-XL) {

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

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

@media (min-width: 768px) {

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

@media (--viewport-M) {

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

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

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

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

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

.OverlayHeader-module__overlayHeaderActionButton__de51b {
  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__644e6 {
  align-items: flex-start;
  height: 25px;
}

.SecurePasswordTooltip-module__root__43fc6 {
  width: 100%;
}

.SecurePasswordTooltip-module__infoButton__5c51a {
  padding: 0;
  border-radius: 50%;
}

.SecurePasswordTooltip-module__tooltipText__79820 {
  margin-bottom: var(--dp_s24);
}

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

.typography-module__hero__86e39 {
  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__976b9 {
  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__931ba {
  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__7da55 {
  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__f5526 {
  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__e6091 {
  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__7ee6a {
  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__048c5 {
  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__94538 {
  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__2c6eb {
  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__86e39 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__976b9 {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__931ba {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__048c5 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__94538 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__2c6eb {
    font-size: 10px;
    line-height: 12px;
  }
}
@media (--viewport-M) {
  .typography-module__hero__86e39 {
    font-size: 48px;
    line-height: 56px;
  }
  .typography-module__title1__976b9 {
    font-size: 32px;
    line-height: 40px;
  }
  .typography-module__title2__931ba {
    font-size: 24px;
    line-height: 32px;
  }
  .typography-module__small__048c5 {
    font-size: 14px;
    line-height: 20px;
  }
  .typography-module__mini__94538 {
    font-size: 12px;
    line-height: 16px;
  }
  .typography-module__micro__2c6eb {
    font-size: 10px;
    line-height: 12px;
  }
}

.ScreenReaderOnly-module__root__56389 {
  border: 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__601ee {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.FormField-module__root__49b4e {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.FormField-module__rowLabels__5c168 {
  display: flex;
  align-items: center;
  padding-bottom: var(--spacing-spacer_1);
}

.FormField-module__label__c91ea {
  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__395df {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.FormField-module__secondaryLabel__ef89f {
  display: flex;
  text-align: right;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-weight: normal;
  margin-left: auto;
}

.FormField-module__securePwdTooltip__85cee {
  margin-left: var(--dp_s8);
}

.FormField-module__input__b70fd {
  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__b70fd {
    font-weight: 400;
    min-width: 0;
}
  }

@media (--dp_viewport_m) {

.FormField-module__input__b70fd {
    font-weight: 400;
    min-width: 0;
}
  }

.FormField-module__input__b70fd::-webkit-credentials-auto-fill-button {
    opacity: 0;
    visibility: hidden;
  }

.FormField-module__input__b70fd::-ms-reveal,
  .FormField-module__input__b70fd::-ms-clear {
    display: none;
  }

.FormField-module__input__b70fd:hover {
    box-shadow: 0 0 0 1px var(--dp_app_selection_dark);
  }

.FormField-module__input__b70fd:focus {
    border-color: var(--dp_app_selection_darker);
    box-shadow: 0 0 0 2px var(--dp_app_selection_darker);
  }

.FormField-module__input__b70fd.FormField-module__error__b817b {
    border-color: var(--dp_app_negative_mid);
  }

.FormField-module__input__b70fd.FormField-module__error__b817b:hover {
      box-shadow: 0 0 0 2px var(--dp_app_negative_dark);
    }

.FormField-module__input__b70fd.FormField-module__error__b817b:focus {
      border-color: var(--dp_app_negative_mid);
      box-shadow: 0 0 0 1px var(--dp_app_negative_mid);
    }

.FormField-module__inputContainer__66231 {
  flex: 1 0 auto;
  position: relative;
  cursor: pointer;
}

.FormField-module__validationError__2753d {
  flex: 1 0 auto;
  margin-top: var(--dp_s4);
}

.Button-module__root__9d0aa {
  border-radius: var(--border-radius-r4);
  background: none;
  background-color: var(--dp_app_backdrop_dark);
  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__9d0aa: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__9d0aa:focus {
    outline: none;
    box-shadow: none;
  }

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

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

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

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

.Button-module__fullWidth__6edfe {
  width: 100%;
}

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

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

.Button-module__micro__6a49a {
}

.Button-module__mini__f02d5 {
}

.Button-module__small__ba383 {
}

.Button-module__body__1cbc6 {
}

.Button-module__large__90a63 {
}

.Button-module__large__90a63 .Button-module__icon__c65fa {
  width: 18px;
  height: 18px;
}

.Button-module__title3__c4b52 {
}

.Button-module__title4__7d920 {
}

.Button-module__title3__c4b52 .Button-module__icon__c65fa {
  width: 20px;
  height: 20px;
}

.Button-module__title2__02928 {
}

.Button-module__title2__02928 .Button-module__icon__c65fa {
  width: var(--spacing-spacer_5);
  height: var(--spacing-spacer_5);
}

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

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

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

.Button-module__primary__85894:active,
  .Button-module__primary__85894.Button-module__active__baf3e {
    background-color: var(--dp_comp_button_primary_background_pressed);
  }

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

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

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

.Button-module__secondary1__2477a:active,
  .Button-module__secondary1__2477a.Button-module__active__baf3e {
    background-color: var(--dp_comp_button_secondary_background_pressed);
  }

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

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

.Button-module__secondary2__f6684:active,
  .Button-module__secondary2__f6684.Button-module__active__baf3e {
    background-color: var(--dp_brand_tertiary_lighter);
  }

.Button-module__secondary2__f6684:focus {
    background-color: var(--dp_brand_tertiary_light);
  }

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

.Button-module__secondary3__783a8:hover {
    background-color: var(--dp_brand_neutral_darker);
  }

.Button-module__secondary3__783a8:active,
  .Button-module__secondary3__783a8.Button-module__active__baf3e {
    background-color: var(--dp_brand_neutral_dark);
  }

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

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

.Button-module__tertiary__902ff:hover {
    background-color: var(--dp_brand_neutral_lightest);
  }

.Button-module__tertiary__902ff:active,
  .Button-module__tertiary__902ff.Button-module__active__baf3e {
    background-color: var(--dp_brand_neutral_light);
  }

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

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

.Button-module__destructive__720af:hover {
    background-color: var(--dp_app_negative_darker);
  }

.Button-module__destructive__720af:active,
  .Button-module__destructive__720af.Button-module__active__baf3e {
    background-color: var(--dp_app_negative_darkest);
  }

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

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

.Button-module__ghost__7a6e5:hover {
    background-color: var(--dp_app_backdrop_dark);
  }

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

.Button-module__ghost__7a6e5:focus:not(:active):not(.Button-module__active__baf3e) {
    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__7a6e5:focus {
      outline: none;
      box-shadow: none;
    }

    /* stylelint-disable-next-line no-descending-specificity */
    .Button-module__ghost__7a6e5: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__7a6e5:active,
  .Button-module__ghost__7a6e5.Button-module__active__baf3e {
    background-color: var(--dp_app_backdrop_darker);
  }

.Button-module__link__53344 {
  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__53344:hover {
    text-decoration: underline;
    color: var(--dp_app_link_hover);
  }

.Button-module__link__53344:focus,
  .Button-module__link__53344: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__53344:visited:hover {
      color: var(--dp_app_link_visited_hover);
    }

.Button-module__link__53344:visited:focus,
    .Button-module__link__53344: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__c93a4 {
  font-weight: 600;
}

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

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

.CarrierLogo-module__container__5808b {
  line-height: 1px;
  vertical-align: middle;
  display: inline-block;
}

.CarrierLogo-module__whiteImage__37b6f {
  filter: invert(1) grayscale(99%) brightness(3);
}

:root {
  --dp_opacity_0_02: 0.02;
  --dp_opacity_0_04: 0.04;
  --dp_opacity_0_08: 0.08;
  --dp_opacity_0_12: 0.12;
  --dp_opacity_0_24: 0.24;
  --dp_opacity_0_4: 0.4;
  --dp_opacity_0_48: 0.48;
  --dp_opacity_0_64: 0.64;
  --dp_opacity_0_8: 0.8;
  --dp_opacity_1: 1;
}

:root {
  --dp_shadows_normal_lifting: 0px 2px 6px 0px rgba(5, 45, 18, 0.12),
    0px 0px 4px 0px rgba(5, 45, 18, 0.12);
  --dp_shadows_normal_floating: 0px 4px 8px 0px rgba(5, 45, 18, 0.12),
    0px 0px 4px 0px rgba(5, 45, 18, 0.12);
  --dp_shadows_normal_flying: 0px 4px 16px 0px rgba(5, 45, 18, 0.12),
    0px 0px 4px 0px rgba(5, 45, 18, 0.12);
  --dp_shadows_inverted_lifting: 0px -2px 6px 0px rgba(5, 45, 18, 0.12),
    0px 0px 4px 0px rgba(5, 45, 18, 0.12);
  --dp_shadows_inverted_floating: 0px -4px 8px 0px rgba(5, 45, 18, 0.12),
    0px 0px 4px 0px rgba(5, 45, 18, 0.12);
  --dp_shadows_inverted_flying: 0px -4px 16px 0px rgba(5, 45, 18, 0.12),
    0px 0px 4px 0px rgba(5, 45, 18, 0.12);
}

:root {
  --dp_transitions_base_easing_standard_productive: cubic-bezier(
    0.68,
    0,
    0.32,
    1
  );
  --dp_transitions_base_easing_standard_expressive: cubic-bezier(
    0.83,
    0,
    0.17,
    1
  );
  --dp_transitions_base_easing_entrance_productive: cubic-bezier(
    0.32,
    1,
    0.68,
    1
  );
  --dp_transitions_base_easing_entrance_expressive: cubic-bezier(
    0.22,
    1,
    0.36,
    1
  );
  --dp_transitions_base_easing_exit_productive: cubic-bezier(0.32, 0, 0.68, 0);
  --dp_transitions_base_easing_exit_expressive: cubic-bezier(0.64, 0, 0.78, 0);
  --dp_transitions_base_duration_fast1: 70ms;
  --dp_transitions_base_duration_fast2: 110ms;
  --dp_transitions_base_duration_medium1: 150ms;
  --dp_transitions_base_duration_medium2: 240ms;
  --dp_transitions_base_duration_slow1: 400ms;
  --dp_transitions_base_duration_slow2: 700ms;
  --dp_transitions_base_delay_productive: 240ms;
  --dp_transitions_base_delay_expressive: 700ms;
}

:root {
  --dp_opacity_0_02: 0.02;
  --dp_opacity_0_04: 0.04;
  --dp_opacity_0_08: 0.08;
  --dp_opacity_0_12: 0.12;
  --dp_opacity_0_24: 0.24;
  --dp_opacity_0_4: 0.4;
  --dp_opacity_0_48: 0.48;
  --dp_opacity_0_64: 0.64;
  --dp_opacity_0_8: 0.8;
  --dp_opacity_1: 1;
}

:root {
  --dp_shadows_normal_lifting: 0px 2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_floating: 0px 4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_flying: 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_lifting: 0px -2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_floating: 0px -4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_flying: 0px -4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

:root {
  --dp_transitions_base_easing_standard_productive: cubic-bezier(
    0.68,
    0,
    0.32,
    1
  );
  --dp_transitions_base_easing_standard_expressive: cubic-bezier(
    0.83,
    0,
    0.17,
    1
  );
  --dp_transitions_base_easing_entrance_productive: cubic-bezier(
    0.32,
    1,
    0.68,
    1
  );
  --dp_transitions_base_easing_entrance_expressive: cubic-bezier(
    0.22,
    1,
    0.36,
    1
  );
  --dp_transitions_base_easing_exit_productive: cubic-bezier(0.32, 0, 0.68, 0);
  --dp_transitions_base_easing_exit_expressive: cubic-bezier(0.64, 0, 0.78, 0);
  --dp_transitions_base_duration_fast1: 70ms;
  --dp_transitions_base_duration_fast2: 110ms;
  --dp_transitions_base_duration_medium1: 150ms;
  --dp_transitions_base_duration_medium2: 240ms;
  --dp_transitions_base_duration_slow1: 400ms;
  --dp_transitions_base_duration_slow2: 700ms;
  --dp_transitions_base_delay_productive: 240ms;
  --dp_transitions_base_delay_expressive: 700ms;
}

:root {
  --dp_opacity_0_02: 0.02;
  --dp_opacity_0_04: 0.04;
  --dp_opacity_0_08: 0.08;
  --dp_opacity_0_12: 0.12;
  --dp_opacity_0_24: 0.24;
  --dp_opacity_0_4: 0.4;
  --dp_opacity_0_48: 0.48;
  --dp_opacity_0_64: 0.64;
  --dp_opacity_0_8: 0.8;
  --dp_opacity_1: 1;
}

:root {
  --dp_shadows_normal_lifting: 0px 2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_floating: 0px 4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_flying: 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_lifting: 0px -2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_floating: 0px -4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_flying: 0px -4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

:root {
  --dp_transitions_base_easing_standard_productive: cubic-bezier(
    0.68,
    0,
    0.32,
    1
  );
  --dp_transitions_base_easing_standard_expressive: cubic-bezier(
    0.83,
    0,
    0.17,
    1
  );
  --dp_transitions_base_easing_entrance_productive: cubic-bezier(
    0.32,
    1,
    0.68,
    1
  );
  --dp_transitions_base_easing_entrance_expressive: cubic-bezier(
    0.22,
    1,
    0.36,
    1
  );
  --dp_transitions_base_easing_exit_productive: cubic-bezier(0.32, 0, 0.68, 0);
  --dp_transitions_base_easing_exit_expressive: cubic-bezier(0.64, 0, 0.78, 0);
  --dp_transitions_base_duration_fast1: 70ms;
  --dp_transitions_base_duration_fast2: 110ms;
  --dp_transitions_base_duration_medium1: 150ms;
  --dp_transitions_base_duration_medium2: 240ms;
  --dp_transitions_base_duration_slow1: 400ms;
  --dp_transitions_base_duration_slow2: 700ms;
  --dp_transitions_base_delay_productive: 240ms;
  --dp_transitions_base_delay_expressive: 700ms;
}

:root {
  --dp_opacity_0_02: 0.02;
  --dp_opacity_0_04: 0.04;
  --dp_opacity_0_08: 0.08;
  --dp_opacity_0_12: 0.12;
  --dp_opacity_0_24: 0.24;
  --dp_opacity_0_4: 0.4;
  --dp_opacity_0_48: 0.48;
  --dp_opacity_0_64: 0.64;
  --dp_opacity_0_8: 0.8;
  --dp_opacity_1: 1;
}

:root {
  --dp_shadows_normal_lifting: 0px 2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_floating: 0px 4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_flying: 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_lifting: 0px -2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_floating: 0px -4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_flying: 0px -4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

:root {
  --dp_transitions_base_easing_standard_productive: cubic-bezier(
    0.68,
    0,
    0.32,
    1
  );
  --dp_transitions_base_easing_standard_expressive: cubic-bezier(
    0.83,
    0,
    0.17,
    1
  );
  --dp_transitions_base_easing_entrance_productive: cubic-bezier(
    0.32,
    1,
    0.68,
    1
  );
  --dp_transitions_base_easing_entrance_expressive: cubic-bezier(
    0.22,
    1,
    0.36,
    1
  );
  --dp_transitions_base_easing_exit_productive: cubic-bezier(0.32, 0, 0.68, 0);
  --dp_transitions_base_easing_exit_expressive: cubic-bezier(0.64, 0, 0.78, 0);
  --dp_transitions_base_duration_fast1: 70ms;
  --dp_transitions_base_duration_fast2: 110ms;
  --dp_transitions_base_duration_medium1: 150ms;
  --dp_transitions_base_duration_medium2: 240ms;
  --dp_transitions_base_duration_slow1: 400ms;
  --dp_transitions_base_duration_slow2: 700ms;
  --dp_transitions_base_delay_productive: 240ms;
  --dp_transitions_base_delay_expressive: 700ms;
}

:root {
  --dp_opacity_0_02: 0.02;
  --dp_opacity_0_04: 0.04;
  --dp_opacity_0_08: 0.08;
  --dp_opacity_0_12: 0.12;
  --dp_opacity_0_24: 0.24;
  --dp_opacity_0_4: 0.4;
  --dp_opacity_0_48: 0.48;
  --dp_opacity_0_64: 0.64;
  --dp_opacity_0_8: 0.8;
  --dp_opacity_1: 1;
}

:root {
  --dp_shadows_normal_lifting: 0px 2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_floating: 0px 4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_flying: 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_lifting: 0px -2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_floating: 0px -4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_flying: 0px -4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

:root {
  --dp_transitions_base_easing_standard_productive: cubic-bezier(
    0.68,
    0,
    0.32,
    1
  );
  --dp_transitions_base_easing_standard_expressive: cubic-bezier(
    0.83,
    0,
    0.17,
    1
  );
  --dp_transitions_base_easing_entrance_productive: cubic-bezier(
    0.32,
    1,
    0.68,
    1
  );
  --dp_transitions_base_easing_entrance_expressive: cubic-bezier(
    0.22,
    1,
    0.36,
    1
  );
  --dp_transitions_base_easing_exit_productive: cubic-bezier(0.32, 0, 0.68, 0);
  --dp_transitions_base_easing_exit_expressive: cubic-bezier(0.64, 0, 0.78, 0);
  --dp_transitions_base_duration_fast1: 70ms;
  --dp_transitions_base_duration_fast2: 110ms;
  --dp_transitions_base_duration_medium1: 150ms;
  --dp_transitions_base_duration_medium2: 240ms;
  --dp_transitions_base_duration_slow1: 400ms;
  --dp_transitions_base_duration_slow2: 700ms;
  --dp_transitions_base_delay_productive: 240ms;
  --dp_transitions_base_delay_expressive: 700ms;
}

:root {
  --dp_opacity_0_02: 0.02;
  --dp_opacity_0_04: 0.04;
  --dp_opacity_0_08: 0.08;
  --dp_opacity_0_12: 0.12;
  --dp_opacity_0_24: 0.24;
  --dp_opacity_0_4: 0.4;
  --dp_opacity_0_48: 0.48;
  --dp_opacity_0_64: 0.64;
  --dp_opacity_0_8: 0.8;
  --dp_opacity_1: 1;
}

:root {
  --dp_shadows_normal_lifting: 0px 2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_floating: 0px 4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_flying: 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_lifting: 0px -2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_floating: 0px -4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_flying: 0px -4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

:root {
  --dp_transitions_base_easing_standard_productive: cubic-bezier(
    0.68,
    0,
    0.32,
    1
  );
  --dp_transitions_base_easing_standard_expressive: cubic-bezier(
    0.83,
    0,
    0.17,
    1
  );
  --dp_transitions_base_easing_entrance_productive: cubic-bezier(
    0.32,
    1,
    0.68,
    1
  );
  --dp_transitions_base_easing_entrance_expressive: cubic-bezier(
    0.22,
    1,
    0.36,
    1
  );
  --dp_transitions_base_easing_exit_productive: cubic-bezier(0.32, 0, 0.68, 0);
  --dp_transitions_base_easing_exit_expressive: cubic-bezier(0.64, 0, 0.78, 0);
  --dp_transitions_base_duration_fast1: 70ms;
  --dp_transitions_base_duration_fast2: 110ms;
  --dp_transitions_base_duration_medium1: 150ms;
  --dp_transitions_base_duration_medium2: 240ms;
  --dp_transitions_base_duration_slow1: 400ms;
  --dp_transitions_base_duration_slow2: 700ms;
  --dp_transitions_base_delay_productive: 240ms;
  --dp_transitions_base_delay_expressive: 700ms;
}

:root {
  --dp_opacity_0_02: 0.02;
  --dp_opacity_0_04: 0.04;
  --dp_opacity_0_08: 0.08;
  --dp_opacity_0_12: 0.12;
  --dp_opacity_0_24: 0.24;
  --dp_opacity_0_4: 0.4;
  --dp_opacity_0_48: 0.48;
  --dp_opacity_0_64: 0.64;
  --dp_opacity_0_8: 0.8;
  --dp_opacity_1: 1;
}

:root {
  --dp_shadows_normal_lifting: 0px 2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_floating: 0px 4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_flying: 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_lifting: 0px -2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_floating: 0px -4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_flying: 0px -4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

:root {
  --dp_transitions_base_easing_standard_productive: cubic-bezier(
    0.68,
    0,
    0.32,
    1
  );
  --dp_transitions_base_easing_standard_expressive: cubic-bezier(
    0.83,
    0,
    0.17,
    1
  );
  --dp_transitions_base_easing_entrance_productive: cubic-bezier(
    0.32,
    1,
    0.68,
    1
  );
  --dp_transitions_base_easing_entrance_expressive: cubic-bezier(
    0.22,
    1,
    0.36,
    1
  );
  --dp_transitions_base_easing_exit_productive: cubic-bezier(0.32, 0, 0.68, 0);
  --dp_transitions_base_easing_exit_expressive: cubic-bezier(0.64, 0, 0.78, 0);
  --dp_transitions_base_duration_fast1: 70ms;
  --dp_transitions_base_duration_fast2: 110ms;
  --dp_transitions_base_duration_medium1: 150ms;
  --dp_transitions_base_duration_medium2: 240ms;
  --dp_transitions_base_duration_slow1: 400ms;
  --dp_transitions_base_duration_slow2: 700ms;
  --dp_transitions_base_delay_productive: 240ms;
  --dp_transitions_base_delay_expressive: 700ms;
}

:root {
  --dp_opacity_0_02: 0.02;
  --dp_opacity_0_04: 0.04;
  --dp_opacity_0_08: 0.08;
  --dp_opacity_0_12: 0.12;
  --dp_opacity_0_24: 0.24;
  --dp_opacity_0_4: 0.4;
  --dp_opacity_0_48: 0.48;
  --dp_opacity_0_64: 0.64;
  --dp_opacity_0_8: 0.8;
  --dp_opacity_1: 1;
}

:root {
  --dp_shadows_normal_lifting: 0px 2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_floating: 0px 4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_flying: 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_lifting: 0px -2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_floating: 0px -4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_flying: 0px -4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

:root {
  --dp_transitions_base_easing_standard_productive: cubic-bezier(
    0.68,
    0,
    0.32,
    1
  );
  --dp_transitions_base_easing_standard_expressive: cubic-bezier(
    0.83,
    0,
    0.17,
    1
  );
  --dp_transitions_base_easing_entrance_productive: cubic-bezier(
    0.32,
    1,
    0.68,
    1
  );
  --dp_transitions_base_easing_entrance_expressive: cubic-bezier(
    0.22,
    1,
    0.36,
    1
  );
  --dp_transitions_base_easing_exit_productive: cubic-bezier(0.32, 0, 0.68, 0);
  --dp_transitions_base_easing_exit_expressive: cubic-bezier(0.64, 0, 0.78, 0);
  --dp_transitions_base_duration_fast1: 70ms;
  --dp_transitions_base_duration_fast2: 110ms;
  --dp_transitions_base_duration_medium1: 150ms;
  --dp_transitions_base_duration_medium2: 240ms;
  --dp_transitions_base_duration_slow1: 400ms;
  --dp_transitions_base_duration_slow2: 700ms;
  --dp_transitions_base_delay_productive: 240ms;
  --dp_transitions_base_delay_expressive: 700ms;
}

:root {
  --dp_opacity_0_02: 0.02;
  --dp_opacity_0_04: 0.04;
  --dp_opacity_0_08: 0.08;
  --dp_opacity_0_12: 0.12;
  --dp_opacity_0_24: 0.24;
  --dp_opacity_0_4: 0.4;
  --dp_opacity_0_48: 0.48;
  --dp_opacity_0_64: 0.64;
  --dp_opacity_0_8: 0.8;
  --dp_opacity_1: 1;
}

:root {
  --dp_shadows_normal_lifting: 0px 2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_floating: 0px 4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_normal_flying: 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_lifting: 0px -2px 6px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_floating: 0px -4px 8px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  --dp_shadows_inverted_flying: 0px -4px 16px 0px rgba(0, 0, 0, 0.12),
    0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

:root {
  --dp_transitions_base_easing_standard_productive: cubic-bezier(
    0.68,
    0,
    0.32,
    1
  );
  --dp_transitions_base_easing_standard_expressive: cubic-bezier(
    0.83,
    0,
    0.17,
    1
  );
  --dp_transitions_base_easing_entrance_productive: cubic-bezier(
    0.32,
    1,
    0.68,
    1
  );
  --dp_transitions_base_easing_entrance_expressive: cubic-bezier(
    0.22,
    1,
    0.36,
    1
  );
  --dp_transitions_base_easing_exit_productive: cubic-bezier(0.32, 0, 0.68, 0);
  --dp_transitions_base_easing_exit_expressive: cubic-bezier(0.64, 0, 0.78, 0);
  --dp_transitions_base_duration_fast1: 70ms;
  --dp_transitions_base_duration_fast2: 110ms;
  --dp_transitions_base_duration_medium1: 150ms;
  --dp_transitions_base_duration_medium2: 240ms;
  --dp_transitions_base_duration_slow1: 400ms;
  --dp_transitions_base_duration_slow2: 700ms;
  --dp_transitions_base_delay_productive: 240ms;
  --dp_transitions_base_delay_expressive: 700ms;
}