/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
/* styles for @clark-communication/ui/components/communication/notification-center.css */
@media only screen and (max-width: 729.98px) {
  ._container_alubrq {
    background-color: var(--color-athens-gray);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99; /* Same z-index as the messenger, both the messenger and the menu overlay appear above this */
  }

  ._container_alubrq._open_alubrq {
    display: flex;
  }

  /* Used by the notification-centre service */
  ._disable-body-scroll_alubrq {
    height: 100%;
    overflow: hidden;
  }
}

/* styles for @clark-communication/ui/components/communication/notification-center/notifications.css */
._container_4ucfuv {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: var(--size-spacing-extra-tight);
  min-height: 100%;
  padding: var(--size-spacing-slight) 0;
  place-content: flex-start center;
}

._container_4ucfuv._show-empty-notifications_4ucfuv {
  align-content: center;
}

._empty-notifications-container_4ucfuv {
  width: 253px;
}

._notifications-container_4ucfuv {
  display: flex;
  flex-flow: column;
  padding: 0 var(--s0);
}

._notifications-container_4ucfuv:not(:first-of-type) {
  margin-top: var(--s0);
}

._title_4ucfuv {
  color: var(--color-rich-black);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

._notifications_4ucfuv {
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
  margin-top: var(--s-2);
  min-height: 100%;
}

._actions_4ucfuv {
  margin-top: var(--s0);
}

._show-more-button_4ucfuv {
  font-size: 16px !important;
  font-weight: 500;
  line-height: 16px;
  min-height: unset;
  padding: 0;
}

/* styles for @clark-contracts/ui/components/contracts/coverages/company-information.css */
._company-info_g0hoh5 {
  align-items: center;
  display: flex;
  flex-direction: column;
}

._company-info_g0hoh5 ._title_g0hoh5 {
  background-color: #f5f6fa;
  border: 0.5px solid #0439d7;
  border-radius: 4px;
  color: #0439d7;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  margin: 24px 0;
  padding: 0 5px 0 6px;
  text-transform: uppercase;
}

._company-info_g0hoh5 ._company-name_g0hoh5 {
  color: #01051c;
  font-family: "Cera Round Pro", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  margin: 9px 0;
  text-align: center;
}

._company-info_g0hoh5 ._company-logo_g0hoh5 {
  height: 34.5px;
}

._company-info_g0hoh5 ._company-insurance-rate_g0hoh5 {
  color: #0439d7;
  font-family: "Cera Round Pro", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}

._company-info_g0hoh5 ._company-insurance-term_g0hoh5 {
  color: #203151;
  font-family: "Cera Round Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 24px;
  margin-top: 6px;
  text-align: center;
}

._company-info_g0hoh5 ._edit-button-container_g0hoh5 {
  margin-bottom: 24px;
  padding: 0 12.5px;
  width: 100%;
}

._company-info_g0hoh5 ._edit-button-container_g0hoh5 ._edit-button_g0hoh5 {
  border: 2px solid #daddec;
  color: #2b6cde;
  width: 100%;
}

/* styles for @clark-contracts/ui/components/contracts/coverages/value.css */
._icon_1fpmos {
  display: inline-block !important;
}

._icon-extended_1fpmos {
  color: var(--color-lawn-green);
  margin: 0 !important;
  margin-right: var(--size-spacing-extra-tight) !important;
}

/* styles for @clark-contracts/ui/components/contracts/create-shared-screen.css */
/*
  FIXME:: Replace `.container` and `.screen` with proper
  layouting solution when available
*/
._container_358rdo {
  background-color: var(--color-athens-gray);
  height: calc(
    100vh - var(--fixed-area-inset-top) - var(--fixed-area-inset-bottom)
  );
  min-width: 100vw;
  padding: var(--size-spacing-extra-loose);
}

@media only screen and (max-width: 767.98px) {
  ._container_358rdo {
    padding: var(--size-spacing-extra-loose) var(--size-spacing-base);
  }
}

@media only screen and (max-device-width: 375px) and (max-device-height: 812px) {
  ._container_358rdo {
    padding-bottom: calc(
      var(--size-spacing-extra-loose) + env(safe-area-inset-bottom)
    );
  }
}

._screen_358rdo {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 544px;
}

@media only screen and (max-width: 767.98px) {
  ._screen_358rdo {
    margin: 0;
    width: 100%;
  }
}

._icon_358rdo {
  height: 64px !important;
  margin-bottom: var(--size-spacing-extra-loose) !important;
  width: 64px !important;
}

._header_358rdo,
._footer_358rdo {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

@media only screen and (max-width: 767.98px) {
  ._header_358rdo,
  ._footer_358rdo {
    justify-content: flex-start;
  }
}

._header_358rdo {
  margin-bottom: var(--size-spacing-slight);
}

@media only screen and (max-width: 767.98px) {
  ._header_358rdo {
    margin-bottom: var(--size-spacing-base);
  }
}

._footer_358rdo {
  margin-top: var(--size-spacing-extra-loose);
}

@media only screen and (max-width: 767.98px) {
  ._footer_358rdo {
    margin-top: var(--size-spacing-loose);
  }
}

._content_358rdo {
  margin-bottom: var(--size-spacing-loose);
}

._content-toggle_358rdo {
  margin-top: var(--size-spacing-extra-tight);
}

._cta_358rdo {
  width: 100%;
}

._chevron_358rdo {
  transition: transform var(--time-transition-base) ease;
}

._chevron_358rdo._open_358rdo {
  transform: rotate(180deg);
}

._title_358rdo {
  color: var(--color-summer-night);
  font-size: var(--size-font-header-1-desktop);
  font-weight: var(--font-weight-header-1-desktop);
  line-height: var(--height-line-header-1-desktop);
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  ._title_358rdo {
    font-size: var(--size-font-header-1-mobile);
    font-weight: var(--font-weight-header-1-mobile);
    line-height: var(--height-line-header-1-mobile);
  }
}

._text_358rdo {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  margin: 0;
}

._text_358rdo._togglable_358rdo {
  margin-top: var(--size-spacing-base);
}

._note_358rdo {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-2-base-desktop);
  font-weight: var(--font-weight-body-2-base-desktop);
  line-height: var(--height-line-body-2-base-desktop);
  margin: 0;
  text-align: center;
}

@media only screen and (max-width: 767.98px) {
  ._note_358rdo {
    font-size: var(--size-font-body-2-base-mobile);
    font-weight: var(--font-weight-body-2-base-mobile);
    line-height: var(--height-line-body-2-base-mobile);
    text-align: left;
  }
}

/* styles for @clark-contracts/ui/components/contracts/documents/card-builder.css */
/* stylelint-disable-next-line at-rule-no-unknown */

._document-card_59sdcm {
  background-color: #fff;
  border-color: var(--contracts-details-tile-background);
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  display: flex;
  padding: var(--contracts-s0);
}

._document-card_59sdcm > * + * {
  margin-left: var(--contracts-s0);
}

._document-card_59sdcm:link {
  text-decoration: none;
}

._document-card_59sdcm:focus,
._document-card_59sdcm:focus-visible {
  border-color: var(--color-assure);
  outline: none;
}

._info_59sdcm {

  --flow-space: var(--contracts-s-3);

  color: #203151;
  width: 100%;
}

._info_59sdcm ._title_59sdcm {
  font-size: 14px;
  font-weight: 500;
  -webkit-hyphens: auto;
          hyphens: auto;
}

._info_59sdcm ._subtitle_59sdcm {
  font-size: 12px;
}

._badge_59sdcm {
  align-self: center;
  margin-left: auto;
}

/* styles for @clark-contracts/ui/components/contracts/documents/card.css */
._media_qnkc8q {
  aspect-ratio: 1 / 1;
  width: 32px;
}

/* styles for @clark-contracts/ui/components/contracts/documents/upload-card.css */
._media_1wmsho {
  aspect-ratio: 1 / 1;
  width: 32px;
}

._spinner_1wmsho {
  align-self: baseline;
  display: inline-block !important;
  height: 1em !important;
  margin-bottom: -2px !important;
  width: 1em !important;
}

._error_1wmsho {
  color: var(--color-cardinal);
}

/* styles for @clark-contracts/ui/components/contracts/documents/upload-with-feedback.css */
._success-modal-actions_1vcyou {
  padding: var(--contracts-s0);
}

/* styles for @clark-contracts/ui/components/contracts/evaluation/rating.css */
/* stylelint-disable no-descending-specificity */
._rating_12mtdr {
  border: none;
  display: flex;
  justify-content: center;
  padding: 0;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

._rating_12mtdr > input {
  -webkit-appearance: none;
          appearance: none;
  height: 2em;
  opacity: 0.0001;
  position: absolute;
  top: auto;
  width: 1.75em;
  z-index: -1;
}

._rating_12mtdr > label {
  padding: 0;
}

._rating_12mtdr:not(:disabled) > label {
  cursor: pointer;
}

._rating_12mtdr:not(:disabled) > label:hover ~ input:checked ~ input + label svg,
._rating_12mtdr:not(:disabled) > input:checked ~ label:hover ~ label svg,
._rating_12mtdr:not(:disabled):not(:hover) > input:checked + label ~ label svg,
._rating_12mtdr:not(:disabled):not(:hover)._no-rating_12mtdr > label svg,
._rating_12mtdr:not(:disabled):hover._no-rating_12mtdr > label:hover ~ label svg {
  fill: transparent;
  opacity: 1;
  stroke: #0f36df;
  stroke-linejoin: round;
  stroke-width: 4px;
}

._rating_12mtdr:not(:disabled) > label:hover ~ label svg {
  opacity: 0.5;
}

._rating_12mtdr > label svg {
  fill: #feab00;
  stroke-width: 0;
}

._rating_12mtdr:disabled > input:checked + label ~ label svg,
._rating_12mtdr:disabled._no-rating_12mtdr > label svg {
  fill: #cfd3da;
  stroke-width: 0;
}

._rating_12mtdr:not(:disabled) > label:hover ~ input:checked + label._is-half_12mtdr svg,
._rating_12mtdr:not(:hover) > input:checked + label._is-half_12mtdr svg,
._rating_12mtdr:disabled > input:checked + label._is-half_12mtdr svg {
  fill: url("#halfBg");
  stroke-width: 0;
}

/* styles for @clark-contracts/ui/components/contracts/inquiry-card.css */
._status-action_10setl {
  color: var(--color-assure);
}

._status-feedback_10setl {
  color: var(--color-cardinal);
}

._supporting-line-missing-details_10setl {
  color: var(--color-tangerine);
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

._dot_10setl {
  background-color: var(--color-tangerine);
  border-radius: 50%;
  height: 8px;
  left: -4px;
  position: absolute;
  top: -4px;
  width: 8px;
}

._suffix-text_10setl {
  color: var(--color-silver-cup);
  font-size: 12px;
  line-height: 18px;
  margin-left: var(--contracts-s-1);
  margin-right: 8px;
}

._cta-button_10setl {
  height: 36px !important;
  min-height: 36px !important;
}

@media only screen and (max-width: 729.98px) {
  ._cta-upload_10setl {
    margin-top: 4px;
  }
}

._inactive_10setl {
  cursor: default !important;
}

._inactive_10setl:focus {
  box-shadow: 0 1px 1px 0 #daddec !important;
}

._document-upload-action-hint_10setl {
  align-items: center;
  color: var(--color-comet-gray);
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 18px;
  padding: 12px 16px 0;
}

._document-upload-action-hint_10setl ._icon_10setl {
  flex-shrink: 0;
  margin: unset;
}

._hint-text_10setl {
  font-size: 12px;
  line-height: 18px;
}

@media (min-width: 730px) {
  ._document-upload-action-hint_10setl {
    padding: 8px 16px;
  }
}

._inquiry-card_10setl {
  scroll-margin: 14vh;
}

/* styles for @clark-contracts/ui/components/contracts/instant-advice.css */
/* stylelint-disable no-descending-specificity */
._instant-advice_11cj45 {
  align-items: center;
  display: flex;
  flex-direction: column;
}

._header_11cj45 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 390px;
  width: 100%;
}

._details_11cj45 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 50%;
}

._details_11cj45 > * + * {
  margin-top: var(--size-spacing-tightest);
}

._title_11cj45 {
  color: var(--color-summer-night);
  font-size: var(--size-font-header-3-desktop);
  font-weight: var(--font-weight-header-3-desktop);
  line-height: var(--height-line-header-3-desktop);
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  ._title_11cj45 {
    font-size: var(--size-font-header-3-mobile);
    font-weight: var(--font-weight-header-3-mobile);
    line-height: var(--height-line-header-3-mobile);
  }
}

._view-details-button_11cj45 {
  color: var(--color-summer-night) !important;
  font-size: var(--size-font-body-1-base-desktop) !important;
  font-weight: var(--font-weight-body-1-base-desktop) !important;
  line-height: var(--height-line-body-1-base-desktop) !important;
}

@media only screen and (max-width: 767.98px) {
  ._view-details-button_11cj45 {
    font-size: var(--size-font-body-1-base-mobile) !important;
    font-weight: var(--font-weight-body-1-base-mobile) !important;
    line-height: var(--height-line-body-1-base-mobile) !important;
  }
}

._view-details-button_11cj45:hover {
  opacity: 0.8;
}

._view-details-button_11cj45:active {
  color: var(--color-comet-gray) !important;
}

._view-details-icon_11cj45 {
  transition: transform var(--time-transition-base) ease;
}

._view-details-icon_11cj45._open_11cj45 {
  transform: rotate(180deg);
}

._quality-indicator_11cj45 {
  margin: 0;
  padding: 0;
}

._feedback_11cj45 {
  align-items: center;
  color: var(--color-summer-night);
  display: flex;
  font-size: var(--size-font-body-2-base-desktop);
  font-weight: var(--font-weight-body-2-base-desktop);
  justify-content: center;
  line-height: var(--height-line-body-2-base-desktop);
}

@media only screen and (max-width: 767.98px) {
  ._feedback_11cj45 {
    font-size: var(--size-font-body-2-base-mobile);
    font-weight: var(--font-weight-body-2-base-mobile);
    line-height: var(--height-line-body-2-base-mobile);
  }
}

._feedback_11cj45 > * + * {
  margin-left: var(--size-spacing-base);
}

._feedback_11cj45._completed_11cj45 > * + * {
  margin-left: var(--size-spacing-tight);
}

._actions_11cj45 {
  align-items: center;
  display: flex;
  justify-content: center;
}

._actions_11cj45 > * + * {
  margin-left: var(--size-spacing-tight) !important;
}

._separator_11cj45 {
  background: var(--color-border-faded);
  border: none;
  height: 16px;
  width: var(--size-border-base);
}

._feedback-completed-icon_11cj45 {
  color: var(--color-lawn-green);
}

._quality-panel_11cj45 {
  margin-top: var(--size-spacing-slight);
}

._quality-panel-open_11cj45 {
  margin-bottom: var(--size-spacing-slight);
}

/* styles for @clark-contracts/ui/components/contracts/loading-card.css */
._loading-card_o3qmg2 {
  border-radius: var(--size-spacing-tightest);
  padding: var(--size-spacing-base);
}

._title_o3qmg2 {
  height: 1em;
  max-width: 100%;
  width: 20em;
}

._logo_o3qmg2 {
  height: 34px;
  width: 34px;
}

._logo_o3qmg2::after {
  border-radius: 100% !important;
}

/* styles for @clark-contracts/ui/components/contracts/opportunity-card.css */
/* stylelint-disable no-descending-specificity */
._container_pc3a9p {
  background-color: var(--color-white);
  border: none;
  color: var(--color-summer-night);
  display: grid;
  gap: 16px;
  grid-template-areas:
    "body"
    "footer";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  padding: 0;
  position: relative;
}

._container_pc3a9p:not(:last-child) {
  border-bottom: 1px solid #e7e7e7;
}

button._container_pc3a9p {
  cursor: pointer;
  outline: none;
  text-align: left;
}

button._container_pc3a9p:focus,
button._container_pc3a9p:focus:hover {
  box-shadow:
    0 0 0 2px rgb(4 57 215 / 70%),
    0 2px 6px 0 #daddec;
}

@media (hover: none) {
  button._container_pc3a9p:focus,
  button._container_pc3a9p:focus:hover {
    box-shadow:
      0 0 0 2px rgb(4 57 215 / 70%),
      0 2px 6px 0 #daddec;
  }
}

._body_pc3a9p {
  align-items: center;
  display: grid;
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-body-1-medium-mobile);
  grid-area: body;
  grid-gap: 0 var(--size-spacing-extra-tight);
  grid-template-areas: "media title";
  grid-template-columns: 40px 1fr;
  grid-template-rows: 1fr;
  line-height: var(--height-line-body-2-medium-mobile);
}

._container_pc3a9p:not(:last-child) ._footer_pc3a9p {
  padding-bottom: 16px;
}

._footer_pc3a9p {
  align-items: center;
  font-size: var(--size-font-body-2-base-mobile);
  font-weight: var(--font-weight-body-2-medium-mobile);
  grid-area: footer;
  line-height: var(--height-line-body-2-medium-mobile);
}

._media_pc3a9p {
  grid-area: media;
}

._title_pc3a9p {
  grid-area: title;
  word-break: break-word;
}

._feedback_pc3a9p {
  background: #f8faff;
  border-radius: 4px;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  grid-area: feedback;
  line-height: 18px;
  padding: 8px 0 8px 48px;
  word-break: break-word;
}

@media only screen and (min-width: 730px) {
  ._body_pc3a9p,
  ._footer_pc3a9p {
    grid-template-columns: 72px 1fr;
  }

  ._body_pc3a9p {
    grid-gap: 0 var(--size-spacing-base);
  }

  ._feedback_pc3a9p {
    padding-left: 88px;
  }
}

/* styles for @clark-contracts/ui/components/contracts/placeholder-card.css */
._media_1285vr {
  color: var(--color-assure);
}

/* styles for @clark-contracts/ui/components/contracts/product-card.css */
._advice-saving_122q4q {
  color: #0439d7;
  text-transform: uppercase;
}

._health-check-reminder_122q4q {
  background: #f5f6fa;
  border-radius: 5px;
  flex-grow: 1;
  padding: 10px;
  text-align: center;
}

._health-check-reminder_122q4q ._reminder-cta_122q4q {
  display: flex;
  margin-top: 18px;
}

._health-check-reminder_122q4q ._reminder-cta_122q4q ._cta-button_122q4q {
  flex-grow: 1;
}

._cta-button_122q4q._self-entry_122q4q {
  height: 36px !important;
  min-height: 36px !important;
}

/* styles for @clark-contracts/ui/components/contracts/quality-indicator.css */
._quality-indicator_ygquu4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

._quality-indicator_ygquu4 > * + * {
  margin-top: var(--size-spacing-extra-tight);
}

/* TODO: Overriding badge styles for smaller screens to accomodate longer texts  */
@media only screen and (max-width: 449.98px) {
  span._badge_ygquu4 {
    font-size: 11px !important;
    height: auto !important;
    max-width: 80px !important;
    padding: 4px !important;
    white-space: normal !important;
  }
}

/* styles for @clark-contracts/ui/components/contracts/quality-panel.css */
._quality-panel_lwwq7f {
  background: var(--color-white);
  border: var(--size-border-base) solid rgb(207 211 218 / 50%);
  border-radius: var(--radius-border-large);
  box-shadow: var(--shadow-box-overlay);
}

/* styles for @clark-contracts/ui/components/contracts/quality-panel/item.css */
._item_lsjpqp {
  padding: var(--size-spacing-slight) var(--size-spacing-loose);
}

._item_lsjpqp + ._item_lsjpqp {
  border-top: var(--size-border-base) solid rgb(207 211 218 / 50%);
}

@media only screen and (max-width: 767.98px) {
  ._item_lsjpqp {
    padding: var(--size-spacing-base);
  }
}

._header_lsjpqp {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: var(--size-spacing-base);
}

@media only screen and (max-width: 767.98px) {
  ._header_lsjpqp {
    margin-bottom: var(--size-spacing-extra-tight);
  }
}

._title_lsjpqp {
  color: var(--color-summer-night);
  flex: 1 1 auto;
  font-size: var(--size-font-body-1-medium-desktop);
  font-weight: var(--font-weight-body-1-medium-desktop);
  line-height: var(--height-line-body-1-medium-desktop);
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  ._title_lsjpqp {
    font-size: var(--size-font-body-1-medium-mobile);
    font-weight: var(--font-weight-body-1-medium-mobile);
    line-height: var(--height-line-body-1-medium-mobile);
  }
}

._body_lsjpqp {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  opacity: 0.8;
}

@media only screen and (max-width: 767.98px) {
  ._body_lsjpqp {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

/* styles for @clark-contracts/ui/components/contracts/rating.css */
._rating-root_ei2lbu {
  display: inline-flex;
  position: relative;
}

._background_ei2lbu {
  display: flex;
  position: relative;
}

._foreground_ei2lbu {
  display: flex;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

._icon_ei2lbu {
  fill: #b0bacd;
  flex: none;
  height: 24px;
  width: 24px;
}

._icon_ei2lbu:not(:first-child) {
  margin-left: 4px;
}

._foreground_ei2lbu ._icon_ei2lbu {
  fill: #f99400;
}

/* styles for @clark-contracts/ui/components/contracts/services/action-builder.css */
/* stylelint-disable no-descending-specificity */
._action_fi05f2 {
  background-color: var(--contracts-details-tile-background);
  border-color: var(--contracts-details-tile-background);
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  color: var(--color-comet-gray);
  display: flex;
  flex-direction: column;

  /* Action size */
  min-width: clamp(115px, 20%, 27%);
  padding: var(--contracts-s-1);
  text-align: left;
}

@media only screen and (max-width: 729.98px) {
  ._action_fi05f2 {
    max-width: 150px;
    min-width: 120px;
  }
}

/*
  Set spacing between the elements from the parent container to allow
  intrinsic sizing for the childs
  */

._action_fi05f2 ._icon_fi05f2 {
  color: var(--color-silver-cup);
  height: 28px !important;
  margin: 0 0 6px;
  width: 28px !important;
}

._action_fi05f2 ._notification_fi05f2 {
  margin-bottom: 2px;
}

/*
  change color when action is present
  */

._action_fi05f2._active_fi05f2,
._action_fi05f2[tabindex] {
  color: var(--color-assure);
  cursor: pointer;
}

._action_fi05f2._active_fi05f2 ._icon_fi05f2,
._action_fi05f2[tabindex] ._icon_fi05f2 {
  color: var(--color-assure);
}

._action_fi05f2:link {
  text-decoration: none;
}

._action_fi05f2:focus-visible {
  border-color: var(--color-assure);
  outline: none;
}

._icon_fi05f2 {
  height: 28px;
  margin: 0;
  width: 28px;
}

._notification_fi05f2 {
  font-size: 10px;
  font-weight: 500;
  height: 10px;
  letter-spacing: 0.8px;
  line-height: 100%;
  text-transform: uppercase;
  white-space: nowrap;
}

._label_fi05f2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  word-spacing: 100vw;
}

/* styles for @clark-contracts/ui/components/contracts/services/add-document.css */
._label_1scthh {
  cursor: pointer;
  pointer-events: none;
}

._spinner_1scthh {
  align-self: baseline;
  display: inline-block !important;
  height: 1em !important;
  margin-bottom: -2px !important;
  width: 1em !important;
}

/* styles for @clark-contracts/ui/components/contracts/services/ask-expert.css */
._inactive_8284va {
  color: var(--color-tangerine);
}

/* styles for @clark-contracts/ui/components/contracts/services/file-claim.css */
._inactive_1a8rs4 {
  color: var(--color-tangerine);
}

/* styles for @clark-contracts/ui/components/contracts/services/request-counter-offer.css */
._inactive_1l9em9 {
  color: var(--color-tangerine);
}

/* styles for @clark-contracts/ui/components/contracts/services/terminate-contract.css */
/* stylelint-disable-next-line at-rule-no-unknown */

._inactive_1s5a3z {
  color: var(--color-tangerine);
}

._wrapper_1s5a3z {
  display: grid;
  gap: 24px;
  padding: var(--contracts-s0);
}

._form_1s5a3z ._options_1s5a3z,
._form_1s5a3z p {
  margin-bottom: var(--contracts-s0);
}

/* stylelint-disable-next-line no-descending-specificity */
._options_1s5a3z {

  --flow-space: var(--contracts-s0) !important;

  border: 0;
  padding: 0;
}

._option_1s5a3z {
  display: flex;
  gap: var(--contracts-s-1);
}

._option_1s5a3z input {
  margin-top: 2px;
}

._options_1s5a3z legend {
  color: #000 !important;
  line-height: var(--clark-type-body-l-regular-line-height) !important;
}

._container_1s5a3z {
  display: grid;
  gap: var(--clark-space-800);
}

._title_1s5a3z {
  color: var(--clark-color-text-default);
  margin-bottom: var(--clark-space-200);
}

._description_1s5a3z {
  color: var(--clark-color-text-default) !important;
  line-height: var(--clark-type-body-l-regular-line-height) !important;
}

._icon_1s5a3z {
  margin-left: 0 !important;
  margin-top: var(--size-spacing-base) !important;
}

._icon_1s5a3z svg {
  height: 48px !important;
  width: 48px !important;
}

._contact_1s5a3z {
  color: var(--clark-color-text-default);
  font-size: var(--clark-type-body-l-regular-font-size);
  margin-top: var(--clark-space-800);
}

._details_1s5a3z {
  color: var(--clark-color-text-default);
  font-size: var(--clark-type-body-l-regular-font-size);
}

._confirm-button_1s5a3z {
  color: var(--clark-color-text-danger) !important;
  margin-top: 2px;
  padding: var(--size-spacing-base) !important;
}

/* styles for @clark-contracts/ui/styles/app.css */
:root {
  /* control the grid with these variables */
  --contracts-base: 16px;
  --contracts-grid-size: 4px;

  /* processed tokens */
  --contracts-s-3: calc(
    var(--contracts-base) + var(--contracts-grid-size) * -3
  );
  --contracts-s-2: calc(
    var(--contracts-base) + var(--contracts-grid-size) * -2
  );
  --contracts-s-1: calc(
    var(--contracts-base) + var(--contracts-grid-size) * -1
  );
  --contracts-s0: calc(var(--contracts-base) + var(--contracts-grid-size) * 0);
  --contracts-s1: calc(var(--contracts-base) + var(--contracts-grid-size) * 2);
  --contracts-s2: calc(var(--contracts-base) + var(--contracts-grid-size) * 4);
  --contracts-s2-5: calc(
    var(--contracts-base) + var(--contracts-grid-size) * 6
  );
  --contracts-s3: calc(var(--contracts-base) + var(--contracts-grid-size) * 8);
  --contracts-s4: calc(var(--contracts-base) + var(--contracts-grid-size) * 12);

  /* Purpose tokens */
  --contracts-details-tile-background: #fff;
}

/* Make it responsive */
@media only screen and (max-width: 767.98px) {
  /*
    This needs to be figured out while using them, probably overwrite
    individual custom properties manually
  */
  :root {
    --contracts-grid-size: 3.5px;
  }
}

/* styles for @clark-customer/ui/components/customer/account/change-password.css */
._field-container_x02l1j:last-of-type {
  margin-bottom: 8px;
}

._error-container_x02l1j {
  margin-top: 8px;
}

/* styles for @clark-customer/ui/components/customer/account/update-account.css */
._section_waf3qm {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  min-height: calc(
    100vh - var(--fixed-area-inset-top) - var(--fixed-area-inset-bottom)
  );
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  padding-bottom: env(safe-area-inset-bottom);
  position: relative;
}

@supports (-webkit-touch-callout: none) {
    ._section_waf3qm ._section_waf3qm {
      min-height: -webkit-fill-available;
    }
  }

._wrapper_waf3qm {
  background-color: #fff;
  flex: 1;
  height: auto;
  padding: 0 var(--size-spacing-slight);
}

._update-account-form_waf3qm {
  padding-bottom: calc(96px + env(safe-area-inset-bottom));
  width: 100%;
}

._form-layout_waf3qm {
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-base);
  margin-top: var(--size-spacing-loose);
  padding-bottom: 20px;
}

._form-group_waf3qm {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._labeled-element_waf3qm {
  min-height: 100% !important;
}

._button-wrapper_waf3qm {
  background: var(--color-athens-gray);
  bottom: var(--fixed-area-inset-bottom) !important;
  left: 0;
  padding: var(--size-spacing-base);
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 10;
}

@media only screen and (min-width: 730px) {
  ._section_waf3qm {
    background-color: var(--color-athens-gray);
  }

  ._button-wrapper_waf3qm {
    margin: 72px auto auto;
    max-width: 100%;
    padding: 0;
    position: relative;
    width: 400px;
  }

  ._wrapper_waf3qm {
    background-color: var(--color-athens-gray);
    height: auto;
  }

  ._update-account-form_waf3qm {
    padding-bottom: 0;
    width: auto;
  }

  ._form-layout_waf3qm {
    background: #fff;
    border-radius: var(--radius-border-base);
    box-shadow: 0 2px 2px 0 rgb(173 182 217 / 50%);
    margin-top: var(--size-spacing-loosest);
    padding: 32px;
    width: 890px;
  }

  ._form-group_waf3qm {
    margin: 0 auto;
    width: 400px;
  }
}

@media only screen and (min-width: 768px) {
  ._form-panel_waf3qm {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}

._save-button_waf3qm {
  height: 48px;
  max-width: 100%;
  width: 100%;
}

/* styles for @clark-customer/ui/components/customer/account/verify-password.css */
._wrapper_1hp1nf {
  display: grid;
  font-family: "Cera Round Pro";
  font-family: var(--type-body-m-regular-font-family, "Cera Round Pro");
  gap: 24px;
  padding: 52px 16px 48px;
}

._wrapper_1hp1nf form {
  display: grid;
  gap: 32px;
}

._fields_1hp1nf {
  display: flex;
  flex-direction: column;
  gap: 8px;
  gap: var(--space-200, 8px);
}

._fields_1hp1nf input {
  border: 1px solid #8088a0;
  border: 1px solid var(--color-border-strong, #8088a0);
  border-radius: 4px;
  color: #0c0e12;
  color: var(--color-text-default, #0c0e12);
  font-family: "Cera Round Pro";
  font-family: var(--type-body-m-regular-font-family, "Cera Round Pro");
  font-size: 14px;
  font-size: var(--type-body-m-regular-font-size, 14px);
  font-weight: 400;
  font-weight: var(--type-body-m-regular-font-weight, 400);
  line-height: 24px;
  line-height: var(--type-body-m-regular-line-height, 24px);
  padding: 8px 12px;
}

._field-title_1hp1nf {
  color: var(--color-summer-night);
  font-family: "Cera Round Pro";
  font-family: var(--type-body-m-regular-font-family, "Cera Round Pro");
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

._description_1hp1nf {
  color: #414759;
  color: var(--color-text-weak, #414759);
  font-family: "Cera Round Pro";
  font-family: var(--type-body-m-regular-font-family, "Cera Round Pro");
  font-size: 16px;
  font-size: var(--type-body-m-regular-font-size, 16px);
  font-weight: 400;
  font-weight: var(--type-body-m-regular-font-weight, 400);
  line-height: 24px;
  line-height: var(--type-body-m-regular-line-height, 24px);
}

._heading_1hp1nf {
  color: #0c0e12;
  color: var(--color-text-default, #0c0e12);
  font-family: "Cera Round Pro";
  font-family: var(--type-heading-l-font-family, "Cera Round Pro");
  font-size: 20px;
  font-size: var(--type-heading-l-font-size, 20px);
  font-weight: 500;
  font-weight: var(--type-heading-l-font-weight, 500);
  line-height: 32px;
  line-height: var(--type-heading-l-line-height, 32px);
}

._error_1hp1nf {
  border: 1px solid #d51e50 !important;
}

@media only screen and (max-width: 767.98px) {
  ._modal_1hp1nf {
    border-radius: 8px 8px 0 0;
  }
}

/* styles for @clark-customer/ui/components/customer/chat-with-us.css */
._chat-with-us_1cm7zl {
  display: flex;
  flex-direction: column;
  margin: 6vh 0 0.4vh;
  text-align: center;
}

._chat-with-us_1cm7zl ._button_1cm7zl {
  margin-top: var(--s-3);
  min-height: var(--s-1);
  padding: var(--s-3);
}

._title-container_1cm7zl {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: "Cera Round Pro", sans-serif;
  gap: 4px;
  gap: var(--spacing-primitive-3, 4px);
  justify-content: center;
}

._title_1cm7zl {
  color: #203151;
  color: var(--summer-night, #203151);
  font-size: calc(var(--s-1) + var(--s-4));
  font-style: normal;
  font-weight: var(--font-weight-body-1-base-mobile);
  line-height: var(--ls2);
}

._sub-title_1cm7zl {
  color: #5e6067;
  color: var(--typography-subtle, #5e6067);
  font-size: var(--ls-1);
  font-style: normal;
  font-weight: var(--font-weight-body-1-base-mobile);
  line-height: var(--ls0);
}

._icon-container_1cm7zl {
  align-items: center;
  background: #d6e3fe;
  background: var(--brand-brand-05, #d6e3fe);
  border-radius: 50px;
  display: flex;
  height: 32px;
  justify-content: center;
  margin-right: var(--spacing-primitive-gap0);
  padding: 4px
    4px;
  padding: var(--spacing-primitive-gap-1, 4px)
    var(--spacing-container-gap-inline-1, 4px);
  width: 32px;
}

/* styles for @clark-customer/ui/components/customer/consent-primer-screen.css */
._consent-primer_lkzlla {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: 544px;
  min-height: calc(
    100vh - var(--fixed-area-inset-top) - var(--fixed-area-inset-bottom)
  );
  padding: 0 var(--size-spacing-base);
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 729.98px) {
  ._consent-primer_lkzlla {
    justify-content: center;
  }
}

._header_lkzlla {
  display: flex;
  flex-direction: column;
  gap: var(--s4);
  margin-bottom: var(--size-spacing-extra-loose);
}

._header_lkzlla > ._illustration-wrapper_lkzlla {
  align-items: center;
  display: flex;
  font-size: var(--size-font-body-1-base-mobile);
  gap: var(--size-spacing-base);
  justify-content: center;
}

._title_lkzlla {
  color: var(--color-rich-black);
  font-family: var(--font-family-hero-header);
  font-size: var(--size-font-header-1-desktop);
  font-weight: var(--font-weight-hero-header-desktop) !important;
  line-height: var(--height-line-hero-header-mobile);
  margin: 0 0 var(--s-1);
}

._description_lkzlla {
  color: #575970;
  font-size: var(--size-font-header-3-mobile);
  margin-bottom: var(--size-spacing-base);
}

._actions_lkzlla {
  bottom: 58px;
  display: block;
  padding: 0 var(--size-spacing-base);
  position: fixed;
  width: 100%;
}

._illustration_lkzlla {
  margin: 0 !important;
}

/* styles for @clark-customer/ui/components/customer/mandate-sign-up.css */
._page-layout_dmv4f1 {
  align-items: center;
  display: flex;
  flex-direction: column;
}

._container_dmv4f1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: var(--size-spacing-extra-loose);
}

._consent-header_dmv4f1 {
  font-size: var(--size-font-hero-header-small-mobile);
  font-weight: var(--font-weight-body-1-base-mobile);
  line-height: var(--height-line-hero-header-small-mobile);
  margin-bottom: 20px;
  margin-top: 26px;
  text-align: center;
  width: 100%;
}

._consent-description_dmv4f1 {
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-body-1-base-mobile);
  line-height: var(--height-line-body-1-base-mobile);
  margin: 0 16px;
  text-align: center;
}

._button-submit_dmv4f1 {
  margin-top: 24px;
  width: 92%;
}

._button-redirect-to-login_dmv4f1 {
  margin: calc(var(--s2) + var(--s-3)) 0 calc(var(--s2) + var(--s-2));
}

._consent-policy_dmv4f1 {
  color: #8f98a8;
  font-size: var(--size-font-body-2-base-mobile);
  line-height: var(--height-line-body-2-base-mobile);
  margin-bottom: 30px;
  text-align: center;
  width: 85%;
}

._consent-policy_dmv4f1 > a {
  text-decoration: none;
}

@media only screen and (min-width: 730px) {
  ._container_dmv4f1 {
    width: 380px;
  }

  ._consent-header_dmv4f1 {
    font-size: var(--size-font-hero-header-small-desktop);
    font-weight: var(--font-weight-body-1-base-desktop);
    line-height: var(--height-line-hero-header-small-desktop);
    text-align: center;
  }

  ._consent-description_dmv4f1 {
    font-size: var(--size-font-body-1-base-desktop);
    font-weight: var(--font-weight-body-1-base-desktop);
    line-height: var(--height-line-body-1-base-desktop);
    text-align: center;
  }
}

/* styles for @clark-customer/ui/components/customer/mandate-sign-up/email-consent-form.css */
._form-layout_1nnsdj {
  display: flex;
  flex-direction: column;
  margin-top: 36px;
  padding-left: var(--size-spacing-base);
  padding-right: var(--size-spacing-base);
  width: 100%;
}

._form-block_1nnsdj {
  display: grid;
  gap: var(--size-spacing-base);
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}

._form-cell_1nnsdj._left-align-text_1nnsdj {
  text-align: left;
}

._form-cell_1nnsdj > * {
  width: 100%;
}

._form-cell_1nnsdj:last-child {
  grid-column: 1/3;
}

@media only screen and (min-width: 730px) {
  ._form-cell_1nnsdj {
    grid-column: 1/3;
  }
}

/* styles for @clark-customer/ui/components/customer/message-box-modal.css */
._modal_19tbri {
  border-radius: var(--size-spacing-extra-tight) var(--size-spacing-extra-tight)
    0 0;
}

._header_19tbri {
  background: var(--color-athens-gray);
  line-height: var(--size-spacing-slight);
  padding: 40px var(--size-spacing-slight) var(--size-spacing-slight);
  position: relative;
}

._header_19tbri::before {
  bottom: -15px;
  color: var(--color-white);
  content: "\25C6";
  font-size: 40px;
  left: var(--size-spacing-extra-loose);
  position: absolute;
}

._title_19tbri {
  font-size: var(--size-font-body-1-base-desktop);
  margin: 0;
}

._main_19tbri {
  display: grid;
  gap: var(--size-spacing-slight);
  padding: var(--size-spacing-base) var(--size-spacing-slight);
}

._actions-title_19tbri {
  border-top: 1px solid #dee2e6;
  font-size: var(--size-font-body-1-base-desktop);
  margin: 0;
  padding-bottom: var(--size-spacing-base);
  padding-top: var(--size-spacing-extra-tight);
}

/* styles for @clark-customer/ui/components/customer/mobile-menu/menu-content.css */
._menu-content_22ijh7 {
  align-items: flex-start;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  left: 0;
  padding-bottom: 45px;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 6;
}

._menu-content-header_22ijh7 {
  align-items: center;
  align-self: center;
  border-bottom: 1px solid #daddec;
  display: flex;
  flex-direction: column;
  padding: max(env(safe-area-inset-top), 30px) 20px 30px;
  width: 100%;
}

._nav-bar_22ijh7 {
  display: flex;
  flex-direction: column;
  height: 75%;
  overflow-y: scroll;
  width: 100%;
}

._nav-bar_22ijh7 a,
._nav-bar_22ijh7 button {
  align-items: center;
  color: #17203d;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 24px 20px;
  text-decoration: none;
  width: 100%;
}

._nav-bar_22ijh7 a > span,
._nav-bar_22ijh7 button > span {
  margin: auto 0;
}

._nav-bar_22ijh7 a svg,
._nav-bar_22ijh7 button svg {
  margin-right: 24px;
  width: 30px;
}

._nav-bar_22ijh7 a:not(:first-child) {
  border-top: 1px solid #daddec;
}

/* styles for @clark-customer/ui/components/customer/onboarding/fde/error-message-screen.css */
._container_cmrebi {
  background: var(--light-bg);
  min-height: 100vh;
  min-width: 100vw;
  padding: 24px;
}

._screen_cmrebi {
  display: flex;
  flex-direction: column;
  max-width: 725px;
  padding-right: 24px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

._icon-wrapper_cmrebi {
  align-self: flex-start;
  display: flex;
  height: 37px;
  margin-left: 12px;
  width: 40px;
}

._title_cmrebi {
  color: var(--color-rich-black);
  font-size: var(--size-font-hero-header-mobile);
  font-weight: var(--font-weight-intro-header-mobile);
  line-height: var(--height-line-hero-header-mobile);
  margin-left: 8px;
}

._description_cmrebi {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-mobile);
  line-height: var(--height-line-body-1-base-mobile);
  margin-left: 8px;
}

._sub-description_cmrebi {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-mobile);
  line-height: var(--height-line-body-1-base-mobile);
  margin-left: 8px;
  margin-top: 17px;
}

._button_cmrebi {
  margin-top: 48px;
}

@media only screen and (min-width: 768px) {
  ._container_cmrebi {
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  ._screen_cmrebi {
    align-items: center;
  }

  ._icon-wrapper_cmrebi {
    align-self: center;
  }

  title {
    font-size: var(--size-font-hero-header-desktop);
    font-weight: var(--font-weight-intro-header-desktop);
    line-height: var(--height-line-hero-header-desktop);
  }

  ._description_cmrebi {
    font-size: var(--size-font-body-1-base-desktop);
    line-height: var(--height-line-body-1-base-desktop);
    text-align: center;
  }

  ._sub-description_cmrebi {
    font-size: var(--size-font-body-1-base-desktop);
    line-height: var(--height-line-body-1-base-desktop);
    text-align: center;
  }
}

/* styles for @clark-customer/ui/components/customer/onboarding/fde/registration-modal.css */
._registration-modal_1prc7k {
  padding: var(--size-spacing-slight) var(--size-spacing-slight)
    var(--size-spacing-loosest);
}

@media only screen and (max-width: 729.98px) {
  ._registration-modal_1prc7k {
    border-radius: var(--size-spacing-extra-tight)
      var(--size-spacing-extra-tight) 0 0;
  }
}

@media only screen and (min-width: 730px) {
  ._registration-modal_1prc7k {
    border-radius: var(--size-spacing-extra-tight) !important;
  }
}

@media only screen and (max-width: 729.98px) {
  ._registration-modal_1prc7k {
    padding-bottom: calc(
      var(--size-spacing-loosest) + env(safe-area-inset-bottom)
    ) !important;
  }
}

._registration-modal_1prc7k ._container_1prc7k {
  display: flex;
  flex-direction: column;
}

._registration-modal_1prc7k ._container_1prc7k ._logo-wrapper_1prc7k {
  align-self: flex-start;
  display: flex;
}

._registration-modal_1prc7k ._container_1prc7k ._header_1prc7k ._title_1prc7k {
  font-family: var(--font-family-base);
  font-size: 24px;
  font-weight: var(--font-weight-intro-header-desktop);
  line-height: var(--height-line-header-2-desktop);
  margin: var(--size-spacing-base) 0;
}

/* styles for @clark-customer/ui/components/customer/onboarding/fde/registration-modal/form.css */
._form-layout_162i5v {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._form-block_162i5v {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._form-cell_162i5v {
  margin-bottom: var(--size-spacing-base);
}

._terms-container_162i5v {
  display: flex;
  flex-direction: row;
}

._terms-checkbox_162i5v {
  height: 22px;
  vertical-align: top;
  width: 22px;
}

/* styles for @clark-customer/ui/components/customer/onboarding/fde/registration-modal/form/checkbox.css */
._container_1vppp4 {
  display: flex;
  flex-direction: column;
}

._container_1vppp4 ._label_1vppp4 {
  align-items: center;
  cursor: pointer;
  display: flex;
}

._container_1vppp4 ._label_1vppp4._disabled_1vppp4 {
  cursor: not-allowed;
  opacity: 0.5;
}

._container_1vppp4 ._label_1vppp4 ._checkbox_1vppp4 {
  align-self: flex-start;
  border: 2px solid var(--color-mystic-gray);
  border-radius: 4px;
  display: block;
  flex: 0 0 24px;
  height: 24px;
  margin-right: 13px;
  position: relative;
  width: 24px;
}

._container_1vppp4 ._label_1vppp4 ._checkbox_1vppp4 svg {
  left: -2px;
  position: relative;
  top: -2px;
  width: 24px;
}

._container_1vppp4 ._label_1vppp4 ._checkbox_1vppp4 input[type="checkbox"] {
  display: none;
}

._container_1vppp4 ._label_1vppp4 ._checkbox_1vppp4._error_1vppp4 {
  border-color: var(--color-cardinal);
}

._container_1vppp4 ._label_1vppp4 ._checkbox_1vppp4._checked_1vppp4 {
  border: 2px solid white;
}

._container_1vppp4 ._label_1vppp4 ._text_1vppp4 {
  color: var(--color-comet-gray);
  font-size: var(--size-font-body-3-base-desktop);
  line-height: var(--height-line-body-3-base-desktop);
}

._container_1vppp4 ._errors_1vppp4 {
  margin-left: 32px;
}

/* styles for @clark-customer/ui/components/customer/onboarding/fde/welcome-to-clark.css */
._welcome-modal_1d32rm {
  padding: var(--size-spacing-slight) var(--size-spacing-slight)
    var(--size-spacing-loosest);
}

@media only screen and (max-width: 729.98px) {
  ._welcome-modal_1d32rm {
    border-radius: var(--size-spacing-extra-tight)
      var(--size-spacing-extra-tight) 0 0;
  }
}

@media only screen and (min-width: 730px) {
  ._welcome-modal_1d32rm {
    border-radius: var(--size-spacing-extra-tight) !important;
  }
}

@media only screen and (max-width: 729.98px) {
  ._welcome-modal_1d32rm {
    padding-bottom: calc(
      var(--size-spacing-loosest) + env(safe-area-inset-bottom)
    ) !important;
  }
}

._welcome-modal_1d32rm ._container_1d32rm {
  display: flex;
  flex-direction: column;
}

._welcome-modal_1d32rm ._container_1d32rm ._logo-wrapper_1d32rm {
  align-self: flex-start;
  display: flex;
}

._welcome-modal_1d32rm ._container_1d32rm ._logo-wrapper_1d32rm ._logo_1d32rm {
  margin: 0;
  width: 48px;
}

._welcome-modal_1d32rm ._container_1d32rm ._card-buttons_1d32rm {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  row-gap: 10px;
}

._welcome-modal_1d32rm ._container_1d32rm ._header_1d32rm ._title_1d32rm {
  font-family: var(--font-family-base);
  font-size: 24px;
  font-weight: var(--font-weight-intro-header-desktop);
  line-height: var(--height-line-header-2-desktop);
  margin: var(--size-spacing-base) 0;
}

/* styles for @clark-customer/ui/components/customer/onboarding/intention/form.css */
._form_j142es {
  align-items: stretch;
  display: flex;
  flex-direction: column;
}

._options_j142es {
  border: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

._options_j142es > ._option-container_j142es + ._option-container_j142es {
  margin-top: var(--size-spacing-extra-tight);
}

._option_j142es {
  align-items: center;
  background-color: var(--color-white);
  border: var(--size-border-thick) solid transparent;
  border-radius: var(--radius-border-base);
  color: var(--color-rich-black);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: var(--size-font-body-1-medium-desktop);
  font-weight: var(--font-weight-body-1-medium-desktop);
  line-height: var(--height-line-body-1-medium-desktop);
  padding: var(--size-spacing-base) var(--size-spacing-slight);
  transition:
    box-shadow ease time-transition-base,
    border-color ease time-transition-base,
    color ease var(--time-transition-base);
}

._option_j142es:hover {
  box-shadow: var(--shadow-box-base);
}

._option_j142es._focused_j142es {
  border-color: var(--color-assure);
}

._option_j142es._selected_j142es {
  border-color: var(--color-safety-blue);
}

._option_j142es._disabled_j142es {
  color: var(--color-silver-cup);
  cursor: default;
  pointer-events: none;
}

._icon_j142es._override_j142es {
  color: inherit;
  flex-shrink: 0;
  margin: 0 var(--size-spacing-base) 0 0;
}

._submit-button_j142es {
  align-self: center;
  height: 48px;
  margin-top: calc(var(--size-spacing-loose) + var(--size-spacing-extra-tight));
  max-width: 300px;
  width: 100%;
}

._submit-button_j142es._floating_j142es {
  border-radius: 50%;
  bottom: var(--size-spacing-loosest);
  height: 70px;
  margin: unset;
  max-width: unset;
  min-width: unset;
  position: fixed;
  right: var(--size-spacing-base);
  width: 70px;
}

._subtext_j142es {
  color: #5e6067;
  color: var(--typography-subtle, #5e6067);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

/* styles for @clark-customer/ui/components/customer/onboarding/mandate-intro-customized.css */
._screen_gdjsfk {
  background-color: var(--color-athens-gray);
  padding: var(--s4) 0 94px;
}

@media only screen and (min-width: 730px) {
  ._screen_gdjsfk {
    min-height: calc(100vh - var(--web-header-offset));
    padding: var(--s4) 0 var(--s3);
  }
}

._wrapper_gdjsfk {
  margin: auto;
  max-width: 650px;
  padding: 0 var(--s0);
  text-align: center;
}

._headline_gdjsfk {
  color: var(--color-rich-black);
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-header-2-mobile);
  line-height: var(--height-line-body-1-base-mobile);
  white-space: pre-line;
}

@media only screen and (min-width: 730px) {
  ._headline_gdjsfk {
    font-size: var(--size-font-header-3-desktop);
    font-weight: var(--font-weight-header-1-desktop);
    line-height: var(--height-line-header-3-desktop);
  }
}

._container_gdjsfk {
  background: var(--color-white);
  border-radius: var(--radius-border-base);
  box-shadow: 0 3px 5px rgb(173 182 217 / 40%);
  margin-top: var(--s2);
  padding: var(--s3) var(--s1);
}

@media only screen and (min-width: 730px) {
  ._container_gdjsfk {
    margin-top: var(--s3);
    padding: var(--s4) 64px;
  }
}

._container_gdjsfk > :not(:last-child) {
  margin-bottom: var(--s2);
}

@media only screen and (min-width: 730px) {
  ._container_gdjsfk > :not(:last-child) {
    margin-bottom: var(--s3);
  }
}

._container-header_gdjsfk {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}

._badge_gdjsfk {
  background: rgb(135 205 249 / 20%);
  border-radius: var(--radius-border-base);
  color: var(--color-assure);
  font-size: var(--size-font-body-1-medium-mobile);
  font-weight: var(--font-weight-body-1-medium-mobile);
  line-height: var(--size-font-body-1-medium-desktop);
  padding: var(--s-3) var(--s-1);
  text-transform: uppercase;
}

@media only screen and (min-width: 730px) {
  ._badge_gdjsfk {
    font-size: var(--size-font-body-1-medium-desktop);
    font-weight: var(--font-weight-body-1-medium-desktop);
    padding: var(--s-2) var(--s-1);
  }
}

@media only screen and (min-width: 730px) {
  ._list-item-icon_gdjsfk {
    margin-top: var(--s-3);
  }
}

._list-item-icon_gdjsfk {
  color: var(--color-assure);
}

._list-item-text_gdjsfk {
  display: flex;
  flex-direction: column;
}

._list-item-heading_gdjsfk {
  color: var(--color-rich-black);
  font-size: var(--size-font-header-3-mobile);
  font-weight: var(--font-weight-header-3-mobile);
  line-height: var(--height-line-header-3-mobile);
  margin: 0;
}

@media only screen and (min-width: 730px) {
  ._list-item-heading_gdjsfk {
    font-size: var(--size-font-header-3-desktop);
    font-weight: var(--font-weight-header-3-desktop);
    line-height: var(--height-line-header-3-desktop);
  }
}

._list-item-body_gdjsfk {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-body-1-base-mobile);
  line-height: var(--height-line-body-1-base-mobile);
}

@media only screen and (min-width: 730px) {
  ._list-item-body_gdjsfk {
    font-size: var(--size-font-body-1-base-desktop);
    font-weight: var(--font-weight-body-1-base-desktop);
    line-height: var(--height-line-body-1-base-desktop);
    margin-top: var(--s-3);
  }
}

._button-wrapper_gdjsfk {
  margin: var(--s2) auto auto;
  padding: 0 var(--s-1);
  text-align: center;
}

@media only screen and (min-width: 730px) {
  ._button-wrapper_gdjsfk {
    margin: var(--s3) auto auto;
    max-width: 325px;
  }
}

._next-button_gdjsfk {
  align-self: center;
  height: 48px;
  margin-top: calc(var(--s3) + var(--s-2));
  max-width: 325px;
}

._next-button_gdjsfk:active,
._next-button_gdjsfk._pressed_gdjsfk {
  color: var(--color-safety-blue);
}

._next-button_gdjsfk:focus {
  outline: none;
}

._next-button_gdjsfk:focus::before {
  border: 0;
}

._next-button_gdjsfk._floating_gdjsfk {
  border-radius: 50%;
  bottom: 64px;
  color: var(--color-assure);
  height: 70px;
  margin: unset;
  max-width: unset;
  min-width: unset;
  position: fixed;
  right: var(--s0);
  width: 70px;
}

/* styles for @clark-customer/ui/components/customer/onboarding/push-consent-primer-modal.css */
._push-consent-modal_15k9ui {
  border-radius: 0;
  height: 100%;
}

._push-consent-modal_15k9ui ._modal-body_15k9ui {
  height: 100%;
  justify-content: center;
}

._push-consent-modal_15k9ui ._modal-body_15k9ui h1 {
  font-weight: 600;
}

._push-consent-modal_15k9ui ._modal-body_15k9ui p {
  font-size: 16px;
  line-height: 24px;
}

._push-consent-modal_15k9ui ._modal-body_15k9ui ._actions_15k9ui {
  margin-top: var(--ls-1);
}

._push-consent-modal_15k9ui ._modal-body_15k9ui ._actions_15k9ui ._primary-button_15k9ui {
  font-size: 16px;
}

._push-consent-modal_15k9ui ._modal-body_15k9ui ._actions_15k9ui ._link-button_15k9ui {
  font-size: 14px;
  margin-top: var(--s0);
}

/* styles for @clark-customer/ui/components/customer/password-input.css */
._reveal-button_evyc55 {
  align-items: center;
  display: flex;
  padding: 0 8px;
}

/* styles for @clark-customer/ui/components/customer/password-strength-input.css */
/* stylelint-disable keyframes-name-pattern */

._hint_1yyu1h {
  color: var(--color-comet-gray);
  font-size: 12px;
  line-height: 18px;
  margin: 8px 0 0;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
}

._rules_1yyu1h {
  animation: _fadeIn_1yyu1h ease 0.5s;
  list-style: none;
  margin-top: 8px;
  opacity: 1;
}

@keyframes _fadeIn_1yyu1h {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

._rule_1yyu1h {
  align-items: center;
  display: flex;
  margin: 0;
}

._rule_1yyu1h:not(:last-of-type) {
  margin-bottom: 4px;
}

._rule-ok_1yyu1h,
._rule-fail_1yyu1h {
  display: flex;
  margin-right: 7px;
  max-height: 20px;
}

._rule-ok_1yyu1h > svg,
._rule-fail_1yyu1h > svg {
  max-height: 20px;
  max-width: 20px;
  overflow: hidden;
}

._rule-ok_1yyu1h path {
  /** Color: Status / Positive */
  fill: #18c154;
}

._rule-fail_1yyu1h path {
  /* Color: Mystic Gray */
  fill: #cfd3da;
}

/* styles for @clark-customer/ui/components/customer/profile-form.css */
._profile-form-root_n5351p {
  position: relative;
  width: 100%;
}

._form-layout_n5351p {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._form-block_n5351p {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._form-block_n5351p:not(:last-of-type) {
  margin-bottom: 16px;
}

._form-block_n5351p._direction-horizontal_n5351p {
  flex-direction: row;
}

._form-block_n5351p._direction-horizontal_n5351p > ._form-block_n5351p {
  flex: 1;
  margin-bottom: 0;
  width: auto;
}

._form-block_n5351p._direction-horizontal_n5351p > ._form-block_n5351p:not(:last-of-type) {
  margin-right: 28px;
}

._field-group_n5351p {
  display: flex;
  margin-bottom: 16px;
  width: 100%;
}

._form-cell_n5351p {
  display: flex;
  flex-grow: 0;
}

._form-cell_n5351p:not(:last-of-type) {
  margin-bottom: 16px;
}

._field-group_n5351p ._form-cell_n5351p {
  flex-grow: 1;
  margin-bottom: 0;
}

._field-group_n5351p ._form-cell_n5351p:not(:last-of-type) {
  margin-right: 16px;
}

/*
    Will be handled nicer (automatically) when there's a component
    This is useful for fields with explicitly provided `width`
  */

._form-cell_n5351p._custom-cell-width_n5351p {
  flex-grow: 0;
}

/*
    TODO: Need to make `LabeledField`/`LabeledChoice`/etc take
    all the provided space by default
  */

._form-cell_n5351p > * {
  width: 100%;
}

/*
    Real hackery
    TODO: How to deal with it here (even with reusable components in place)?
    Make the "inline" choice-set height consistent with the input?
  */

._form-cell_n5351p._contains-choice-set_n5351p {
  align-items: center;
  display: flex;
  min-height: 40px;
}

/* Overlay for "loading" use cases */

._form-overlay_n5351p {
  align-items: center;
  background-color: rgb(255 255 255 / 70%);
  display: flex;
  flex-direction: column;
  inset: 0;
  justify-content: flex-start;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: 0.2s opacity;
  z-index: 30;
}

._form-overlay_n5351p._transition-enter_n5351p,
._form-overlay_n5351p._transition-exit_n5351p,
._form-overlay_n5351p._transition-exiting_n5351p {
  opacity: 0;
}

._form-overlay_n5351p._transition-entering_n5351p,
._form-overlay_n5351p._transition-entered_n5351p {
  opacity: 1;
  pointer-events: auto;
}

._form-spinner_n5351p {
  color: var(--brand-primary);
  transform: scale(0.5);
  transition: 0.2s transform;
}

._form-spinner_n5351p._transition-entering_n5351p,
._form-spinner_n5351p._transition-entered_n5351p {
  transform: scale(1);
}

/* styles for @clark-customer/ui/components/customer/profile-screen.css */
._container_28ch3r {
  background-color: #fff;
  min-height: calc(100vh - 45px);
  min-width: 100vw;
  padding: 20px 16px;
}

@media only screen and (min-width: 768px) {
  ._container_28ch3r {
    background-color: #f5f6fa;
    min-height: calc(100vh - 80px);
    padding: 60px;
  }
}

._screen_28ch3r {
  margin: 0;
  width: 100%;
}

._screen_28ch3r > * + * {
  margin-top: 16px;
}

@media only screen and (min-width: 1000px) {
  ._screen_28ch3r {
    margin: 0 auto;
    width: 760px;
  }

  ._screen_28ch3r > * + * {
    margin-top: 40px;
  }
}

/* styles for @clark-customer/ui/components/customer/referral-page/version1.css */
._container_mbuuym {
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-base);
  margin: 0 auto;
  max-width: 714px;
  padding: var(--size-spacing-base);
}

@media only screen and (min-width: 450px) {
  ._container_mbuuym {
    padding: var(--size-spacing-slight) 0;
  }
}

._third-stage-card_mbuuym {
  display: flex !important;
  flex-direction: column;
}

._third-stage-title_mbuuym {
  font-size: 14px;
}

._third-stage-link_mbuuym {
  color: var(--color-assure);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 20px;
  text-decoration: none;
}

._amount-invites_mbuuym {
  font-size: 24px;
  font-weight: 500;
}

._third-stage-empty-state_mbuuym {
  display: flex;
  flex-direction: column;
  place-items: center center;
}

._third-stage-empty-state-icon_mbuuym {
  margin-bottom: 15px !important;
}

._third-stage-empty-state-title_mbuuym {
  font-weight: 500;
}

/* styles for @clark-customer/ui/components/customer/referral-page/version1/form.css */
._card_t6il3b {
  background: #f9e0d2 !important;
}

._card-content_t6il3b {
  display: grid;
  grid-column-gap: var(--size-spacing-base);
  grid-row-gap: var(--size-spacing-extra-tight);
  grid-template-areas:
    "header header media"
    "description description media"
    "actions actions media";
  grid-template-rows: auto 1fr auto;
}

._header_t6il3b {
  font-family: "Tiempos Headline", sans-serif;
  font-size: 26px;
  font-weight: 500;
  grid-area: header;
}

._inviter-tagline_t6il3b {
  color: #0439d7;
  color: var(--color-assure, #0439d7);
}

._description_t6il3b {
  color: #203151;
  color: var(--color-summer-night, #203151);
  font-size: 14px;
  font-weight: 400;
  grid-area: description;
  line-height: 22px;
}

._description_t6il3b b,
strong {
  font-weight: 500;
}

._media-container_t6il3b {
  grid-area: media;
  justify-self: end;
}

._link-container_t6il3b {
  display: inline-flex;
  gap: var(--size-spacing-extra-tight);
  grid-area: actions;
  justify-content: flex-start;
}

._referral-link_t6il3b {
  border-radius: var(--size-spacing-tightest);
  color: #575970;
  color: var(--color-comet-gray, #575970);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  max-width: 304px;
  padding: var(--size-spacing-extra-tight) var(--size-spacing-base);
  width: 100%;
}

._referral-link_t6il3b:focus-visible {
  outline: none;
}

@media only screen and (max-width: 767.98px) {
  ._card-content_t6il3b {
    gap: var(--size-spacing-base);
    grid-template-areas:
      "media"
      "header"
      "description"
      "actions";
  }

  ._referral-link_t6il3b {
    display: none;
  }

  ._media-container_t6il3b {
    justify-self: center;
    padding-bottom: var(--size-spacing-extra-tight);
  }

  ._card-content_t6il3b ._button_t6il3b {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    width: 100%;
  }

  ._header_t6il3b {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  ._description_t6il3b {
    padding-bottom: var(--size-spacing-base);
  }

  ._card-content_t6il3b {
    grid-template-columns: 1fr 1fr auto;
  }
}

/* styles for @clark-customer/ui/components/customer/referral-page/version1/how-it-works.css */
._list-item-text_t8v6zy {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

._list-item-text_t8v6zy > span {
  font-weight: 500;
}

._list-item-header_t8v6zy {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

._disclaimer-text_t8v6zy {
  color: var(--color-silver-cup);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

._list_t8v6zy {
  gap: var(--size-spacing-tight);
}

._list_t8v6zy > li {
  margin-bottom: 0 !important;
}

._bullet_t8v6zy {
  align-items: center;
  background: var(--color-mystic-gray);
  border-radius: 100px;
  color: var(--color-summer-night);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  justify-content: center;
  line-height: 22px;
  width: 24px;
}

._terms-link_t8v6zy {
  color: var(--color-assure);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

/* styles for @clark-customer/ui/components/customer/registration-page.css */
._registration-page_4lj302 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 88px;
  padding: 0 16px;
}

._registration-page_4lj302 > * {
  margin-bottom: 0;
  margin-top: 0;
}

._registration-page_4lj302 > * + * {
  margin-top: 20px;
}

@media only screen and (max-width: 729.98px) {
  ._registration-page_4lj302 {
    margin-top: 35px;
  }
}

._header_4lj302 {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  text-align: center;
}

@media only screen and (max-width: 729.98px) {
  ._header_4lj302 h1 {
    font-size: 22px;
  }
}

._intro_4lj302 {
  color: #203151;
}

._form_4lj302,
._button_4lj302 {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  width: 100%;
}

._trust-icons-wrapper_4lj302,
._legal_4lj302 {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  text-align: center;
}

._trust-icons-wrapper_4lj302 {
  margin-bottom: 32px;
  min-width: 291px;
}

/* To fit in one row on 320px width */

._trust-icons-wrapper_4lj302 > * {
  max-height: 35px;
}

._legal_4lj302 {
  color: #8f98a8;
  font-size: 12px;
  line-height: 16px;
}

._sharing-consent-wrapper_4lj302 {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  max-width: 400px;
  width: 100%;
}

._sharing-consent-wrapper_4lj302 label > span:last-child {
  color: #575970;
  font-size: 14px;
}

._sharing-consent-wrapper_4lj302 label > span:first-child {
  align-self: flex-start;
  height: 22px;
  width: 22px;
}

/* styles for @clark-customer/ui/components/customer/registration.css */
._field-container_y3fqp8 {
  margin-bottom: 32px;
}

._field-container_y3fqp8:last-of-type {
  margin-bottom: 8px;
}

._error-container_y3fqp8 {
  margin-top: 8px;
}

/* styles for @clark-customer/ui/components/customer/satisfaction.css */
._hide-me_1fc6l8 {
  display: none;
}

._reward_1fc6l8 {
  margin-top: 32px;
}

/* styles for @clark-customer/ui/components/customer/satisfaction/feedback.css */
._modal-container_w9qdi7 {
  border-radius: 8px 8px 0 0;
  padding: 24px;
}

@media only screen and (max-width: 767.98px) {
  ._feedback-form_w9qdi7 {
    padding: 16px 0 32px;
  }
}

/* styles for @clark-customer/ui/components/customer/temp-notification/warning.css */
/* FIXME: Make all the spacing/sizing values and colors to use the design-tokens */
._notification-banner_15l8ey {
  align-items: stretch;
  bottom: 70px;
  color: #203151;
  color: var(--summer-night, #203151);
  display: flex;
  left: 0;
  padding: var(--size-spacing-extra-tight) var(--size-spacing-base);
  position: fixed;
  right: 0;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  ._notification-banner_15l8ey {
    border-radius: 4px;
  }
}

._appearance-warning_15l8ey {
  background-color: #feeacc;
  background-color: var(--peach, #feeacc);
  font-family: "Cera Round Pro", sans-serif;
  margin: auto;
  max-width: 785px;
  width: 90%;
}

._icon_15l8ey {
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 12px;
}

._icon-appearance-warning_15l8ey {
  color: #f99400;
}

._content_15l8ey {
  display: block;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

._description_15l8ey {
  font-weight: 400;
}

._title_15l8ey {
  font-weight: 500;
}

._close-button_15l8ey {
  height: 24px;
  margin-left: 15px;
  width: 24px;
}

._close-icon_15l8ey {
  color: #203151;
  height: 10px;
  width: 10px;
}

/* styles for @clark-customer/ui/components/customer/trust-icons.css */
._container_yu4tx8 {
  display: flex;
  flex-flow: row wrap;
}

._align-center_yu4tx8 {
  justify-content: center;
}

._align-right_yu4tx8 {
  justify-content: flex-end;
}

._align-space-around_yu4tx8 {
  justify-content: space-around;
}

._spacing-base_yu4tx8 {
  margin-left: calc(-1 * var(--size-spacing-base));
  margin-top: calc(-1 * var(--size-spacing-base));
}

._spacing-extra-loose_yu4tx8 {
  margin-left: calc(-1 * var(--size-spacing-extra-loose));
  margin-top: calc(-1 * var(--size-spacing-extra-loose));
}

._spacing-loose_yu4tx8 {
  margin-left: calc(-1 * var(--size-spacing-loose));
  margin-top: calc(-1 * var(--size-spacing-loose));
}

._spacing-slight_yu4tx8 {
  margin-left: calc(-1 * var(--size-spacing-slight));
  margin-top: calc(-1 * var(--size-spacing-slight));
}

._icon_yu4tx8 {
  max-height: 42px;
}

._icon-spacing-base_yu4tx8 {
  margin-left: var(--size-spacing-base);
  margin-top: var(--size-spacing-base);
}

._icon-spacing-extra-loose_yu4tx8 {
  margin-left: var(--size-spacing-extra-loose);
  margin-top: var(--size-spacing-extra-loose);
}

._icon-spacing-loose_yu4tx8 {
  margin-left: var(--size-spacing-loose);
  margin-top: var(--size-spacing-loose);
}

._icon-spacing-slight_yu4tx8 {
  margin-left: var(--size-spacing-slight);
  margin-top: var(--size-spacing-slight);
}

/* styles for @clark-customer/ui/components/customer/trust-icons/trust-icon.css */
/* stylelint-disable declaration-block-no-duplicate-properties */
._icon_1x1pwn {
  object-fit: contain;
}

._greyscale_1x1pwn {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
}

._transparent-greyscale_1x1pwn {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
  opacity: 0.5;
}

/* styles for @clark-customer/ui/components/customer/upgrade-intro-screen.css */
._container_1iq7rl {
  background-color: var(--surface-layer);
  min-height: calc(100vh - var(--fixed-area-inset-bottom));
  min-width: 100vw;
  padding: 24px;
}

._screen_1iq7rl {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 958px;
}

._upgrade-preview_1iq7rl {
  max-width: 958px;
}

._title_1iq7rl {
  font-size: calc(var(--ls1) - var(--ls-4));
  line-height: calc(var(--ls2) + var(--ls-4));
  text-align: center;
}

._description_1iq7rl {
  color: var(--color-summer-night);
  line-height: var(--ls1);
  margin: 0 0 var(--ls2) 0;
}

._upgrade-title_1iq7rl {
  font-size: var(--ls0);
  line-height: var(--ls2);
  margin: 0 0 var(--ls0) 0;
}

._list_1iq7rl {
  margin: 0 0 var(--ls2) 0;
}

._list-item_1iq7rl {
  font-size: calc(var(--ls0) - var(--ls-4));
}

@media only screen and (min-width: 768px) {
  ._container_1iq7rl {
    min-height: calc(100vh - 80px);
  }

  ._screen_1iq7rl {
    align-items: center;
  }

  ._title_1iq7rl {
    font-size: calc(var(--ls1) + var(--ls-4));
  }

  ._description_1iq7rl {
    font-size: var(--ls0);
  }

  ._upgrade-title_1iq7rl {
    font-size: calc(var(--ls0) + var(--ls-4));
  }

  ._list-item_1iq7rl {
    font-size: var(--ls0);
  }
}

@media only screen and (min-width: 1000px) {
  ._screen_1iq7rl {
    margin: 0 auto;
  }
}

/* styles for @clark-customer/ui/components/customer/verification-code-input.css */
/* stylelint-disable font-family-no-missing-generic-family-keyword, no-descending-specificity */

._code-input-container_183d1j {
  display: flex;
  flex-direction: column;
  position: relative;
}

._code-input-container_183d1j ._label_183d1j {
  color: #203151;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
  text-align: center;
}

._code-input-container_183d1j ._verified-icon_183d1j {
  position: absolute;
  right: -10px;
  top: 20px;
}

._code-input-container_183d1j ._error-message_183d1j {
  color: #d51e50;
  font-family: "Cera Round Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-top: 8px;
}

._phone-verification-input-code_183d1j {
  -webkit-appearance: textfield;
          appearance: textfield;
  border: 1px solid #cfd3da;
  border-radius: 4px;
  color: #203151;
  font-family: "Cera Round Pro";
  font-size: 36px;
  height: 65px;
  letter-spacing: 20px;
  line-height: 36px;
  outline: 0;
  padding: 16px 30px 13px 50px;
  text-align: center;
  width: 256px;
}

._phone-verification-input-code_183d1j::-webkit-inner-spin-button,
._phone-verification-input-code_183d1j::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

._phone-verification-input-code_183d1j:focus {
  border-color: #0439d7;
}

._phone-verification-input-code_183d1j:focus._has-error_183d1j,
._phone-verification-input-code_183d1j._has-error_183d1j {
  border-color: #d51e50;
}

/* styles for @clark-customer/ui/components/customer/voucher-journey.css */
._section_14f9gp {
  display: block;
  overflow: hidden;
  padding: 35px 0 20px !important;
  position: relative;
}

._wrapper_14f9gp {
  margin: auto;
  max-width: 650px;
  padding: 0 var(--s0);
}

._form-heading_14f9gp {
  font-size: 22px;
  line-height: 30px;
}

._form-description_14f9gp {
  color: #203151;
  font-size: 14px;
  line-height: 22px;
  margin: 16px auto 0;
  max-width: 620px;
  text-align: left;
}

._form-layout_14f9gp {
  margin: 40px 0 0;
}

._skip-button_14f9gp {
  margin-top: 32px;
}

._button-wrapper_14f9gp {
  margin: var(--s2) auto auto;
  padding: 0 var(--s-1);
  text-align: center;
}

@media only screen and (min-width: 730px) {
  ._button-wrapper_14f9gp {
    margin: var(--s3) auto auto;
    max-width: 100%;
  }
}

._next-button_14f9gp {
  align-self: center;
  height: 48px;
  margin-top: calc(var(--s3) + var(--s-2));
  max-width: 100%;
}

._next-button_14f9gp:active,
._next-button_14f9gp._pressed_14f9gp {
  color: var(--color-safety-blue);
}

._next-button_14f9gp:focus {
  outline: none;
}

._next-button_14f9gp:focus::before {
  border: 0;
}

._next-button_14f9gp._floating_14f9gp {
  border-radius: 50%;
  bottom: 64px;
  color: var(--color-assure);
  height: 70px;
  margin: unset;
  max-width: unset;
  min-width: unset;
  position: fixed;
  right: var(--s0);
  width: 70px;
}

/* styles for @clark-customer/ui/components/customer/voucher-link.css */
._voucher-link_2s9acg {
  font-size: 14px;
  margin-bottom: 30px;
  margin-top: var(--size-spacing-slight);
  position: relative;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 730px) {
  ._voucher-link_2s9acg {
    margin-bottom: 38px;
    margin-top: 38px;
  }
}

/* styles for @clark-customer/ui/components/customer/voucher-modal.css */
._container_tv3qtn {
  display: grid;
  grid-template-areas:
    "header"
    "body"
    "actions";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  padding: var(--size-spacing-base);
}

._header_tv3qtn {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-base);
  grid-area: header;
}

._header-icon_tv3qtn {
  height: 96px !important;
  max-height: 128px !important;
  max-width: 128px !important;
  width: 96px !important;
}

._title_tv3qtn {
  font-size: var(--size-font-header-1-mobile);
  font-weight: var(--font-weight-header-2-mobile);
  line-height: var(--height-line-header-2-desktop);
  text-align: center;
}

._body_tv3qtn {
  grid-area: body;
}

._list_tv3qtn {
  margin-top: var(--size-spacing-slight);
}

._list-item_tv3qtn {
  align-items: flex-start;
  display: flex;
  margin-top: var(--size-spacing-tight);
}

._list-item_tv3qtn:first-child {
  margin-top: 0;
}

._list-icon_tv3qtn {
  color: var(--color-assure);
  height: 18px !important;
  margin: 0 !important;
  margin-top: calc(0.5 * var(--size-spacing-tightest)) !important;
  width: 18px !important;
}

._payout-term_tv3qtn {
  flex: 1;
  font-size: var(--size-font-body-1-base-mobile);
  line-height: var(--height-line-body-1-base-mobile);
  margin-left: var(--size-spacing-base);
}

._actions_tv3qtn {
  grid-area: actions;
  margin-bottom: 42px;
  margin-top: var(--size-spacing-slight);
}

._link_tv3qtn {
  height: 48px;
  padding: var(--size-spacing-base);
}

@media only screen and (min-width: 768px) {
  ._container_tv3qtn {
    padding: var(--size-spacing-base) var(--size-spacing-loosest)
      var(--size-spacing-slight);
  }

  ._title_tv3qtn {
    font-size: var(--size-font-header-1-desktop);
    font-weight: var(--font-weight-header-2-desktop);
    line-height: var(--height-line-header-2-desktop);
  }

  ._body_tv3qtn {
    grid-area: body;
  }

  ._list_tv3qtn {
    margin-top: var(--size-spacing-loose);
  }

  ._list-icon_tv3qtn {
    margin-top: var(--size-spacing-tightest) !important;
  }

  ._payout-term_tv3qtn {
    font-size: var(--size-font-body-1-base-desktop);
    line-height: var(--height-line-body-1-base-desktop);
  }

  ._actions_tv3qtn {
    margin-top: var(--size-spacing-loose);
  }
}

/* styles for @clark-home/ui/components/home/contracts/add-contract-button.css */
._label_10elaz {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

._add-contract-cta_10elaz {
  background-color: #f2f7ff !important;
  background-color: var(--color-alice-blue, #f2f7ff) !important;
  border: 2px solid #f2f7ff !important;
  border: 2px solid var(--color-alice-blue, #f2f7ff) !important;
  width: 100% !important;
}

._add-contract-cta_10elaz:hover {
  background-color: #e7effd !important;
  border: 2px solid #e7effd !important;
  color: var(--color-assure) !important;
}

._icon_10elaz {
  margin-left: var(--spacing-primitive-gap0) !important;
}

/* styles for @clark-home/ui/components/home/contracts/contracts-list.css */
._card-list_1kmsun {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._header_1kmsun {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

@media only screen and (min-width: 730px) {
  ._header_1kmsun {
    padding-left: 0;
    padding-right: 0;
  }
}

._title_1kmsun {
  color: #222326;
  color: var(--typography-main, #222326);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}

._cards_1kmsun {
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-slight);
  height: auto !important;
}

._modal_1kmsun {
  border-radius: 8px 8px 0 0;
  text-align: center;
}

._container_1kmsun {
  padding: var(--size-spacing-slight);
}

._body-container_1kmsun {
  margin-top: var(--size-spacing-extra-loose);
  padding: 0 var(--size-spacing-extra-tight);
}

._modal-title_1kmsun {
  color: var(--color-rich-black);
  font-family: var(--font-family-hero-header);
  font-size: var(--size-font-hero-header-mobile);
  font-style: normal;
  font-weight: var(--font-weight-hero-header-mobile);
  line-height: var(--height-line-hero-header-mobile);
  text-align: center;
}

._description_1kmsun {
  align-items: center;
  color: var(--color-summer-night);
  display: inline-flex;
  font-family: var(--font-family-base);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  line-height: 24px;
  margin-top: 20px;
  max-width: 343px;
  text-align: center;
}

._user-actions_1kmsun {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  margin-top: 25px;
  width: 100%;
}

@media only screen and (min-width: 730px) {
  ._modal_1kmsun {
    border-radius: 0;
  }

  ._modal-title_1kmsun {
    font-size: var(--size-font-hero-header-desktop);
    font-weight: var(--font-weight-hero-header-desktop);
    line-height: var(--height-line-hero-header-desktop);
  }

  ._description_1kmsun {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    max-width: 352px;
  }

  ._user-actions_1kmsun {
    width: 90%;
  }
}

/* styles for @clark-home/ui/components/home/contracts/contracts-list/opportunities-list.css */
._feedback-with-icon-container_bfx4ua {
  align-items: center;
  display: grid;
  grid-gap: 0 6px;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
}

._feedback_bfx4ua {
  font-size: var(--size-font-body-2-base-mobile);
  font-weight: 500;
  line-height: 18px;
}

._feedback_bfx4ua._is-danger_bfx4ua,
._feedback-icon_bfx4ua._is-danger_bfx4ua {
  color: var(--color-cardinal);
}

._feedback_bfx4ua._is-interactive_bfx4ua {
  color: #0439d7;
}

._title-with-icon-container_bfx4ua {
  padding-right: 24px;
}

._title-icon_bfx4ua {
  color: var(--color-silver-cup);
  position: absolute;
  right: 11px;
  top: 8px;
}

._missed-appointment-title-container_bfx4ua {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

._missed-appointment-title-icon_bfx4ua {
  margin: 0 !important;
}

/* styles for @clark-home/ui/components/home/contracts/contracts-section/index.css */
._card-container_h4e8x3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-primitive-gap0);
}

._card-list_h4e8x3 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._card-section_h4e8x3 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._header_h4e8x3 {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

@media only screen and (min-width: 730px) {
  ._header_h4e8x3 {
    padding-left: 0;
    padding-right: 0;
  }
}

._title_h4e8x3,
._sub-title_h4e8x3 {
  color: #222326;
  color: var(--typography-main, #222326);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}

._title_h4e8x3 {
  font-size: 18px;
}

._sub-title_h4e8x3 {
  font-size: 16px;
  margin-bottom: 16px;
}

._contracts-section_h4e8x3 {
  scroll-margin: 8vh;
}

/* styles for @clark-home/ui/components/home/contracts/instant-doc-upload/confirmation-modal.css */
._primary-button_16tur6 span {
  display: flex;
  gap: 5px;
}

/* styles for @clark-home/ui/components/home/contracts/no-added-contracts-card.css */
._contract-card-wrapper_1a11qo {
  align-items: center;
  background-color: var(--color-white);
  border: none;
  border-radius: 4px;
  color: #203151;
  font-family: var(--font-family-base);
  padding: var(--spacing-container-padding3) 0 var(--spacing-container-padding0);
  position: relative;
  text-align: center;
}

._cta-text_1a11qo {
  margin-left: 10px;
}

._cta-button_1a11qo {
  background-color: #f2f7ff !important;
  background-color: var(--color-alice-blue, #f2f7ff) !important;
  border: 2px solid #f2f7ff !important;
  border: 2px solid var(--color-alice-blue, #f2f7ff) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  width: 100%;
}

._cta-button_1a11qo:hover {
  background-color: #e7effd !important;
  border: 2px solid #e7effd !important;
  color: var(--color-assure);
  text-decoration: none !important;
}

._empty-contract-cards_1a11qo svg {
  display: block;
  margin: auto;
}

._plus-icon_1a11qo {
  display: inline-flex;
}

._text_1a11qo {
  font-size: 16px;
  font-weight: var(--font-weight-header-1-mobile);
  margin: 35px 0;
}

/* styles for @clark-home/ui/components/home/contracts/placeholder-product-modal.css */
._modal_1cy7hf {
  border-radius: 8px 8px 0 0;
  text-align: left;
}

._container_1cy7hf {
  padding: var(--size-spacing-slight);
}

._body-container_1cy7hf {
  margin-top: var(--size-spacing-base);
}

._modal-title_1cy7hf {
  color: var(--color-rich-black);
  font-family: var(--font-family-base);
  font-size: var(--size-font-header-1-mobile);
  font-style: normal;
  font-weight: var(--font-weight-header-1-mobile);
  line-height: var(--height-line-header-2-desktop);
  text-align: left;
}

._description_1cy7hf {
  align-items: center;
  color: var(--color-summer-night);
  display: inline-flex;
  font-family: var(--font-family-base);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  line-height: 24px;
  margin-top: 8px;
  max-width: 343px;
  text-align: left;
}

._user-actions_1cy7hf {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  margin-top: 16px;
  width: 100%;
}

._info-icon_1cy7hf {
  color: #222326;
  height: 48px !important;
  margin: 0 0 var(--size-spacing-slight) !important;
  width: 48px !important;
}

@media only screen and (min-width: 730px) {
  ._modal_1cy7hf {
    border-radius: 0;
  }

  ._modal-title_1cy7hf {
    text-align: center;
  }

  ._description_1cy7hf {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    max-width: 100%;
    text-align: center;
  }

  ._info-icon_1cy7hf {
    color: #222326;
    height: 48px !important;
    margin: 0 auto var(--size-spacing-slight) !important;
    width: 48px !important;
  }
}

/* styles for @clark-home/ui/components/home/customer/app-download-nudge-modal.css */
._container_17njha {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-loose);
  padding: var(--size-spacing-slight) var(--size-spacing-slight)
    var(--size-spacing-loose) var(--size-spacing-slight) !important;
}

._modal_17njha {
  border-top-left-radius: var(--radius-border-largest);
  border-top-right-radius: var(--radius-border-largest);
}

._header_17njha {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-tight);
}

._title_17njha {
  color: var(--color-summer-night);
  font-size: 22px;
  font-style: normal;
  font-weight: var(--font-weight-header-2-mobile);
  line-height: 30px;
  text-align: center;
}

._subtitle_17njha {
  color: var(--color-comet-gray);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}

._actions_17njha {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-base);
}

._primary-button_17njha,
._secondary-button_17njha {
  font-size: 16px !important;
  line-height: normal !important;
}

._secondary-button_17njha {
  background-color: #f2f7ff;
  border-color: #f2f7ff;
  color: var(--color-assure);
}

/* styles for @clark-home/ui/components/home/customer/content-for-you-section.css */
._header_1v7jaz {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--size-spacing-extra-tight);
  padding-right: var(--size-spacing-extra-tight);
}

@media only screen and (min-width: 730px) {
  ._header_1v7jaz {
    padding-left: 0;
    padding-right: 0;
  }
}

._title_1v7jaz {
  color: #222326 !important;
  color: var(--typography-main, #222326) !important;
  font-size: var(--size-font-header-3-desktop) !important;
  font-weight: var(--font-weight-header-3-mobile) !important;
  line-height: 24px !important;
  margin: 0;
}

.clark2 ._title_1v7jaz {
  color: var(--typo-dark);
  font-weight: 500;
}

@media only screen and (min-width: 730px) {
  ._title_1v7jaz {
    font-size: 20px;
    line-height: 28px;
  }
}

._content-slider_1v7jaz {
  display: flex;
  gap: var(--size-spacing-extra-tight);
  justify-content: flex-start;
  max-width: 100%;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  width: 100%;
}

._content-slider_1v7jaz::-webkit-scrollbar {
  display: none;
}

/* styles for @clark-home/ui/components/home/customer/insurance-overview.css */
._totals_1luund {
  border-left: 2px solid rgb(222 226 230 / 100%);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  padding-left: var(--spacing-primitive-padding0);
}

._totals_1luund > ._label_1luund {
  color: #878a93;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

._totals_1luund > ._value_1luund {
  color: #222326;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

._header_1luund {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

._unlocked_1luund {
  max-height: 152px;
}

@media only screen and (min-width: 730px) {
  ._unlocked_1luund {
    height: auto;
    max-height: 100%;
  }
}

/* styles for @clark-home/ui/components/home/customer/insurance-overview/demandcheck-card.css */
._card-content_1j9ocu {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
}

._title_1j9ocu {
  color: var(--typography-main);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--s2);
}

._description_1j9ocu {
  color: var(--text-subtle);
  line-height: var(--s2);
  margin-top: var(--spacing-container-gap-block-2);
}

._actions_1j9ocu {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._cta_1j9ocu {
  align-self: stretch;
  font-size: 16px !important;
}

/* styles for @clark-home/ui/components/home/customer/insurance-overview/insurance-score-rings.css */
._container_11y2i1 {
  height: 104px;
  min-width: 100px;
  position: relative;
  width: 104px;
}

._section_11y2i1 {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity 0.1s linear;
}

._link_11y2i1 {
  height: 100% !important;
  left: -2px !important;
  min-width: 104px !important;
  padding: 0 !important;
  position: absolute !important;
  top: -2px !important;
  width: 104px !important;
}

@media only screen and (min-width: 730px) {
  ._container_11y2i1 {
    height: 170px;
    min-width: 170px;
    width: 170px;
  }

  ._link_11y2i1 {
    width: 170px !important;
  }
}

._circular-path-background_11y2i1,
._circular-path-health_11y2i1,
._circular-path-retirement_11y2i1,
._circular-path-things_11y2i1 {
  stroke-linecap: round;
  stroke-width: 8;
}

._circular-path-background_11y2i1 {
  stroke: #dee2e6;
}

._circular-path-health_11y2i1 {
  stroke: #7055bc;
}

._circular-path-retirement_11y2i1 {
  stroke: #4a85d5;
}

._circular-path-things_11y2i1 {
  stroke: #75ddf2;
}

._circular-path-background_11y2i1._desktop_11y2i1,
._circular-path-health_11y2i1._desktop_11y2i1,
._circular-path-retirement_11y2i1._desktop_11y2i1,
._circular-path-things_11y2i1._desktop_11y2i1 {
  stroke-width: 10;
}

._circular-path-background_11y2i1._hide_11y2i1,
._circular-path-health_11y2i1._hide_11y2i1,
._circular-path-retirement_11y2i1._hide_11y2i1,
._circular-path-things_11y2i1._hide_11y2i1 {
  stroke-width: 0 !important;
}

/* styles for @clark-home/ui/components/home/customer/mobile-app-header.css */
button._close-button_1q2kk9 {
  left: 16px;
  position: absolute;
  top: calc(env(safe-area-inset-top) + 30px);
}

._nav-item_1q2kk9 {
  min-height: unset;
}

._nav-item_1q2kk9._left_1q2kk9 {
  margin-left: var(--s0);
  margin-right: auto;
}

._nav-item_1q2kk9:not(._app-referral_1q2kk9) {
  color: #283e66;
  min-height: unset;
  min-width: unset;
  padding: 0;
}

._app-referral_1q2kk9 {
  background-color: #f2f7ff !important;
  border: 2px solid #f2f7ff !important;
  border-radius: 26px !important;
  color: var(--color-assure) !important;
  font-size: 16px !important;
  height: unset !important;
  padding: 12px 24px !important;
}

._app-referral_1q2kk9:active {
  background-color: #bbd0fc !important;
  border-color: #bbd0fc !important;
}

._app-referral_1q2kk9:hover {
  background-color: #d6e3fe !important;
  border-color: #d6e3fe !important;
}

@media only screen and (max-width: 729.98px) {
  ._app-referral_1q2kk9 {
    min-height: 40px !important;
    padding: 8px 0 !important;
  }
}

._app-referral-icon_1q2kk9 {
  margin-right: 4px;
}

._has-unread_1q2kk9::before,
._has-dot_1q2kk9::before {
  background-color: #d51e50;
  border: 2px solid #fff;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 12px;
  left: 12px;
  position: absolute;
  top: -1px;
  width: 12px;
  z-index: 3;
}

._has-dot_1q2kk9::before {
  border: none;
  height: 8px;
  left: 26px;
  top: -2px;
  width: 8px;
}

._read-status_1q2kk9._hidden_1q2kk9 {
  display: none;
}

._profile-menu-opened_1q2kk9 {
  overflow: hidden;
}

._mobile-menu-link_1q2kk9 {
  align-items: center;
  color: #17203d;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: var(--s2) 20px;
  text-decoration: none;
  width: 100%;
}

._mobile-menu-link_1q2kk9 > span {
  margin: auto 0;
}

._mobile-menu-link_1q2kk9 svg {
  margin-right: var(--s2);
  width: 30px;
}

._mobile-menu-link_1q2kk9:not(:first-child) {
  border-top: 1px solid #daddec;
}

._mobile-menu-link_1q2kk9 ._pill-label_1q2kk9 {
  background: var(--color-safety-blue);
  border-radius: 100px;
  color: white;
  font-size: 14px;
  font-weight: 500;
  left: auto;
  line-height: 22px;
  margin-left: var(--size-spacing-base);
  padding: 4px 12px;
}

@media only screen and (max-width: 374.98px) {
  ._mobile-menu-link_1q2kk9 ._pill-label_1q2kk9 {
    margin-left: var(--size-spacing-extra-tight);
    padding: 4px var(--size-spacing-extra-tight);
  }
}

/* styles for @clark-home/ui/components/home/customer/mobile-app-header/profile.css */
button._logout-link_on38rw {
  line-height: 14px;
  margin-top: 9px;
  min-height: unset;
  padding: unset;
}

p._profile-name_on38rw {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: var(--s-3);
}

p._profile-email_on38rw {
  color: #666;
}

._profile-logo_on38rw {
  height: 30px;
  width: 100px;
}

._profile-logo_on38rw > svg > g {
  fill: #2b6cde;
}

p._profile-deemphasized_on38rw {
  color: #666;
  margin-top: 18px;
}

/* styles for @clark-home/ui/components/home/customer/next-best-actions.css */
._swiper_aocz3w._override_aocz3w {
  overflow: visible;
  width: 100%;
}

._swiper_aocz3w .swiper-pagination {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--size-spacing-extra-tight);
  height: var(--size-spacing-extra-tight);
  justify-content: center;
  margin: var(--size-spacing-base) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

._swiper_aocz3w .swiper-pagination-bullet {
  background-color: var(--color-mystic-gray);
  border-radius: var(--size-spacing-tightest);
  display: block;
  flex: 1 0 auto;
  height: var(--size-spacing-extra-tight);
  transition: all 0.25s linear 0s;
  width: var(--size-spacing-extra-tight);
}

._swiper_aocz3w .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-assure);
  width: var(--size-spacing-base);
}

._swiper_aocz3w .swiper-button-disabled {
  display: none;
}

._prev_aocz3w,
._next_aocz3w {
  background: rgb(87 89 112 / 30%);
  border-radius: 50%;
  display: none;
  height: 32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  z-index: 1;
}

._next_aocz3w {
  right: 0;
}

._prev_aocz3w {
  left: 0;
}

._prev_aocz3w:hover,
._next_aocz3w:hover {
  background-color: var(--color-comet-gray);
}

._prev_aocz3w:active,
._next_aocz3w:active {
  background-color: #01051c;
}

._arrow_aocz3w {
  color: #fff;
}

@media only screen and (min-width: 768px) {
  ._wrapper_aocz3w {
    overflow: hidden;
    position: relative;
    width: 698px;
  }

  ._swiper_aocz3w .swiper-pagination {
    display: none;
  }

  ._prev_aocz3w,
  ._next_aocz3w {
    display: flex;
  }
}

/* styles for @clark-home/ui/components/home/customer/top-recommendation.css */
._top-recommendation-fact_1swh4x {
  margin-top: var(--size-spacing-extra-tight);
}

._button-link_1swh4x {
  font-size: var(--s0) !important;
  position: static !important;
  width: 100% !important;
}

._button-link_1swh4x + * {
  margin-top: var(--s0);
}

/* styles for @clark-home/ui/components/home/main/home-screen.css */
._home-wrapper_3c19br {
  background-color: #f5f6fa;
  display: grid;
  gap: var(--size-spacing-slight) var(--size-spacing-base);
  grid-template-columns:
    1fr min(698px, calc(100% - var(--size-spacing-base) * 2))
    1fr;
  grid-template-columns:
    1fr min(var(--article-size), calc(100% - var(--size-spacing-base) * 2))
    1fr;
  height: 100%;
  overflow: hidden;
  padding-bottom: var(--size-spacing-base);

  --article-size: 698px;
}

._home-wrapper_3c19br > * {
  grid-column: 2;
}

._contracts-section_3c19br {
  height: 100%;
  overflow: visible;
  padding: 0 0 var(--size-spacing-base);
}

@media only screen and (min-width: 730px) {
  ._contracts-section_3c19br {
    padding: 0;
  }
}

._page-wrapper_3c19br {
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-slight);
  height: auto;
  min-height: 100%;
  position: relative;
  width: 100%;
}

._contracts-section_3c19br ._page-wrapper_3c19br {
  background-color: #f5f6fa;
}

@media only screen and (min-width: 1200px) {
  ._contracts-section_3c19br ._page-wrapper_3c19br {
    background: none;
  }
}

._top-card-section_3c19br {
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-base);
}

/* styles for @clark-home/ui/components/home/main/landing.css */
._greeting_uljyke {
  color: #222326;
  color: var(--typography-main, #222326);
  font-family: "Tiempos Headline", sans-serif;
  font-size: var(--s3);
  line-height: 48px;
  padding: 0 var(--s-1);
}

:root {
  --header-outer-height: calc(env(safe-area-inset-top) + 112px);
  --header-inner-height: calc(env(safe-area-inset-top) + 44px);
  --header-height-difference: calc(
    var(--header-outer-height) - var(--header-inner-height)
  );
}

._header_uljyke {
  background-color: #fff;
  box-shadow: 0 1px 0 rgb(0 0 0 / 6%);
  contain: content;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--s0);
  padding: 32px 0 16px;
  z-index: 5;
}

._header_uljyke,
._header-inner_uljyke {
  position: -webkit-sticky;
  position: sticky;
}

._header-inner_uljyke {
  align-self: center;
  height: calc(env(safe-area-inset-top) + 44px);
  height: var(--header-inner-height);
  max-width: 714px;
  padding-top: env(safe-area-inset-top);
  top: 0;
  width: 100%;
}

@media only screen and (max-width: 729.98px) {
  ._greeting_uljyke {
    height: 56px;
    margin-top: var(--s-1);
    padding: 0 var(--s0) var(--s0);
  }

  ._header_uljyke {
    height: calc(env(safe-area-inset-top) + 112px);
    height: var(--header-outer-height);
    padding: unset;
    top: calc(calc(
    calc(env(safe-area-inset-top) + 112px) - calc(env(safe-area-inset-top) + 44px)
  ) * -1);
    top: calc(var(--header-height-difference) * -1);
  }
}

/* styles for @clark-home/ui/components/home/offers/appointments-overview.css */
._cancel-notification_h0l22z {
  left: 0;
  position: fixed;
  text-align: center;
  top: 40px !important; /* for the notch */
  z-index: 100;
}

@media only screen and (min-width: 730px) {
  ._cancel-notification_h0l22z {
    top: 80px !important;
  }
}

/* styles for @clark-home/ui/components/home/sales/mandate/advice/returning-user-recommendation-modal.css */
._modal_1ylop1 {
  font-size: var(--size-font-body-2-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-2-base-desktop);
}

@media only screen and (max-width: 767.98px) {
  ._modal_1ylop1 {
    border-radius: var(--radius-border-largest) var(--radius-border-largest) 0 0;
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-2-base-mobile);
  }
}

@media only screen and (max-width: 767.98px) {
  ._continue-button_1ylop1 {
    margin: var(--size-spacing-slight) var(--size-spacing-slight)
      var(--size-spacing-extra-loose);
    width: calc(100% - 2 * var(--size-spacing-slight));
  }
}

@media only screen and (min-width: 730px) {
  ._continue-button_1ylop1 {
    margin: var(--size-spacing-base) 20% var(--size-spacing-extra-loose);
    width: 60%;
  }
}

/* styles for @clark-offers/ui/components/offers/checkout-screen/legal-information.css */
._old-legal-information_1touff {
  background: var(--color-white);
  border: var(--size-border-base) solid var(--color-border-base);
  border-radius: var(--radius-border-base);
  box-sizing: border-box;
  max-width: 800px;
  padding: var(--size-spacing-base);
  width: 100%;
}

._old-text_1touff {
  color: var(--color-summer-night);

  /* Hack for trimming whitespaces */
  display: table;
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  margin: 0;
}

._legal-information_1touff {
  background: #f2f7ff;
  background: var(--color-background-information-default, #f2f7ff);
  border: 1px solid #3564e8;
  border: 1px solid var(--color-border-focused, #3564e8);
  border-radius: 8px;
  box-sizing: border-box;
  max-width: 800px;
  padding: var(--size-spacing-base);
  width: 100%;
}

._legal-information_1touff._idle_1touff {
  background: var(--clark-color-neutral-opaque-05);
  border: 1px solid var(--clark-color-neutral-opaque-4);
}

._text_1touff {
  color: #414759;
  color: var(--color-text-weak, #414759);

  /* Hack for trimming whitespaces */
  display: table;
  font-family: "Cera Round Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

._consent-container_1touff {
  display: flex;
  gap: 8px;
}

._checkbox-label_1touff {
  scroll-margin: 16vh;
}

._consent-checkbox_1touff span {
  background-color: inherit;
  height: 24px;
  width: 24px;
}

._consent-checkbox_1touff svg {
  left: 5px;
  top: 6px;
}

._consent-checkbox_1touff input[type="checkbox"]:not(:disabled):active ~ span {
  background-color: inherit;
  border-color: #cfd3da;
  border-radius: 4px;
  color: transparent;
}

@media only screen and (max-width: 767.98px) {
  ._old-text_1touff {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

/* styles for @clark-offers/ui/components/offers/checkout-screen/summary.css */
._summary_pmkd1z {
  margin: var(--size-spacing-loose) auto;
  max-width: 490px;
  width: 100%;
}

._summary_pmkd1z > * + * {
  margin-top: var(--size-spacing-extra-loose);
}

@media only screen and (max-width: 767.98px) {
  ._summary_pmkd1z > * + * {
    margin-top: var(--size-spacing-loose);
  }
}

._consent-reminder_pmkd1z {
  color: #0439d7;
  color: var(--color-text-information, #0439d7);
  font-family: var(--clark-font-family-sans);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-top: 8px;
}

._legal-information-skeleton_pmkd1z {
  height: 100px;
}

._header_pmkd1z {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--size-spacing-tight);
}

._title_pmkd1z {
  color: var(--color-rich-black);
  font-size: var(--size-font-header-2-desktop);
  font-weight: var(--font-weight-header-2-desktop);
  line-height: var(--height-line-header-2-desktop);
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  ._title_pmkd1z {
    font-size: var(--size-font-header-2-mobile);
    font-weight: var(--font-weight-header-2-mobile);
    line-height: var(--height-line-header-2-mobile);
  }
}

._skeleton-title_pmkd1z,
._skeleton-text_pmkd1z {
  width: 100%;
}

._skeleton-title_pmkd1z {
  height: 26px;
  margin-bottom: var(--size-spacing-slight);
  max-width: 304px;
}

._skeleton-text_pmkd1z {
  height: 14px;
}

._skeleton-text_pmkd1z:nth-child(2) {
  max-width: 240px;
}

._skeleton-text_pmkd1z:nth-child(3) {
  max-width: 158px;
}

._skeleton-text_pmkd1z:nth-child(4) {
  max-width: 190px;
}

._skeleton-text_pmkd1z:nth-child(5) {
  max-width: 175px;
}

._skeleton-text_pmkd1z:nth-child(6) {
  max-width: 224px;
}

._skeleton-text_pmkd1z:not(:last-child) {
  margin-bottom: var(--size-spacing-tight);
}

/* styles for @clark-offers/ui/components/offers/appointment-info.css */
._details_v10le9 {
  color: var(--color-summer-night);
  font-size: var(--size-font-header-3-mobile);
  font-weight: var(--font-weight-header-1-mobile);
  line-height: var(--size-spacing-slight);
  padding-top: var(--size-spacing-extra-tight);
  text-align: left;
}

/* styles for @clark-offers/ui/components/offers/appointments.css */
/* stylelint-disable no-descending-specificity, selector-class-pattern */

._appointments-container_19w6m8 {
  border-radius: var(--size-spacing-tightest);
  height: auto !important;
  width: 100%;
}

@media only screen and (max-width: 449.98px) {
  ._appointments-container_19w6m8 {
    padding-bottom: var(--size-spacing-base);
  }
}

._list-items_19w6m8 {
  border-bottom: 0.1rem solid #ced4da;
  list-style: none;
}

._list-items_19w6m8:last-child {
  border-bottom: none;
}

._card_19w6m8 {
  --spacing-container-adding0: 0;

  transition:
    box-shadow var(--time-transition-slow) ease-out,
    transform var(--time-transition-slow) ease-out;
}

._container_19w6m8 {
  color: var(--color-summer-night);
  padding: var(--size-spacing-base);
  width: 100%;
}

button._container_19w6m8 {
  background: none;
  border: none;
  border-radius: var(--radius-border-base);
  cursor: pointer;
  display: grid;
  grid-template-areas: "body";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  text-align: left;
}

._card_19w6m8:hover {
  box-shadow: var(--shadow-box-card-hover);
  transform: translateY(-1px);
}

@media (hover: none) {
  ._card_19w6m8:hover {
    box-shadow: var(--shadow-box-card-base);
    transform: none;
  }
}

button._container_19w6m8:focus-visible {
  box-shadow:
    0 0 0 2px rgb(4 57 215 / 70%),
    0 2px 6px 0 var(--color-pale-navy);
  outline: none;
}

@media (hover: none) {
  button._container_19w6m8:focus-visible {
    box-shadow:
      0 0 0 2px rgb(4 57 215 / 70%),
      0 2px 6px 0 var(--color-pale-navy);
    outline: none;
  }
}

button._container_19w6m8:active {
  box-shadow:
    0 0 0 2px rgb(4 57 215 / 70%),
    0 2px 6px 0 var(--color-pale-navy);
}

._body_19w6m8 {
  display: grid;
  font-size: var(--size-font-body-1-base-mobile);
  grid-area: body;
  grid-gap: 0 var(--size-spacing-base);
  grid-template-areas:
    "media title"
    "media subTitle"
    "media ..."
    "media see-agenda";
  grid-template-columns: 40px 1fr;
  grid-template-rows: 1fr;
  line-height: var(--height-line-body-2-medium-mobile);
}

._media_19w6m8 {
  grid-area: media;
}

._title_19w6m8 {
  display: grid;
  font-weight: var(--font-weight-body-1-medium-mobile);
  grid-area: title;
  grid-template-columns: 1fr auto;
  word-break: break-word;
}

._title_19w6m8 > ._arrow-right_19w6m8 {
  margin: var(--size-spacing-tightest) 0 0;
}

._subTitle_19w6m8 {
  font-weight: var(--font-weight-body-1-base-mobile);
  grid-area: subTitle;
  word-break: break-word;
}

._datetime_19w6m8 {
  align-items: center;
  display: flex;
  flex-direction: row;
}

._instant-callback_19w6m8 {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-top: var(--size-spacing-extra-tight);
}

._instant-callback_19w6m8 ._subTitle_19w6m8 {
  font-weight: var(--font-weight-body-2-medium-mobile);
}

._instant-callback_19w6m8 ._icon_19w6m8 {
  margin: 0 var(--size-spacing-extra-tight) 0 0;
}

._datetime_19w6m8 > ._icon_19w6m8 {
  margin: var(--size-spacing-extra-tight) var(--size-spacing-extra-tight) 0 0;
}

._see-agenda_19w6m8 {
  color: var(--color-assure);
  font-weight: var(--font-weight-body-2-medium-mobile);
  margin-top: var(--size-spacing-extra-tight);
}

@media only screen and (min-width: 730px) {
  ._body_19w6m8 {
    grid-template-columns: 72px 1fr;
  }
}

/* styles for @clark-offers/ui/components/offers/cancel-consultation-modal.css */
.clark ._cancel-modal_n9t0vl {
  border-radius: calc(var(--shape-radius-container) * 2);
  bottom: unset;
  margin: auto;
  max-height: 100%;
  max-width: 400px;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translateY(-50%) !important;
  width: 88%;
}

._container_n9t0vl {
  padding: var(--s0);
}

._header_n9t0vl {
  color: var(--color-summer-night);
  font-size: var(--size-font-header-2-mobile);
  font-weight: 500;
  line-height: 26px;
  padding: var(--s1) var(--s0) var(--s0);
  text-align: center;
}

._description_n9t0vl {
  color: var(--color-summer-night);
  font-size: 14px;
  text-align: left;
}

._user-actions_n9t0vl {
  display: inline-flex;
  flex-direction: column;
  padding-top: var(--s0);
  width: 100%;
}

._reschedule-button_n9t0vl,
._cancel-button_n9t0vl {
  font-size: var(--s0);
}

._cancel-button_n9t0vl {
  color: var(--color-red-umbrella) !important;
}

/* styles for @clark-offers/ui/components/offers/checkout-screen.css */
._container_14j1x0 {
  background-color: var(--color-athens-gray);
  min-height: calc(100vh - 80px);
  min-width: 100vw;
}

._screen_14j1x0 {
  background-color: var(--color-white);
  box-shadow: var(--shadow-box-overlay);
  width: 100%;
}

._screen-content_14j1x0 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 958px;
  padding: var(--size-spacing-loose) var(--size-spacing-slight)
    var(--size-spacing-extra-loose);
  width: 100%;
}

._screen-content_14j1x0 > * {
  margin-bottom: 0;
  margin-top: 0;
}

._screen-content_14j1x0 > * + * {
  margin-top: var(--size-spacing-loose);
}

@media only screen and (max-width: 767.98px) {
  ._screen-content_14j1x0 {
    align-items: stretch;
    padding: var(--size-spacing-slight) var(--size-spacing-base);
  }

  ._screen-content_14j1x0 > * + * {
    margin-top: var(--size-spacing-slight);
  }
}

._navigation-container_14j1x0 {
  align-items: center;
  display: flex;
  justify-content: center;
}

._footer_14j1x0 {
  padding: var(--size-spacing-loosest);
}

@media only screen and (max-width: 767.98px) {
  ._footer_14j1x0 {
    padding: var(--size-spacing-base);
  }
}

._footer-content_14j1x0 {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 824px;
  width: 100%;
}

@media only screen and (max-width: 767.98px) {
  ._footer-content_14j1x0 {
    align-items: center;
    flex-direction: column;
  }

  ._footer-content_14j1x0 > * + * {
    margin-top: var(--size-spacing-loose);
  }
}

._feature-icon_14j1x0 {
  color: var(--color-assure);
}

._feature_14j1x0 {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-body-1-base-mobile);
  line-height: var(--height-line-body-1-base-mobile);
}

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

._trust_14j1x0 > * + * {
  margin-top: var(--size-spacing-slight);
}

._security-icon_14j1x0 {
  color: var(--color-mystic-gray);
}

._security_14j1x0 {
  align-items: center;
  display: flex;
}

._security_14j1x0 > * + * {
  margin-left: var(--size-spacing-extra-tight);
}

._security_14j1x0 > p {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-body-1-base-mobile);
  line-height: var(--height-line-body-1-base-mobile);
}

/* styles for @clark-offers/ui/components/offers/checkout-screen/payment-details-form.css */
._form_1dvs6k {
  width: 100%;
}

._form-fields_1dvs6k {
  margin: 0 auto;
  max-width: 375px;
  width: 100%;
}

._form-fields_1dvs6k > * + * {
  margin-top: var(--size-spacing-loose);
}

@media only screen and (max-width: 767.98px) {
  ._form-fields_1dvs6k > * + * {
    margin-top: var(--size-spacing-slight);
  }
}

._title_1dvs6k {
  color: var(--color-rich-black);
  font-size: var(--size-font-header-2-desktop);
  font-weight: var(--font-weight-header-2-desktop);
  line-height: var(--height-line-header-2-desktop);
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  ._title_1dvs6k {
    font-size: var(--size-font-header-2-mobile);
    font-weight: var(--font-weight-header-2-mobile);
    line-height: var(--height-line-header-2-mobile);
  }
}

._stack_1dvs6k > * + * {
  margin-top: var(--size-spacing-loose);
}

@media only screen and (max-width: 767.98px) {
  ._stack_1dvs6k > * + * {
    margin-top: var(--size-spacing-slight);
  }
}

/* styles for @clark-offers/ui/components/offers/checkout-screen/product-card.css */
._card_igpumh {
  align-items: center;
  background-color: var(--color-white);
  border: var(--size-border-base) solid var(--color-mystic-gray);
  border-radius: var(--radius-border-base);
  box-shadow: var(--shadow-box-base);
  display: flex;
  justify-content: space-between;
  max-width: 375px;
  overflow: hidden;
  padding: var(--size-spacing-base) var(--size-spacing-slight);
  width: 100%;
}

@media only screen and (max-width: 729.98px) {
  ._card_igpumh {
    max-width: 100%;
  }
}

._price-group_igpumh {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin-left: var(--size-spacing-slight);
}

._logo_igpumh {
  margin-right: var(--size-spacing-slight);
  max-height: 40px;
  max-width: 70px;
  object-fit: contain;
}

._plan-name_igpumh {
  flex: 1;
  font-size: var(--size-font-body-2-base-desktop);
  font-weight: var(--font-weight-body-2-base-desktop);
  line-height: var(--height-line-body-2-base-desktop);
}

@media only screen and (max-width: 729.98px) {
  ._plan-name_igpumh {
    font-size: var(--size-font-body-2-base-mobile);
    font-weight: var(--font-weight-body-2-base-mobile);
    line-height: var(--height-line-body-2-base-mobile);
  }
}

._price_igpumh {
  color: var(--color-assure);
  font-size: var(--size-font-header-3-desktop);
  font-weight: var(--font-weight-header-3-desktop);
  line-height: var(--height-line-header-3-desktop);
}

@media only screen and (max-width: 729.98px) {
  ._price_igpumh {
    font-size: var(--size-font-header-3-mobile);
    font-weight: var(--font-weight-header-3-mobile);
    line-height: var(--height-line-header-3-mobile);
  }
}

._period_igpumh {
  font-size: var(--size-font-body-2-base-desktop);
  font-weight: var(--font-weight-body-2-base-desktop);
  line-height: var(--height-line-body-2-base-desktop);
}

@media only screen and (max-width: 729.98px) {
  ._period_igpumh {
    font-size: var(--size-font-body-2-base-mobile);
    font-weight: var(--font-weight-body-2-base-mobile);
    line-height: var(--height-line-body-2-base-mobile);
  }
}

/* styles for @clark-offers/ui/components/offers/checkout-screen/profile-form.css */
._title_1sup02 {
  color: var(--color-rich-black);
  font-size: var(--size-font-header-2-desktop);
  font-weight: var(--font-weight-header-2-desktop);
  line-height: var(--height-line-header-2-desktop);
}

@media only screen and (max-width: 767.98px) {
  ._title_1sup02 {
    font-size: var(--size-font-header-2-mobile);
    font-weight: var(--font-weight-header-2-mobile);
    line-height: var(--height-line-header-2-mobile);
  }
}

/* styles for @clark-offers/ui/components/offers/checkout-screen/start-date-form.css */
._form_19srzc {
  width: 100%;
}

._form-fields_19srzc {
  margin: 0 auto;
  max-width: 358px;
  width: 100%;
}

._form-fields_19srzc > * + * {
  margin-top: var(--size-spacing-extra-loose);
}

@media only screen and (max-width: 767.98px) {
  ._form-fields_19srzc > * + * {
    margin-top: var(--size-spacing-loose);
  }
}

._section_19srzc > * + * {
  margin-top: var(--size-spacing-slight);
}

@media only screen and (max-width: 767.98px) {
  ._section_19srzc > * + * {
    margin-top: var(--size-spacing-base);
  }
}

._title_19srzc {
  color: var(--color-rich-black);
  font-size: var(--size-font-header-2-desktop);
  font-weight: var(--font-weight-header-2-desktop);
  line-height: var(--height-line-header-2-desktop);
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  ._title_19srzc {
    font-size: var(--size-font-header-2-mobile);
    font-weight: var(--font-weight-header-2-mobile);
    line-height: var(--height-line-header-2-mobile);
  }
}

._text_19srzc {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  margin-top: var(--size-spacing-tight);
}

@media only screen and (max-width: 767.98px) {
  ._text_19srzc {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
    margin-top: var(--size-spacing-extra-tight);
  }
}

._question_19srzc {
}

._question_19srzc + ._question_19srzc {
  margin-top: var(--size-spacing-tightest);
}

._question_19srzc + :not(._question_19srzc) {
  margin-top: var(--size-spacing-extra-tight);
}

._question_19srzc._error_19srzc {
  color: var(--color-cardinal);
}

._whitespace-trim_19srzc {
  /* Hack for trimming whitespaces */
  display: table;
}

._callout-margin_19srzc {
  margin-bottom: 24px;
  margin-top: 8px;
}

/* styles for @clark-offers/ui/components/offers/checkout-screen/summary/fields.css */
._fields_10hx5j {
  border-top: var(--size-border-thick) solid var(--color-border-faded);
  display: flex;
  flex-flow: row wrap;
  -webkit-hyphens: auto;
          hyphens: auto;
  margin: 0;
  padding: 0;
  padding-top: var(--size-spacing-extra-tight);
  word-break: break-word;
}

._fields_10hx5j ._label_10hx5j {
  color: var(--color-comet-gray);
  flex: 0 1 50%;
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  padding: var(--size-spacing-tight) calc(var(--size-spacing-tight) / 2)
    var(--size-spacing-tight) 0;
}

@media only screen and (max-width: 767.98px) {
  ._fields_10hx5j ._label_10hx5j {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

._fields_10hx5j ._label_10hx5j + ._value_10hx5j + ._label_10hx5j {
  border-top: var(--size-border-base) solid var(--color-border-faded);
}

._fields_10hx5j ._value_10hx5j {
  align-items: center;
  color: var(--color-summer-night);
  display: flex;
  flex: 1 1 50%;
  font-size: var(--size-font-body-1-medium-desktop);
  font-weight: var(--font-weight-body-1-medium-desktop);
  justify-content: flex-end;
  line-height: var(--height-line-body-1-medium-desktop);
  margin-left: 0;
  padding: var(--size-spacing-tight) 0 var(--size-spacing-tight)
    calc(var(--size-spacing-tight) / 2);
}

@media only screen and (max-width: 767.98px) {
  ._fields_10hx5j ._value_10hx5j {
    font-size: var(--size-font-body-1-medium-mobile);
    font-weight: var(--font-weight-body-1-medium-mobile);
    line-height: var(--height-line-body-1-medium-mobile);
  }
}

._fields_10hx5j ._value_10hx5j + ._label_10hx5j + ._value_10hx5j {
  border-top: var(--size-border-base) solid var(--color-border-faded);
}

/* styles for @clark-offers/ui/components/offers/details-screen.css */
._container_dey4zi {
  background-color: var(--color-white);
  padding: var(--size-spacing-slight) var(--size-spacing-base);
}

@media only screen and (min-width: 768px) {
  ._container_dey4zi {
    padding: var(--size-spacing-extra-loose);
  }
}

@media only screen and (max-device-width: 375px) and (max-device-height: 812px) {
  ._container_dey4zi {
    padding-bottom: calc(
      var(--size-spacing-slight) + env(safe-area-inset-bottom)
    );
  }

  @media only screen and (min-width: 768px) {
    ._container_dey4zi {
      padding-bottom: calc(
        var(--size-spacing-extra-loose) + env(safe-area-inset-bottom)
      );
    }
  }
}

._screen_dey4zi {
  margin: 0;
  width: 100%;
}

._screen_dey4zi > * + * {
  margin-top: var(--size-spacing-loose);
}

@media only screen and (min-width: 768px) {
  ._screen_dey4zi {
    margin: 0 auto;
    width: 625px;
  }

  ._screen_dey4zi > * + * {
    margin-top: var(--size-spacing-extra-loose);
  }
}

._trust-icons_dey4zi {
  display: flex;
  justify-content: center;
}

._notification-container_dey4zi {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: var(--size-spacing-tight);
}

@media only screen and (max-width: 729.98px) {
  ._notification-container_dey4zi {
    padding: 0 var(--size-spacing-tightest);
  }
}

._spinner-container_dey4zi {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

._spinner_dey4zi {
  width: 343px;
}

._separator_dey4zi {
  border: none;
  border-top: var(--size-border-base) solid var(--color-border-base);
  width: 100%;
}

/* styles for @clark-offers/ui/components/offers/details-screen/consultant-message.css */
._consultant-message_1ux4ex {
  align-items: center;
  border: var(--size-border-base) solid var(--color-mystic-gray);
  border-radius: var(--radius-border-base);
  box-shadow: var(--shadow-box-base);
  display: flex;
  padding: var(--size-spacing-slight) var(--size-spacing-loose);
}

._consultant-message_1ux4ex > * + * {
  margin-left: var(--size-spacing-base);
}

@media only screen and (max-width: 767.98px) {
  ._consultant-message_1ux4ex {
    padding: var(--size-spacing-extra-tight) var(--size-spacing-base);
  }

  ._consultant-message_1ux4ex > * + * {
    margin-left: var(--size-spacing-tight);
  }
}

._content_1ux4ex {
  display: flex;
  flex-direction: column;
}

._content_1ux4ex > * + * {
  margin-top: var(--size-spacing-tightest);
}

._text_1ux4ex {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
}

@media only screen and (max-width: 767.98px) {
  ._text_1ux4ex {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

._information_1ux4ex > * + *::before {
  color: var(--color-summer-night);
  content: "·";
  margin: var(--size-spacing-tightest) 0;
}

._name_1ux4ex {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-2-medium-desktop);
  font-weight: var(--font-weight-body-2-medium-desktop);
  line-height: var(--height-line-body-2-medium-desktop);
}

@media only screen and (max-width: 767.98px) {
  ._name_1ux4ex {
    font-size: var(--size-font-body-2-medium-mobile);
    font-weight: var(--font-weight-body-2-medium-mobile);
    line-height: var(--height-line-body-2-medium-mobile);
  }
}

._position_1ux4ex {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-2-base-desktop);
  font-weight: var(--font-weight-body-2-base-desktop);
  line-height: var(--height-line-body-2-base-desktop);
  opacity: 0.7;
}

@media only screen and (max-width: 767.98px) {
  ._position_1ux4ex {
    font-size: var(--size-font-body-2-base-mobile);
    font-weight: var(--font-weight-body-2-base-mobile);
    line-height: var(--height-line-body-2-base-mobile);
  }
}

/* styles for @clark-offers/ui/components/offers/details-screen/contact.css */
._contact_sberqp {
  align-items: center;
  display: flex;
  flex-direction: column;
}

._contact_sberqp > * + * {
  margin-top: var(--size-spacing-base);
}

@media only screen and (max-width: 767.98px) {
  ._contact_sberqp > * + * {
    margin-top: var(--size-spacing-slight);
  }
}

._title_sberqp {
  color: var(--color-summer-night);
  font-size: var(--size-font-header-3-desktop);
  font-weight: var(--font-weight-header-3-desktop);
  line-height: var(--height-line-header-3-desktop);
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  ._title_sberqp {
    font-size: var(--size-font-header-3-mobile);
    font-weight: var(--font-weight-header-3-mobile);
    line-height: var(--height-line-header-3-mobile);
  }
}

/* styles for @clark-offers/ui/components/offers/details-screen/coverages.css */
._container_1tld0c {
  background-color: var(--color-athens-gray);
  border-bottom: var(--size-border-base) solid var(--color-pale-navy);
}

._container-inner1_1tld0c {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding-left: var(--size-spacing-tight);
  padding-right: var(--size-spacing-tight);
}

._container-inner2_1tld0c {
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  padding-bottom: var(--size-spacing-extra-loose);
  padding-top: var(--size-spacing-extra-loose);
}

._item_1tld0c + ._item_1tld0c {
  padding-top: var(--size-spacing-loose);
}

._header_1tld0c {
  align-items: center;
  border-bottom: var(--size-border-thick) solid var(--color-pale-navy) !important;
  display: flex;
  padding-bottom: var(--size-spacing-extra-tight) !important;
}

._section-name_1tld0c {
  color: var(--color-rich-black);
  font-size: var(--size-font-header-2-desktop);
  font-weight: var(--font-weight-header-2-desktop);
  line-height: var(--height-line-header-2-desktop);
  margin: 0;
}

._section-icon_1tld0c {
  margin: 0;
  margin-left: var(--size-spacing-tight);
  transition: transform var(--time-transition-base);
}

._section-icon_1tld0c._flip_1tld0c {
  transform: rotate(180deg);
}

._comparison-document_1tld0c {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: var(--size-spacing-loose);
}

@media only screen and (max-width: 729.98px) {
  ._container-inner2_1tld0c {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
    padding-bottom: var(--size-spacing-loose);
    padding-top: var(--size-spacing-loose);
  }

  ._section-name_1tld0c {
    font-size: var(--size-font-header-2-mobile);
    font-weight: var(--font-weight-header-2-mobile);
    line-height: var(--height-line-header-2-mobile);
  }
}

/* styles for @clark-offers/ui/components/offers/details-screen/coverages/documents.css */
._document-single_1lyji0 {
  border-bottom: 2px solid var(--divider);
  display: flex;
  padding: 16px 0;
}

._document-single_1lyji0 ._document-title_1lyji0 {
  flex: 0 0 50%;
  margin-right: 22px;
  margin-top: 4px;
  max-width: 50%;
  min-width: 50%;
  position: relative;
}

@media only screen and (max-width: 729.98px) {
  ._document-single_1lyji0 ._document-title_1lyji0 {
    flex: 0 0 70%;
    margin-right: 8px;
    max-width: 70%;
    min-width: 70%;
  }
}

._documents_1lyji0 {
  display: flex;
  flex-direction: column;
}

._documents_1lyji0 ._document_1lyji0 {
  border-bottom: 2px solid var(--divider);
  display: flex;
  flex-direction: row;
  padding: 16px 0;
}

@media only screen and (max-width: 729.98px) {
  ._documents_1lyji0 ._document_1lyji0 {
    flex-direction: column;
  }
}

._documents_1lyji0 ._document_1lyji0 ._document-title_1lyji0 {
  flex: 0 0 40%;
  margin-top: 4px;
  max-width: 40%;
  min-width: 40%;
  position: relative;
}

@media only screen and (max-width: 729.98px) {
  ._documents_1lyji0 ._document_1lyji0 ._document-title_1lyji0 {
    max-width: 100%;
    min-width: 100%;
    padding-bottom: 12px;
  }
}

._documents_1lyji0 ._document_1lyji0 ._document-links_1lyji0 {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding: 0 12px;
}

._documents_1lyji0 ._document_1lyji0 ._document-links_1lyji0 ._document-link_1lyji0 {
  display: flex;
  flex: 1;
  margin-left: 10px;
  width: 50%;
}

@media only screen and (max-width: 729.98px) {
  ._documents_1lyji0 ._document_1lyji0 ._document-links_1lyji0 ._document-link_1lyji0 {
    margin-left: 8px;
    width: 30%;
  }
}

/* styles for @clark-offers/ui/components/offers/details-screen/coverages/feature.css */
._feature_bdjbqv {
  align-items: center;
  border-bottom: var(--size-border-thick) solid var(--color-pale-navy);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--size-spacing-tightest) 0;
}

@media only screen and (max-width: 729.98px) {
  ._feature_bdjbqv {
    padding: var(--size-spacing-extra-tight) 0;
  }
}

._row_bdjbqv {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: var(--size-spacing-extra-loose);
}

._header_bdjbqv {
  align-items: center;
  display: flex;
  justify-content: space-between;
  overflow: visible;
  padding-right: var(--size-spacing-slight);
}

@media only screen and (max-width: 729.98px) {
  ._header_bdjbqv {
    flex-shrink: 0;
    padding-right: 0;
  }
}

._header-3_bdjbqv {
  flex: 0 0 40%;
  max-width: 40%;
  min-width: 40%;
}

@media only screen and (max-width: 729.98px) {
  ._header-3_bdjbqv {
    max-width: 100%;
    min-width: 100%;
    padding-bottom: var(--size-spacing-tight);
  }
}

._header-2_bdjbqv {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 40%;
}

@media only screen and (max-width: 729.98px) {
  ._header-2_bdjbqv {
    max-width: 100%;
    min-width: 100%;
    padding-bottom: var(--size-spacing-tight);
  }
}

._header-1_bdjbqv {
  flex: 0 0 40%;
  max-width: 50%;
  min-width: 50%;
}

@media only screen and (max-width: 729.98px) {
  ._header-1_bdjbqv {
    max-width: 70%;
    min-width: 70%;
    padding-bottom: 0;
  }
}

._name_bdjbqv {
  color: var(--color-summer-night);
  flex: 1;
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop) !important;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: var(--height-line-body-1-base-desktop);
  margin: 0;
  overflow: hidden;
  word-break: break-word;
}

@media only screen and (max-width: 729.98px) {
  ._name_bdjbqv {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile) !important;
    line-height: var(--height-line-body-1-base-mobile);
  }
}

._toggle-icon_bdjbqv {
  opacity: 0.6;
}

._toggle-icon_bdjbqv._toggled_bdjbqv {
  opacity: 1;
}

._options_bdjbqv {
  display: flex;
  flex: 1;
  height: inherit;
  justify-content: space-between;
  margin-left: calc(- var(--size-spacing-tight));
  margin-right: calc(- var(--size-spacing-tight));
  padding: 0 var(--size-spacing-tight);
}

@media only screen and (max-width: 729.98px) {
  ._options_bdjbqv {
    margin-left: calc(- var(--size-spacing-extra-tight));
    margin-right: calc(- var(--size-spacing-extra-tight));
    padding: 0;
  }
}

._option_bdjbqv {
  color: var(--color-summer-night);
  flex: 1;
  font-size: var(--size-font-body-1-medium-desktop);
  font-weight: var(--font-weight-body-1-medium-desktop);
  height: inherit;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: var(--height-line-body-1-medium-desktop);
  overflow: hidden;
  padding: 0 var(--size-spacing-tight);
  width: 0;
  word-break: break-word;
}

@media only screen and (max-width: 729.98px) {
  ._option_bdjbqv {
    font-size: var(--size-font-body-1-medium-mobile);
    font-weight: var(--font-weight-body-1-medium-mobile);
    line-height: var(--height-line-body-1-medium-mobile);
    padding: 0 var(--size-spacing-extra-tight);
  }
}

._description_bdjbqv {
  color: var(--color-summer-night);
  flex-basis: 100%;
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  margin-bottom: var(--size-spacing-base);
}

@media only screen and (max-width: 729.98px) {
  ._description_bdjbqv {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
    margin-bottom: var(--size-spacing-tight);
    margin-top: var(--size-spacing-extra-tight);
  }
}

._options-description-collapsible_bdjbqv {
  flex: 1;
  height: auto;
  position: relative;
  width: 100%;
}

._description-collapse-controller_bdjbqv {
  align-items: center;
  background: linear-gradient(
    359.8deg,
    #f5f6fa 63.1%,
    rgb(245 246 250 / 0%) 146.44%
  );
  bottom: 0;
  color: #0439d7;
  color: var(--assure, #0439d7);
  cursor: pointer;
  display: none;
  height: 54px;
  justify-content: center;
  position: absolute;
  transition: position var(--time-transition-base);
  width: 100%;
}

._options-description-collapsible_bdjbqv[data-options-description-length="mobile-collapse"],
._options-description-collapsible_bdjbqv[data-options-description-length="desktop-collapse"] {
  height: 200px;
}

._options-description-collapsible_bdjbqv[data-options-description-length="mobile-collapse"]
  ._description-collapse-controller_bdjbqv,
._options-description-collapsible_bdjbqv[data-options-description-length="desktop-collapse"]
  ._description-collapse-controller_bdjbqv {
  display: flex;
}

@media only screen and (min-width: 730px) {
  ._options-description-collapsible_bdjbqv[data-options-description-length="mobile-collapse"] {
    height: auto;
  }

  ._options-description-collapsible_bdjbqv[data-options-description-length="mobile-collapse"]
    ._description-collapse-controller_bdjbqv {
    display: none;
  }

  ._options-description-collapsible_bdjbqv[data-options-description-length="desktop-collapse"] {
    height: 300px;
  }

  ._options-description-collapsible_bdjbqv[data-options-description-length="desktop-collapse"]
    ._description-collapse-controller_bdjbqv {
    display: flex;
  }
}

._options-description-collapsible_bdjbqv[data-description-show] {
  height: auto;
}

._options-description-collapsible_bdjbqv[data-description-show]
  ._description-collapse-controller_bdjbqv {
  position: relative;
}

._icon_bdjbqv {
  margin: 0;
  margin-left: var(--size-spacing-tight);
  transition: transform var(--time-transition-base);
}

._flip_bdjbqv {
  transform: rotate(180deg);
}

/* styles for @clark-offers/ui/components/offers/details-screen/coverages/option.css */
._option_laihb4 {
  align-items: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  row-gap: 2px;
  row-gap: var(--spacing-primitive-padding-4, 2px);
  text-align: center;
}

._icon_laihb4 {
  font-size: var(--s2);
  margin: 0 !important;
}

._success_laihb4 {
  color: var(--indicator-success-supreme-background);
}

._warning_laihb4 {
  color: var(--indicator-warning-supreme-background);
}

._error_laihb4 {
  color: var(--indicator-error-supreme-background);
}

._description_laihb4 {
  text-align: center;
}

/* styles for @clark-offers/ui/components/offers/details-screen/header.css */
._header_jex9fy {
  background-color: var(--color-white);
  box-shadow: var(--shadow-box-base);
  color: var(--color-summer-night);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  top: var(--fixed-area-inset-top, 0);
  z-index: 1;
}

._content_jex9fy {
  display: flex;
  justify-content: space-between;
}

._info_jex9fy {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--size-spacing-base) 0;
  padding-right: var(--size-spacing-tight);
}

@media only screen and (max-width: 729.98px) {
  ._info_jex9fy {
    display: none;
  }
}

._info-1_jex9fy {
  flex: 0 0 40%;
  max-width: 40%;
  min-width: 40%;
}

._info-2_jex9fy {
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 40%;
}

._info-3_jex9fy {
  flex: 0 0 40%;
  max-width: 40%;
  min-width: 40%;
}

._title_jex9fy {
  font-size: var(--size-font-header-1-desktop);
  line-height: 136%;
  margin: 0;
}

._pdf-link_jex9fy {
  font-weight: var(--font-weight-body-1-medium-desktop) !important;
}

._options_jex9fy {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}

._options-container_jex9fy {
  width: 100%;
}

._space-around_jex9fy {
  justify-content: space-around;
}

._option_jex9fy {
  flex-grow: 1;
  overflow: hidden;
}

._option_jex9fy + ._option_jex9fy {
  border-left: var(--size-border-thick) solid var(--color-pale-navy);
}

@media only screen and (max-width: 729.98px) {
  ._option_jex9fy + ._option_jex9fy {
    border-left: none;
  }
}

._option-1_jex9fy {
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 20%;
}

@media only screen and (max-width: 729.98px) {
  ._option-1_jex9fy {
    padding-left: 0;
  }
}

._option-2_jex9fy {
  flex-basis: 50%;
  max-width: 50%;
}

._option-3_jex9fy {
  flex-basis: calc(100% / 3);
  max-width: calc(100% / 3);
}

._container_jex9fy {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding-left: var(--size-spacing-tight);
  padding-right: var(--size-spacing-tight);
}

@media only screen and (max-width: 729.98px) {
  ._container_jex9fy {
    padding: 0 var(--size-spacing-tightest);
  }
}

._cta-container_jex9fy {
  display: flex;
  justify-content: center;
  justify-self: center;
  padding: 0 0 var(--size-spacing-base) 0;
  width: calc(100% - var(--size-spacing-base));
}

._cta_jex9fy {
  flex: 1;
}

/* styles for @clark-offers/ui/components/offers/details-screen/header/option.css */
._option_9o568y {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  padding: var(--size-spacing-base) var(--size-spacing-tight);
}

@media only screen and (max-width: 729.98px) {
  ._option_9o568y {
    padding-left: var(--size-spacing-extra-tight);
    padding-right: var(--size-spacing-extra-tight);
  }
}

._label_9o568y {
  margin-bottom: var(--size-spacing-extra-tight);
}

._logo_9o568y {
  height: 60px;
  max-height: 60px;
  max-width: 100%;
  object-fit: contain;
  transform: translateZ(0);
  transition:
    opacity var(--time-transition-fast) linear var(--time-transition-base),
    max-height var(--time-transition-base);
  will-change: opacity, max-height;
}

._title_9o568y {
  flex: 1;
  font-size: var(--size-font-body-2-medium-desktop);
  font-weight: var(--font-weight-body-2-medium-desktop);
  line-height: var(--height-line-body-2-medium-desktop);
  margin-top: var(--size-spacing-extra-tight);
}

@media only screen and (max-width: 729.98px) {
  ._title_9o568y {
    font-size: var(--size-font-body-2-medium-mobile);
  }
}

._title-single_9o568y {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

._plan_9o568y {
  font-size: var(--size-font-body-2-medium-desktop);
  line-height: var(--height-line-body-2-medium-desktop);
  max-height: 100px;
  transform: translateZ(0);
  transition:
    opacity var(--time-transition-fast) linear var(--time-transition-base),
    max-height var(--time-transition-base);
  will-change: opacity, height;
}

@media only screen and (max-width: 729.98px) {
  ._plan_9o568y {
    font-size: var(--size-font-body-2-medium-mobile);
  }
}

._plan-single_9o568y {
  font-size: 12px;
  line-height: 18px;
}

._price-info_9o568y {
  position: relative;
  width: 100%;
}

._price-info_9o568y ._price_9o568y {
  color: var(--color-assure);
  display: inline-block;
  font-size: 24px;
  margin-top: var(--size-spacing-extra-tight);
  position: relative;
  transform: scale(1);
  transform-origin: left;
  transition: transform var(--time-transition-slow);
  will-change: transform;
}

@media only screen and (max-width: 729.98px) {
  ._price-info_9o568y ._price_9o568y {
    font-size: 22px;
  }
}

._price-info_9o568y ._price-single_9o568y {
  position: absolute;
  right: 0;
  top: -46px;
}

@media only screen and (max-width: 729.98px) {
  ._price-info_9o568y ._price-single_9o568y {
    right: 0;
    top: -48px;
  }
}

._price-info_9o568y ._period_9o568y {
  font-size: var(--size-font-body-1-medium-desktop);
}

@media only screen and (max-width: 729.98px) {
  ._price-info_9o568y ._period_9o568y {
    font-size: var(--size-font-body-1-medium-mobile);
  }
}

._price-info_9o568y ._period-single_9o568y {
  position: absolute;
  right: 0;
  top: -18px;
}

@media only screen and (max-width: 729.98px) {
  ._price-info_9o568y ._period-single_9o568y {
    right: 0;
    top: -20px;
  }
}

._cta_9o568y {
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-top: var(--size-spacing-base);
  min-width: initial !important;
  word-break: break-word;
}

@media only screen and (max-width: 729.98px) {
  ._cta_9o568y {
    margin-top: var(--size-spacing-extra-tight);
    padding: 13px 2px !important;
    text-align: center;
    width: 100%;
  }
}

._invisible_9o568y {
  visibility: hidden;
}

.offer-header[stuck] ._logo_9o568y {
  max-height: 0;
  opacity: 0;
  transition:
    opacity var(--time-transition-fast),
    max-height var(--time-transition-base) linear var(--time-transition-fast);
}

.offer-header[stuck] ._plan_9o568y {
  max-height: 0;
  opacity: 0;
  transition:
    opacity var(--time-transition-fast),
    max-height var(--time-transition-base) linear var(--time-transition-fast);
}

.offer-header[stuck] ._price_9o568y {
  transform: scale(0.9);
  transition: transform var(--time-transition-slow);
}

/* styles for @clark-offers/ui/components/offers/details-screen/header/option/label.css */
._button_wg8xij {
  border: 0;
  cursor: pointer;
  transition: opacity 300ms ease;
}

._button_wg8xij:hover {
  opacity: 0.8;
}

._icon_wg8xij {
  margin-left: var(--size-spacing-tightest);
}

._invisible_wg8xij {
  visibility: hidden;
}

/* styles for @clark-offers/ui/components/offers/details-screen/information.css */
._information_1n4p3o {
  display: flex;
  flex-direction: column;
}

._information_1n4p3o > * + * {
  margin-top: var(--size-spacing-loose);
}

._article_1n4p3o:focus {
  outline: none;
}

._header_1n4p3o {
  align-items: center;
  display: flex;
  margin-bottom: var(--size-spacing-tight);
}

._icon_1n4p3o {
  margin: 0 var(--size-spacing-base) 0 0;
}

._heading_1n4p3o {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-medium-desktop);
  font-weight: var(--font-weight-body-1-medium-desktop);
  line-height: var(--height-line-body-1-medium-desktop);
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  ._heading_1n4p3o {
    font-size: var(--size-font-body-1-medium-mobile);
    font-weight: var(--font-weight-body-1-medium-mobile);
    line-height: var(--height-line-body-1-medium-mobile);
  }
}

._badge_1n4p3o {
  margin-left: var(--size-spacing-extra-tight);
}

._text_1n4p3o {
  color: var(--color-summer-night);

  /* Hack for trimming whitespaces */
  display: table;
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  margin-left: calc(24px + var(--size-spacing-base));
}

@media only screen and (max-width: 767.98px) {
  ._text_1n4p3o {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

/* styles for @clark-offers/ui/components/offers/details-screen/offer-option-card.css */
._card_7vvftq {
  background-color: var(--clark-elevation-surface);
  border-radius: var(--clark-border-radius-200);
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-base);
  height: 100%;
  max-width: 600px;
  padding: var(--size-spacing-base);
  width: 100%;
}

button._card_7vvftq {
  cursor: pointer;
  outline: none;
}

button._card_7vvftq:focus,
button._card_7vvftq:focus:hover {
  box-shadow:
    0 0 0 var(--clark-border-width-050) var(--cta-hover),
    0 var(--clark-border-width-050) 6px 0 var(--color-border-faded);
}

._highlight_7vvftq {
  border: var(--clark-border-width-025) solid var(--clark-color-border-success);
}

._type-badge_7vvftq {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

._title-section_7vvftq {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

._title-left_7vvftq {
  column-gap: var(--clark-space-200);
  display: grid;
  grid-template-areas:
    "logo text"
    "logo subtext";
}

._logo-container_7vvftq {
  align-items: center;
  border: var(--clark-border-width-025) solid var(--clark-color-border-default);
  border-radius: var(--clark-border-radius-200);
  display: flex;
  grid-area: logo;
  height: 48px;
  justify-content: center;
  object-fit: contain;
  width: 48px;
}

._logo_7vvftq {
  height: 30px;
  object-fit: contain;
  width: 30px;
}

._text_7vvftq {
  color: var(--clark-color-text-default);
  grid-area: text;
  margin-right: var(--size-spacing-base);
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._subtext_7vvftq {
  color: var(--clark-color-text-weakest);
  grid-area: subtext;
  text-align: start;
}

._title-right_7vvftq {
  align-items: end;
  display: flex;
  flex-direction: column;
}

._premium_7vvftq {
  color: var(--clark-color-text-default);
}

._premium-period_7vvftq {
  color: var(--clark-color-text-weakest);
}

._feature-list_7vvftq {
  display: flex;
  flex-direction: column;
  gap: var(--clark-space-100);
}

._feature_7vvftq {
  align-items: center;
  display: flex;
  gap: var(--clark-space-100);
}

._tick-icon_7vvftq {
  margin: 0 !important;
}

._feature-text_7vvftq {
  color: var(--clark-color-text-weak);
}

/* styles for @clark-offers/ui/components/offers/details-screen/offer-option-recommendations.css */
._swiper_1njpfo._override_1njpfo {
  overflow: visible;
  width: 100%;
}

._swiper_1njpfo .swiper-slide {
  height: auto;
}

._swiper_1njpfo .swiper-pagination {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--size-spacing-extra-tight);
  height: var(--size-spacing-extra-tight);
  justify-content: center;
  margin: var(--size-spacing-base) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

._swiper_1njpfo .swiper-pagination-bullet {
  background-color: var(--color-mystic-gray);
  border-radius: var(--size-spacing-tightest);
  display: block;
  flex: 1 0 auto;
  height: var(--size-spacing-extra-tight);
  transition: all 0.25s linear 0s;
  width: var(--size-spacing-extra-tight);
}

._swiper_1njpfo .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-assure);
  width: var(--size-spacing-base);
}

._swiper_1njpfo .swiper-button-disabled {
  display: none;
}

._prev_1njpfo,
._next_1njpfo {
  background: var(--clark-color-neutral-alpha-15);
  border-radius: 50%;
  display: none;
  height: var(--clark-space-800);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--clark-space-800);
  z-index: 1;
}

._next_1njpfo {
  right: 0;
}

._prev_1njpfo {
  left: 0;
}

._prev_1njpfo:hover,
._next_1njpfo:hover {
  background-color: var(--clark-color-neutral-alpha-3);
}

._prev_1njpfo:active,
._next_1njpfo:active {
  background-color: var(--clark-color-icon-default);
}

._arrow_1njpfo {
  color: var(--clark-color-icon-inverse);
}

@media only screen and (min-width: 768px) {
  ._swiper_1njpfo .swiper-pagination {
    display: none;
  }

  ._prev_1njpfo,
  ._next_1njpfo {
    display: flex;
  }
}

/* styles for @clark-offers/ui/components/offers/details-screen/offer-selection-modal.css */
._modal_2n74w2 {
  border-radius: 8px 8px 0 0;
  font-size: 14px;
}

._container_2n74w2 {
  padding: 16px 32px 0;
}

._body-container_2n74w2 ._action-close_2n74w2 {
  display: flex !important;
  justify-content: end;
  margin-top: 25px;
}

._body-container_2n74w2 ._action-close_2n74w2 ._close_2n74w2 {
  color: #203151;
}

._body-container_2n74w2 ._content_2n74w2 {
  margin-top: 25px;
}

._body-container_2n74w2 ._content_2n74w2 ._title_2n74w2 {
  color: #203151;
  font-family: "Cera Round Pro", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 8px;
}

._body-container_2n74w2 ._content_2n74w2 ._description_2n74w2 {
  color: #203151;
  font-family: "Cera Round Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

._body-container_2n74w2 ._content_2n74w2 ._space-around_2n74w2 {
  justify-content: space-around;
}

._body-container_2n74w2 ._content_2n74w2 ._options-wrapper_2n74w2 {
  overflow-x: auto;
  width: 100%;
}

._body-container_2n74w2 ._content_2n74w2 ._offer-options_2n74w2 {
  display: flex;
  flex-direction: row;
  gap: 18px;
  justify-content: stretch;
  margin: 16px 8px;
}

._body-container_2n74w2 ._content_2n74w2 ._option_2n74w2 {
  max-width: 45%;
}

/* styles for @clark-offers/ui/components/offers/details-screen/offer-selection-modal/option.css */
._option_1ql86j {
  align-items: baseline;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 16px;
  box-shadow: 0 5px 10px rgb(173 182 217 / 40%);
  display: flex;
  flex-direction: column;
  padding: var(--size-spacing-base) var(--size-spacing-tight);
}

@media only screen and (max-width: 729.98px) {
  ._option_1ql86j {
    padding-left: var(--size-spacing-extra-tight);
    padding-right: var(--size-spacing-extra-tight);
  }
}

._label_1ql86j {
  margin-bottom: var(--size-spacing-extra-tight);
  text-align: center;
  width: 100%;
}

._logo_1ql86j {
  height: 60px;
  max-height: 60px;
  max-width: 100%;
  object-fit: contain;
  transform: translateZ(0);
  transition:
    opacity var(--time-transition-fast) linear var(--time-transition-base),
    max-height var(--time-transition-base);
  will-change: opacity, max-height;
}

._title_1ql86j {
  flex: 1;
  font-size: var(--size-font-body-2-medium-desktop);
  font-weight: var(--font-weight-body-2-medium-desktop);
  line-height: var(--height-line-body-2-medium-desktop);
  margin-top: var(--size-spacing-extra-tight);
}

@media only screen and (max-width: 729.98px) {
  ._title_1ql86j {
    font-size: var(--size-font-body-2-medium-mobile);
  }
}

._title-single_1ql86j {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

._price-info_1ql86j {
  position: relative;
  text-align: left;
  width: 100%;
}

._price-info_1ql86j ._price_1ql86j {
  color: var(--color-assure);
  display: inline-block;
  font-size: 24px;
  margin-top: var(--size-spacing-extra-tight);
  position: relative;
  transform: scale(1);
  transform-origin: left;
  transition: transform var(--time-transition-slow);
  will-change: transform;
}

@media only screen and (max-width: 729.98px) {
  ._price-info_1ql86j ._price_1ql86j {
    font-size: 22px;
  }
}

._price-info_1ql86j ._price-single_1ql86j {
  position: absolute;
  right: 0;
  top: -46px;
}

@media only screen and (max-width: 729.98px) {
  ._price-info_1ql86j ._price-single_1ql86j {
    right: 0;
    top: -48px;
  }
}

._price-info_1ql86j ._period_1ql86j {
  font-size: var(--size-font-body-1-medium-desktop);
}

@media only screen and (max-width: 729.98px) {
  ._price-info_1ql86j ._period_1ql86j {
    font-size: var(--size-font-body-1-medium-mobile);
  }
}

._price-info_1ql86j ._period-single_1ql86j {
  position: absolute;
  right: 0;
  top: -18px;
}

@media only screen and (max-width: 729.98px) {
  ._price-info_1ql86j ._period-single_1ql86j {
    right: 0;
    top: -20px;
  }
}

/* styles for @clark-offers/ui/components/offers/details-screen/offer-selection-modal/option/label.css */
._invisible_1wef7l {
  visibility: hidden;
}

/* styles for @clark-offers/ui/components/offers/details-screen/reject.css */
._reject_wxoltq {
  align-items: center;

  /* FIXME:: Replace with proper layouting solution */
  display: flex;
  justify-content: center;
}

/* styles for @clark-offers/ui/components/offers/details-screen/reject/modal.css */
._content_1890ty {
  padding: var(--size-spacing-base);
}

._content_1890ty > * + * {
  margin-top: var(--size-spacing-base);
}

._textarea_1890ty {
  border: 1px solid var(--color-mystic-gray);
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--color-silver-cup);
  font-size: 14px;
  height: 80px;
  line-height: 22px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 8px 12px;
  resize: none;
  width: 100%;
}

/* styles for @clark-offers/ui/components/offers/no-appointments-card.css */
._consultation-container_mhs1jo {
  display: flex;
  gap: var(--spacing-primitive-padding-2);
}

._consultant-image_mhs1jo {
  background-image: url("https://app.clark.de/@clark-offers/ui/assets/images/consultant-alex-schecher-e9188a202c88d8f49665f615fe7911a7.png");
  background-position-x: left;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 50px;
  box-shadow: var(--shape-shadow-action);
  flex-shrink: 0;
  height: calc(var(--ls4) - var(--ls-2));
  width: calc(var(--ls4) - var(--ls-2));
}

._consultant-image_mhs1jo::before {
  background-color: #85e0a3;
  border: 2px solid #fff;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 12px;
  left: 26px;
  position: relative;
  top: -4px;
  width: 12px;
  z-index: 3;
}

._title_mhs1jo {
  color: var(--summer-night);
  font-size: var(--size-font-header-2-mobile);
  font-style: normal;
  font-weight: var(--font-weight-header-1-mobile);
  line-height: var(--height-line-body-1-base-mobile);
}

._subtitle_mhs1jo {
  color: var(--summer-night);
  font-size: var(--size-font-body-1-base-mobile);
  font-style: normal;
  font-weight: var(--font-weight-body-1-base-mobile);
  line-height: var(--height-line-body-1-base-mobile);
}

._footer_mhs1jo {
  display: flex;
}

._button_mhs1jo {
  font-size: 16px !important;
  width: 100% !important;
}

/* styles for @clark-offers/ui/components/offers/quality-standards-modal.css */
._content_1q3c3n,
._footer_1q3c3n {
  padding: var(--size-spacing-base);
}

._content_1q3c3n {
  display: flex;
  flex-direction: column;
}

._content_1q3c3n > * + * {
  margin-top: var(--size-spacing-loose);
}

._figures-and-features_1q3c3n {
  padding: 0 var(--size-spacing-slight);
}

._footer_1q3c3n {
  box-shadow: 0 0 16px 0 rgb(0 0 0 / 15%);
}

._header_1q3c3n {
  align-items: center;
  display: flex;
  margin-bottom: var(--size-spacing-tight);
}

._icon_1q3c3n {
  margin: 0 var(--size-spacing-base) 0 0;
}

._separator_1q3c3n {
  border: none;
  border-top: var(--size-border-base) solid var(--color-border-base);
  width: 100%;
}

._heading_1q3c3n {
  color: var(--color-summer-night);
  font-size: var(--size-font-header-3-desktop);
  font-weight: var(--font-weight-header-3-desktop);
  line-height: var(--height-line-header-3-desktop);
  margin: 0;
}

._text_1q3c3n {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
}

@media only screen and (max-width: 767.98px) {
  ._heading_1q3c3n {
    font-size: var(--size-font-header-3-mobile);
    font-weight: var(--font-weight-header-3-mobile);
    line-height: var(--height-line-header-3-mobile);
  }

  ._text_1q3c3n {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

/* styles for @clark-offers/ui/components/offers/quality-standards-modal/features.css */
._features_rjit4r {
  margin-top: var(--size-spacing-base);
}

._header_rjit4r {
  align-items: center;
  display: flex;
  margin-bottom: var(--size-spacing-extra-tight);
}

._heading_rjit4r {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-medium-desktop);
  font-weight: var(--font-weight-body-1-medium-desktop);
  line-height: var(--height-line-body-1-medium-desktop);
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  ._heading_rjit4r {
    font-size: var(--size-font-body-1-medium-mobile);
    font-weight: var(--font-weight-body-1-medium-mobile);
    line-height: var(--height-line-body-1-medium-mobile);
  }
}

._text_rjit4r {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-2-base-desktop);
  font-weight: var(--font-weight-body-2-base-desktop);
  line-height: var(--height-line-body-2-base-desktop);
}

@media only screen and (max-width: 767.98px) {
  ._text_rjit4r {
    font-size: var(--size-font-body-2-base-mobile);
    font-weight: var(--font-weight-body-2-base-mobile);
    line-height: var(--height-line-body-2-base-mobile);
  }
}

._item-header_rjit4r {
  align-items: center;
  display: flex;
  margin: var(--size-spacing-extra-tight) 0;
}

._item-bullet_rjit4r {
  margin: 0 var(--size-spacing-tight) 0 0;
}

._item-content-indicator_rjit4r {
  margin: 0 0 0 auto;
}

._item-content_rjit4r {
  margin: 0 calc(16px + var(--size-spacing-tight));
}

/* styles for @clark-offers/ui/components/offers/quality-standards-modal/figures.css */
._header_3rks11 {
  align-items: center;
  display: flex;
  margin-bottom: var(--size-spacing-extra-tight);
}

._heading_3rks11 {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-medium-desktop);
  font-weight: var(--font-weight-body-1-medium-desktop);
  line-height: var(--height-line-body-1-medium-desktop);
  margin: 0;
}

@media only screen and (max-width: 767.98px) {
  ._heading_3rks11 {
    font-size: var(--size-font-body-1-medium-mobile);
    font-weight: var(--font-weight-body-1-medium-mobile);
    line-height: var(--height-line-body-1-medium-mobile);
  }
}

._text_3rks11 {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-2-base-desktop);
  font-weight: var(--font-weight-body-2-base-desktop);
  line-height: var(--height-line-body-2-base-desktop);
}

@media only screen and (max-width: 767.98px) {
  ._text_3rks11 {
    font-size: var(--size-font-body-2-base-mobile);
    font-weight: var(--font-weight-body-2-base-mobile);
    line-height: var(--height-line-body-2-base-mobile);
  }
}

._figures_3rks11 {
  display: flex;
  flex-direction: column;
}

._row_3rks11 {
  display: flex;
}

._row_3rks11 + ._row_3rks11 {
  margin-top: var(--size-spacing-base);
}

._figure_3rks11 {
  display: flex;
  flex: 50%;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
}

._figure_3rks11 + ._figure_3rks11 {
  margin-left: var(--size-spacing-base);
}

._value_3rks11 {
  color: var(--color-summer-night);
  font-size: var(--size-font-header-2-desktop);
  font-weight: var(--font-weight-header-2-desktop);
  line-height: var(--height-line-header-2-desktop);
}

@media only screen and (max-width: 767.98px) {
  ._value_3rks11 {
    font-size: var(--size-font-header-2-mobile);
    font-weight: var(--font-weight-header-2-mobile);
    line-height: var(--height-line-header-2-mobile);
  }
}

/* styles for @clark-offers/ui/components/offers/quality-standards-modal/figures/rating.css */
._rating_1nsr7y {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

._icon_1nsr7y {
  margin: 0 !important;
}

._icon_1nsr7y + ._icon_1nsr7y {
  margin-left: var(--size-spacing-extra-tight) !important;
}

/* styles for @clark-offers/ui/components/offers/reschedule-consultation-modal.css */
._reschedule-consultation-list_1okudx {
  color: var(--color-comet-gray);
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-body-1-base-mobile);
  padding-left: var(--size-spacing-slight);
}

@media only screen and (min-width: 768px) {
  ._reschedule-consultation-list_1okudx {
    font-size: var(--size-font-body-1-base-desktop);
  }
}

._reschedule-consultation-list_1okudx > ._item_1okudx {
  line-height: var(--height-line-body-2-base-mobile);
  margin-top: var(--size-spacing-extra-tight);
}

._reschedule-consultation-list_1okudx > ._item_1okudx:first-of-type {
  margin-top: 0;
}

._agenda_1okudx {
  display: grid;
  gap: var(--size-spacing-slight);
}

._agenda-section_1okudx {
  display: grid;
  gap: var(--size-spacing-tight);
}

._agenda-section-title_1okudx {
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-header-1-mobile);
}

._agenda-steps_1okudx {
  display: grid;
  gap: var(--size-spacing-tight);
  list-style-type: none;
}

._agenda-steps_1okudx > ._step_1okudx {
  align-items: center;
  display: grid;
  font-size: var(--size-font-body-1-base-mobile);
  gap: var(--size-spacing-tight);
  grid-template-columns: auto 1fr;
}

._agenda-steps_1okudx > ._step_1okudx::before {
  background-color: var(--color-mystic-gray);
  border-radius: 50%;
  content: attr(data-step);
  display: grid;
  font-weight: var(--font-weight-header-1-mobile);
  height: var(--size-spacing-loose);
  place-items: center;
  width: var(--size-spacing-loose);
}

._consultation-details-list_1okudx {
  color: var(--color-summer-night);
  display: grid;
  gap: var(--size-spacing-base);
  list-style-type: none;
}

._consultation-details-item_1okudx {
  display: grid;
  gap: var(--size-spacing-tight);
  grid-template-columns: auto 1fr;
}

._consultation-details-item_1okudx > ._icon_1okudx {
  color: inherit;
  margin: 0;
}

._consultation-details-content_1okudx > ._add-to-calendar_1okudx {
  font-size: var(--size-font-body-1-base-mobile);
}

._consultation-details-content_1okudx > ._phone-pin_1okudx {
  color: var(--color-silver-cup);
}

._consultation-details-content_1okudx > ._meeting-link_1okudx {
  font-size: var(--size-font-body-1-base-mobile);
}

._reschedule-consultation-modal_1okudx ._cancel-button_1okudx {
  color: var(--color-red-umbrella) !important;
  text-decoration: none !important;
}

/* styles for @clark-offers/ui/components/offers/shared/callout.css */
._callout_g4g0n {
  border-radius: var(--radius-border-base);
  display: flex;
  padding: var(--size-spacing-base);
}

._callout-secondary_g4g0n {
  background-color: var(--color-athens-gray);
}

._callout-outline-secondary_g4g0n {
  background-color: var(--color-white);
  border: var(--size-border-base) solid var(--color-mystic-gray);
}

._icon-container_g4g0n {
  margin-right: var(--size-spacing-tight);
  padding-top: var(--size-spacing-tightest);
}

._title_g4g0n {
  font-size: var(--size-font-body-1-medium-desktop);
  font-weight: var(--font-weight-body-1-medium-desktop);
  line-height: var(--height-line-body-1-medium-desktop);
}

@media only screen and (max-width: 729.98px) {
  ._title_g4g0n {
    font-size: var(--size-font-body-1-medium-mobile);
    font-weight: var(--font-weight-body-1-medium-mobile);
    line-height: var(--height-line-body-1-medium-mobile);
  }
}

._message_g4g0n {
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  margin-top: var(--size-spacing-tightest);
}

@media only screen and (max-width: 729.98px) {
  ._message_g4g0n {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

/* styles for @clark-offers/ui/components/offers/shared/feedback-modal/feedback.css */
._container_3btvle {
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-base);
  padding: var(--size-spacing-extra-loose) var(--size-spacing-base)
    var(--size-spacing-extra-loose) var(--size-spacing-base);
  text-align: center;
}

._title_3btvle {
  color: var(--color-summer-night);
  font-size: var(--size-font-header-1-mobile);
  font-style: normal;
  font-weight: 500;
  line-height: var(--height-line-header-2-desktop);
}

._description_3btvle {
  color: var(--color-comet-gray);
  font-size: var(--size-font-body-1-medium-desktop);
  font-style: normal;
  line-height: var(--height-line-body-1-medium-desktop);
}

._feedback-form_3btvle {
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-base);
}

._cta_3btvle {
  width: 100%;
}

._input_3btvle:focus {
  border: var(--size-border-base) solid transparent;
  outline: none;
}

._input_3btvle:focus + ._backdrop_3btvle {
  border-color: var(--color-assure);
}

/* styles for @clark-offers/ui/components/offers/shared/feedback-modal/thank-you.css */
._container_1od957 {
  display: flex;
  flex-direction: column;
  gap: var(--size-spacing-base);
  padding: var(--size-spacing-extra-loose) var(--size-spacing-base)
    var(--size-spacing-extra-loose) var(--size-spacing-base);
  text-align: center;
}

._icon_1od957 {
  color: var(--color-lawn-green);
  height: 40px !important;
  width: 40px !important;
}

._cta_1od957 {
  width: 100%;
}

/* styles for @clark-offers/ui/components/offers/step-navigation.css */
._step-navigation_1buhvl {
  --step-navigation-step-spacing: 80px;

  display: inline-flex;
  margin: 0 calc(80px / 2);
  margin: 0 calc(var(--step-navigation-step-spacing) / 2);

  /*
    Use padding as fake height to make sure there are no overlaps
    with other UI elements and absolutely positioned labels
  */
  padding-bottom: calc(
    var(--height-line-body-2-base-desktop) + var(--size-spacing-extra-tight)
  );
  position: relative;
}

@media only screen and (max-width: 767.98px) {
  ._step-navigation_1buhvl {
    --step-navigation-step-spacing: 70px;

    padding-bottom: calc(
      var(--height-line-body-2-base-mobile) + var(--size-spacing-extra-tight)
    );
  }
}

._steps_1buhvl {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2;
}

._line_1buhvl,
._progress_1buhvl {
  bottom: 0;
  height: var(--size-border-thick);
  left: 0;
  position: absolute;
  top: calc((20px - var(--size-border-thick)) / 2);
}

._line_1buhvl {
  background: #daddec;
  width: 100%;
  z-index: 0;
}

._progress_1buhvl {
  background: #0439d7;
  transition: width 0.5s ease;
  width: 0;
  z-index: 1;
}

/* styles for @clark-offers/ui/components/offers/step-navigation/step.css */
._step_p7sldh {
  position: relative;
}

._step_p7sldh + ._step_p7sldh {
  margin-left: var(--step-navigation-step-spacing);
}

._link_p7sldh {
  align-items: center;
  color: var(--color-summer-night);
  display: flex;
  flex-direction: column;
  font-size: var(--size-font-body-2-base-desktop);
  font-weight: var(--font-weight-body-2-base-desktop);
  line-height: var(--height-line-body-2-base-desktop);
  outline: none; /* Focus is displayed on `.backdrop` */
  text-decoration: none;
}

@media only screen and (max-width: 767.98px) {
  ._link_p7sldh {
    font-size: var(--size-font-body-2-base-mobile);
    font-weight: var(--font-weight-body-2-base-mobile);
    line-height: var(--height-line-body-2-base-mobile);
  }
}

._link_p7sldh._disabled_p7sldh {
  pointer-events: none;
}

._indicator_p7sldh {
  height: 20px;
  position: relative;
  width: 20px;
}

._backdrop_p7sldh {
  background-color: #fff;
  border: var(--size-border-thick) solid #cfd3da;
  border-radius: 50%;
  inset: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: var(--time-transition-fast);
  transition-property: box-shadow, background-color, border-color;
  transition-timing-function: ease;
}

._link_p7sldh:hover ._backdrop_p7sldh {
  border-color: #0439d7;
}

._link_p7sldh:focus ._backdrop_p7sldh {
  box-shadow: 0 0 0 2px rgba(4 57 215 / 20%);
}

._link_p7sldh:active ._backdrop_p7sldh,
._link_p7sldh._active_p7sldh ._backdrop_p7sldh {
  border-color: #0439d7;
}

._link_p7sldh._completed_p7sldh ._backdrop_p7sldh {
  border-color: #0439d7;
}

._icon_p7sldh {
  background-color: #0439d7;
  border-radius: 50%;
  height: 8px;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.25);
  transform-origin: 50% 50%;
  transition-duration: var(--time-transition-fast);
  transition-property: opacity, transform;
  transition-timing-function: ease;
  width: 8px;
}

._link_p7sldh._completed_p7sldh ._icon_p7sldh {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

._label_p7sldh {
  max-width: calc(20px + var(--step-navigation-step-spacing));
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: calc(20px + var(--size-spacing-extra-tight));
  white-space: nowrap;
}

/* styles for @clark-questionnaire/ui/components/questionnaire/bounce-screen.css */
._bounce-screen_336bn0 {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  height: calc(100% - 140px);
  margin-bottom: 140px;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  padding: 24px;
}

@media only screen and (max-width: 729.98px) {
  ._bounce-screen_336bn0 {
    font-size: 22px;
    line-height: 26px;
    padding: 24px 12px;
  }
}

._title_336bn0,
._explanation_336bn0 {
  max-width: 350px;
  width: 100%;
}

._icon-message_336bn0 {
  height: 56px;
  width: 56px;
}

@media only screen and (max-width: 729.98px) {
  ._icon-message_336bn0 {
    height: 50px;
    width: 50px;
  }
}

._title_336bn0 {
  color: var(--color-rich-black);
  font-family: var(--font-family-hero-header);
  font-size: 36px;
  font-weight: 500;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: 1.5;
  margin: 16px 0 0;
  text-align: center;
}

@media only screen and (max-width: 729.98px) {
  ._title_336bn0 {
    font-size: 28px;
    margin: 12px 0 0;
  }
}

._explanation_336bn0 {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

@media only screen and (max-width: 729.98px) {
  ._explanation_336bn0 {
    font-size: 14px;
    line-height: 22px;
    margin: 12px 0 0;
  }
}

._explanation-question_336bn0 {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}

@media only screen and (max-width: 729.98px) {
  ._explanation-question_336bn0 {
    font-size: 14px;
    line-height: 22px;
  }
}

._info-container_336bn0 {
  margin-bottom: 10px;
}

._info-explanation_336bn0 {
  display: flex;
}

._explanation-body_336bn0 div:first-child {
  opacity: 1;
}

._info-text_336bn0 {
  color: #203151 !important;
  font-size: 14px;
  line-height: 22px;
  margin-left: 10px;
}

._icon-override_336bn0 {
  fill: #203151 !important;
  margin-top: -2px !important;
  width: 40px !important;
}

@media only screen and (min-width: 730px) {
  ._icon-override_336bn0 {
    width: 32px !important;
  }
}

._free-text_336bn0 {
  margin: 5px 20px 10px 0;
}

._free-text_336bn0 textarea::placeholder {
  opacity: 0.4 !important;
}

._free-text_336bn0 textarea._errors_336bn0 {
  border: 1px solid #d51e50;
}

._free-text_336bn0 div._errors_336bn0 {
  color: #d51e50;
  font-size: 12px;
  line-height: 11px;
  margin-left: 10px;
}

@media only screen and (min-width: 730px) {
  ._free-text_336bn0 div._errors_336bn0 {
    font-size: 12px;
    margin-left: 20px;
  }
}

._free-input_336bn0::placeholder {
  font-size: 14px;
}

._free-input_336bn0 {
  font-size: 16px;
  margin-left: 20px;
  margin-right: 20px;
}

@media only screen and (max-width: 729.98px) {
  ._free-input_336bn0 {
    font-size: 14px;
    margin-left: 10px;
  }
}

._explanation-mark_336bn0 {
  flex: 0 0 auto;
  margin-left: 12px;
}

@media only screen and (min-width: 730px) {
  ._explanation-mark_336bn0 {
    margin-top: 4px;
  }
}

._explanation-body_336bn0 {
  margin-bottom: 10px;
}

._actions_336bn0 {
  background: white;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 140px;
  margin-top: 20px;
  padding: 10px 10px 20px;
  position: fixed;
  width: 100%;
}

@media only screen and (min-width: 730px) {
  ._actions_336bn0 {
    align-items: center;
  }
}

._leave_336bn0 {
  margin-top: 8px;
}

@media only screen and (min-width: 730px) {
  ._leave_336bn0 {
    margin-top: 16px;
    width: 70%;
  }
}

@media only screen and (min-width: 730px) {
  ._continue_336bn0 {
    width: 70%;
  }
}

._answer_336bn0 {
  color: var(--dark-4);
  margin: auto;
  margin-top: 10px;
  max-width: 490px;
  width: 100%;
}

.clark2 ._answer_336bn0 {
  color: var(--typo-dark);
}

._radiobutton_336bn0 {
  color: var(--dark-4);
}

.clark2 ._radiobutton_336bn0 {
  border-top-color: var(--divider);
  color: var(--typo-dark);
}

._list-item_336bn0 {
  border-bottom: 1px solid var(--grey-3);
  display: block;
}

.clark2 ._list-item_336bn0 {
  border-bottom-color: var(--divider);
}

._last-item_336bn0 {
  border-bottom: 0;
}

._list-item_336bn0:focus {
  outline: 0;
}

._label_336bn0 {
  line-height: 50px;
  padding-left: 20px;
}

@media only screen and (max-width: 729.98px) {
  ._label_336bn0 {
    padding-left: 10px;
  }
}

._radio_336bn0 {
  top: 14px;
}

._text_336bn0 {
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  padding-left: 12px;
}

@media only screen and (min-width: 730px) {
  ._text_336bn0 {
    font-size: 14px;
    line-height: 22px;
  }
}

/* styles for @clark-questionnaire/ui/components/questionnaire/census.css */
._section_1jv8lr {
  overflow: hidden;
  padding: 0 0 20px;
}

._wrapper_1jv8lr {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 600px;
  padding: 0 10px;
}

._actions_1jv8lr {
  margin-top: var(--size-spacing-loose);
}

@media screen and (min-width: 600px) {
  ._actions_1jv8lr div {
    width: calc(600px - (2 * 10px));
  }
}

._actions-content_1jv8lr {
  background-color: var(--color-athens-gray);
  flex-direction: row-reverse;
}

@media only screen and (max-width: 729.98px) {
  ._button_1jv8lr {
    max-width: 250px;
    width: calc(50% - size-extra-tight);
  }
}

@media only screen and (min-width: 730px) {
  ._button_1jv8lr {
    width: 250px;
  }
}

._button_1jv8lr:first-of-type {
  margin-left: var(--size-spacing-base);
}

._spinner_1jv8lr {
  color: var(--color-assure);
}

._spinner-container_1jv8lr {
  left: 50%;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 343px;
}

/* styles for @clark-questionnaire/ui/components/questionnaire/demandcheck-census.css */
._section_cqkmcs {
  overflow: hidden;
  padding: 0 0 20px;
}

._wrapper_cqkmcs {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 600px;
  padding: 0 10px;
}

._actions_cqkmcs {
  margin-top: var(--size-spacing-loose);
}

@media screen and (min-width: 600px) {
  ._actions_cqkmcs div {
    width: calc(600px - (2 * 10px));
  }
}

._actions-content_cqkmcs {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 729.98px) {
  ._button_cqkmcs {
    max-width: 250px;
    width: calc(50% - size-extra-tight);
  }
}

@media only screen and (min-width: 730px) {
  ._button_cqkmcs {
    width: 250px;
  }
}

._button_cqkmcs:first-of-type {
  margin-left: var(--size-spacing-base);
}

._spinner_cqkmcs {
  color: var(--color-assure);
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* styles for @clark-questionnaire/ui/components/questionnaire/finanzen-widget.css */
._iframe_1k77aq {
  border: 0;
  height: calc(
    100vh - var(--fixed-area-inset-top) - var(--fixed-area-inset-bottom)
  );
  width: 100%;
}

/* styles for @clark-questionnaire/ui/components/questionnaire/legal-information.css */
._legal-container_e310e7 {
  background-color: white;
  border: 1px solid var(--color-mystic-gray);
  border-radius: 8px;
  box-sizing: border-box;
  padding: 8px;
}

._pledge_e310e7 {
  color: #313f61;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  vertical-align: inherit;
}

@media only screen and (min-width: 730px) {
  ._pledge_e310e7 {
    font-size: 14px;
    line-height: 22px;
  }
}

._pledge_e310e7 a {
  color: #0439d7;
  cursor: pointer;
  text-decoration: none;
}

._modal-container_e310e7 {
  padding: 18px;
  text-align: center;
}

._modal-title_e310e7 {
  color: #203151;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
}

._modal-content_e310e7 {
  color: #575970;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 24px;
  padding: 0;
}

/* styles for @clark-questionnaire/ui/components/questionnaire/progress-bar.css */
._container_g9owfw {
  background-color: #d6d6d6;
  height: 4px;
  left: 0;
  position: fixed;
  top: 0;
  top: var(--fixed-area-inset-top, 0);
  width: 100%;
  z-index: 100;
}

._progress-bar_g9owfw {
  background-color: #2b6cde;
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  transition: width 1s cubic-bezier(0.1, 0.68, 0.08, 0.92);
  width: 0;
}

/* styles for @clark-questionnaire/ui/components/questionnaire/start-screen/new.css */
/* stylelint-disable font-family-no-missing-generic-family-keyword */

._container_e8vjnz {
  display: flex;
  flex-direction: column;
}

._content_e8vjnz {
  align-self: center;
  background-image: url("https://app.clark.de/@clark-questionnaire/ui/svgs/insurer-logos-7ce056b79eb41f87b2a5aa89424c69b8.svg");
  background-position: right -20px;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  max-width: 530px;
  padding: 100px 20px 20px;
}

@media only screen and (max-width: 729.98px) {
  ._content_e8vjnz {
    background-position: calc(100% + 25px) -35px;
  }
}

._title_e8vjnz {
  color: var(--color-rich-black);
  font-family: "Tiempos Headline";
  font-size: var(--size-font-header-1-desktop);
  font-weight: var(--font-weight-hero-header-desktop) !important;
  line-height: var(--height-line-hero-header-mobile);
  margin-bottom: var(--size-spacing-tightest);
  padding: 20px 0;
}

._user-actions_e8vjnz {
  background: var(--color-athens-gray);
  box-shadow: 0 -3px 5px rgb(173 182 217 / 40%);
}

._tip-card_e8vjnz {
  margin: var(--size-spacing-slight) auto;
}

@media only screen and (max-width: 729.98px) {
  ._user-actions_e8vjnz {
    padding: 20px !important;
  }
}

/* styles for @clark-questionnaire/ui/components/questionnaire/start-screen/old.css */
._start-screen_bu5pp0 {
  display: flex;
  justify-content: center;
  min-height: calc(
    100vh - var(--fixed-area-inset-top) - var(--fixed-area-inset-bottom)
  );
}

._container_bu5pp0 {
  margin: 20px;
  max-width: 368px;
}

@media only screen and (max-width: 729.98px) {
  ._container_bu5pp0 {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
  }
}

._content_bu5pp0 {
  align-items: center;
  flex-flow: column nowrap;
  margin-top: 28px;
}

._content_bu5pp0._buyprocess_bu5pp0 {
  display: flex;
  gap: 12px;
  text-align: center;
}

@media only screen and (min-width: 730px) {
  ._content_bu5pp0 {
    margin-bottom: 88px;
    margin-top: 40px;
  }
}

._header_bu5pp0 {
  align-items: center;
  display: flex;
  gap: var(--size-spacing-extra-tight);
  margin-bottom: var(--size-spacing-extra-tight);
}

._header_bu5pp0._vertical_bu5pp0 {
  flex-flow: column nowrap;
  gap: 12px;
  text-align: center;
}

._category-name-buying-process_bu5pp0 {
  font-size: var(--size-font-header-1-desktop);
  font-weight: bold;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: var(--size-spacing-loose);
}

._category-name_bu5pp0 {
  font-size: var(--size-font-header-1-desktop);
  font-weight: var(--font-weight-header-1-desktop);
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: var(--size-spacing-loose);
}

@media only screen and (max-width: 729.98px) {
  ._category-name_bu5pp0 {
    font-size: var(--size-font-header-1-mobile);
  }
}

._show-process_bu5pp0 {
  margin-bottom: var(--size-spacing-tight);
}

._duration_bu5pp0,
._starting-price_bu5pp0 {
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

@media only screen and (max-width: 729.98px) {
  ._duration_bu5pp0,
  ._starting-price_bu5pp0 {
    font-size: 14px;
    line-height: 22px;
  }
}

._actions_bu5pp0 {
  display: flex;
  flex-direction: column;
}

._callout_bu5pp0 {
  margin-top: 24px;
}

@media only screen and (min-width: 730px) {
  ._callout_bu5pp0 {
    order: 2;
  }
}

._category-label_bu5pp0 {
  background: linear-gradient(0deg, rgb(4 57 215 / 10%), rgb(4 57 215 / 10%)),
    var(--color-white);
  border-radius: 4px;
  color: var(--color-assure);
  font-size: var(--size-font-body-2-medium-desktop);
  font-weight: var(--font-weight-body-2-medium-desktop);
  line-height: var(--height-line-body-2-medium-desktop);
  margin-top: var(--size-spacing-extra-tight);
  padding: 6px;
  text-transform: uppercase;
}

@media only screen and (max-width: 729.98px) {
  ._category-label_bu5pp0 {
    font-size: var(--size-font-body-2-medium-mobile);
    font-weight: var(--font-weight-body-2-medium-mobile);
    line-height: var(--height-line-body-2-medium-mobile);
  }
}

._cta_bu5pp0 {
  margin-top: 12px;
}

@media only screen and (min-width: 730px) {
  ._override_bu5pp0._continue-arrow_bu5pp0 {
    display: none;
  }
}

._hint_bu5pp0 {
  text-align: center;
  width: 80%;
}

._illustration_bu5pp0 {
  height: unset;
  max-width: unset;
}

._free-legal-insurance-container_bu5pp0 {
  align-items: center;
  background: none;
  display: flex;
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-body-2-base-mobile);
  gap: var(--size-spacing-extra-tight);
  line-height: var(--height-line-body-2-medium-mobile);
  padding-top: var(--size-spacing-base);
  text-align: left;
}

._information-icon_bu5pp0 {
  min-width: 14px;
  stroke: #0d6626;
}

._free-legal-insurance-info_bu5pp0 {
  color: #0d6626;
  font-size: 12px;
}

._automation-text_bu5pp0 {
  color: #313f61;
  font-size: 12px;
  line-height: 18px;
}

/* styles for @clark-recommendations/ui/components/recommendations/category-details/related-recommendations.css */
._recommendation-list_1rziqe {
  display: grid;
  grid-gap: var(--recommendation-s0);
  grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  list-style: none;
  padding-bottom: 2px;
  padding-right: 2px;
  position: relative;
}

@media only screen and (min-width: 730px) {
  ._recommendation-list_1rziqe {
    grid-auto-flow: column;
  }
}

._recommendation-list_1rziqe > * {
  margin-right: 2px;
}

._recommendation-list_1rziqe > *:last-child {
  margin-bottom: 2px;
}

._headline_1rziqe {
  border-bottom: 2px solid var(--color-pale-navy);
  color: var(--color-rich-black);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45em;
  margin: 0 0 var(--recommendation-s0);
  padding: var(--recommendation-s1) 0 var(--recommendation-s-3) 0;
}

@media only screen and (min-width: 730px) {
  ._headline_1rziqe {
    font-size: 22px;
  }
}

/* styles for @clark-recommendations/ui/components/recommendations/content-for-you-card.css */
._content-wrapper_1264je {
  text-decoration: none;
}

._container_1264je {
  position: relative;
  width: 81.6vw;
}

._unread-mark_1264je {
  background: #df212d;
  border-radius: 50%;
  height: 8px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 8px;
}

/* styles for @clark-recommendations/ui/components/recommendations/content-for-you-card/pav-journey.css */
._container_uw4cio {
  background: linear-gradient(
    251.18deg,
    #1d8eee 6.63%,
    #1287e7 44.7%,
    #005ec2 79.67%
  );
  border-radius: 12px;
  height: 160px;
  padding: var(--size-spacing-base);
}

._header_uw4cio {
  color: white;
  font-size: var(--size-font-body-3-medium-mobile);
  font-weight: var(--font-weight-body-2-medium-mobile);
  line-height: var(--height-line-body-2-medium-mobile);
  margin: 0;
  opacity: 0.5;
  text-transform: uppercase;
}

._body_uw4cio {
  display: flex;
  justify-content: space-between;
}

._info_uw4cio {
  color: var(--color-white);
  font-size: var(--size-font-header-2-mobile);
  font-weight: var(--font-weight-header-2-mobile);
  height: 100px;
  line-height: var(--height-line-header-2-mobile);
  margin: 0;
}

._image_uw4cio {
  width: calc((116.23 / 375) * 100vw);
}

._footer_uw4cio {
  color: var(--color-white);
  font-size: var(--size-font-body-2-medium-mobile);
  font-weight: var(--font-weight-body-2-medium-mobile);
  line-height: var(--height-line-body-2-medium-mobile);
  margin: 0;
}

/* styles for @clark-recommendations/ui/components/recommendations/content-for-you.css */
._content-wrapper_1q8hho {
  text-decoration: none;
}

._container_1q8hho {
  background: linear-gradient(
    251.18deg,
    #1d8eee 6.63%,
    #1287e7 44.7%,
    #005ec2 79.67%
  );
  border-radius: 12px;
  height: 160px;
  padding: var(--size-spacing-base);
  position: relative;
  width: 81.6vw;
}

._unread-mark_1q8hho {
  background: #df212d;
  border-radius: 50%;
  height: 8px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 8px;
}

._header_1q8hho {
  color: white;
  font-size: var(--size-font-body-3-medium-mobile);
  font-weight: var(--font-weight-body-2-medium-mobile);
  line-height: var(--height-line-body-2-medium-mobile);
  margin: 0;
  opacity: 0.5;
  text-transform: uppercase;
}

._body_1q8hho {
  display: flex;
  justify-content: space-between;
}

._info_1q8hho {
  color: var(--color-white);
  font-size: var(--size-font-header-2-mobile);
  font-weight: var(--font-weight-header-2-mobile);
  height: 100px;
  line-height: var(--height-line-header-2-mobile);
  margin: 0;
}

._image_1q8hho {
  height: 100px;
}

._footer_1q8hho {
  color: var(--color-white);
  font-size: var(--size-font-body-2-medium-mobile);
  font-weight: var(--font-weight-body-2-medium-mobile);
  line-height: var(--height-line-body-2-medium-mobile);
  margin: 0;
}

/* styles for @clark-recommendations/ui/components/recommendations/contract-placeholder-item.css */
._placeholder-item_1kixxa {
  align-items: center;
  background: var(--surface-container);
  box-shadow:
    0 1px 0 0 #dadcea,
    0 -1px 0 0 #dadcea;
  display: flex;
  gap: var(--spacing-container-gap-inline2);
  justify-content: space-between;
  padding: 14px var(--s2);
  position: relative;
}

._placeholder-item_1kixxa[aria-selected="selected"] {
  background: #f2f7ff;
}

._item-image_1kixxa {
  height: 24px !important;
  margin: inherit !important;
  width: 24px !important;
}

._item-image_1kixxa svg {
  fill: #203151 !important;
}

._item-name_1kixxa {
  color: #203151;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
}

._button_1kixxa {
  height: 100% !important;
  left: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
}

._selected-icon_1kixxa svg {
  color: #0439d7;
}

._unselected-icon_1kixxa svg {
  color: #888da0;
}

/* styles for @clark-recommendations/ui/components/recommendations/contract-placeholder-list.css */
._container_1mfy77 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

._header_1mfy77 {
  align-items: flex-start;
  background: #f5f6fa;
  background: var(--athens-gray, #f5f6fa);
  box-shadow:
    0 1px 0 0 #dadcea,
    0 -1px 0 0 #dadcea;
  color: #203151;
  color: var(--summer-night, #203151);
  display: flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  gap: 10px;
  line-height: normal;
  padding: 5px 24px;
}

/* styles for @clark-recommendations/ui/components/recommendations/faq.css */
._root_16dne8 {
  display: grid;
  gap: var(--size-spacing-base);
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  position: static;
}

._question_16dne8 {
  align-items: center;
  background-color: var(--color-white);
  border: var(--size-border-thick) solid var(--color-white);
  border-radius: var(--radius-border-largest);
  box-shadow: var(--shadow-box-base);
  display: grid;
  gap: var(--size-spacing-base);
  grid-template-columns: -webkit-min-content auto -webkit-min-content;
  grid-template-columns: min-content auto min-content;
  min-height: 64px;
  padding: calc(var(--size-spacing-base) - var(--size-border-thick));
  position: static;
  transition: all var(--time-transition-base);
}

._question_16dne8:hover,
._question_16dne8:active {
  border-color: var(--color-assure);
}

._question_16dne8:link,
._question_16dne8:visited,
._question_16dne8:hover,
._question_16dne8:active {
  color: var(--color-rich-black);
  text-decoration: none;
}

._statement_16dne8 {
  font-family: var(--font-family-base);
  font-size: var(--size-font-header-3-mobile);
  font-style: normal;
  font-weight: var(--font-weight-body-1-medium-desktop);
  line-height: 1.5;
}

@media only screen and (min-width: 730px) {
  ._statement_16dne8 {
    font-size: var(--size-font-header-3-desktop);
  }
}

/* styles for @clark-recommendations/ui/components/recommendations/focus-frame.css */
._root_3yivmp {
  display: block;
  padding-bottom: 102px;
  position: static;
}

._cta-container_3yivmp {
  background-color: var(--color-white);
  box-shadow: 0 -3px 5px rgb(173 182 217 / 40%);
  display: block;
  height: 102px;
  inset: auto auto 0 0;
  padding: var(--size-spacing-base);
  position: fixed;
  width: 100%;
}

._cta_3yivmp._override_3yivmp {
  display: flex;
  width: 100%;
}

@media only screen and (min-width: 730px) {
  ._root_3yivmp {
    padding-bottom: 0;
  }

  ._cta-container_3yivmp {
    background-color: transparent;
    bottom: auto;
    box-shadow: none;
    height: auto;
    left: auto;
    margin: 0 auto;
    padding: 0;
    position: static;
    width: 320px;
  }
}

/* styles for @clark-recommendations/ui/components/recommendations/free-legal-insurance.css */
._root_2j4hio {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
}

._fluid_2j4hio {
  flex: 1 1 auto;
}

._rigid_2j4hio {
  flex: 0 0 auto;
}

._gift-card_2j4hio {
  height: 24px;
}

._description_2j4hio {
  color: var(--color-summer-night);
  font-family: var(--font-family-base);
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-body-1-base-mobile);
  line-height: var(--height-line-body-2-base-mobile);
  padding-left: var(--s-2);
}

@media only screen and (min-height: 750px) {
  ._description_2j4hio {
    padding-left: var(--s-1);
  }
}

._info_2j4hio {
  display: flex;
  padding: var(--s-3);
}

._modal-cta_2j4hio {
  font-size: var(--size-font-body-1-base-desktop) !important;
}

@media only screen and (min-width: 730px) {
  ._description_2j4hio {
    font-size: var(--size-font-body-1-base-desktop);
    line-height: var(--height-line-body-1-base-desktop);
    padding-left: var(--s-1);
  }
}

/* styles for @clark-recommendations/ui/components/recommendations/hide-reason-modal.css */
._content_l62f9u {
  padding: var(--size-spacing-base);
}

._content_l62f9u > * + * {
  margin-top: var(--size-spacing-base);
}

._textarea_l62f9u {
  border: 1px solid var(--color-mystic-gray);
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--color-silver-cup);
  font-size: 14px;
  height: 80px;
  line-height: 22px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 8px 12px;
  resize: none;
  width: 100%;
}

/* styles for @clark-recommendations/ui/components/recommendations/legal-insurance-more-info.css */
._modal_1alzs6 {
  border-radius: 8px 8px 0 0;
}

._container_1alzs6 {
  padding: var(--size-spacing-base);
}

._body-container_1alzs6 {
  margin-top: var(--size-spacing-slight);
  padding: 0 var(--size-spacing-extra-tight);
}

._title_1alzs6 {
  color: var(--color-rich-black);
  font-family: var(--font-family-base);
  font-size: var(--size-font-header-1-mobile);
  font-style: normal;
  font-weight: var(--font-weight-header-1-mobile);
  line-height: var(--height-line-header-2-desktop);
  margin-top: var(--size-spacing-base);
}

._description_1alzs6 {
  align-items: center;
  color: var(--color-summer-night);
  display: inline-flex;
  font-family: var(--font-family-base);
  font-size: var(--size-font-body-1-base-mobile);
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  line-height: 22px;
  margin-top: var(--size-spacing-tight);
}

._more-information_1alzs6 {
  display: inline;
}

._more-info-link_1alzs6 {
  color: var(--color-summer-night);
  display: inline;
}

._more-info-link_1alzs6:visited {
  color: var(--color-summer-night);
}

._gift-image_1alzs6 {
  height: 48px;
  width: 48px;
}

._user-actions_1alzs6 {
  display: inline-flex;
  flex-direction: column;
  margin-top: var(--size-spacing-loose);
  width: 100%;
}

._user-actions_1alzs6 > button {
  font-size: var(--size-font-header-3-mobile);
  font-weight: var(--font-weight-header-1-mobile);
}

@media only screen and (min-width: 730px) {
  ._modal_1alzs6 {
    border-radius: 0;
  }

  ._title_1alzs6 {
    font-size: var(--size-font-hero-header-desktop);
    font-weight: var(--font-weight-hero-header-desktop);
    line-height: var(--height-line-hero-header-desktop);
  }

  ._description_1alzs6 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
  }
}

/* styles for @clark-recommendations/ui/components/recommendations/open-demandcheck-intro.css */
/* stylelint-disable no-descending-specificity */
._screen_11ljsz {
  background-color: var(--color-athens-gray);
  min-height: calc(
    100vh - var(--fixed-area-inset-top) - var(--fixed-area-inset-bottom)
  );
  padding: var(--size-spacing-extra-loose) var(--size-spacing-none) 94px;
}

@media only screen and (min-width: 730px) {
  ._screen_11ljsz {
    min-height: calc(100vh - var(--web-header-offset));
    padding: var(--size-spacing-extra-loose) var(--size-spacing-none)
      var(--size-spacing-loose);
  }
}

._wrapper_11ljsz {
  margin: auto;
  max-width: 650px;
  padding: var(--size-spacing-none) var(--size-spacing-base);
  text-align: center;
}

._headline_11ljsz {
  color: var(--color-rich-black);
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-header-2-mobile);
  line-height: var(--height-line-body-1-base-mobile);
  white-space: pre-line;
}

@media only screen and (min-width: 730px) {
  ._headline_11ljsz {
    font-size: var(--size-font-header-3-desktop);
    font-weight: var(--font-weight-header-1-desktop);
    line-height: var(--height-line-header-3-desktop);
  }
}

._container_11ljsz {
  background: var(--color-white);
  border-radius: var(--radius-border-base);
  box-shadow: 0 3px 5px rgb(173 182 217 / 40%);
  margin-top: var(--size-spacing-slight);
  padding: var(--size-spacing-base);
}

@media only screen and (min-width: 730px) {
  ._container_11ljsz {
    margin-top: var(--size-spacing-loose);
    padding: var(--size-spacing-loosest);
  }
}

._container_11ljsz > :not(:last-child) {
  margin-bottom: var(--size-spacing-slight);
}

@media only screen and (min-width: 730px) {
  ._container_11ljsz > :not(:last-child) {
    margin-bottom: var(--size-spacing-loose);
  }
}

._container-header_11ljsz {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}

._badge_11ljsz {
  background: rgb(135 205 249 / 20%);
  border-radius: var(--radius-border-base);
  color: var(--color-assure);
  font-size: var(--size-font-body-1-medium-mobile);
  font-weight: var(--font-weight-body-1-medium-mobile);
  line-height: var(--size-font-body-1-medium-desktop);
  padding: var(--size-spacing-tightest) var(--size-spacing-extra-tight);
  text-transform: uppercase;
}

@media only screen and (min-width: 730px) {
  ._badge_11ljsz {
    font-size: var(--size-font-body-1-medium-desktop);
    font-weight: var(--font-weight-body-1-medium-desktop);
    padding: var(--size-spacing-extra-tight) var(--size-spacing-tight);
  }
}

@media only screen and (min-width: 730px) {
  ._list-item-icon_11ljsz {
    margin-top: var(--size-spacing-tightest);
  }
}

._list-item-icon_11ljsz svg {
  fill: var(--color-assure);
}

._list-item-text_11ljsz {
  display: flex;
  flex-direction: column;
}

._list-item-heading_11ljsz {
  color: var(--color-rich-black);
  font-size: var(--size-font-header-3-mobile);
  font-weight: var(--font-weight-header-3-mobile);
  line-height: var(--height-line-header-3-mobile);
  margin: var(--size-spacing-none);
}

@media only screen and (min-width: 730px) {
  ._list-item-heading_11ljsz {
    font-size: var(--size-font-header-3-desktop);
    font-weight: var(--font-weight-header-3-desktop);
    line-height: var(--height-line-header-3-desktop);
  }
}

._list-item-body_11ljsz {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-body-1-base-mobile);
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: var(--height-line-body-1-base-mobile);
}

@media only screen and (min-width: 730px) {
  ._list-item-body_11ljsz {
    font-size: var(--size-font-body-1-base-desktop);
    font-weight: var(--font-weight-body-1-base-desktop);
    line-height: var(--height-line-body-1-base-desktop);
    margin-top: var(--size-spacing-tightest);
  }
}

._button-wrapper_11ljsz {
  margin: var(--size-spacing-slight) auto auto;
  padding: var(--size-spacing-none) var(--size-spacing-tight);
  text-align: center;
}

@media only screen and (min-width: 730px) {
  ._button-wrapper_11ljsz {
    margin: var(--size-spacing-loose) auto auto;
    max-width: calc(650px / 2);
  }
}

._submit-button_11ljsz {
  align-self: center;
  height: 48px;
  margin-top: calc(var(--size-spacing-loose) + var(--size-spacing-extra-tight));
  max-width: calc(650px / 2);
  width: 100%;
}

._submit-button_11ljsz._floating_11ljsz {
  border-radius: 50%;
  bottom: var(--size-spacing-loosest);
  height: 70px;
  margin: unset;
  max-width: unset;
  min-width: unset;
  position: fixed;
  right: var(--size-spacing-base);
  width: 70px;
}

._next-button_11ljsz {
  width: 100%;
}

/* styles for @clark-recommendations/ui/components/recommendations/recommendation-card.css */
/* stylelint-disable no-descending-specificity */
._recommendation-card_83rqb1 {
  background-color: var(--color-white);
  border-left: 5px solid var(--color-aqua);
  border-radius: var(--radius-border-base);
  box-shadow: var(--shadow-box-base);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
}

._recommendation-card_83rqb1::before {
  border: var(--size-border-thick) solid var(--color-assure);
  border-radius: var(--radius-border-base);
  content: "";
  inset: calc(-1 * (var(--size-border-thick) * 2));
  opacity: 0;
  position: absolute;
}

._recommendation-card_83rqb1._focused_83rqb1 {
  outline: none;
}

._recommendation-card_83rqb1._focused_83rqb1::before {
  opacity: 1;
}

._things_83rqb1 {
  border-left-color: var(--color-aqua);
}

._health_83rqb1 {
  border-left-color: var(--color-orchid-lila);
}

._retirement_83rqb1 {
  border-left-color: var(--color-deep-sky);
}

._link_83rqb1 {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

._header_83rqb1 {
  display: grid;
  grid-row-gap: var(--recommendation-s-3);
  grid-template-areas:
    "icon preamble importance"
    "icon name importance"
    "icon description description";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto 1fr;
  padding: var(--recommendation-s0) var(--recommendation-s-1);
  z-index: 2;
}

._icon_83rqb1 {
  grid-area: icon;
  margin-right: var(--recommendation-s0);
  margin-top: var(--recommendation-s-3);
}

._name_83rqb1 {
  grid-area: name;
}

._importance_83rqb1 {
  grid-area: importance;
}

._preamble_83rqb1 {
  grid-area: preamble;
}

._description_83rqb1 {
  color: var(--color-comet-gray);
  font-size: 12px;
  grid-area: description;
  line-height: 18px;
}

._offered-by-email_83rqb1 {
  border-bottom: 1px solid rgb(173 182 217 / 50%);
  box-shadow: none !important;
}

._offered-by-email_83rqb1 ._content_83rqb1,
._offered-by-email_83rqb1 ._footer-offered_83rqb1 {
  cursor: default;
}

._category-icon_83rqb1 {
  margin: 0 !important;
  min-width: 32px;
}

._title_83rqb1 {
  color: #283e66;
  font-size: 14px;
  font-weight: 500;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: 18px;
  margin: 0 0 2px;
  padding: 0 10px 0 0;
  word-break: break-word;
}

._importance-pill_83rqb1 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}

._footer_83rqb1 {
  align-items: center;
  background: var(--color-athens-gray);
  box-shadow: inset 0 2px 5px rgb(173 182 217 / 10%);
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  line-height: 18px;
  padding-left: calc(
    var(--recommendation-s-1) + var(--recommendation-s2) +
      var(--recommendation-s0)
  );
  z-index: 2;
}

._footer-offered_83rqb1 {
  color: var(--color-assure);
}

._footer-requested_83rqb1 {
  color: var(--color-summer-night);
}

._footer-paused_83rqb1 {
  align-items: center;
  color: var(--color-cardinal);
  display: grid;
  grid-gap: 0 6px;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
}

._actions_83rqb1 {
  border-top: var(--size-border-base) solid var(--color-border-base);
  display: flex;
  height: 40px;
  margin-top: auto;
  width: 100%;
  z-index: 2;
}

._action-sheet_83rqb1 {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
}

._action-sheet_83rqb1 > div {
  display: flex;
  height: 100%;
  width: 100%;
}

._actions-trigger_83rqb1 {
  height: 100%;
  width: 100%;
}

._actions-trigger_83rqb1::before {
  /* Align with native browser outline of "Request Offer" button */
  inset: -1px !important;
}

._request-offer_83rqb1 {
  flex: 1 1 0px;
}

._request-offer_83rqb1 span {
  font-size: 12px !important;
}

._delimiter_83rqb1 {
  border: 1px solid #cfd3da;
  margin: 11px 0;
}

._blurred_83rqb1 {
  filter: blur(16px);
}

._blurred-content-substitute_83rqb1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  inset: 0 0 40px;
  justify-content: center;
  position: absolute;
}

/* styles for @clark-recommendations/ui/components/recommendations/recommendation-card/mandate-warning.css */
._warning-label_yac6k3 {
  color: var(--color-tangerine);
  font-size: var(--size-font-body-3-medium-desktop);
  line-height: 12px;
  margin-bottom: 2px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767.98px) {
  ._warning-label_yac6k3 {
    font-size: var(--size-font-body-3-medium-mobile);
    line-height: 10px;
  }
}

/* styles for @clark-recommendations/ui/components/recommendations/returning-user-recommended-category-details.css */

/* styles for @clark-recommendations/ui/components/recommendations/returning-user-recommended-category-details/content.css */
/* stylelint-disable no-descending-specificity */
._content_16lzbo {
  margin: 0 auto;
  margin-top: var(--size-spacing-slight);
  max-width: 480px;
  padding: var(--size-spacing-loose) 0;
  width: 100%;
}

@media only screen and (max-width: 767.98px) {
  ._content_16lzbo {
    margin: unset;
    max-width: unset;
    padding: var(--size-spacing-loose) var(--size-spacing-base);
  }
}

._content_16lzbo._condensed_16lzbo {
  overflow: auto;
  padding: var(--size-spacing-base);
}

@media only screen and (max-width: 767.98px) {
  ._content_16lzbo._condensed_16lzbo {
    min-height: calc(35vh);
    padding: var(--size-spacing-base);
  }
}

._content_16lzbo._condensed_16lzbo ._text_16lzbo {
  font-size: var(--size-font-body-1-base-desktop);
}

._title_16lzbo {
  color: var(--color-rich-black);
  font-size: var(--size-font-header-3-desktop);
  font-weight: var(--font-weight-body-1-medium-desktop);
  margin: var(--size-spacing-tightest) 0;
}

@media only screen and (max-width: 767.98px) {
  ._title_16lzbo {
    font-weight: var(--font-weight-body-1-medium-mobile);
  }
}

._subtitle_16lzbo {
  color: var(--color-safety-blue);
  display: flex;
  font-size: var(--size-font-body-3-base-desktop);
  line-height: var(--height-line-body-2-medium-desktop);
  margin-top: var(--size-spacing-extra-tight);
}

._subtitle_16lzbo ._subtitle-icon_16lzbo {
  margin: auto var(--size-spacing-extra-tight) auto 0;
}

._text_16lzbo {
  color: var(--color-summer-night);
}

._item_16lzbo {
  background-color: var(--color-athens-gray);
  border-radius: var(--radius-border-largest);
  color: var(--color-summer-night);
  padding: var(--size-spacing-extra-tight);
}

._item-icon_16lzbo {
  color: var(--color-assure);
  height: 18px !important;
  width: 18px !important;
}

._condensed_16lzbo ._separator_16lzbo {
  margin: var(--size-spacing-base) 0;
}

._condensed_16lzbo ._list_16lzbo {
  margin-top: var(--size-spacing-extra-tight);
}

._list_16lzbo {
  margin-top: var(--size-spacing-loose);
}

/* styles for @clark-recommendations/ui/components/recommendations/tabbed-links.css */
._article_1vdd1z {
  --article-size: 576px;
  --article-space: 8px;
  --article-frame: var(--article-space);

  display: grid;
  gap: 8px 8px;
  gap: var(--article-space) var(--article-frame);
  grid-template-columns:
    1fr min(576px, calc(100% - 8px * 2))
    1fr;
  grid-template-columns:
    1fr min(var(--article-size), calc(100% - var(--article-frame) * 2))
    1fr;
  padding-bottom: 8px;
  padding-bottom: var(--article-frame);
  padding-top: 8px;
  padding-top: var(--article-frame);
}

@media only screen and (min-height: 750px) {
  ._article_1vdd1z {
    --article-space: 16px;
  }
}

._article_1vdd1z > * {
  grid-column: 2;
}

._root_1vdd1z {
  background-color: #fff;
  box-shadow: 0 1px 0 rgb(0 0 0 / 6%);
  contain: content;
  padding-bottom: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  top: var(--segmented-screen-layout-offset-top, 0);
  z-index: 1;
}

._tabs_1vdd1z {
  display: flex;
  margin-left: calc(var(--article-frame) * -1);
  margin-right: calc(var(--article-frame) * -1);
  overflow-x: auto;
  scrollbar-width: none;
}

._tabs_1vdd1z::-webkit-scrollbar {
  display: none;
}

/* styles for @clark-recommendations/ui/components/recommendations/tabbed-links/tab.css */
._tab_1fq3wp {
  --tab-padding-inline: 18px;
  --tab-padding-block: 16px;

  background: transparent;
  border: 0;
  color: #575970;
  font-size: 14px;
  font-weight: 500;
  padding: 16px 18px;
  padding: var(--tab-padding-block) var(--tab-padding-inline);
  position: relative;
  text-decoration: none;
}

._tab_1fq3wp::after {
  border-color: transparent;
  border-radius: 1px 1px 0 0;
  border-style: solid;
  border-width: 1px;
  bottom: 0;
  content: "";
  height: 2px;
  left: var(--tab-padding-inline);
  position: absolute;
  right: var(--tab-padding-inline);
}

._tab_1fq3wp._active_1fq3wp {
  color: #080f8c;
}

._tab_1fq3wp._active_1fq3wp::after {
  background-color: #080f8c;
  border-color: #080f8c;
}

._tab_1fq3wp:focus {
  outline: none;
}

._tab_1fq3wp:focus-visible {
  outline: #0439d7 1px auto;
}

/* styles for @clark-recommendations/ui/styles/app.css */
:root {
  /* control the grid with these variables */
  --recommendation-base: 16px;
  --recommendation-grid-size: 4px;

  /* processed tokens */
  --recommendation-s-3: calc(
    var(--recommendation-base) + var(--recommendation-grid-size) * -3
  );
  --recommendation-s-2: calc(
    var(--recommendation-base) + var(--recommendation-grid-size) * -2
  );
  --recommendation-s-1: calc(
    var(--recommendation-base) + var(--recommendation-grid-size) * -1
  );
  --recommendation-s0: calc(
    var(--recommendation-base) + var(--recommendation-grid-size) * 0
  );
  --recommendation-s1: calc(
    var(--recommendation-base) + var(--recommendation-grid-size) * 2
  );
  --recommendation-s2: calc(
    var(--recommendation-base) + var(--recommendation-grid-size) * 4
  );
  --recommendation-s2-5: calc(
    var(--recommendation-base) + var(--recommendation-grid-size) * 6
  );
  --recommendation-s3: calc(
    var(--recommendation-base) + var(--recommendation-grid-size) * 8
  );
  --recommendation-s4: calc(
    var(--recommendation-base) + var(--recommendation-grid-size) * 12
  );
}

/* Make it responsive */
@media only screen and (max-width: 767.98px) {
  /*
    This needs to be figured out while using them, probably overwrite
    individual custom properties manually
  */
  :root {
    --recommendation-grid-size: 3.5px;
  }
}

/* styles for @clark-sales/ui/components/sales/bu-gap-calculator.css */
._input-container_17xf0b {
  display: grid;
  gap: var(--size-spacing-slight);
}

._input-title_17xf0b {
  color: var(--color-rich-black);
  font-size: var(--size-font-header-2-desktop);
  font-weight: var(--font-weight-header-1-desktop);
  line-height: var(--height-line-header-2-desktop);
  margin: 0;
}

._input-info_17xf0b {
  display: grid;
  gap: var(--size-spacing-extra-tight);
}

._input-question_17xf0b {
  color: var(--color-summer-night);
  font-size: var(--size-font-header-3-desktop);
  font-weight: var(--font-weight-header-1-desktop);
}

._input-label_17xf0b {
  color: var(--color-summer-night);
  font-size: var(--size-font-body-1-base-mobile);
  font-weight: var(--font-weight-header-1-desktop);
}

._input-field_17xf0b {
  display: flex;
}

._input-field-text_17xf0b {
  border: 1px solid var(--color-mystic-gray);
  border-radius: var(--size-spacing-tightest) 0 0 var(--size-spacing-tightest);
  border-right-width: 0;
  color: var(--color-summer-night);
  flex: 1;
  font-size: var(--size-font-body-1-base-mobile);
  height: 40px;
  padding: var(--size-spacing-tight);
  position: relative;
  z-index: 1;
}

._input-field-icon_17xf0b {
  background-color: var(--color-white);
  border: 1px solid var(--color-mystic-gray);
  border-radius: 0 var(--size-spacing-tightest) var(--size-spacing-tightest) 0;
  color: var(--color-comet-gray);
  display: grid;
  font-size: var(--size-font-header-3-desktop);
  height: 40px;
  place-items: center;
  width: 40px;
}

/* styles for @clark-shell/network-listener/components/shell/network-listener.css */
._wrapper_8nes81 {
  margin: 0 auto;
  padding: 0 var(--size-spacing-tight) var(--size-spacing-loosest);
  width: 100%;
}

._modal-content_8nes81 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
}

._network-listener-modal_8nes81 svg {
  width: 36px;
}

/* styles for @clark-shell/title-bar/components/shell/title-bar/renderer.css */
._title-bar_1f3uxp {
  align-items: center;
  background-color: white;
  border-bottom: 1px solid #daddec;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: space-between;
  min-height: var(--fixed-area-inset-top);
  padding-top: env(safe-area-inset-top);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}

._title-bar_1f3uxp ~ .page-main {
  padding-top: 0;
}

._top-left-button_1f3uxp {
  align-items: center;
  display: flex;
  padding-left: 16px;
}

._title_1f3uxp {
  left: 60px;
  overflow: hidden;
  position: absolute;
  right: 60px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._top-right-button_1f3uxp {
  align-items: center;
  display: flex;
  padding: 0 16px 0 0;
}


/* styles for @clark-ui/forms/components/ui/text-field.css */
/* stylelint-disable no-descending-specificity */
._text-field_oqkx86 {
  align-items: center;
  color: var(--color-summer-night);
  cursor: text;
  display: flex;
  font-size: var(--size-font-body-2-base-desktop);
  line-height: 20px;
  position: relative;
}

._disabled_oqkx86 {
  cursor: initial;
}

._input_oqkx86 {
  -webkit-appearance: none;
          appearance: none;
  background: none;
  border: var(--size-border-base) solid transparent;
  box-sizing: border-box;
  display: block;
  flex: 1 1 0%;
  font-family: inherit;
  font-size: var(--size-font-body-2-base-desktop);
  font-weight: inherit;
  line-height: 20px;
  margin: 0;
  min-height: 40px;
  min-width: 0;
  padding: 9px 12px;
  position: relative;
  width: 100%;
  z-index: 20;
}

._input_oqkx86._has-prefix_oqkx86 {
  padding-left: 0;
}

._input_oqkx86._has-suffix_oqkx86 {
  padding-right: 0;
}

/* Hide webkit search input clear button */
._input_oqkx86._has-clear-button_oqkx86[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}

._input_oqkx86:focus {
  border: var(--size-border-base) solid transparent;
  outline: none;
}

._input_oqkx86:disabled {
  background: none;
  border: var(--size-border-base) solid transparent;
  color: currentcolor;
  opacity: 1;
  -webkit-text-fill-color: currentcolor;
}

/* remove the box shadow in Firefox when the input is invalid */
._input_oqkx86:invalid {
  box-shadow: none;
}

._input_oqkx86::placeholder {
  color: var(--color-silver-cup);
}

._input_oqkx86[type="search"] {
  box-sizing: border-box;
}

._backdrop_oqkx86 {
  background-color: var(--color-white);
  border: var(--size-border-base) solid var(--color-mystic-gray);
  border-radius: var(--radius-border-base);
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 10;
}

._focused_oqkx86 ._backdrop_oqkx86 {
  border-color: var(--color-assure);
}

._disabled_oqkx86 ._backdrop_oqkx86 {
  background-color: var(--color-athens-gray);
}

._has-error_oqkx86 ._backdrop_oqkx86 {
  border-color: var(--clark-color-border-danger);
}

._prefix_oqkx86,
._suffix_oqkx86 {
  align-items: center;
  color: currentcolor;
  display: flex;
  flex: 0 0 auto;
  font-size: 20px;
  height: 40px;
  justify-content: center;
  line-height: 36px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  z-index: 20;
}

._prefix_oqkx86 {
  border-right: var(--size-border-base) solid var(--color-mystic-gray);
  margin-right: var(--size-spacing-extra-tight);
  width: 40px;
}

._focused_oqkx86 ._prefix_oqkx86 {
  border-color: var(--color-assure);
}

._has-error_oqkx86 ._prefix_oqkx86 {
  border-color: var(--clark-color-border-danger);
}

._suffix_oqkx86 {
  margin-left: var(--size-spacing-extra-tight);
  margin-right: var(--size-spacing-tight);
}

._clear-button_oqkx86 {
  -webkit-appearance: none;
          appearance: none;
  background: none;
  border: none;
  color: var(--color-summer-night);
  cursor: pointer;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  margin-left: var(--size-spacing-tightest);
  margin-right: var(--size-spacing-tight);
  padding: 0;
  z-index: 20;
}

._clear-button_oqkx86:hover:enabled,
._clear-button_oqkx86:focus:enabled {
  color: var(--color-safety-blue);
}

._clear-button_oqkx86:active:enabled {
  color: var(--color-assure);
}

._clear-button_oqkx86:disabled {
  cursor: default;
}

/* styles for @clark-ui/forms/components/ui/phone-number.css */
._container_15invw {
  display: grid;
  grid-template-areas:
    "label"
    "input-container";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}

._container_15invw label {
  grid-area: label;
  margin: 0 !important;
}

._input-container_15invw {
  align-items: center;
  background-color: var(--color-white);
  border: var(--size-border-base) solid var(--color-border-base);
  border-radius: var(--radius-border-base);
  display: grid;
  grid-area: input-container;
  grid-template-areas: "flag dial-code input";
  grid-template-columns: auto auto 1fr;
  grid-template-rows: 1fr;
}

._input-container_15invw._has-error_15invw {
  border-color: var(--clark-color-border-danger);
}

._input-container_15invw._is-disabled_15invw {
  background-color: var(--color-athens-gray);
  cursor: not-allowed;
}

._input-container_15invw._is-focused_15invw {
  border-color: var(--color-assure);
}

._flag_15invw {
  grid-area: flag;
}

._flag_15invw._is-present_15invw {
  border-right: var(--size-border-base) solid var(--color-border-base);
  padding: var(--size-spacing-tight);
}

._dial-code_15invw {
  align-items: center;
  color: var(--color-silver-cup);
  display: flex;
  font-size: var(--size-font-body-2-base-desktop);
  grid-area: dial-code;
  height: 100%;
}

._dial-code_15invw._is-present_15invw {
  padding-left: var(--size-spacing-extra-tight);
}

._input_15invw {
  grid-area: input;
}

._input_15invw._is-disabled_15invw {
  cursor: not-allowed;
}

/* styles for @clark-ui/forms/components/ui/checkbox/primitive.css */
/* stylelint-disable no-descending-specificity */
._checkbox_1u4siu {
  position: relative;
}

._input_1u4siu:focus + ._backdrop_1u4siu {
  box-shadow: 0 0 0 2px rgba(4 57 215 / 20%);
}

._input_1u4siu:active:not(:disabled) ~ ._icon_1u4siu,
._input_1u4siu:checked ~ ._icon_1u4siu,
._input_1u4siu._input-indeterminate_1u4siu ~ ._icon_1u4siu {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

._input_1u4siu:not(:disabled):active + ._backdrop_1u4siu,
._input_1u4siu:not(:disabled):checked + ._backdrop_1u4siu,
._input_1u4siu:not(:disabled)._input-indeterminate_1u4siu + ._backdrop_1u4siu {
  background-color: #0439d7;
  border-color: #0439d7;
}

._input_1u4siu:not(:disabled):active ~ ._icon_1u4siu,
._input_1u4siu:not(:disabled):checked ~ ._icon_1u4siu,
._input_1u4siu:not(:disabled)._input-indeterminate_1u4siu ~ ._icon_1u4siu {
  color: #fff;
}

._input_1u4siu:disabled + ._backdrop_1u4siu {
  background-color: #cfd3da;
  border-color: #cfd3da;
  box-shadow: none;
}

._input_1u4siu:disabled ~ ._icon_1u4siu {
  color: #fff;
}

._backdrop_1u4siu {
  background-color: #fff;
  border: var(--size-border-thick) solid #cfd3da;
  border-radius: var(--radius-border-base);
  inset: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: var(--time-transition-fast);
  transition-property: box-shadow, background-color, border-color;
  transition-timing-function: ease;
}

._backdrop_1u4siu._hover_1u4siu {
  border-color: #0439d7;
}

._icon_1u4siu {
  color: #fff;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.25);
  transform-origin: 50% 50%;
  transition-duration: var(--time-transition-fast);
  transition-property: opacity, transform;
  transition-timing-function: ease;
}

._invalid_1u4siu ._backdrop_1u4siu {
  background-color: #fff;
  border-color: #d51e50;
}

._invalid_1u4siu ._backdrop_1u4siu:hover {
  border-color: #d51e50;
}

._invalid_1u4siu ._icon_1u4siu {
  color: #fff;
}

._invalid_1u4siu ._input_1u4siu:not(:disabled):active + ._backdrop_1u4siu,
._invalid_1u4siu ._input_1u4siu:not(:disabled):checked + ._backdrop_1u4siu,
._invalid_1u4siu ._input_1u4siu:not(:disabled)._input-indeterminate_1u4siu + ._backdrop_1u4siu {
  background-color: #d51e50;
  border-color: #d51e50;
}

._invalid_1u4siu ._input_1u4siu:not(:disabled):active ~ ._icon_1u4siu,
._invalid_1u4siu ._input_1u4siu:not(:disabled):checked ~ ._icon_1u4siu,
._invalid_1u4siu ._input_1u4siu:not(:disabled)._input-indeterminate_1u4siu ~ ._icon_1u4siu {
  color: #fff;
}

/* styles for @clark-ui/forms/components/ui/choice-set.css */
/* stylelint-disable no-descending-specificity */
._choice-set_xfz7wg {
  border: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

._inline_xfz7wg ._title_xfz7wg {
  display: inline-block;
  margin-bottom: 0;
  margin-right: var(--size-spacing-slight);
}

._inline_xfz7wg ._choices_xfz7wg {
  align-items: center;
  display: flex;
}

._inline_xfz7wg ._choices_xfz7wg > li {
  margin: 0;
}

._inline_xfz7wg ._choices_xfz7wg > li + li {
  margin-left: var(--size-spacing-loose);
}

._container_xfz7wg {
  align-items: center;
  display: flex;
}

._title_xfz7wg {
  color: var(--color-summer-night);
  display: block;
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  margin-bottom: var(--size-spacing-loose);
  padding: 0;
  text-align: center;
}

@media only screen and (max-width: 767.98px) {
  ._title_xfz7wg {
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

._choices_xfz7wg {
  list-style: none;
  margin: 0;
  padding: 0;
}

._choices_xfz7wg > li {
  display: flex;
  flex-direction: column;
}

._choices_xfz7wg > li + li {
  margin-top: var(--size-spacing-base);
}

._descriptions_xfz7wg {
  margin-top: var(--size-spacing-tightest);
}

/* styles for @clark-ui/forms/components/ui/choice-set/choice.css */
._children_1bo1b5 {
  margin-top: var(--size-spacing-extra-tight);
  padding-left: 24px;
}

/* styles for @clark-ui/forms/components/ui/dropdown.css */
._searchable-dropdown-trigger_11wwr3 {
  color: var(--color-summer-night) !important;
  font-size: var(--size-font-body-2-base-desktop);
  line-height: 20px !important;
  min-height: 40px !important;
  padding: 9px 12px !important;
  width: 100%;
}

._searchable-dropdown-trigger_11wwr3 .ember-power-select-selected-item,
._searchable-dropdown-trigger_11wwr3 .ember-power-select-placeholder {
  margin-left: 0;
}

._searchable-dropdown-trigger_11wwr3 .ember-power-select-placeholder {
  color: var(--color-silver-cup) !important;
}

._searchable-dropdown-trigger_11wwr3.ember-basic-dropdown-trigger:focus,
._searchable-dropdown-trigger_11wwr3.ember-basic-dropdown-trigger[aria-expanded="true"] {
  border-color: var(--color-assure);
}

._searchable-dropdown-trigger_11wwr3 .ember-power-select-status-icon {
  border-color: var(--color-summer-night) transparent transparent;
  margin-left: var(--size-spacing-tight);
}

._searchable-dropdown_11wwr3 .ember-power-select-search {
  margin-right: 12px;
}

._searchable-dropdown-trigger_11wwr3._has-errors_11wwr3,
._searchable-dropdown-trigger_11wwr3._has-errors_11wwr3.ember-basic-dropdown-trigger:focus {
  border-color: var(--clark-color-border-danger);
}

._searchable-dropdown_11wwr3 .ember-power-select-search-input:focus {
  outline: none;
}

/* styles for @clark-ui/forms/components/ui/labeled-choice.css */
/* stylelint-disable no-descending-specificity */
._labeled-choice_tu6nid {
  align-items: center;
  display: inline-flex;
  justify-content: flex-start;
}

/* Modifiers */
._label-hidden_tu6nid ._control_tu6nid {
  margin-right: 0;
}

._disabled_tu6nid ._label_tu6nid {
  color: var(--color-comet-gray);
}

/* Elements */
._control_tu6nid {
  align-items: stretch;
  display: flex;
  flex: 0 0 auto;
  height: var(--size-spacing-base);
  margin-right: var(--size-spacing-extra-tight);
  width: var(--size-spacing-base);
}

._control_tu6nid > * {
  width: 100%;
}

._label_tu6nid {
  color: #212529;
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  -webkit-tap-highlight-color: transparent;
}

@media only screen and (max-width: 767.98px) {
  ._label_tu6nid {
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

._descriptions_tu6nid {
  padding-left: 24px;
}

._descriptions_tu6nid > * + * {
  margin-top: var(--size-spacing-tightest);
}

/* styles for @clark-ui/forms/components/ui/labeled-field.css */
._label-container_1vk4mc {
  margin-bottom: var(--clark-space-100);
}

._error-container_1vk4mc {
  margin-top: var(--clark-space-100);
}

/* styles for @clark-ui/forms/components/ui/radio-button/primitive.css */
/* stylelint-disable no-descending-specificity */
._radio-button_164wno {
  position: relative;
}

._input_164wno:focus + ._backdrop_164wno {
  box-shadow: 0 0 0 2px rgba(4 57 215 / 20%);
}

._input_164wno:active:not(:disabled) + ._backdrop_164wno {
  border-color: #0439d7;
}

._input_164wno:checked + ._backdrop_164wno {
  border-color: #0439d7;
}

._input_164wno:checked ~ ._icon_164wno {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

._input_164wno:disabled + ._backdrop_164wno {
  background-color: #cfd3da;
  border-color: #cfd3da;
  box-shadow: none;
}

._input_164wno:disabled ~ ._icon_164wno {
  background-color: #fff;
}

._input_164wno[invalid] ~ ._backdrop_164wno {
  border-color: #d51e50;
}

._backdrop_164wno {
  background-color: #fff;
  border: var(--size-border-thick) solid #cfd3da;
  border-radius: 50%;
  inset: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: var(--time-transition-fast);
  transition-property: box-shadow, background-color, border-color;
  transition-timing-function: ease;
}

._backdrop_164wno._hover_164wno {
  border-color: #0439d7;
}

._icon_164wno {
  background-color: #0439d7;
  border-radius: 50%;
  height: 50%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.25);
  transform-origin: 50% 50%;
  transition-duration: var(--time-transition-fast);
  transition-property: opacity, transform;
  transition-timing-function: ease;
  width: 50%;
}

/* styles for @clark-ui/forms/components/ui/select.css */
/* stylelint-disable no-descending-specificity */
._select_o1xbg {
  position: relative;
}

/* NOTE:: IE 11 fix to remove default dropdown arrow */
._select_o1xbg select::-ms-expand {
  display: none;
}

._input_o1xbg {
  -webkit-appearance: none;
          appearance: none;
  height: 100%;
  left: 0;
  margin: 0;

  /* NOTE:: ChromeVox may hide content set to opacity: 0 */
  opacity: 0.001;
  position: absolute;

  /* NOTE:: Required to solve a bug causing Safari 13 to crash https://bugs.webkit.org/show_bug.cgi?id=202055 */
  text-rendering: auto;
  top: 0;
  width: 100%;
  z-index: 30;
}

._content_o1xbg {
  align-items: center;
  display: flex;
  font-size: var(--size-font-body-2-base-desktop);
  line-height: 20px;
  min-height: 40px;
  padding: 9px 12px;
  position: relative;
  width: 100%;
  z-index: 20;
}

._selected-option_o1xbg {
  color: var(--color-summer-night);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._selected-option_o1xbg._placeholder_o1xbg {
  color: var(--color-silver-cup);
}

._icon_o1xbg {
  color: var(--color-summer-night);
  margin-left: var(--size-spacing-tight);
}

._backdrop_o1xbg {
  background-color: var(--color-white);
  border: var(--size-border-base) solid var(--color-border-base);
  border-radius: var(--radius-border-base);
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 10;
}

._input_o1xbg:focus ~ ._backdrop_o1xbg {
  border-color: var(--color-assure);
}

._disabled_o1xbg ._backdrop_o1xbg {
  background-color: var(--color-athens-gray);
}

._disabled_o1xbg ._icon_o1xbg {
  opacity: 0.4;
}

._has-errors_o1xbg ._backdrop_o1xbg {
  border-color: var(--clark-color-border-danger);
}

._has-errors_o1xbg ._input_o1xbg:focus ~ ._backdrop_o1xbg {
  border-color: var(--clark-color-border-danger);
}

/* styles for @clark-ui/layouts/article.css */
._article_15zx4d {
  --article-size: 576px;
  --article-space: 16px;
  --article-frame: var(--article-space);

  display: grid;
  gap: 16px 16px;
  gap: var(--article-space) var(--article-frame);
  grid-template-columns:
    1fr min(576px, calc(100% - 16px * 2))
    1fr;
  grid-template-columns:
    1fr min(var(--article-size), calc(100% - var(--article-frame) * 2))
    1fr;
  padding-bottom: 16px;
  padding-bottom: var(--article-frame);
  padding-top: 16px;
  padding-top: var(--article-frame);
}

._article_15zx4d > * {
  grid-column: 2;
}

/* styles for @clark-ui/layouts/components/ui/segmented-screen-layout.css */
._body_wmibq4 {
  background-color: #f5f6fa;
}

._header_wmibq4 {
  background-color: #fff;
  box-shadow: 0 1px 0 rgb(0 0 0 / 6%);
  contain: content;
  padding-bottom: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  top: var(--segmented-screen-layout-offset-top, 0);
  z-index: 1;
}

._header_wmibq4 nav {
  margin-left: calc(var(--article-frame) * -1);
  margin-right: calc(var(--article-frame) * -1);
}

._header_wmibq4 [role="tablist"] {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
}

._header_wmibq4 [role="tablist"]::-webkit-scrollbar {
  display: none;
}

._header_wmibq4 [role="tablist"] [role="tab"] {
  --tab-padding-inline: 18px;
  --tab-padding-block: 16px;

  background: transparent;
  border: 0;
  color: #575970;
  font-size: 14px;
  font-weight: 500;
  padding: 16px 18px;
  padding: var(--tab-padding-block) var(--tab-padding-inline);
  position: relative;
}

._header_wmibq4 [role="tablist"] [role="tab"]::after {
  border-color: transparent;
  border-radius: 1px 1px 0 0;
  border-style: solid;
  border-width: 1px;
  bottom: 0;
  content: "";
  height: 2px;
  left: var(--tab-padding-inline);
  position: absolute;
  right: var(--tab-padding-inline);
}

._header_wmibq4 [role="tablist"] [role="tab"][aria-selected="true"] {
  color: #080f8c;
}

._header_wmibq4 [role="tablist"] [role="tab"][aria-selected="true"]::after {
  background-color: #080f8c;
  border-color: #080f8c;
}

._header_wmibq4 [role="tablist"] [role="tab"]:focus {
  outline: none;
}

._header_wmibq4 [role="tablist"] [role="tab"]:focus-visible {
  outline: #0439d7 1px auto;
}

/* styles for @clark-ui/layouts/components/ui/segmented-screen-layout/segment.css */
._tabpanel_1hmmrc {
  contain: content;
  content-visibility: auto;
  z-index: 0;
}

._tabpanel_1hmmrc[hidden] {
  display: none;
}

/* styles for @clark-ui/layouts/components/box.css */
.box {
  background: #fff;
  height: 100%;
}

/* styles for @clark-ui/layouts/components/center.css */
.center-align {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 564px;
}

.center-intrinsic {
  align-items: center;
  display: flex;
  flex-direction: column;
}

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

/* styles for @clark-ui/layouts/components/cluster.css */
.cluster {
  overflow: hidden;
}

.cluster > * {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: -12px;
}

.cluster > * > * {
  margin: 12px;
}

/* styles for @clark-ui/layouts/components/stack.css */
.stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.stack > * {
  margin-bottom: 0;
  margin-top: 0;
}

.stack > * + * {
  margin-top: 1.5rem;
}

.stack-recursive * {
  margin-bottom: 0;
  margin-top: 0;
}

.stack-recursive * + * {
  margin-top: 1.5rem;
}

/* Pushing an element to the bottom */
.stack:only-child {
  height: 100%;
}

.stack-end {
  margin-bottom: auto;
}

/* styles for @clark-ui/layouts/flow.css */
._flow_bboeoq {
  --flow-space: 0;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

._flow_bboeoq > * + * {
  margin-top: var(--flow-space);
}

/* styles for @clark-ui/notification-bar/components/ui/notification-bar.css */
/* stylelint-disable selector-class-pattern */
._notification-bar_rcl5i9 {
  align-items: center;
  background: magenta;
  display: flex;
  justify-content: center;
  min-height: 38px;
  opacity: 0;
  padding: 7px 16px;
  position: fixed;
  transition: opacity 1s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 5;
}

@media only screen and (min-width: 730px) {
  ._notification-bar_rcl5i9 {
    min-height: 40px;
  }
}

._notification-bar__message_rcl5i9 {
  color: white;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

._notification-bar-close_rcl5i9 {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  font-size: 24px;
  height: 24px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}

._notification-bar-close_rcl5i9:hover,
._notification-bar-close_rcl5i9:focus {
  opacity: 0.8;
  outline: none;
}

._is-visible_rcl5i9 {
  opacity: 1;
  visibility: visible;
}

._warning_rcl5i9 {
  background-color: #feeacc;
}

._warning_rcl5i9 ._notification-bar__message_rcl5i9,
._warning_rcl5i9 ._notification-bar-close_rcl5i9 {
  color: #f99400;
}

._success_rcl5i9 {
  background-color: #e2ead9;
}

._success_rcl5i9 ._notification-bar__message_rcl5i9,
._success_rcl5i9 ._notification-bar-close_rcl5i9 {
  color: #417505;
}

._error_rcl5i9 {
  background-color: #fae8ed;
}

._error_rcl5i9 ._notification-bar__message_rcl5i9,
._error_rcl5i9 ._notification-bar-close_rcl5i9 {
  color: #d51e50;
}

/* styles for @clark-ui/panel/components/ui/panel.css */
/* FIXME:: Replace values with design tokens */
._panel_1xbqgv {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgb(173 182 217 / 50%);
  overflow: hidden;
}

._screen-panel_1xbqgv {
  border-radius: 0;
  box-shadow: none;
}

._title_1xbqgv {
  color: #17203d;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 4px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  ._title_1xbqgv {
    font-size: 22px;
    line-height: 30px;
  }
}

._description_1xbqgv {
  color: #575970;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  ._description_1xbqgv {
    font-size: 16px;
    line-height: 24px;
  }
}

/* styles for @clark-ui/panel/components/ui/panel/section.css */
/* FIXME:: Replace values with design tokens */
._section_1kcazy + ._section_1kcazy:not(._screen-panel_1kcazy) {
  border-top: 1px solid #daddec;
}

._subdued_1kcazy {
  background-color: rgba(245 246 250 / 50%);
}

._spacing-none_1kcazy {
  padding: 0;
}

._spacing-normal_1kcazy {
  padding: 12px 16px;
}

@media only screen and (min-width: 768px) {
  ._spacing-normal_1kcazy {
    padding: 32px 48px;
  }
}

._spacing-tight_1kcazy {
  padding: 8px 12px;
}

@media only screen and (min-width: 768px) {
  ._spacing-tight_1kcazy {
    padding: 18px 24px;
  }
}

._screen-panel_1kcazy {
  padding-left: 0;
  padding-right: 0;
}

._title_1kcazy {
  color: #575970;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

@media only screen and (min-width: 768px) {
  ._title_1kcazy {
    text-align: center;
  }
}

/* styles for @clark-ui/popover/components/ui/action-list/item.css */
._item_eg6dor {
  -webkit-appearance: none;
          appearance: none;
  background: var(--color-white);
  border: 0;
  border-radius: var(--radius-border-large);
  box-sizing: border-box;
  color: var(--color-summer-night);
  cursor: pointer;
  display: flex;
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  min-height: 0;
  min-width: 0;
  outline-offset: calc(-0.5 * var(--size-spacing-tightest));
  outline-width: var(--size-spacing-tightest);
  padding: var(--size-spacing-base);
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  text-decoration: none;
  transition-duration: var(--time-transition-slow);
  transition-property: background, color;
  transition-timing-function: ease;
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
}

@media only screen and (max-width: 767.98px) {
  ._item_eg6dor {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

._item_eg6dor,
._item_eg6dor:hover,
._item_eg6dor:active {
  text-decoration: none;
}

._item_eg6dor:hover,
._item_eg6dor:active {
  background: var(--color-athens-gray);
}

._disabled_eg6dor {
  color: var(--color-mystic-gray);
  cursor: default;
  pointer-events: none;
}

._destructive_eg6dor {
  color: var(--color-cardinal);
}

._active_eg6dor {
  color: var(--color-assure);
}

._content_eg6dor {
  align-items: center;
  display: flex;
  flex: 1;
}

._prefix_eg6dor,
._suffix_eg6dor {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: 24px;
  justify-content: center;
  margin-bottom: -12px;
  margin-top: -12px;
  width: 24px;
}

._prefix_eg6dor {
  margin-right: var(--size-spacing-base);
}

._suffix_eg6dor {
  margin-left: var(--size-spacing-base);
}

._text_eg6dor {
  flex: 1 1 auto;
}

/* styles for @clark-ui/popover/components/ui/action-list/section.css */
._section_xemot3 + ._section_xemot3 {
  border-top: var(--size-border-base) solid var(--color-border-faded);
  margin-top: var(--size-spacing-extra-tight);
  padding-top: var(--size-spacing-extra-tight);
}

._actions_xemot3 {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* styles for @clark-ui/popover/components/ui/popover/overlay.css */
._overlay_161w09 {
  box-shadow: var(--shadow-box-overlay);
  max-width: calc(100vw - 2 * var(--size-spacing-base));
  opacity: 1;
  transition: opacity var(--time-transition-base) ease;
  will-change: opacity;
  z-index: 500;
}

._overlay_161w09._transition-enter_161w09,
._overlay_161w09._transition-exit_161w09,
._overlay_161w09._transition-exiting_161w09 {
  opacity: 0;
}

._overlay_161w09._transition-entering_161w09 {
  opacity: 1;
}

._wrapper_161w09 {
  background-color: var(--color-white);
  outline: 1px solid transparent;
  overflow: hidden;
  position: relative;
}

._content_161w09 {
  display: flex;
  flex-direction: column;
  max-height: 295px;
  max-width: 400px;
  position: relative;
}

._content_161w09:focus {
  outline: none;
}

._content_161w09._full-height_161w09 {
  max-height: none;
}

/* styles for @clark-ui/popover/components/ui/popover/pane.css */
._pane_14sdfx {
  flex: 1 1 0%;
  max-width: 100%;
}

._pane_14sdfx + ._pane_14sdfx {
  border-top: var(--size-border-base) solid var(--color-border-faded);
}

._pane_14sdfx._fixed_14sdfx {
  flex: 0 0 auto;
  overflow: visible;
}

/* styles for @clark-ui/popover/components/ui/popover/pane/scrollable.css */
._scrollable_kam0ak {
  -webkit-overflow-scrolling: touch;
  position: relative;
}

._vertical_kam0ak {
  overflow-y: auto;
}

._force-vertical_kam0ak {
  overflow-y: scroll;
}

._has-top-shadow_kam0ak {
  box-shadow: inset 0 20px 20px -20px rgba(0 0 0 / 10%);
}

._has-bottom-shadow_kam0ak {
  box-shadow: inset 0 -20px 20px -20px rgba(0 0 0 / 10%);
}

._has-top-shadow_kam0ak._has-bottom-shadow_kam0ak {
  box-shadow:
    inset 0 20px 20px -20px rgba(0 0 0 / 10%),
    inset 0 -20px 20px -20px rgba(0 0 0 / 10%);
}

/* styles for @clark-ui/popover/components/ui/popover/section.css */
._section_1guhvr {
  padding: var(--size-spacing-extra-tight);
}

._section_1guhvr + ._section_1guhvr {
  border-top: var(--size-border-base) solid var(--color-border-faded);
}

/* styles for @clark-ui/reward/components/ui/reward-screen.css */
._reward-screen_xbuqv4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 544px;
  min-height: calc(
    100vh - var(--fixed-area-inset-top) - var(--fixed-area-inset-bottom)
  );
  padding: 0 var(--size-spacing-base);
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 729.98px) {
  ._reward-screen_xbuqv4 {
    justify-content: center;
  }
}

._illustration_xbuqv4 {
  margin: 0 !important;
  margin-bottom: var(--size-spacing-slight) !important;
  margin-top: var(--size-spacing-loosest) !important;
}

@media only screen and (max-width: 729.98px) {
  ._illustration_xbuqv4 {
    margin-top: 0 !important;
  }
}

._illustration_xbuqv4 svg {
  height: 100% !important;
  width: 100% !important;
}

._header_xbuqv4 {
  color: var(--color-rich-black);
  font-family: var(--font-family-hero-header);
  font-size: var(--size-font-hero-header-desktop);
  font-weight: var(--font-weight-hero-header-desktop);
  line-height: var(--height-line-hero-header-desktop);
  margin: 0 0 var(--size-spacing-base);
}

@media only screen and (max-width: 767.98px) {
  ._header_xbuqv4 {
    font-size: var(--size-font-hero-header-mobile);
    font-weight: var(--font-weight-hero-header-mobile);
    line-height: var(--height-line-hero-header-mobile);
    margin: 0 0 var(--size-spacing-slight);
  }
}

._text_xbuqv4 {
  color: var(--color-comet-gray);
  font-size: var(--size-font-body-1-base-desktop);
  font-weight: var(--font-weight-body-1-base-desktop);
  line-height: var(--height-line-body-1-base-desktop);
  margin: 0 0 var(--size-spacing-loose);
}

@media only screen and (max-width: 767.98px) {
  ._text_xbuqv4 {
    font-size: var(--size-font-body-1-base-mobile);
    font-weight: var(--font-weight-body-1-base-mobile);
    line-height: var(--height-line-body-1-base-mobile);
  }
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder.css */
._selection-group_i7hiht {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/actions/continue.css */
._continue_1ctib4 {
  bottom: 0;
  padding: 6px;
  position: fixed;
  width: 100%;
}

@media only screen and (max-width: 449.98px) {
  ._continue_1ctib4 {
    padding-left: 14px;
    padding-right: 14px;
  }
}

._continue_1ctib4 ._continue-selection_1ctib4 {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 564px;
  width: 350px;
}

._continue_1ctib4 ._continue-selection_1ctib4 button {
  width: 100%;
}

@media only screen and (max-width: 449.98px) {
  ._continue_1ctib4 ._continue-selection_1ctib4 {
    width: 100%;
  }
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/alphabetized-list.css */
._list_1ojbaq {
  align-items: center;
  background-color: #f8faff;
  display: flex;
  flex-direction: column;
}

._list_1ojbaq ._list-container_1ojbaq {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 564px;
  width: 100%;
}

@media only screen and (max-width: 729.98px) {
  ._list_1ojbaq ._list-container_1ojbaq {
    max-width: 450px;
  }
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/alphabetized-list/item.css */
._list-item_1qkanh {
  background-color: #f8faff;
  border-bottom: 1px solid var(--header-border);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  padding: 20px 8px 12px;
}

._list-item_1qkanh p {
  color: var(--color-comet-gray);
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}

._list-item_1qkanh:hover ._checkbox-hover_1qkanh {
  border-color: var(--brand-primary);
}

._list-item_1qkanh:hover p {
  color: var(--brand-primary);
}

._list-item_1qkanh:last-child {
  padding-bottom: 120px;
}

._checkbox_1qkanh {
  align-self: flex-start;
  border: 2px solid #bbb;
  border-color: var(--divider);
  border-radius: 4px;
  cursor: pointer;
  display: block;
  flex: 0 0 24px;
  height: 24px;
  margin-right: 6px;
  position: relative;
  top: -2px;
  width: 24px;
}

._checkbox_1qkanh svg {
  left: -2px;
  position: relative;
  top: -2px;
  width: 24px;
}

._checkbox-checked_1qkanh {
  border: 2px solid white;
}

.clark2 ._checkbox-checked_1qkanh {
  border-color: white;
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/alphabetized-list/title.css */
._list-title_1556db {
  background-color: var(--color-white);
  border-bottom: 1px solid var(--header-border);
  padding: 4px 8px;
}

._list-title_1556db p {
  color: var(--brand-secondary);
  font-size: 14px;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/headline.css */
._headline_172dkv {
  font-weight: bold;
  padding: 8px;
  text-align: left;
}

._headline_172dkv ._center_172dkv {
  box-sizing: content-box;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-left: auto;
  margin-right: auto;
  max-width: 564px;
}

@media only screen and (max-width: 729.98px) {
  ._headline_172dkv ._center_172dkv {
    max-width: 450px;
    width: 100%;
  }
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/main-header.css */
._header_1l47o8 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 564px;
  padding-top: calc(var(--fixed-area-inset-top) + var(--size-spacing-base));
  width: 100%;
}

@media only screen and (max-width: 729.98px) {
  ._header_1l47o8 {
    width: 450px;
  }
}

@media only screen and (max-width: 449.98px) {
  ._header_1l47o8 {
    width: 94%;
  }
}

._header_1l47o8 ._main-header_1l47o8 {
  align-self: flex-start;
  font-size: var(--size-font-header-1-desktop);
  font-weight: var(--font-weight-header-1-desktop);
  line-height: var(--height-line-hero-header-mobile);
}

@media only screen and (max-width: 729.98px) {
  ._header_1l47o8 ._main-header_1l47o8 {
    font-size: var(--size-font-header-1-mobile);
  }
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/not-found.css */
._not-found_1hoqqw {
  align-items: center;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 564px;
  width: 100%;
}

@media only screen and (max-width: 729.98px) {
  ._not-found_1hoqqw {
    max-width: 450px;
  }
}

._not-found_1hoqqw ._title_1hoqqw {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 0;
}

._not-found_1hoqqw ._sub-title_1hoqqw {
  font-size: 16px;
  line-height: 22px;
  padding: 0 4px;
  text-align: center;
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/quick-list.css */
._quick-list_3t13es {
  background-color: #f7f9ff;
}

._grid_3t13es {
  box-sizing: content-box;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 564px;
  padding: 16px;
  text-align: center;
}

._option_3t13es._override_3t13es {
  /**
   * NOTE: This is necessary because the option is affected by
   * ".box .stack:only-child", which sets the height to 100%.
   */
  height: 136px !important;
  margin: 12px 0;
  width: calc(50% - 12px);
}

._expand-option_3t13es {
  width: 100% !important;
}

@media only screen and (max-width: 729.98px) {
  ._grid_3t13es {
    width: 450px;
  }
}

@media only screen and (max-width: 449.98px) {
  ._grid_3t13es {
    width: auto;
  }

  ._option_3t13es._override_3t13es {
    margin: 8px 0;
    width: calc(50% - 8px);
  }
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/quick-list/option-builder.css */
._action-card_11mxkz {
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(173 182 217 / 50%);
  cursor: pointer;
  height: 100%;
  transition: 0.3s;
  width: 100%;
  word-break: break-word;
}

._action-card_11mxkz:focus {
  outline: none;
}

._action-card_11mxkz:hover {
  box-shadow: 0 4px 6px 0 rgb(173 182 217 / 50%);
}

._content_11mxkz {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0 !important;
  padding: 16px;
}

._image_11mxkz {
  margin-top: 0;
  max-height: 40px;
  max-width: 80px;
}

._title_11mxkz {
  color: rgb(32 49 81 / 90%);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-top: 8px;
  overflow: hidden;
  white-space: normal;
  width: 100%;
  word-break: break-word;
}

._subtitle_11mxkz {
  line-height: 16px;
  margin-top: 0;
  overflow: hidden;
  white-space: normal;
  width: 100%;
  word-break: break-word;
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/quick-list/option-builder/badge.css */
._container_1busye {
  height: 26px !important;
  line-height: 22px !important;
}

._container_1busye > * {
  display: inline-flex !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media only screen and (max-width: 449.98px) {
  ._container_1busye {
    font-size: 12px !important;
  }
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/search.css */
._search_lqm76o {
  align-items: center;
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 564px;
  padding-top: var(--fixed-area-inset-top);
  width: 100%;
}

@media only screen and (max-width: 729.98px) {
  ._search_lqm76o {
    width: 450px;
  }
}

@media only screen and (max-width: 449.98px) {
  ._search_lqm76o {
    width: 94%;
  }
}

._search-container_lqm76o {
  padding-top: 18px;
  width: 100%;
}

@media only screen and (max-width: 729.98px) {
  ._search-container_lqm76o {
    padding-top: 16px;
  }
}

._input_lqm76o {
  background-color: var(--color-white);
  border: 1px solid var(--header-border);
  border-radius: 4px;
  box-sizing: border-box;
  height: 40px;
  padding-left: 12px;
  padding-right: 38px;
  width: 100%;
}

._search-title_lqm76o {
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
  margin-bottom: 18px;
  margin-top: 0;
}

@media only screen and (max-width: 729.98px) {
  ._search-title_lqm76o {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

._input-group_lqm76o {
  margin-bottom: 18px;
  position: relative;
}

._icon_lqm76o {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: 38px;
  justify-content: center;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 38px;
}

._search-icon_lqm76o {
  color: var(--color-assure);
}

._clear-icon_lqm76o {
  color: var(--color-summer-night);
  cursor: pointer;
  height: 12px;
  width: 12px;
}

._clear-icon_lqm76o path {
  fill: #575970;
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/selected-list.css */
._selected-list_1kljgg {
  background-color: #f7f9fe;
}

/* styles for @clark-ui/selection-builder/components/ui/selection-builder/selected-list/selected-item.css */
._selected-item_1u4nnp {
  background-color: var(--color-white);
  border-radius: 4px;
  display: flex;
  flex: 1;
  flex-direction: row;
  margin-bottom: 14px;
  margin-top: 14px;
  padding: 14px;
  width: 100%;
}

._selected-item_1u4nnp ._selected-item-info_1u4nnp {
  display: flex;
  flex: 1;
  flex-direction: column;
}

._selected-item_1u4nnp ._selected-item-info_1u4nnp ._category_1u4nnp {
  color: rgb(32 49 81 / 90%);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

._selected-item_1u4nnp ._selected-item-info_1u4nnp ._company_1u4nnp {
  color: var(--color-comet-gray);
  font-size: var(--size-font-body-2-medium-desktop);
  line-height: var(--height-line-body-1-base-mobile);
}

._selected-item_1u4nnp ._actions_1u4nnp {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

._selected-item_1u4nnp ._actions_1u4nnp ._delete_1u4nnp {
  background: none;
  border: none;
}

._card_1u4nnp {
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(173 182 217 / 50%);
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 564px;
}

@media only screen and (max-width: 729.98px) {
  ._card_1u4nnp {
    width: 450px;
  }
}

@media only screen and (max-width: 449.98px) {
  ._card_1u4nnp {
    width: 94%;
  }
}

/* styles for @clark-ui/step-progress-bar/components/ui/step-progress-bar.css */
._progress-bar-root_87oo2p {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin-bottom: 24px;
}

/* styles for @clark-ui/step-progress-bar/components/ui/step-progress-bar/step.css */
/* stylelint-disable no-descending-specificity, selector-class-pattern */
._step_uvwd7g {
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}

._step_uvwd7g:not(:last-child) ._icon-container_uvwd7g::before {
  background-color: #daddec;
  border-radius: 4px;
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  top: 38px;
  transform: translateY(2px);
  width: 4px;
}

._step_uvwd7g._finished_uvwd7g ._icon-container_uvwd7g::before {
  background-color: #2b6cde;
}

._step_uvwd7g._current_uvwd7g ._information-container_uvwd7g ._label_uvwd7g {
  font-weight: 500;
}

._icon-container_uvwd7g {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 48px;
  min-height: 50px;
  min-width: 48px;
  position: relative;
}

._icon_uvwd7g {
  align-items: center;
  display: flex;
  justify-content: center;
}

._icon--finished_uvwd7g {
  height: 32px;
  transform: translateY(3px);
  width: 32px;
}

._icon--current_uvwd7g {
  height: 50px;
  transform: scale(1.1) translateY(2px);
  width: 60px;
}

._icon--todo_uvwd7g {
  height: 20px;
  transform: translateY(9px);
  width: 20px;
}

._information-container_uvwd7g {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  width: 100%;
}

._label_uvwd7g {
  font-size: 14px;
  margin-top: 10px;
  width: 100%;
}

._content_uvwd7g {
  margin-top: 8px;
}

/* styles for @clark-ui/stories/components/ui/stories.css */
._container_9tin35 {
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}

@media only screen and (min-width: 730px) {
  ._container_9tin35 {
    width: 640px;
  }
}

._swiper_9tin35 .swiper-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  left: 0;
  margin: 0 auto;
  max-width: 450px;
  padding: calc(var(--spacing-primitive-padding1) + env(safe-area-inset-top))
    var(--spacing-primitive-padding-2) var(--spacing-primitive-padding-3);
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.5s;
  width: 100%;
  z-index: 2;
}

@media only screen and (min-width: 730px) {
  ._swiper_9tin35 .swiper-pagination {
    padding: calc(4vh + env(safe-area-inset-top))
      var(--spacing-primitive-padding-2) var(--spacing-primitive-padding0);
  }
}

._swiper_9tin35 .swiper-pagination .swiper-pagination-bullet {
  background: var(--color-mystic-gray);
  border-radius: var(--shape-radius-container);
  border-width: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  flex: 1 0 auto;
  height: var(--ls-3);
  margin: var(--spacing-primitive-padding-3);
  max-width: 88px;
  opacity: 1;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
}

._swiper_9tin35 .swiper-pagination .swiper-pagination-bullet > b {
  animation-fill-mode: forwards;
  background: var(--color-comet-gray);
  display: block;
  height: 100%;
  max-width: 0;
}

._swiper_9tin35
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active
  > b {
  animation-name: slide-time;
  animation-play-state: running;
  animation-timing-function: linear;
}

/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes slide-time {
  0% {
    max-width: 0;
  }

  100% {
    max-width: 100%;
  }
}

/* styles for @clark-ui/stories/components/ui/stories/close.css */
._close_qywahk {
  position: absolute;
  right: var(--size-spacing-loose);
  top: calc(50px + env(safe-area-inset-top));
  z-index: 2;
}

@media only screen and (min-width: 730px) {
  ._close_qywahk {
    top: var(--size-spacing-loose);
  }
}

/* styles for @clark-utils/ember-god-mode/components/god-mode.css */
/* stylelint-disable selector-class-pattern */
._god-mode_1y6o3l {
  background: rgba(255 255 255 / 90%);
  box-shadow: 0 0 10px rgba(0 0 0 / 40%);
  display: grid;
  grid-template-areas:
    "header"
    "repl";
  grid-template-rows: auto 1fr;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 99999999;
}

._god-mode_1y6o3l._position-top_1y6o3l,
._god-mode_1y6o3l._position-bottom_1y6o3l {
  height: 30vh;
}

._god-mode_1y6o3l._position-top_1y6o3l {
  top: 0;
}

._god-mode_1y6o3l._position-bottom_1y6o3l {
  bottom: 0;
}

._god-mode_1y6o3l._position-maximized_1y6o3l {
  bottom: 0;
  top: 0;
}

._header_1y6o3l {
  display: flex;
  grid-area: header;
}

._header__title_1y6o3l {
  flex: 1 0 auto;
}

._repl_1y6o3l {
  grid-area: repl;
}

/* styles for @clark-utils/ember-god-mode/components/god-mode/repl.css */
/* stylelint-disable selector-class-pattern */
._repl_1j0nv4 {
  display: grid;
  grid-template-areas:
    "log"
    "query";
  grid-template-rows: 1fr auto;
  overflow: hidden;
}

._log_1j0nv4 {
  grid-area: log;
  overflow: auto;
}

._entry_1j0nv4 {
  column-gap: 1em;
  display: grid;
  font-family: monospace;
  grid-template-areas:
    "time-start query"
    "duration   result";
  grid-template-columns: auto 1fr;
  padding: 0.25em;
  white-space: pre-wrap;
}

._entry--pending_1j0nv4 {
  opacity: 0.8;
}

._entry--failed_1j0nv4 {
  background: #fee;
}

._entry__time-start_1j0nv4 {
  font-weight: bold;
  grid-area: time-start;
  text-align: right;
}

._entry__duration_1j0nv4 {
  grid-area: duration;
  text-align: right;
}

._entry__time-end_1j0nv4 {
  display: none;
}

._entry__query_1j0nv4 {
  font-weight: bold;
  grid-area: query;
}

._entry__result_1j0nv4 {
  grid-area: result;
}

._query_1j0nv4 {
  border: none;
  border-top: 1px solid grey;
  font-family: monospace;
  grid-area: query;
  max-height: 8em;
  min-height: 1em;
  resize: none;
}

/* styles for @clarksource/ember-clark-modals/components/clark-modal-dialog.css */
._container_1r7312 {
  align-items: center;
  background: var(--color-white);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin: 16px;
  max-width: 80vw;
  min-width: 300px;
  padding: 16px;
  position: relative;
}

@media only screen and (min-width: 730px) {
  ._container_1r7312 {
    max-height: 80vh;
    padding: 40px 32px;
    width: 564px;
  }
}

._avoid-top-nav_1r7312 {
  top: 25px;
}

._overlay_1r7312 {
  align-items: center;
  background-color: rgba(23 32 61 / 80%);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;

  /* I know this is mental but it makes sure it is above thindgs like headers
  and fixed buttons etc */
  z-index: 999999999;
}

@media only screen and (min-width: 730px) {
  ._overlay_1r7312 {
    padding: 20px;
  }
}

._close-button_1r7312,
._close-button_1r7312:focus,
._close-button_1r7312:visited {
  /* gets rid of default browser button styles */
  -webkit-appearance: none;
          appearance: none;
  background: var(--color-white);
  border: none;
  outline: none;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 16px;
}

._close-icon_1r7312:hover {
  cursor: pointer;
}

/* styles for @clarksource/ember-clark-modals/components/modal-layouts/action-body.css */
._action-modal-body_1u4qpn {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

._action-modal-body_1u4qpn > ._modal-body-image_1u4qpn {
  height: 80px;
  margin-bottom: 32px;
  width: 80px;
}

._action-modal-body_1u4qpn > ._modal-body-title_1u4qpn {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  margin-bottom: 16px;
}

@media only screen and (min-width: 730px) {
  ._action-modal-body_1u4qpn > ._modal-body-title_1u4qpn {
    font-size: 22px;
    line-height: 32px;
  }
}

._action-modal-body_1u4qpn > ._modal-body-content_1u4qpn {
  margin-bottom: 32px;
}

._action-modal-body_1u4qpn > ._modal-body-content_1u4qpn > p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

@media only screen and (max-width: 449.98px) {
  ._action-modal-body_1u4qpn > ._modal-body-content_1u4qpn > p {
    font-size: 14px;
    line-height: 20px;
  }
}

/* styles for @clarksource/ember-clark-modals/components/modal-layouts/standard-content.css */
._standard-content_jgf0z {
  max-width: 100%;
  text-align: center;
}

._standard-content_jgf0z p {
  color: var(--dark-4);
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 8px;
}

.clark2 ._standard-content_jgf0z p {
  color: var(--typo-dark);
}

@media only screen and (min-width: 730px) {
  ._standard-content_jgf0z p {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 8px;
  }
}

._title_jgf0z {
  color: var(--dark-2);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  margin-top: 10px;
  padding: 16px 0 0;
}

.clark2 ._title_jgf0z {
  color: var(--typo-dark);
}

@media only screen and (min-width: 730px) {
  ._title_jgf0z {
    font-size: 22px;
    line-height: 32px;
    margin-top: 0;
    padding: 24px 0 0;
  }
}

/* styles for @clarksource/ember-clark-ui/components/card-layouts/contracts-card.css */
/* stylelint-disable selector-class-pattern */
._card-layout_t1snm7 {
  display: flex;
  justify-content: space-between;
  min-width: 0;
}

._content_t1snm7 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}

._image_t1snm7 + ._content_t1snm7 {
  margin-left: 12px;
}

@media only screen and (min-width: 730px) {
  ._image_t1snm7 + ._content_t1snm7 {
    margin-left: 16px;
  }
}

._content__top_t1snm7 {
  display: flex;
  justify-content: space-between;
}

._content__bottom_t1snm7 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

._ellipsis_t1snm7 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._title_t1snm7 {
  display: flex;
  flex: 1 1 0px;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding-right: 8px;
}

._title__main_t1snm7 {
  color: var(--dark-1);
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.clark2 ._title__main_t1snm7 {
  color: var(--typo-dark);
}

._title__sub_t1snm7 {
  color: var(--dark-4);
  flex: 1 1 auto;
  font-size: 12px;
  line-height: 16px;
}

@media only screen and (min-width: 730px) {
  ._image_t1snm7 {
    margin-left: 4px;
  }
}

._icon_t1snm7 {
  flex: 0 0 auto;
  height: 20px;
  width: 20px;
}

._hint_t1snm7 {
  color: rgb(23 32 61 / 40%);
  flex: 0 1 auto;
  font-size: 12px;
  line-height: 18px;
  padding-right: 4px;
}

._status_t1snm7 {
  align-items: center;
  color: var(--color-tangerine);
  display: flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-left: auto;
}

._status-text_t1snm7 {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: right;
}

/* styles for @clarksource/ember-clark-ui/components/card-layouts/retirement-card.css */
/* stylelint-disable selector-class-pattern */

._card-layout_7s98g1 {
}

._content_7s98g1 {
}

._image_7s98g1 + ._content_7s98g1 {
  margin-left: 12px;
}

@media only screen and (min-width: 730px) {
  ._image_7s98g1 + ._content_7s98g1 {
    margin-left: 16px;
  }
}

._content__top_7s98g1 {
}

._content__bottom_7s98g1 {
}

._ellipsis_7s98g1 {
}

._title_7s98g1 {
}

@media only screen and (min-width: 730px) {
  ._title_7s98g1 {
    padding-right: 16px;
  }
}

._title__main_7s98g1 {
}

._title__sub_7s98g1 {
}

@media only screen and (min-width: 730px) {
  ._title__sub_7s98g1 {
    text-overflow: unset;
    white-space: normal;
  }
}

._title__sub--long-text_7s98g1 {
  position: relative;
  white-space: normal;
}

._title__sub--long-text_7s98g1::after {
  bottom: 0;
  content: "";
  display: block;
  height: 18px;
  position: absolute;
  right: 0;
  width: 70px;
}

._highlight_7s98g1 {
  display: flex;
  flex-direction: column;
  text-align: right;
}

._highlight_7s98g1 ._value_7s98g1 {
  color: var(--dark-1);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.clark2 ._highlight_7s98g1 ._value_7s98g1 {
  color: var(--typo-dark);
}

._highlight_7s98g1 ._label_7s98g1 {
  font-size: 12px;
  line-height: 16px;
}

._image_7s98g1 {
}

._hint_7s98g1 {
}

/* styles for @clarksource/ember-clark-ui/components/category-details.css */
/* stylelint-disable selector-class-pattern */
._category_ger4tz {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: auto !important;
  justify-content: center;
  min-height: 100%;
  padding: 0;
}

@media only screen and (min-width: 1000px) {
  ._category_ger4tz {
    border-bottom: none;
  }
}

._wrapper_ger4tz {
  margin: auto;
  max-width: 1000px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

._section_ger4tz {
  width: 100%;
}

._section--grey_ger4tz {
  background: var(--c-grey-lightest);
}

.clark2 ._section--grey_ger4tz {
  background: var(--light-bg);
}

._section--dark_ger4tz {
  background: var(--brand-secondary);
}

._section--dark--spaced_ger4tz {
  border-bottom: 40px var(--grey-4) solid;
}

/* styles for @clarksource/ember-clark-ui/components/category-details/overview.css */
/* stylelint-disable selector-class-pattern */
._overview_1vz9eg {
  background-color: var(--surface-container);
  z-index: 99;
}

@media only screen and (min-width: 730px) {
  ._overview_1vz9eg {
    box-shadow: 0 1px 11px 0 rgb(0 0 0 / 10%);
    padding-top: 10px;
  }
}

._wrapper_1vz9eg {
}

._heading_1vz9eg {
  border-bottom: 1px solid var(--c-grey-light);
  margin: 0 0 25px;
  padding: 27px 20px 16px;
}

.clark2 ._heading_1vz9eg {
  border-bottom-color: var(--divider);
}

@media only screen and (min-width: 730px) {
  ._heading_1vz9eg {
    padding: 54px 15px 16px;
  }
}

._heading__first-row_1vz9eg {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

._heading__title_1vz9eg {
  color: var(--dark-2);
  font-size: 22px;
  line-height: 1em;
  margin: 0;
}

.clark2 ._heading__title_1vz9eg {
  color: var(--typo-dark);
}

._intro_1vz9eg {
  display: flex;
  flex-flow: row wrap;
  padding: 0 20px;
}

@media only screen and (min-width: 730px) {
  ._intro_1vz9eg {
    padding: 0 15px;
  }
}

/* styles for @clarksource/ember-clark-ui/components/category-details/power-row.css */
/* stylelint-disable no-descending-specificity */
._section_1tonm7 {
}

._wrapper_1tonm7 {
}

._power-row_1tonm7 {
  background-color: var(--color-white);
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%);
  display: flex;
  flex-flow: column nowrap;
  margin: 40px 20px;
  padding: 30px 20px 25px;
}

@media only screen and (min-width: 730px) {
  ._power-row_1tonm7 {
    flex-direction: row;
    margin: 40px auto;
    max-width: 770px;
    padding: 30px 80px 38px 55px;
  }
}

._icon_1tonm7 {
  align-items: center;
  border: 2px solid var(--grey-4);
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  margin: 0 auto 30px;
  min-width: 100px;
  width: 100px;
}

@media only screen and (min-width: 730px) {
  ._icon_1tonm7 {
    margin: 0 85px 0 0;
  }
}

._icon_1tonm7 svg {
  display: block;
  height: 46px;
  margin: 3px 0 0 4px;
  width: 35px;
}

._content_1tonm7 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._title_1tonm7,
._text_1tonm7 {
  color: var(--dark-2);
  text-align: center;
}

.clark2 ._title_1tonm7,
.clark2 ._text_1tonm7 {
  color: var(--typo-dark);
}

@media only screen and (min-width: 730px) {
  ._title_1tonm7,
  ._text_1tonm7 {
    text-align: left;
  }
}

._title_1tonm7 {
  font-size: 22px;
  line-height: 26px;
  margin: 0 0 11px;
}

._text_1tonm7 {
  font-size: 14px;
  line-height: 1.43em;
  margin: 0;
  width: 100%;
}

/* styles for @clarksource/ember-clark-ui/components/card-layouts/image.css */
._container_9agl3k {
  height: auto !important;
  min-width: 46px;
  text-align: center;
  width: 46px;
}

@media only screen and (min-width: 730px) {
  ._container_9agl3k {
    min-width: 69px;
    width: 69px;
  }
}

._image_9agl3k,
._svg_9agl3k {
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

@media only screen and (min-width: 730px) {
  ._svg_9agl3k {
    height: 40px;
  }
}

/* styles for @clarksource/ember-clark-ui/components/card-layouts/loading-text.css */
._loading-text_145a0d {
  align-items: baseline;
  display: inline-flex;
  -webkit-user-select: none;
          user-select: none;
}

._loading-text_145a0d::before {
  animation: _loading_145a0d 1s linear infinite alternate;
  background: currentcolor;
  border-radius: 0.2em;
  content: "";
  display: block;
  flex: 1 1 0;
  height: 1em;
  opacity: 0.05;
}

@keyframes _loading_145a0d {
  from {
    opacity: 0.05;
  }

  to {
    opacity: 0.15;
  }
}

/* styles for @clarksource/ember-clark-ui/components/card-layouts/recommendation-card.css */
._card-layout_153bxr {
  color: var(--dark-4);
  display: flex;
  flex-direction: column;
}

.clark2 ._card-layout_153bxr {
  color: var(--typo-dark);
}

._header_153bxr {
  align-items: baseline;
  display: flex;
}

._title_153bxr {
  color: var(--dark-1);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.clark2 ._title_153bxr {
  color: var(--typo-dark);
}

._description_153bxr {
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}

/* styles for @clarksource/ember-clark-ui/components/card-list.css */
/* stylelint-disable selector-class-pattern */
._list_1nhaih {
  display: flex;
  flex-direction: column;
  margin: -4px -8px;
}

/*
  TODO: invert this contract, when ember-css-modules#90 is fixed.
  https://github.com/salsify/ember-css-modules/issues/90
*/
._list_1nhaih .__card-wrapper {
  margin: 4px 8px;
}

/* styles for @clarksource/ember-clark-ui/components/card-wrapper.css */
/* stylelint-disable no-descending-specificity */
._card_fv3nya {
  /*
    TODO: invert this contract, when ember-css-modules#90 is fixed.
    https://github.com/salsify/ember-css-modules/issues/90

    Somehow composes from other filer kills the build so we're using global here.
  */
  background: var(--color-white);
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 15%);
  color: var(--dark-4);
  position: relative;
}

.clark2 ._card_fv3nya {
  box-shadow: var(--shadow-box-card-base);
  color: var(--typo-dark);
}

._card_fv3nya[role="button"] {
  cursor: pointer;
  outline: none;
  transition:
    box-shadow 250ms ease-out,
    transform 250ms ease-out,
    background 250ms linear;
}

._card_fv3nya[role="button"]:hover:not(:active),
._card_fv3nya[role="button"]:focus:not(:active) {
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
  transform: translateY(-1px);
}

.clark2 ._card_fv3nya[role="button"]:hover:not(:active),
.clark2 ._card_fv3nya[role="button"]:focus:not(:active) {
  box-shadow: var(--shadow-box-card-hover);
}

@media (hover: none) {
  ._card_fv3nya[role="button"]:hover:not(:active),
  ._card_fv3nya[role="button"]:focus:not(:active) {
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 15%);
    transform: none;
  }
}

._card_fv3nya[role="button"]:active {
  background: #fafafa;
  box-shadow: 0 0 1px 0 rgb(0 0 0 / 20%);
  transform: translateY(1px);
}

.clark2 ._card_fv3nya[role="button"]:active {
  box-shadow: var(--shadow-box-card-base);
}

._card_fv3nya h1 {
  color: var(--dark-1);
  margin: 0;
}

.clark2 ._card_fv3nya h1 {
  color: var(--typo-dark);
}

._padding-x_fv3nya {
  padding-left: 12px;
  padding-right: 12px;
}

._padding-y_fv3nya {
  padding-bottom: 12px;
  padding-top: 12px;
}

._padding-y_fv3nya ._full-height_fv3nya {
  margin-bottom: -12px;
  margin-top: -12px;
}

._padding_fv3nya {
}

._border_fv3nya {
  border-left: 4px solid transparent;
}

._padding-x_fv3nya._border_fv3nya,
._border_fv3nya ._padding-x_fv3nya {
  padding-left: 8px;
}

._size-regular_fv3nya {
  font-size: 12px;
  line-height: 16px;
}

._size-regular_fv3nya p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: -2px;
  margin-top: -2px;
}

._size-regular_fv3nya h1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 6px;
  margin-top: -2px;
}

/* styles for @clarksource/ember-clark-ui/components/category-details/overview/ctas.css */
._container_16q81l {
  display: flex;
  flex-direction: column;
  order: 2;
  width: 100%;
}

._cta_16q81l {
  margin-bottom: 10px;
  width: 100%;
}

._cta_16q81l:last-child {
  margin-bottom: 0;
}

._cta_16q81l button {
  padding: 15px;
  width: 100%;
}

@media only screen and (min-width: 730px) {
  ._container_16q81l {
    flex-flow: row nowrap;
    justify-content: center;
    margin-bottom: 54px;
    margin-top: 54px;
    order: 3;
  }

  ._cta_16q81l {
    margin-bottom: 0;
    margin-right: 30px;
    width: auto;
  }

  ._cta_16q81l:last-child {
    margin-bottom: 0;
    margin-right: 0;
  }

  ._cta_16q81l button {
    padding: 20px;
  }
}

/* styles for @clarksource/ember-clark-ui/components/category-details/overview/description.css */
/* stylelint-disable selector-class-pattern */
._description_86ztzm {
  order: 1;
  width: 100%;
}

/* for when we have the map on the right! */
@media only screen and (min-width: 730px) {
  ._description--half-width_86ztzm {
    width: 50%;
  }
}

._content_86ztzm {
  color: var(--dark-2);
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 22px;
}

.clark2 ._content_86ztzm {
  color: var(--typo-dark);
}

@media only screen and (min-width: 730px) {
  ._content_86ztzm {
    line-height: 21px;
    margin: 0 0 30px;
  }
}

._benefits_86ztzm {
  list-style-type: none;
  margin: 0 0 25px;
  padding: 0;
}

._benefit_86ztzm {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 12px;
  padding: 0;
}

@media only screen and (min-width: 730px) {
  ._benefit_86ztzm {
    margin: 0 0 6px;
  }
}

._benefit__icon_86ztzm {
  align-items: center;
  background-color: var(--color-tangerine);
  border-radius: 100%;
  display: flex;
  height: 16px;
  justify-content: center;
  margin: 0 10px 0 0;
  min-width: 16px;
  width: 16px;
}

._benefit__icon_86ztzm svg {
  display: block;
  height: 5px;
  width: 6px;
}

._benefit__icon_86ztzm svg .tick-stroke {
  stroke: white;
}

.clark2 ._benefit__icon_86ztzm svg path {
  stroke: white;
}

._benefit__text_86ztzm {
  color: var(--dark-2);
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}

.clark2 ._benefit__text_86ztzm {
  color: var(--typo-dark);
}

@media only screen and (min-width: 730px) {
  ._benefit__text_86ztzm {
    line-height: 22px;
  }
}

/* styles for @clarksource/ember-clark-ui/components/category-details/overview/map.css */
._map_6r9m3s {
  align-items: center;
  display: flex;
  flex-direction: column;
  order: 3;
  padding-bottom: 30px;
  padding-top: 42px;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 730px) {
  ._map_6r9m3s {
    order: 2;
    padding-bottom: 0;
    padding-top: 0;
    width: 50%;
  }
}

/* styles for @clarksource/ember-clark-ui/components/header-builder.css */
._header_1p4n98 {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100%;
}

._navigation_1p4n98 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (min-width: 1201px) {
  ._navigation_1p4n98 {
    width: 1200px;
  }
}

/* styles for @clarksource/ember-clark-ui/components/header-builder/segment.css */
._segment_1bb0sk {
  box-sizing: border-box;
  display: flex;
  margin: 0;
}

/* styles for @clarksource/ember-clark-ui/components/header-builder/segment/item.css */
/* stylelint-disable selector-class-pattern */
._item_11eql4 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  position: relative;
}

/*
  we don't want to have 'focus' on mobile devices
  as menu on iPad will stay opened until we will change 'focus' to other element
*/

/* styles has to be the same as in './menu.css' .menu-shown */
.body--web ._item_11eql4:focus div,
.body--web ._item_11eql4:focus-within div {
  clip: auto;
  z-index: 1;
}

/* styles for @clarksource/ember-clark-ui/components/header-builder/segment/item/link.css */
._link-item_1cpyci {
  color: var(--header-link-fg);
}

._is-active_1cpyci {
  color: var(--header-active-fg);
}

/* styles for @clarksource/ember-clark-ui/components/importance-pill.css */
/* stylelint-disable selector-class-pattern */
._pill_gdnu08 {
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-left: auto;
  padding: 1px 8px;
}

._pill-very_important_gdnu08 {
  background: #e7f8ed;
  color: #18c154;
}

._pill-important_gdnu08 {
  background: rgb(135 205 249 / 10%);
  color: #080f8c;
}

._pill-not_important_gdnu08 {
  background: #f5f6fa;
  color: #575970;
}

/* styles for @clarksource/ember-clark-ui/components/stats-map.css */
/* stylelint-disable no-descending-specificity */
._map_1qcm5e {
  display: grid;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  position: relative;
}

._map_1qcm5e img {
  position: relative;
  z-index: 2;
}

._map-bg_1qcm5e {
  background-color: #cdcdcd;
  inset: 1px;
  position: absolute;
  z-index: 0;
}

._map-filler_1qcm5e {
  background-color: #0439d7;
  inset: 1px;
  position: absolute;
  transform: scaleY(0);
  transform-origin: bottom center;

  /* NOTE: The easing function is a `easeInOutQuad` from https://easings.net/en */
  transition: 2s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 1;
}

._map-filler_1qcm5e._disable-animation_1qcm5e {
  transition-duration: 0s;
}

._map_1qcm5e._map-at_1qcm5e ._value_1qcm5e {
  transform: translate(75%, 21%);
}

._percent_1qcm5e {
  display: grid;
  inset: 0;
  place-items: center;
  position: absolute;
  z-index: 4;
}

._value_1qcm5e {
  align-items: baseline;
  color: #fff;
  font-size: 36px;
  font-weight: 500;
  justify-content: center;
  line-height: 43px;
  text-align: center;
}

._percent-value_1qcm5e {
  display: inline-block;
  margin-right: 8px;
}

._percent-sign_1qcm5e {
  display: inline-block;
}

._value-animated_1qcm5e {
  display: inline-flex;
}

._value-plain_1qcm5e {
  display: none;
}

@media (prefers-reduced-motion) {
  ._value-animated_1qcm5e {
    display: none;
  }

  ._value-plain_1qcm5e {
    display: inline-flex;
  }
}

/* styles for @clarksource/ember-clark-ui/styles/layout.css */
/* stylelint-disable selector-class-pattern */
._header_1qvnhv {
  background-color: var(--brand-secondary);
  color: rgb(23 32 61 / 40%);
  height: 250px;
}

.clark2 ._header_1qvnhv {
  background-color: white;
}

._wrapper_1qvnhv {
  margin-left: auto;
  margin-right: auto;
  max-width: 776px;
  padding-left: 8px;
  padding-right: 8px;
}

@media only screen and (min-width: 730px) {
  ._wrapper_1qvnhv {
    max-width: 792px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

._section_1qvnhv {
  background: var(--c-grey-lightest);
  padding-bottom: 32px;
  padding-top: 32px;
}

.clark2 ._section_1qvnhv {
  background-color: var(--light-bg);
}

._section--border_1qvnhv {
  border-top: 1px solid var(--c-grey-light);
}

.clark2 ._section--border_1qvnhv {
  border-top-color: var(--divider);
}

._section--cta_1qvnhv {
  background: var(--color-white);
  padding-bottom: 16px;
  padding-top: 16px;
}

._section--cta__full-height_1qvnhv {
  margin-bottom: -16px;
  margin-top: -16px;
}

/* styles for @clarksource/forms/components/input-unit.css */
/* stylelint-disable color-function-notation */
._input-unit_fxo8qu {
  background: #fff;
  border: 1px solid var(--c-grey-light);
  border-radius: 4px;
  color: var(--color-comet-gray);
  display: flex;
  font-size: 14px;
  height: 40px;
  line-height: 20px;
  padding: 8px 0;
  position: relative;
  transition:
    border-color ease 150ms,
    box-shadow ease 150ms;
}

.clark2 ._input-unit_fxo8qu {
  background-color: #fff;
  border-color: #daddec;
  color: #283e66;
}

._input-unit_fxo8qu button,
._input-unit_fxo8qu input,
._input-unit_fxo8qu select,
._input-unit_fxo8qu ._input_fxo8qu {
  background: transparent;
  border: 0;
  color: inherit;
  flex: 1 1 auto;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: 0;
  padding-left: 16px;
  padding-right: 8px;
}

._input-unit_fxo8qu button::placeholder,
._input-unit_fxo8qu input::placeholder,
._input-unit_fxo8qu select::placeholder,
._input-unit_fxo8qu ._input_fxo8qu::placeholder {
  color: var(--grey-3);
}

.clark2 ._input-unit_fxo8qu button::placeholder,
.clark2 ._input-unit_fxo8qu input::placeholder,
.clark2 ._input-unit_fxo8qu select::placeholder,
.clark2 ._input-unit_fxo8qu ._input_fxo8qu::placeholder {
  border-color: #a9b3c2;
}

._has-focus_fxo8qu {
  border-color: var(--cta);
  box-shadow: 0 0 4px 0 rgba(43 109 222 / 20%);
}

.clark2 ._has-focus_fxo8qu {
  border-color: #2b6cde;
  box-shadow: none;
  color: #283e66;
}

._is-error_fxo8qu {
  border-color: #d0021b;
}

.clark2 ._is-error_fxo8qu {
  border-color: #d51e4f;
}

._is-disabled_fxo8qu {
  background: rgba(214, 214, 214, 10%);
  cursor: not-allowed;
}

.clark2 ._is-disabled_fxo8qu {
  border-color: rgb(218 221 236 / 20%);
}

._is-disabled_fxo8qu button,
._is-disabled_fxo8qu input,
._is-disabled_fxo8qu select,
._is-disabled_fxo8qu ._input_fxo8qu {
  cursor: inherit;
}

/* styles for @clarksource/messenger-ui/components/conversation/stream/message/body/text.css */
._message-body-text_7jbf {
  font-size: 14px;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: 20px;
  margin: 0;
  white-space: pre-line;
}

/* styles for @clarksource/messenger-ui/components/conversation/stream/message/body/notification.css */
._message-body-text_tm4cuz {
  padding-bottom: 12px;
}

._button_tm4cuz {
  display: flex !important;
}

/* styles for @clarksource/messenger-ui/components/conversation/stream/message/body/rate.css */
._message-body-text_18r550 {
}

._button_18r550 {
}

/* styles for @clarksource/messenger-ui/components/conversation.css */
._conversation_1a0nyv {
  background-color: #f5f6fa;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* styles for @clarksource/messenger-ui/components/conversation/alert.css */
._alert-info_1mrrd0 {
  background-color: var(--color-white);
  border-top: 1px solid rgb(173 182 217 / 50%);
  box-shadow: 0 2px 5px 0 rgb(173 182 217 / 50%);
  color: var(--c-dark-blue);
  display: flex;
  font-size: 14px;
  padding: 16px;
  position: relative;
}

._alert-info-icon_1mrrd0 {
  align-items: center;
  display: flex;
  margin-right: 16px;
}

._alert-warning_1mrrd0 {
  background-color: #feeacc;
  border-top: 1px solid rgb(173 182 217 / 50%);
  color: #203151;
  font-size: 14px;
  padding: 8px 16px;
  text-align: center;
}

/* styles for @clarksource/messenger-ui/components/conversation/compose.css */
._conversation-compose_wab3py {
  background-color: var(--color-white);
  border-radius: 0 0 4px 4px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-items: stretch;
}

._conversation-compose_wab3py ._conversation-compose-form_wab3py {
  background-color: var(--color-white);
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}

._conversation-compose_wab3py
  ._conversation-compose-form_wab3py
  ._conversation-compose-textarea_wab3py {
  border: 1px solid #cfd3da;
  border-radius: 3.99px;
  color: var(--c-dark-blue);
  font-size: 14px;
  height: 40px;
  line-height: 20px;
  margin: 10px;
  max-height: 98px;
  outline: none;
  padding: 10px 40px 10px 8px;
  resize: none;
  transition: all 0.2s ease-in-out;
  width: 100%;
}

._conversation-compose_wab3py
  ._conversation-compose-form_wab3py
  ._conversation-compose-textarea_wab3py::placeholder {
  color: #cfd3da;
  left: 8px;
  position: relative;
}

._conversation-compose_wab3py
  ._conversation-compose-form_wab3py
  ._conversation-compose-textarea_wab3py:focus {
  border: 1px solid #0439d7;
}

._conversation-compose_wab3py ._conversation-compose-form_wab3py ._disabled_wab3py {
  background-color: #f5f6fa;
  border: 1px solid #cfd3da;
}

._conversation-compose_wab3py ._conversation-compose-form_wab3py ._disabled_wab3py::placeholder {
  color: var(--c-dark-blue);
  opacity: 0.4;
}

._conversation-compose_wab3py ._conversation-compose-form_wab3py ._conversation-compose-button_wab3py {
  background: none;
  border: 0;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 22px;
  top: 22px;
}

._conversation-compose_wab3py
  ._conversation-compose-form_wab3py
  ._conversation-compose-button_wab3py
  path {
  fill: #cfd3da;
}

._conversation-compose_wab3py
  ._conversation-compose-form_wab3py
  ._conversation-compose-button_wab3py
  ._active_wab3py
  path {
  fill: #0439d7;
}

._cta_wab3py {
  margin: 15px 16px;
}

._call-outbound_wab3py {
  display: block !important;
}

._appointment-link-container_wab3py {
  display: flex;
  justify-content: right;
  padding: var(--ls0) var(--ls2) var(--ls-2);
}

._appointment-link_wab3py {
  background-color: #f2f7ff !important;
  border: 2px solid #f2f7ff !important;
  border-radius: 4px !important;
  color: var(--color-assure) !important;
  font-size: 16px !important;
  line-height: 16px !important;
  padding: 12px 24px !important;
}

._appointment-link-text_wab3py {
  font-weight: 500;
}

._appointment-link-icon_wab3py {
  margin-left: 4px;
}

._appointment-link_wab3py:active {
  background-color: #bbd0fc !important;
  border-color: #bbd0fc !important;
}

._appointment-link_wab3py:hover {
  background-color: #d6e3fe !important;
  border-color: #d6e3fe !important;
}

/* styles for @clarksource/messenger-ui/components/conversation/compose/document-upload.css */
/* stylelint-disable selector-class-pattern */
._attachment-icon_w30o9k {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-left: 10px;
}

._attachment-icon_w30o9k svg {
  height: 24px;
  margin-top: 16px;
  width: 24px;
}

._attachment-icon--disabled_w30o9k svg path {
  fill: #cfd3da;
}

/* styles for @clarksource/messenger-ui/components/conversation/header.css */
._conversation-header_jzh0o1 {
  background-color: var(--color-white);
  box-shadow: 0 2px 5px 0 rgb(173 182 217 / 50%);
  display: flex;
  min-height: 66px;
  z-index: 1;
}

/* styles for @clarksource/messenger-ui/components/conversation/header/consultant.css */
._conversation-header-consultant_1uqxtl {
  display: flex;
  flex-grow: 2;
}

._conversation-header-consultant_1uqxtl ._header-content_1uqxtl {
  margin: 16px 0 0 16px;
}

._conversation-header-consultant_1uqxtl ._header-content_1uqxtl ._title_1uqxtl {
  color: #0439d7;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

._conversation-header-consultant_1uqxtl ._header-content_1uqxtl ._status_1uqxtl {
  color: var(--c-dark-blue);
  font-size: 12px;
  line-height: 16px;
}

/* styles for @clarksource/messenger-ui/components/conversation/header/customer.css */
._conversation-header-customer_1czz6y {
  display: flex;
  flex-grow: 2;
}

/* styles for @clarksource/messenger-ui/components/conversation/stream.css */
._stream_51y9r6 {
  display: flex;
  flex: 80%;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  padding: 16px;
  position: relative;
}

._spinner_51y9r6 {
  margin-top: 0;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

/* styles for @clarksource/messenger-ui/components/conversation/stream/divider/day.css */
._divider_13q048 {
  align-self: center;
  border-bottom: 1px solid var(--c-chambray);
  flex: 1 0 auto;
  flex-grow: 0;
  height: 10px;
  margin-bottom: 14px;
  margin-top: 8px;
  text-align: center;
  width: 100px;
}

._divider_13q048 ._text_13q048 {
  background-color: #f5f6fa;
  color: var(--c-dark-blue);
  font-size: 12px;
  padding: 0 12px;
  text-transform: capitalize;
}

/* styles for @clarksource/messenger-ui/components/conversation/stream/message.css */
/* stylelint-disable selector-class-pattern */
._message_vcp7c6 {
  box-shadow: 0 1px 0 0 rgb(173 182 217 / 50%);
  flex: 1 0 auto;
  flex-grow: 0;
  margin: 4px 0;
  padding: 0 16px;
  width: 80%;
}

._message--me_vcp7c6 {
  align-self: flex-start;
  background-color: var(--color-white);
  border-radius: 6px 6px 6px 0;
  color: var(--c-dark-blue);
}

._message--other_vcp7c6 {
  align-self: flex-end;
  background-color: #0439d7;
  border-radius: 6px 6px 0;
  color: var(--color-white);
}

/* styles for @clarksource/messenger-ui/components/conversation/stream/message/body.css */
._time_iom721 {
  float: right;
  font-size: 12px;
  line-height: 14px;
  opacity: 0.8;
  padding-bottom: 8px;
}

/* styles for @clarksource/messenger-ui/components/conversation/stream/message/body/document.css */
._document_e6ehuh ._document-body_e6ehuh {
  display: flex;
  height: 36px;
  position: relative;
  top: 12px;
}

._document_e6ehuh ._document-body_e6ehuh ._document-icon_e6ehuh {
  flex-grow: 1;
  margin-top: 4px;
}

._document_e6ehuh ._document-body_e6ehuh ._document-content_e6ehuh {
  cursor: pointer;
  flex-grow: 3;
}

._document_e6ehuh ._document-body_e6ehuh ._document-content_e6ehuh ._document-title_e6ehuh {
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  top: 8px;
  white-space: nowrap;
  width: 150px;
}

._document_e6ehuh ._document-body_e6ehuh ._document-content_e6ehuh ._document-info_e6ehuh {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}

._document_e6ehuh ._document-body_e6ehuh ._document-status_e6ehuh {
  flex-grow: 1;
  margin-top: 4px;
}

._document_e6ehuh ._document-body_e6ehuh ._document-status_e6ehuh svg {
  float: right;
}

._document_e6ehuh ._document-body_e6ehuh ._document-status_e6ehuh svg g {
  fill: var(--color-white);
}

/* styles for @clarksource/messenger-ui/components/conversation/stream/message/body/document/failure.css */
._document-content_1vvl42 {
  flex: auto;
  flex-grow: 4;
}

._document-content_1vvl42 ._document-title_1vvl42 {
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
}

._document-content_1vvl42 ._document-info_1vvl42 {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}

._document-content_1vvl42 ._document-failed_1vvl42 {
  color: var(--color-white);
}

._document-status_1vvl42 {
  flex-grow: 1;
}

._document-status_1vvl42 svg {
  float: right;
}

._document-status_1vvl42 svg g {
  stroke: var(--color-white);
}

/* styles for @clarksource/messenger-ui/components/conversation/stream/message/body/document/placeholder.css */
._document-content_1f8se7 {
  flex: auto;
  flex-grow: 8;
  margin-top: -2px;
}

._document-content_1f8se7 ._document-title_1f8se7 {
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
}

._document-content_1f8se7 ._document-info_1f8se7 {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}

/* styles for @clarksource/messenger-ui/components/conversation/stream/message/time.css */
._message-body-time_rf84n0 {
  font-size: 12px;
  line-height: 14px;
  opacity: 0.8;
}

#ember-a11y-refocus-nav-message {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ember-a11y-refocus-skip-link {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 0.75rem;
  color: #fff;
  padding: 0.25rem;
  text-decoration: none;
  transform: translateY(-100%); 
  transition: transform 0.3s ease-in-out;
}

.ember-a11y-refocus-skip-link:focus {
  transform: translateY(0);
}