@charset "UTF-8";

/* node_modules/simplebar/dist/simplebar.css */
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}
.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}
.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* src/assets/styles/styles.scss */
body {
  height: 100vh;
  margin: 0;
  padding: 0;
  background-color: var(--ds-body-bg);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (max-width: 575.98px) {
  h1 {
    font-size: 1.5rem;
  }
}
h2 {
  color: var(--ds-color-black);
}
idh-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  min-height: 100vh;
}
.hidden {
  visibility: hidden;
}
.book {
  font-weight: var(--idh-font-weight-450);
}
.underline {
  text-decoration: underline;
}
.no-error {
  flex-direction: column;
}
.error {
  flex-direction: unset;
}
:root {
  --idh-font-size-21: 1.3125rem;
  --idh-font-size-11: 11px;
  --idh-font-weight-450: 450;
  --idh-line-height-130: 130%;
  --idh-line-height-140: 140%;
  --idh-line-height-150: 150%;
  --idh-line-height-160: 160%;
  --idh-line-height-180: 180%;
  --idh-panel-radius: var(--ds-radius-l);
  --idh-header-height: 72px;
  --idh-header-height-mobile: 64px ;
  --idh-loader-color-light: var(--ds-color-dark-blue);
  --idh-loader-color-dark: var(--ds-color-black);
  --idh-qr-holder-border: #00A4E0;
  --idh-qr-holder-border-shadow: 0 12px 20px 0 rgba(0, 110, 150, 0.30);
  --idh-qr-holder-background-light: #E9F0F6;
  --idh-qr-holder-background-dark: #A7D3FB;
  --idh-background-light-color: #FAFAFA;
}
.idh-header {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  color: var(--ds-color-black);
}
.idh-header--error {
  margin-bottom: var(--ds-space-16);
}
.idh-header h1 {
  color: var(--ds-color-black);
}
.idh-header h2 {
  color: var(--ds-color-black);
}
@media (max-width: 575.98px) {
  .idh-header h2 {
    font-size: var(--ds-space-24);
    text-align: center;
    gap: var(--ds-space-16);
  }
}
.idh-subheader {
  font-size: var(--ds-font-size--l);
  line-height: var(--idh-line-height-160);
  font-weight: var(--ds-font-weight--regular);
  padding: var(--ds-space-16) 0;
  color: var(--ds-color-dark-gray);
}
@media (max-width: 575.98px) {
  .idh-subheader {
    text-align: center;
    font-size: var(--ds-font-size--m);
  }
}
.idh-separator {
  display: flex;
  width: 100%;
  height: 1px;
  background-color: var(--ds-color-light-gray);
  margin-top: var(--ds-space-8);
}
.idh-content {
  margin-top: var(--ds-space-24);
  font-size: var(--ds-font-size--m);
  line-height: var(--idh-line-height-180);
  color: var(--ds-color-super-dark-gray);
}
.idh-buttons-container {
  display: flex;
  justify-content: flex-start;
  padding-top: var(--ds-space-32);
  gap: var(--ds-space-32);
  align-items: center;
}
.idh-buttons-container--right {
  justify-content: end;
}
.idh-alert {
  margin-top: var(--ds-space-24);
}
.idh-img {
  display: block;
}
.idh-tile__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
@media (max-width: 575.98px) {
  .idh-header {
    justify-content: center;
    flex-direction: column-reverse;
    margin-bottom: var(--ds-space-16);
  }
  .idh-header--error {
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: var(--ds-space-16);
  }
  .idh-content {
    margin-top: var(--ds-space-20);
    line-height: var(--idh-line-height-140);
    text-align: center;
  }
  .idh-content--error {
    text-align: left;
  }
  .idh-buttons-container {
    padding-top: var(--ds-space-24);
    flex-direction: column;
    gap: var(--ds-space-16);
    align-items: unset;
  }
  .idh-alert {
    margin-top: var(--ds-space-24);
  }
}
ngb-modal-window {
  position: fixed;
  inset: 0;
  z-index: 1055;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow-x: hidden;
  overflow-y: auto;
}
ngb-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: block;
  background: rgba(0, 0, 0, 0.5);
}
ngb-modal-window.fade,
ngb-modal-backdrop.fade {
  opacity: 0;
  transition: opacity 150ms linear;
}
ngb-modal-window.show,
ngb-modal-backdrop.show {
  opacity: 1;
}
.modal-dialog {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: flex-end;
}
.modal-content {
  margin: var(--ds-space-16);
  width: 100%;
  background: var(--ds-color-white);
  border-radius: var(--ds-radius-l);
  box-shadow: var(--ds-shadow-level-2);
  outline: 0;
  padding: var(--ds-space-24);
  max-height: 90vh;
  overflow-y: auto;
}
.modal-header,
.modal-footer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.modal-header {
  justify-content: space-between;
}
.modal-body {
  margin-top: var(--ds-space-16);
  margin-bottom: var(--ds-space-16);
}
.modal-footer {
  justify-content: flex-end;
  margin-top: var(--ds-space-16);
}
@media (min-width: 768px) {
  ngb-modal-window {
    align-items: center;
  }
  .modal-dialog {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    margin: var(--ds-space-24) auto;
    max-width: var(--ds-box-m);
    align-items: center;
  }
  .modal-content {
    border-radius: var(--ds-radius-l);
    max-height: none;
  }
}
.modal-dialog-centered {
  min-height: calc(100% - var(--ds-space-48));
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .modal-dialog-centered {
    align-items: end;
  }
}
:root {
  --ds-body-bg: #F4F4F4;
  --ds-border-width: 0;
  --ds-shadow-level-2: 0px 2px 10px -15px rgba(0, 0, 0, 0.05), 0px 10px 40px -20px rgba(0, 0, 0, 0.15);
  --ds-shadow-level-3: 0 20px 100px -40px rgba(0, 0, 0, 0.20), 0 10px 20px -10px rgba(0, 0, 0, 0.05);
  --ds-font-secondary:
    "Roboto",
    "Helvetica",
    "Arial",
    sans-serif;
  --ds-modal-bg: var(--ds-white);
}
.ds-tooltip {
  box-shadow: var(--ds-shadow-level-3);
}
.ds-tooltip--bottom-left {
  transform: translateX(12px) translateY(-8px) !important;
}
.ds-tooltip:before {
  display: none;
}
ds-form-check .ds-form-check__wrapper {
  align-items: flex-start;
}
ds-form-check .ds-form-check__wrapper input[type=checkbox] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin-top: 2px;
  cursor: pointer;
  appearance: none;
  border: 1px solid var(--ds-color-black);
  border-radius: var(--ds-radius-xs);
  background-color: var(--ds-color-white);
}
ds-form-check .ds-form-check__wrapper input[type=checkbox]:checked {
  background-color: var(--ds-color-black);
  border-color: var(--ds-color-black);
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%277%27%20viewBox%3D%270%200%2010%207%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M1.5%203.5L4%206%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M8.5%201.5L4%206%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 7px;
}
ds-form-check .ds-form-check__wrapper input[type=checkbox]:focus-visible {
  outline: 2px solid var(--ds-color-black);
  outline-offset: 2px;
}
ds-form-check .ds-form-check__wrapper input[type=checkbox].ng-touched.ng-invalid {
  border: 2px solid var(--ds-color-status-error) !important;
  background-color: var(--ds-color-red-bg) !important;
}
ds-form-check .ds-form-check__label {
  --ds-form-check-label-font-size: var(--ds-font-size--xs);
}
.ds-button--l .ds-button__icon-start {
  width: var(--ds-space-40);
  height: var(--ds-space-40);
}
.ds-button--m .ds-button__icon-start {
  width: var(--ds-space-24);
  height: var(--ds-space-24);
}
.ds-button__icon-start {
  display: flex;
  align-items: center;
  justify-content: center;
}
.simplebar-offset {
  margin-right: 0.75rem !important;
}
.simplebar-scrollbar.simplebar-visible {
  background: var(--ds-color-medium-gray);
  border-radius: 4px;
  width: 2px;
  cursor: pointer;
}
.simplebar-track.simplebar-vertical {
  width: 2px !important;
  background: transparent;
}
ds-step {
  --ds-step-indicator-size: 36px;
  --ds-step-title-font-weight: 450;
  display: block;
}
.ds-stepper--vertical .ds-step__indicator::after {
  left: 17px !important;
  background: var(--ds-color-medium-gray) !important;
}
ds-step idh-img {
  flex: 0 0 auto;
}
ds-step .ds-steptitle {
  font-size: var(--ds-font-size--l);
  line-height: var(--idh-line-height-180);
  margin: 0;
  color: var(--ds-color-black);
  font-weight: var(--idh-font-weight-450);
}
@media (max-width: 575.98px) {
  ds-step .ds-steptitle {
    font-size: var(--ds-font-size--m);
  }
}
ds-step p {
  font-size: var(--ds-font-size--xs);
  line-height: var(--idh-line-height-150);
  color: var(--ds-color-super-dark-gray);
  letter-spacing: 0.02em;
  font-weight: var(--ds-font-weight--light);
}
@media (max-width: 575.98px) {
  ds-step p {
    font-size: 11px;
  }
}
ds-step.ds-step--unpassed img,
ds-step.ds-step--passed img {
  filter: grayscale(1);
  opacity: 0.55;
}
ds-step.ds-step--unpassed .ds-steptitle,
ds-step.ds-step--passed .ds-steptitle {
  color: var(--ds-color-dark-gray);
}
ds-step.ds-step--unpassed p,
ds-step.ds-step--passed p {
  color: var(--ds-color-dark-gray);
}
ds-step.step--active img {
  filter: none;
  opacity: 1;
}
ds-step.ds-step--active .ds-steptitle {
  color: var(--ds-color-black);
  font-weight: var(--idh-font-weight-450);
}
ds-step.ds-step--active p {
  color: var(--ds-color-super-dark-gray);
}
.ds-tiles {
  --ds-tile-title-font-size: var(--ds-font-size--m);
  --ds-tile-title-font-weight: var(--idh-font-weight-450);
  --ds-tile-description-font-size: var(--ds-font-size--xs);
  --ds-tiles-gap: var(--ds-space-24);
}
@media (max-width: 575.98px) {
  .ds-tiles {
    --ds-tile-title-font-size: var(--ds-font-size--xs);
    --ds-tile-description-font-size: 0.6875rem;
    --ds-tiles-gap: var(--ds-space-12);
  }
}
.ds-tiles .ds-tile__title {
  display: flex;
  flex-direction: row;
  gap: var(--ds-space-12);
}
.ds-tiles .ds-tile__description {
  font-weight: var(--ds-font-weight--regular);
}
.ds-tiles .ds-tile:hover {
  border: var(--ds-border-m) solid transparent;
  border-radius: var(--ds-radius-m);
  background:
    linear-gradient(#ECFAFF, #ECFAFF) padding-box,
    linear-gradient(
      180deg,
      #68CDFC,
      #0269C8) border-box;
  box-shadow: -3px 2px 0 0 #E3F6FF, -3px -2px 0 0 #E3F6FF;
}
.idh-error {
  width: 100%;
}
.idh-error__content--bad-url {
  margin-top: var(--ds-space-16);
}
@media (max-width: 575.98px) {
  .idh-error__buttons-container button {
    width: 100%;
  }
}
idh-panel {
  padding: var(--ds-space-16);
}
idh-panel .idh-panel {
  display: flex;
  border-radius: var(--idh-panel-radius);
  background: var(--ds-color-white);
  box-shadow: var(--ds-shadow-level-2);
  justify-content: center;
  padding: var(--ds-space-32);
  gap: var(--ds-space-32);
  width: var(--ds-box-m);
}
@media (max-width: 575.98px) {
  idh-panel .idh-panel {
    gap: var(--ds-space-16);
  }
}
idh-panel .idh-panel.box-s {
  padding: var(--ds-space-24) var(--ds-space-32);
  gap: var(--ds-space-24);
  width: var(--ds-box-s);
}
@media (max-width: 575.98px) {
  idh-panel .idh-panel.box-s {
    max-width: var(--ds-box-xs);
  }
}
@media (max-width: 575.98px) {
  idh-panel .idh-panel.panel-auto-width {
    width: 90%;
    box-sizing: border-box;
  }
}
idh-panel .idh-panel.panel-transparent {
  background: transparent;
  box-shadow: none;
}
idh-panel .idh-panel.panel-flex-column {
  flex-direction: column;
}
idh-panel .idh-panel.panel-wide {
  width: 100%;
  max-width: 66rem;
}
@media (max-width: 575.98px) {
  idh-panel .idh-panel.panel-wide {
    width: calc(100% - 2 * var(--ds-space-16));
    max-width: unset;
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  idh-panel .idh-panel {
    padding: var(--ds-space-24) var(--ds-space-16);
    width: 100%;
    margin: 0 auto;
  }
}
.idh-success {
  width: 100%;
}
.help-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--ds-space-16);
}
.help-container__header {
  color: var(--ds-color-black);
  line-height: var(--idh-line-height-130);
  font-size: var(--idh-font-size-21);
}
@media (max-width: 575.98px) {
  .help-container__header {
    font-size: var(--ds-font-size--l);
  }
}
.help-container__subheader {
  font-weight: var(--ds-font-weight--medium);
  line-height: var(--idh-line-height-160);
  font-size: var(--ds-font-size--m);
}
@media (max-width: 575.98px) {
  .help-container__subheader {
    font-size: var(--ds-font-size--s);
  }
}
.help-container__content {
  font-size: var(--ds-font-size--s);
  line-height: var(--idh-line-height-160);
  color: var(--ds-color-super-dark-gray);
}
@media (max-width: 575.98px) {
  .help-container__content {
    font-size: var(--ds-font-size--xs);
    line-height: var(--idh-line-height-150);
  }
}
.help-container__button.ds-button {
  color: var(--ds-color-super-dark-gray);
}
.idh-top-bar {
  width: 100%;
  background: var(--ds-color-white);
  padding: 0 var(--ds-space-24);
  height: var(--idh-header-height);
}
@media (max-width: 575.98px) {
  .idh-top-bar {
    padding: 0 var(--ds-space-16);
    height: var(--idh-header-height-mobile);
  }
}
.idh-top-bar__container {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}
.fs-top-bar .idh-top-bar__side {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--ds-space-16);
}
.fs-top-bar .idh-top-bar__side idh-timer {
  position: unset;
}
.fs-top-bar .idh-top-bar__side .fs-topbar-info__tooltip-button {
  background: unset;
  border: unset;
  box-shadow: none;
  padding: unset;
}
idh-top-bar.transparent-nav {
  background-color: transparent;
}
.idh-language {
  --ds-form-field-border-color: transparent;
  --ds-form-field-width: var(--ds-space-48);
  font-weight: var(--ds-font-weight--bold);
}
idh-language form {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 150px;
}
idh-language form ds-select {
  margin: 0;
  width: 100%;
}
idh-language form ds-select .search-group-wrap {
  margin: 0;
}
.idh-timer {
  position: fixed;
  right: var(--ds-space-24);
  bottom: var(--ds-space-24);
  z-index: 1000;
  align-items: center;
  color: var(--ds-color-black);
}
@media (max-width: 575.98px) {
  .idh-timer {
    position: absolute;
    bottom: unset;
    top: calc(3px + var(--ds-space-64, 0px));
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
  }
}
.idh-timer__content {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.idh-timer__label {
  font-size: var(--ds-font-size--m);
  font-weight: var(--ds-font-weight--medium);
}
@media (max-width: 575.98px) {
  .idh-timer__label {
    font-size: var(--ds-font-size--xs);
  }
}
.idh-toast .ds-alert {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.idh-toast .ds-alert .ds-badge {
  margin-left: 0.3rem;
}
.idh-toast .ds-alert .ds-badge span {
  font-family: var(--ds-font-family--secondary), sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.02rem;
}
.idh-toast__container {
  position: fixed;
  right: var(--ds-space-24);
  bottom: var(--ds-space-64);
  z-index: 1000;
  align-items: center;
}
@media (max-width: 575.98px) {
  .idh-toast__container {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
idh-confirm-modal .idh-confirm-modal__header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767.98px) {
  idh-confirm-modal .idh-confirm-modal__header {
    margin-bottom: var(--ds-space-16);
  }
}
idh-confirm-modal .idh-confirm-modal__buttons-container {
  gap: var(--ds-space-24);
  justify-content: end;
}
@media (max-width: 767.98px) {
  idh-confirm-modal .idh-confirm-modal__buttons-container {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767.98px) {
  idh-confirm-modal .idh-confirm-modal__content {
    text-align: left;
  }
}
idh-confirm-modal.idh-confirm-modal.fs .idh-buttons-container {
  flex-direction: row;
}
@media (max-width: 767.98px) {
  idh-confirm-modal.idh-confirm-modal.fs .idh-header {
    justify-content: center;
    font-size: 21px;
  }
}
idh-confirm-modal.idh-confirm-modal.fs .idh-buttons-container {
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  idh-confirm-modal.idh-confirm-modal.fs .idh-buttons-container {
    flex-direction: column;
    align-items: center;
    gap: var(--ds-space-8);
  }
}
idh-confirm-modal.idh-confirm-modal.fs .idh-buttons-container .ds-button--delete {
  line-height: 1;
}
idh-confirm-modal.idh-confirm-modal.fs .idh-buttons-container .ds-button--secondary {
  padding: var(--ds-space-32);
  line-height: 100%;
}
idh-confirm-modal.idh-confirm-modal.fs .idh-content {
  padding-right: 4rem;
  font-weight: 400;
  font-size: 20px;
}
@media (max-width: 767.98px) {
  idh-confirm-modal.idh-confirm-modal.fs .idh-content {
    text-align: center;
    padding-right: 0;
    font-size: var(--ds-font-size--m);
  }
}
@media (max-width: 767.98px) {
  .confirm-modal .modal-content {
    margin: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
idh-icon svg {
  display: inline-block;
  fill: currentColor;
  vertical-align: middle;
}
.idh-icon--stroke svg {
  fill: none;
  stroke: currentColor;
}
.idh-icon--xs svg {
  width: var(--ds-space-12);
  height: var(--ds-space-12);
}
.idh-icon--s svg {
  width: var(--ds-space-16);
  height: var(--ds-space-16);
}
.idh-icon--m svg {
  width: var(--ds-space-20);
  height: var(--ds-space-20);
}
.idh-icon--l svg {
  width: var(--ds-space-24);
  height: var(--ds-space-24);
}
.idh-icon--xl svg {
  width: var(--ds-space-32);
  height: var(--ds-space-32);
}
.idh-icon--primary {
  color: var(--ds-color-blue);
}
.idh-icon--warning {
  color: var(--ds-color-status-warning);
}
.idh-icon--danger {
  color: var(--ds-color-status-error);
}
.idh-icon--light {
  color: var(--ds-color-white);
}
.idh-icon--disabled {
  color: var(--ds-color-gray);
}
.idh-icon--dark {
  color: #0269C8;
}
.spinner-container {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinner {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: conic-gradient(rgba(0, 0, 0, 0) 10%, var(--idh-loader-color-light));
  animation: spinner-zp9dbg 1s infinite linear;
  -webkit-mask:
    radial-gradient(
      farthest-side,
      rgba(0, 0, 0, 0) calc(100% - 8px),
      #000 0);
}
.spinner--sm {
  -webkit-mask:
    radial-gradient(
      farthest-side,
      rgba(0, 0, 0, 0) calc(100% - 3.8px),
      #000 0);
  width: 24px;
  height: 24px;
}
@keyframes spinner-zp9dbg {
  to {
    transform: rotate(1turn);
  }
}
idh-free-signatures {
  display: flex;
  flex: 1;
  align-items: center;
}
@media (max-width: 575.98px) {
  idh-free-signatures {
    display: unset;
    flex-direction: column;
  }
}
idh-free-signatures.error {
  display: flex;
}
idh-free-signatures .panel-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}
@media (max-width: 575.98px) {
  idh-free-signatures .panel-content {
    align-items: center;
  }
}
@media (max-width: 575.98px) {
  idh-free-signatures .header {
    margin-top: -1rem;
    margin-bottom: 2rem;
  }
}
idh-free-signatures .header h2 {
  color: var(--ds-color-black);
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  idh-free-signatures .header h2 {
    font-size: 1.5rem;
    line-height: 130%;
  }
}
idh-free-signatures .header h4 {
  color: var(--ds-color-super-dark-gray);
  margin-top: 0.5rem;
  line-height: 150%;
  margin-bottom: 0;
  font-size: var(--ds-font-size--m);
  font-weight: var(--ds-font-weight--regular);
  text-align: center;
  white-space: pre-wrap;
}
idh-free-signatures .qrcode-holder {
  padding: var(--ds-space-16);
  border-radius: var(--ds-radius-l);
  background:
    linear-gradient(
      106deg,
      var(--idh-qr-holder-background-light) 24.83%,
      var(--idh-qr-holder-background-dark) 160.8%);
  text-align: center;
}
idh-free-signatures .qrcode-holder img {
  border-radius: 20px;
  border: 3px solid var(--idh-qr-holder-border);
  box-shadow: var(--idh-qr-holder-border-shadow);
}
idh-free-signatures .content-holder__header {
  color: var(--ds-color-black);
  font-size: var(--idh-font-size-21);
  line-height: var(--idh-line-height-130);
  font-weight: var(--idh-font-weight-450);
  margin-bottom: var(--ds-space-16);
}
idh-free-signatures .content-holder__list {
  --ds-ul-display: flex;
  --ds-ul-flex-direction: column;
  --ds-ul-gap: var(--ds-space-12);
  --ds-ul-padding-left: 0.5rem;
  --ds-ul-font-weight: var(--ds-font-weight--regular);
  --ds-ul-list-style: none;
  color: var(--ds-color-black);
  margin-bottom: 0;
}
idh-free-signatures .content-holder__list.list-unstyled {
  --ds-ul-margin-left: 0;
}
idh-free-signatures .content-holder .list-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
idh-free-signatures .content-holder .list-item__marker {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ds-color-black);
  border-radius: 50%;
  font-size: var(--ds-font-size--xs);
  font-weight: var(--idh-font-weight-450);
}
idh-free-signatures .content-holder .list-item__content {
  line-height: 160%;
  font-size: var(--ds-font-size--s);
}
idh-free-signatures .content-box {
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-16);
  border-radius: var(--ds-radius-m);
  background-color: var(--ds-color-blue-bg);
  padding: var(--ds-space-16);
}
@media (max-width: 575.98px) {
  idh-free-signatures .content-box {
    margin-bottom: 2rem;
  }
}
idh-free-signatures .content-box__header {
  display: flex;
  align-items: center;
  gap: var(--ds-space-8);
}
idh-free-signatures .content-box__header h6 {
  --ds-heading-color: var(--ds-color-black);
  font-size: var(--ds-font-size--l);
  font-weight: var(--idh-font-weight-450);
}
idh-free-signatures .content-box__header .idh-icon--xl {
  height: var(--ds-space-32);
}
idh-free-signatures .content-box__list {
  --ds-ul-display: flex;
  --ds-ul-flex-direction: column;
  --ds-ul-gap: var(--ds-space-8);
  --ds-ul-padding-left: 0.5rem;
  --ds-ul-font-weight: var(--ds-font-weight--regular);
  --ds-ul-list-style: none;
  --ds-ul-margin-left: 0;
  --ds-ul-font-size: var(--ds-font-size--s);
}
idh-free-signatures .content-box .list-item__content {
  line-height: 200%;
}
idh-free-signatures .btn-holder {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--ds-space-16);
}
idh-free-signatures .btn-holder .ds-button--link {
  justify-content: flex-start;
}
@media (max-width: 575.98px) {
  idh-free-signatures .btn-holder .ds-button--link {
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  idh-free-signatures .btn-holder .ds-button__icon-end {
    margin-top: -4px;
  }
}
@media (max-width: 767.98px) {
  ngb-modal-window.free-signatures .modal-dialog-centered {
    align-items: center;
  }
}
idh-fs-clause.clause--foot {
  max-width: var(--ds-box-l);
  margin: 1rem 1rem;
}
idh-fs-clause.clause--foot .clause__text span {
  white-space: unset;
}
idh-fs-clause .clause {
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media (max-width: 575.98px) {
  idh-fs-clause .clause {
    width: calc(100% - 2 * var(--ds-space-16));
    margin: 0 var(--ds-space-16);
  }
}
idh-fs-clause .clause__header {
  font-family: var(--ds-font-secondary), sans-serif;
  font-size: var(--ds-font-size--xs);
  color: var(--ds-color-black);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: var(--ds-space-16);
}
@media (max-width: 575.98px) {
  idh-fs-clause .clause__header {
    margin-bottom: 0;
  }
}
idh-fs-clause .clause__text {
  font-family: var(--ds-font-primary), sans-serif;
  font-size: var(--ds-font-size--xs);
  line-height: var(--idh-line-height-130);
}
idh-fs-clause .clause__text span {
  display: inline-block;
  height: 65px;
  overflow: hidden;
  white-space: pre-wrap;
}
@media (max-width: 575.98px) {
  idh-fs-clause .clause__text span {
    height: 50px;
  }
}
idh-fs-clause .clause__text--full span {
  height: auto;
}
idh-fs-clause .clause__btn {
  margin-top: -10px;
}
idh-method {
  display: flex;
  flex: 1;
  align-items: center;
}
@media (max-width: 767px) {
  idh-method .panel {
    --ds-panel-padding: 1.5rem !important;
  }
}
idh-method .panel .p--s {
  font-size: 0.875rem;
  color: var(--bs-dark-gray);
}
idh-method .panel .prerequisites-head {
  font-size: 21px;
  font-weight: 400;
}
idh-method .panel .p--xs {
  font-size: 0.75rem;
}
idh-method .panel .group-sub-header {
  margin: 2rem 0;
  color: var(--other-dark-grey, #73696B);
  font-size: 18px;
}
idh-method .panel .group {
  color: var(--other-super-dark-grey, #4B4446);
  margin-top: 2rem;
}
idh-method .panel .group .light {
  color: var(--other-dark-grey, #73696B);
  font-size: 14px;
  letter-spacing: -0.28px;
}
idh-method .panel .buttons-container {
  display: flex;
  margin-top: 10px;
  gap: 1rem;
}
idh-method .panel ds-tile-list.main-level .tile-item {
  padding: calc(0.5rem + 2px) calc(1rem + 2px);
}
idh-method .panel ds-tile-list.main-level .tile-item:hover {
  padding: 0.5rem 1rem;
}
idh-method .provider-list {
  display: flex;
  height: calc(100vh - 95px - 76px);
  align-items: center;
  justify-content: center;
}
idh-close-results .idh-close__header idh-img {
  margin-bottom: 2rem;
}
idh-scenario-list {
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-24);
  width: 100%;
}
@media (max-width: 575.98px) {
  idh-scenario-list {
    gap: var(--ds-space-12);
  }
}
@media (max-width: 575.98px) {
  .idh-scenario-list__header {
    font-size: 22px;
    text-align: center;
    margin-bottom: var(--ds-space-12);
  }
}
.idh-scenario-list__subheader {
  padding: unset;
}
@media (max-width: 575.98px) {
  .idh-scenario-list__subheader {
    display: none;
  }
}
.idh-scenario-list__content {
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-32);
}
@media (max-width: 575.98px) {
  .idh-scenario-list__content {
    gap: 20px;
  }
}
.idh-scenario-list__buttons-container {
  padding-top: var(--ds-space-8);
}
@media (max-width: 575.98px) {
  idh-provider-group-list .idh-scenario-list__header {
    margin-bottom: 0;
  }
}
idh-provider-group-list .idh-scenario-list__subheader {
  padding: var(--ds-space-24) 0;
}
@media (max-width: 575.98px) {
  idh-provider-group-list .idh-scenario-list__subheader {
    display: block;
    padding: var(--ds-space-16) 0;
  }
}
idh-provider-group-list .idh-scenario-list__buttons-container {
  padding-top: var(--ds-space-16);
}
idh-prerequisites {
  width: 100%;
}
idh-prerequisites .idh-prerequisites__prepare {
  background-color: var(--idh-background-light-color);
  border-radius: var(--ds-radius-m);
  padding: var(--ds-space-16) var(--ds-space-24);
}
@media (max-width: 575.98px) {
  idh-prerequisites .idh-prerequisites__prepare {
    padding: var(--ds-space-16);
  }
}
idh-prerequisites .idh-prerequisites__prepare--title {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  font-weight: var(--ds-font-weight--bold);
  color: var(--ds-color-black);
  font-size: var(--ds-font-size--l);
}
@media (max-width: 575.98px) {
  idh-prerequisites .idh-prerequisites__prepare--title {
    gap: 0.25rem;
    font-size: var(--ds-font-size--s);
    font-weight: var(--ds-font-weight--medium);
    margin-bottom: 0.25rem;
  }
}
idh-prerequisites .idh-prerequisites__prepare ul {
  --ds-ul-gap: 0;
  --ds-ul-margin-left: var(--ds-space-24);
  --ds-ul-font-size: var(--ds-font-size--m);
  --ds-ul-font-weight: var(--ds-font-weight--regular);
}
@media (max-width: 575.98px) {
  idh-prerequisites .idh-prerequisites__prepare ul {
    --ds-ul-font-size: var(--ds-font-size--s);
  }
}
idh-prerequisites .idh-prerequisites__prepare ul li {
  line-height: var(--idh-line-height-160);
}
idh-prerequisites .idh-prerequisites__continue-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-top: var(--ds-space-24);
}
idh-prerequisites .idh-prerequisites__continue-info .not-recommended {
  color: var(--ds-color-gray);
}
idh-prerequisites .idh-prerequisites__continue-info .idh-icon {
  color: var(--ds-color-dark-blue);
}
idh-prerequisites .idh-prerequisites__continue-info .ds-button {
  --ds-button-padding: 0;
  --ds-button-height: unset;
  --ds-button-font-size: var(--ds-font-size--m);
}
idh-prerequisites .idh-prerequisites__alert--eDO {
  --ds-ul-gap: 0;
  --ds-ul-margin-left: var(--ds-space-16);
  --ds-ul-font-size: var(--ds-font-size--xs);
  --ds-ul-font-weight: var(--ds-font-weight--regular);
}
@media (max-width: 575.98px) {
  idh-prerequisites .idh-prerequisites__alert--eDO {
    --ds-ul-font-size: var(--idh-font-size-11);
  }
}
idh-prerequisites .idh-prerequisites__alert--eDO ds-icon {
  margin-top: 3px;
}
idh-prerequisites .idh-prerequisites__alert--eDO li {
  line-height: var(--idh-line-height-150) !important;
  letter-spacing: 2%;
}
idh-prerequisites .idh-prerequisites__alert--eDO .eDO-title {
  font-size: var(--ds-font-size--m);
}
@media (max-width: 575.98px) {
  idh-prerequisites .idh-prerequisites__alert--eDO .eDO-title {
    font-size: var(--ds-font-size--s);
  }
}
idh-prerequisites .ds-alert {
  margin-top: var(--ds-space-24);
}
idh-prerequisites .ds-alert__content {
  display: inline-block;
}
idh-check-sms-child-process {
  width: 100%;
}
idh-check-sms-child-process .idh-check-sms-child-process__content {
  font-size: var(--font-size-m);
}
idh-check-sms-child-process .idh-check-sms-child-process__button--send-sms:disabled {
  color: var(--ds-color-super-dark-gray);
}
@media (max-width: 575.98px) {
  idh-check-sms-child-process .idh-check-sms-child-process__button--send-sms:disabled {
    font-size: var(--ds-font-size--m);
  }
}
idh-check-sms-child-process .idh-check-sms-child-process__info--error {
  font-size: var(--ds-font-size--l);
  font-weight: var(--ds-font-weight--medium);
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
idh-child-process {
  width: 100%;
}
idh-child-process .idh-child-process__prepare {
  background-color: var(--idh-background-light-color);
  border-radius: var(--ds-radius-m);
  padding: var(--ds-space-16) var(--ds-space-24);
}
@media (max-width: 575.98px) {
  idh-child-process .idh-child-process__prepare {
    padding: var(--ds-space-16);
  }
}
idh-child-process .idh-child-process__prepare--title {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  font-weight: var(--ds-font-weight--bold);
  color: var(--ds-color-black);
  font-size: var(--ds-font-size--l);
}
@media (max-width: 575.98px) {
  idh-child-process .idh-child-process__prepare--title {
    gap: 0.25rem;
    font-size: var(--ds-font-size--s);
    font-weight: var(--ds-font-weight--medium);
    margin-bottom: 0.25rem;
  }
}
idh-child-process .idh-child-process__prepare ul {
  --ds-ul-gap: 0;
  --ds-ul-margin-left: var(--ds-space-24);
  --ds-ul-font-size: var(--ds-font-size--m);
  --ds-ul-font-weight: var(--ds-font-weight--regular);
}
@media (max-width: 575.98px) {
  idh-child-process .idh-child-process__prepare ul {
    --ds-ul-font-size: var(--ds-font-size--s);
  }
}
idh-child-process .idh-child-process__prepare ul li {
  line-height: var(--idh-line-height-160);
}
idh-child-process ds-alert {
  margin-top: var(--ds-space-16);
}
idh-child-process-finish {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
}
awaiting-child-process {
  width: 100%;
}
idh-failed {
  width: 100%;
}
idh-agreement h2 {
  color: var(--ds-color-black);
}
@media (max-width: 575.98px) {
  idh-agreement h2 {
    font-size: 1.375rem;
    text-align: center;
  }
}
idh-agreement h5 {
  font-size: 1rem;
  color: #73696B;
  font-weight: 500;
}
idh-agreement .idh-agreement__terms {
  max-height: 316px;
  font-size: var(--ds-font-size--s);
  line-height: var(--idh-line-height-160);
  text-align: justify;
  word-break: break-word;
  margin-bottom: var(--ds-space-24);
  box-sizing: border-box;
  font-weight: var(--ds-font-weight--light);
}
@media (max-width: 575.98px) {
  idh-agreement .idh-agreement__terms {
    font-size: var(--ds-font-size--xs);
  }
}
idh-agreement .idh-agreement__terms strong {
  margin-top: var(--ds-space-8) !important;
  display: inline-block;
}
idh-agreement .idh-agreement__terms span.term {
  margin-bottom: var(--ds-space-24);
  display: inline-block;
}
idh-agreement .idh-agreement__terms ul {
  font-size: var(--ds-font-size--s) !important;
  padding-bottom: var(--ds-space-8) !important;
}
idh-agreement .idh-agreement__header--statement {
  margin-bottom: var(--ds-space-16);
}
idh-agreement .idh-agreement__buttons-container {
  justify-content: space-between;
}
idh-agreement .disclaimer {
  margin-top: var(--ds-space-16);
  font-size: var(--ds-font-size--s);
  color: var(--ds-color-dark-gray);
}
idh-chain {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-24);
}
@media (max-width: 575.98px) {
  idh-chain {
    gap: var(--ds-space-16);
  }
}
idh-chain .idh-chain__header h2 {
  color: var(--ds-color-black);
}
@media (max-width: 575.98px) {
  idh-chain .idh-chain__header h2 {
    font-size: 1.375rem;
  }
}
idh-chain .idh-chain__subheader {
  font-size: var(--idh-font-size-21);
  line-height: var(--idh-line-height-130);
}
@media (max-width: 575.98px) {
  idh-chain .idh-chain__subheader {
    font-size: var(--ds-font-size--l);
    text-align: center;
  }
}
.chain-step {
  display: flex;
  gap: 1rem;
  align-items: center;
}
idh-awaiting-results {
  width: 100%;
}
idh-phone-number {
  display: flex;
  flex: 1;
  align-items: center;
}
idh-phone-number idh-panel .idh-panel {
  gap: 0;
}
idh-phone-number .idh-phone-number__header {
  margin-bottom: 0;
}
idh-phone-number .idh-phone-number__content {
  margin-top: var(--ds-space-24);
}
idh-phone-number .idh-phone-number__content__subheader {
  font-size: var(--ds-font-size--l);
  line-height: var(--idh-line-height-180);
  color: var(--ds-color-dark-gray);
}
@media (max-width: 575.98px) {
  idh-phone-number .idh-phone-number__content__subheader {
    font-size: var(--ds-font-size--m);
    line-height: var(--idh-line-height-140);
    text-align: center;
  }
}
idh-phone-number .idh-phone-number__form__digits {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: var(--idh-background-light-color);
  border-radius: var(--ds-radius-s);
  padding: var(--ds-space-24);
  margin-top: var(--ds-space-32);
}
@media (max-width: 575.98px) {
  idh-phone-number .idh-phone-number__form__digits {
    padding: var(--ds-space-16) var(--ds-space-24);
  }
}
idh-phone-number .idh-phone-number__form__digits .ds-form-field {
  --ds-form-field-margin-top: 0;
  padding: 0 4px;
}
idh-phone-number .idh-phone-number__form__digits .ds-form-field__group {
  --ds-form-field-height: 3rem;
  --ds-form-field-group-width: 3rem;
}
@media (max-width: 575.98px) {
  idh-phone-number .idh-phone-number__form__digits .ds-form-field__group {
    --ds-form-field-group-width: 2.5rem;
  }
}
idh-phone-number .idh-phone-number__form__digits .ds-form-field__group input {
  width: 100%;
  text-align: center;
}
idh-phone-number .idh-phone-number__form__digits > div:nth-child(3n) .digit-single {
  padding-right: 8px;
}
@media (max-width: 575.98px) {
  idh-phone-number .idh-phone-number__form__digits > div:nth-child(3n) .digit-single {
    padding-right: 6px;
  }
}
idh-phone-number .idh-phone-number__form__digits .digit-single {
  display: inline-block;
  font-size: var(--ds-font-size--l);
  font-weight: 400;
}
@media (max-width: 575.98px) {
  idh-phone-number .idh-phone-number__form__digits .digit-single {
    font-size: var(--ds-font-size--s);
    font-weight: var(--idh-font-weight-450);
  }
}
idh-phone-number-otp {
  display: flex;
  flex: 1;
  align-items: center;
}
idh-phone-number-otp idh-panel .idh-panel {
  gap: 0;
}
idh-phone-number-otp .idh-phone-number-otp__content {
  margin-top: var(--ds-space-24);
}
idh-phone-number-otp .idh-phone-number-otp__content__subheader {
  margin-bottom: var(--ds-space-24);
}
@media (max-width: 575.98px) {
  idh-phone-number-otp .idh-phone-number-otp__content__subheader {
    font-size: var(--ds-font-size--m);
    line-height: var(--idh-line-height-140);
    margin-bottom: var(--ds-space-24);
    text-align: center;
  }
}
idh-phone-number-otp .idh-phone-number-otp__form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
idh-phone-number-otp .idh-phone-number-otp__form .ds-form-field {
  --ds-form-field-width-fixed: 53px;
  --ds-form-field-width: 53px;
  width: var(--ds-form-field-width-fixed);
  height: var(--ds-space-64);
  margin-top: unset;
}
@media (max-width: 575.98px) {
  idh-phone-number-otp .idh-phone-number-otp__form .ds-form-field {
    --ds-form-field-width-fixed: 40px;
    --ds-form-field-width: 40px;
    height: var(--ds-space-48);
  }
}
idh-phone-number-otp .idh-phone-number-otp__form .ds-form-field:nth-of-type(3) {
  margin-right: var(--ds-space-8);
}
idh-phone-number-otp .idh-phone-number-otp__form .ds-form-field__group {
  height: var(--ds-space-64);
  width: var(--ds-form-field-width-fixed);
  padding: 0;
}
@media (max-width: 575.98px) {
  idh-phone-number-otp .idh-phone-number-otp__form .ds-form-field__group {
    height: var(--ds-space-48);
  }
}
idh-phone-number-otp .idh-phone-number-otp__form .ds-form-field__group > .ds-form-field__control {
  width: var(--ds-form-field-width-fixed);
  text-align: center;
  font-size: var(--ds-font-size--m);
}
idh-phone-number-otp .idh-phone-number-otp__form-holder {
  display: flex;
  background: var(--idh-background-light-color);
  padding: var(--ds-space-12) var(--ds-space-64) var(--ds-space-8) var(--ds-space-64);
  gap: var(--ds-space-16);
  flex-direction: column;
  border-radius: var(--ds-radius-m);
  align-items: flex-start;
}
@media (max-width: 575.98px) {
  idh-phone-number-otp .idh-phone-number-otp__form-holder {
    padding: var(--ds-space-16) var(--ds-space-24);
  }
}
idh-phone-number-otp .idh-phone-number-otp__form-holder .info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--ds-space-8);
}
@media (max-width: 575.98px) {
  idh-phone-number-otp .idh-phone-number-otp__form-holder .info {
    font-size: var(--ds-font-size--m);
    gap: 3px;
  }
}
idh-phone-number-otp .idh-phone-number-otp__form-holder .ds-button.generate-code {
  gap: var(--ds-space-8);
  font-weight: 700;
}
idh-phone-number-otp .idh-phone-number-otp__form-holder .ds-button.info {
  font-weight: var(--ds-font-weight--regular);
}
idh-phone-number-otp .idh-phone-number-otp__form-holder .ds-button.info span.book {
  margin-left: var(--ds-space-8);
}
idh-phone-number-otp .idh-phone-number-otp__form-holder .ds-button.info .ds-button__label {
  line-height: 25px;
}
@media (max-width: 575.98px) {
  idh-phone-number-otp .idh-phone-number-otp__form-holder .ds-button {
    align-self: center;
  }
}
idh-phone-number-otp .idh-phone-number-otp__form-holder .ds-button idh-icon {
  margin-right: var(--ds-space-8);
}
idh-phone-number-otp .idh-phone-number-otp__form-label {
  font-size: var(--ds-font-size--m);
  line-height: 100%;
  color: var(--ds-color-dark-gray);
  font-weight: var(--ds-font-weight--medium);
}
@media (max-width: 575.98px) {
  idh-phone-number-otp .idh-phone-number-otp__form-label {
    font-size: var(--ds-font-size--s);
    font-weight: var(--idh-font-weight-450);
  }
}
idh-m-obywatel {
  display: flex;
  flex: 1;
  align-items: center;
}
idh-m-obywatel idh-panel .idh-panel {
  gap: unset;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575.98px) {
  idh-m-obywatel .idh-panel.panel-auto-width.panel-wide {
    width: 100%;
  }
}
idh-m-obywatel .idh-mobywatel {
  margin-right: var(--ds-space-32);
}
@media (max-width: 575.98px) {
  idh-m-obywatel .idh-mobywatel {
    margin-right: 0;
  }
}
idh-m-obywatel .idh-mobywatel__header {
  justify-content: flex-start;
  gap: var(--ds-space-12);
  margin-bottom: var(--ds-space-8);
}
@media (max-width: 575.98px) {
  idh-m-obywatel .idh-mobywatel__header {
    flex-direction: column;
    margin-bottom: var(--ds-space-20);
  }
  idh-m-obywatel .idh-mobywatel__header h1 {
    font-size: var(--ds-space-24);
  }
}
idh-m-obywatel .idh-mobywatel__subheader {
  padding: 0;
}
idh-m-obywatel .idh-mobywatel__content {
  display: flex;
  flex-direction: row;
  margin-bottom: var(--ds-space-16);
}
idh-m-obywatel .idh-mobywatel__content.mobile .content-holder {
  width: 100%;
}
idh-m-obywatel .idh-mobywatel__content.mobile .content-holder__header {
  font-size: var(--ds-font-size--l);
  margin-bottom: 0;
}
idh-m-obywatel .idh-mobywatel__content.mobile .content-holder__list {
  --ds-ul-gap: var(--ds-space-12);
  --ds-ul-font-size: var(--ds-font-size--xs);
  background: #ECFAFF;
  padding: 16px;
  border-radius: 12px;
  text-align: left;
  align-items: flex-start;
}
idh-m-obywatel .idh-mobywatel__content.mobile .list-item {
  margin-bottom: 0;
}
idh-m-obywatel .idh-mobywatel__content .content-holder__header {
  color: var(--ds-color-black);
  font-size: var(--idh-font-size-21);
  line-height: var(--idh-line-height-130);
  font-weight: var(--idh-font-weight-450);
  margin-bottom: var(--ds-space-12);
}
idh-m-obywatel .idh-mobywatel__content .content-holder__list {
  --ds-ul-display: flex;
  --ds-ul-flex-direction: column;
  --ds-ul-gap: var(--ds-space-12);
  --ds-ul-padding-left: 0.5rem;
  --ds-ul-font-weight: var(--ds-font-weight--regular);
  --ds-ul-list-style: none;
  color: var(--ds-color-black);
  margin-bottom: 0;
}
idh-m-obywatel .idh-mobywatel__content .content-holder__list.list-unstyled {
  --ds-ul-margin-left: 0;
}
idh-m-obywatel .idh-mobywatel__content .content-holder .list-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
idh-m-obywatel .idh-mobywatel__content .content-holder .list-item__marker {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ds-color-black);
  border-radius: 50%;
  font-size: var(--ds-font-size--xs);
  font-weight: var(--idh-font-weight-450);
}
idh-m-obywatel .idh-mobywatel__content .content-holder .list-item__content {
  line-height: 160%;
  font-size: var(--ds-font-size--s);
}
idh-m-obywatel .idh-mobywatel--qrcode {
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--ds-space-16);
  border-radius: var(--ds-radius-l);
  background:
    linear-gradient(
      315deg,
      var(--idh-qr-holder-background-light) 25%,
      var(--idh-qr-holder-background-dark) 100%);
  text-align: center;
}
idh-m-obywatel .idh-mobywatel--qrcode .qrcode-holder {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
idh-m-obywatel .idh-mobywatel--qrcode .qrcode-holder .qrcode-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
idh-m-obywatel .idh-mobywatel--qrcode .qrcode-holder .qrcode-img img {
  border-radius: 20px;
  border: 3px solid var(--idh-qr-holder-border);
  box-shadow: var(--idh-qr-holder-border-shadow);
}
idh-m-obywatel .idh-mobywatel--qrcode .qrcode-holder .qrcode-img img.inactive {
  opacity: 0.05;
}
idh-m-obywatel .idh-mobywatel--qrcode .qrcode-holder .qrcode-img .refresh-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
idh-m-obywatel .idh-mobywatel--qrcode .qrcode-holder .qrcode-img .refresh-button .idh-icon svg {
  width: var(--ds-space-64);
  height: var(--ds-space-64);
}
idh-m-obywatel .idh-mobywatel--qrcode .qrcode-help {
  margin-bottom: var(--ds-space-16);
}
idh-m-obywatel .idh-mobywatel--qrcode__help-button {
  width: 100%;
  font-weight: var(--ds-font-weight--medium);
  text-align: left;
}
idh-m-obywatel .idh-mobywatel--qrcode__help-button idh-icon {
  margin-right: var(--ds-space-8);
}
idh-m-obywatel .idh-mobywatel--qrcode .timer {
  margin-top: var(--ds-space-8);
  color: var(--ds-color-black);
}
.qr-help-modal .modal-dialog {
  max-width: 720px;
  width: calc(100% - var(--ds-space-24));
  margin: 1rem auto;
}
.qr-help__body {
  margin-top: var(--ds-space-24);
}
.qr-help__footer {
  padding-top: 0;
}
.qr-help__steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-4);
  --ds-ul-display: flex;
  --ds-ul-flex-direction: column;
  --ds-ul-gap: var(--ds-space-12);
  --ds-ul-padding-left: -0.5rem;
  --ds-ul-font-weight: var(--ds-font-weight--regular);
  --ds-ul-list-style: none;
  color: var(--ds-color-black);
}
.qr-help__steps.list-unstyled {
  --ds-ul-margin-left: 0;
}
.qr-help__section--first {
  color: var(--ds-color-black);
  background-color: var(--ds-color-blue-bg);
  border-radius: var(--ds-space-12);
  padding: var(--ds-space-12);
  margin-bottom: var(--ds-space-16);
}
.qr-help__section-title {
  font-size: var(--ds-font-size--l);
  margin-bottom: var(--ds-space-16);
}
.qr-help__section h4 {
  color: var(--ds-color-black);
  margin-bottom: var(--ds-space-8);
}
.qr-help__acc-content {
  font-size: var(--ds-font-size--s);
  padding: var(--ds-space-12) 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.qr-help__acc-content ul {
  --ds-ul-gap: 0;
  --ds-ul-margin-left: var(--ds-space-24);
  --ds-ul-font-size: var(--ds-font-size--s);
  --ds-ul-font-weight: var(--ds-font-weight--regular);
}
.qr-help__acc-content ul li {
  --ds-ul-li-marker-color: var(--ds-color-super-dark-gray);
  line-height: var(--idh-line-height-160);
}
.qr-help__acc-trigger.ds-button.expanded {
  --ds-button-label-color: var(--ds-color-super-dark-gray);
}
.qr-help__acc-trigger.ds-button.expanded .acc-num {
  color: var(--ds-color-black);
}
.qr-help__acc-trigger.ds-button {
  --ds-button-end-icon-size: var(--ds-space-24);
  font-weight: var(--idh-font-weight-450);
  justify-content: space-between;
  border-bottom: 1px solid var(--ds-color-light-gray);
  border-radius: unset;
}
.qr-help__acc-trigger.ds-button:hover {
  border-bottom: 1px solid var(--ds-color-light-gray);
}
.qr-help__acc-trigger.ds-button ds-icon svg {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(90deg);
}
.list-item {
  display: flex;
  align-items: center;
  gap: var(--ds-space-12);
  margin-bottom: var(--ds-space-12);
}
.list-item__marker {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ds-color-black);
  border-radius: 50%;
  font-size: var(--ds-font-size--xs);
  font-weight: var(--idh-font-weight-450);
  flex-shrink: 0;
}
@media (max-width: 575.98px) {
  .list-item__marker {
    width: 16px !important;
    height: 16px !important;
    font-size: 9px !important;
  }
}
.list-item__content {
  line-height: var(--idh-line-height-160);
  font-size: var(--ds-font-size--s);
}
@media (max-width: 575.98px) {
  .idh-mobywatel__download {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.idh-mobywatel__download .text {
  color: var(--ds-color-black);
  margin-bottom: var(--ds-space-8);
}
@media (max-width: 575.98px) {
  .idh-mobywatel__download .text {
    font-size: var(--ds-font-size--s);
    margin-bottom: 0;
  }
}
.idh-mobywatel__download .buttons {
  display: flex;
  gap: var(--ds-space-12);
}
.qr-help-modal .modal-dialog,
.qr-help-modal .modal-content,
.qr-help-modal .modal-body {
  overflow: hidden;
}
idh-edo-app {
  display: flex;
  flex: 1;
  align-items: center;
}
idh-edo-app idh-panel .idh-panel {
  gap: unset;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575.98px) {
  idh-edo-app .idh-panel.panel-auto-width.panel-wide {
    width: 100%;
  }
}
idh-edo-app .idh-edo {
  margin-right: var(--ds-space-32);
}
@media (max-width: 575.98px) {
  idh-edo-app .idh-edo {
    margin-right: 0;
  }
}
idh-edo-app .idh-edo__header {
  justify-content: flex-start;
  gap: var(--ds-space-12);
  margin-bottom: var(--ds-space-8);
}
@media (max-width: 575.98px) {
  idh-edo-app .idh-edo__header {
    flex-direction: column;
    margin-bottom: var(--ds-space-20);
  }
}
idh-edo-app .idh-edo__header h1 {
  color: var(--ds-color-black);
}
@media (max-width: 575.98px) {
  idh-edo-app .idh-edo__header h1 {
    font-size: var(--ds-space-24);
  }
}
idh-edo-app .idh-edo__subheader {
  padding: 0;
}
idh-edo-app .idh-edo__content {
  display: flex;
  flex-direction: row;
  margin-bottom: var(--ds-space-16);
}
@media (max-width: 575.98px) {
  idh-edo-app .idh-edo__content {
    margin-bottom: var(--ds-space-24);
  }
}
idh-edo-app .idh-edo__content.mobile .content-holder {
  width: 100%;
}
idh-edo-app .idh-edo__content.mobile .content-holder__header {
  font-size: var(--ds-font-size--l);
  margin-bottom: 0;
}
idh-edo-app .idh-edo__content.mobile .content-holder__list {
  --ds-ul-gap: var(--ds-space-12);
  --ds-ul-font-size: var(--ds-font-size--xs);
  background: #ECFAFF;
  padding: 16px;
  border-radius: 12px;
  text-align: left;
  align-items: flex-start;
}
idh-edo-app .idh-edo__content.mobile .list-item {
  margin-bottom: 0;
}
idh-edo-app .idh-edo__content .content-holder__header {
  color: var(--ds-color-black);
  font-size: var(--idh-font-size-21);
  line-height: var(--idh-line-height-130);
  font-weight: var(--idh-font-weight-450);
  margin-bottom: var(--ds-space-12);
}
idh-edo-app .idh-edo__content .content-holder__list {
  --ds-ul-display: flex;
  --ds-ul-flex-direction: column;
  --ds-ul-gap: var(--ds-space-12);
  --ds-ul-padding-left: 0.5rem;
  --ds-ul-font-weight: var(--ds-font-weight--regular);
  --ds-ul-list-style: none;
  color: var(--ds-color-black);
  margin-bottom: 0;
}
idh-edo-app .idh-edo__content .content-holder__list.list-unstyled {
  --ds-ul-margin-left: 0;
}
idh-edo-app .idh-edo__content .content-holder .list-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
idh-edo-app .idh-edo__content .content-holder .list-item__marker {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ds-color-black);
  border-radius: 50%;
  font-size: var(--ds-font-size--xs);
  font-weight: var(--idh-font-weight-450);
}
idh-edo-app .idh-edo__content .content-holder .list-item__content {
  line-height: 160%;
  font-size: var(--ds-font-size--s);
}
idh-edo-app .idh-edo--qrcode {
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--ds-space-16);
  border-radius: var(--ds-radius-l);
  background:
    linear-gradient(
      315deg,
      var(--idh-qr-holder-background-light) 25%,
      var(--idh-qr-holder-background-dark) 100%);
  text-align: center;
}
idh-edo-app .idh-edo--qrcode .qrcode-holder {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
idh-edo-app .idh-edo--qrcode .qrcode-holder .qrcode-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
idh-edo-app .idh-edo--qrcode .qrcode-holder .qrcode-img img {
  border-radius: 20px;
  border: 3px solid var(--idh-qr-holder-border);
  box-shadow: var(--idh-qr-holder-border-shadow);
}
idh-edo-app .idh-edo--qrcode .qrcode-holder .qrcode-img img.inactive {
  opacity: 0.05;
}
idh-edo-app .idh-edo--qrcode .qrcode-holder .qrcode-img .refresh-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
idh-edo-app .idh-edo--qrcode .qrcode-holder .qrcode-img .refresh-button .idh-icon svg {
  width: var(--ds-space-64);
  height: var(--ds-space-64);
}
idh-edo-app .idh-edo--qrcode .qrcode-holder .code-value {
  font-weight: 500;
  font-size: var(--ds-space-24);
  letter-spacing: 40%;
  line-height: var(--idh-line-height-120);
  margin-top: var(--ds-space-8);
}
idh-edo-app .idh-edo--qrcode .qrcode-help {
  margin-bottom: var(--ds-space-16);
}
idh-edo-app .idh-edo--qrcode__help-button {
  width: 100%;
  text-align: left;
}
idh-edo-app .idh-edo--qrcode__help-button idh-icon {
  margin-right: var(--ds-space-8);
}
idh-edo-app .idh-edo--qrcode .timer {
  margin-top: var(--ds-space-8);
  color: var(--ds-color-super-dark-gray);
}
idh-edo-app .idh-edo .idh-alert {
  margin-top: 0;
  margin-bottom: var(--ds-space-16);
}
@media (max-width: 575.98px) {
  idh-edo-app .idh-edo .idh-alert {
    margin-bottom: var(--ds-space-24);
  }
}
idh-edo-app .idh-edo__buttons-container {
  padding-top: var(--ds-space-12);
}
@media (max-width: 575.98px) {
  idh-edo-app .idh-edo__buttons-container {
    padding-top: var(--ds-space-24);
  }
}
.list-item {
  display: flex;
  align-items: center;
  gap: var(--ds-space-12);
  margin-bottom: 0;
}
.list-item__marker {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ds-color-black);
  border-radius: 50%;
  font-size: var(--ds-font-size--xs);
  font-weight: var(--idh-font-weight-450);
  flex-shrink: 0;
}
@media (max-width: 575.98px) {
  .list-item__marker {
    width: 16px !important;
    height: 16px !important;
    font-size: 9px !important;
  }
}
.list-item__content {
  line-height: var(--idh-line-height-160);
  font-size: var(--ds-font-size--s);
}
@media (max-width: 575.98px) {
  .idh-edo__download {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.idh-edo__download .text {
  color: var(--ds-color-black);
  margin-bottom: var(--ds-space-8);
}
@media (max-width: 575.98px) {
  .idh-edo__download .text {
    font-size: var(--ds-font-size--s);
    margin-bottom: 0;
  }
}
.idh-edo__download .buttons {
  display: flex;
  gap: var(--ds-space-12);
}

/* node_modules/@assecods/design-system/dist/design-system.min.css */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/31476620b88eec076438.woff2") format("woff2"), url("./media/5e3f232f89080810567d.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/86d5c52f4588f9f221d7.woff2") format("woff2"), url("./media/d67ac585bb6a05dbf71c.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/2d5875b032a1cca91eb2.woff2") format("woff2"), url("./media/a0baf7d6726d8f751a27.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/98a717d5a38e77c0f657.woff2") format("woff2"), url("./media/ecd8572d631f20ff5bd5.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/b60d9fba1e21da7497e6.woff2") format("woff2"), url("./media/3d3a272e5233c5fb1969.woff") format("woff");
  unicode-range:
    U+0302-0303,
    U+0305,
    U+0307-0308,
    U+0310,
    U+0312,
    U+0315,
    U+031A,
    U+0326-0327,
    U+032C,
    U+032F-0330,
    U+0332-0333,
    U+0338,
    U+033A,
    U+0346,
    U+034D,
    U+0391-03A1,
    U+03A3-03A9,
    U+03B1-03C9,
    U+03D1,
    U+03D5-03D6,
    U+03F0-03F1,
    U+03F4-03F5,
    U+2016-2017,
    U+2034-2038,
    U+203C,
    U+2040,
    U+2043,
    U+2047,
    U+2050,
    U+2057,
    U+205F,
    U+2070-2071,
    U+2074-208E,
    U+2090-209C,
    U+20D0-20DC,
    U+20E1,
    U+20E5-20EF,
    U+2100-2112,
    U+2114-2115,
    U+2117-2121,
    U+2123-214F,
    U+2190,
    U+2192,
    U+2194-21AE,
    U+21B0-21E5,
    U+21F1-21F2,
    U+21F4-2211,
    U+2213-2214,
    U+2216-22FF,
    U+2308-230B,
    U+2310,
    U+2319,
    U+231C-2321,
    U+2336-237A,
    U+237C,
    U+2395,
    U+239B-23B7,
    U+23D0,
    U+23DC-23E1,
    U+2474-2475,
    U+25AF,
    U+25B3,
    U+25B7,
    U+25BD,
    U+25C1,
    U+25CA,
    U+25CC,
    U+25FB,
    U+266D-266F,
    U+27C0-27FF,
    U+2900-2AFF,
    U+2B0E-2B11,
    U+2B30-2B4C,
    U+2BFE,
    U+3030,
    U+FF5B,
    U+FF5D,
    U+1D400-1D7FF,
    U+1EE00-1EEFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/bb5b5d1459beb07bd3d5.woff2") format("woff2"), url("./media/f4f7e3bd8264f1a640cb.woff") format("woff");
  unicode-range:
    U+0001-000C,
    U+000E-001F,
    U+007F-009F,
    U+20DD-20E0,
    U+20E2-20E4,
    U+2150-218F,
    U+2190,
    U+2192,
    U+2194-2199,
    U+21AF,
    U+21E6-21F0,
    U+21F3,
    U+2218-2219,
    U+2299,
    U+22C4-22C6,
    U+2300-243F,
    U+2440-244A,
    U+2460-24FF,
    U+25A0-27BF,
    U+2800-28FF,
    U+2921-2922,
    U+2981,
    U+29BF,
    U+29EB,
    U+2B00-2BFF,
    U+4DC0-4DFF,
    U+FFF9-FFFB,
    U+10140-1018E,
    U+10190-1019C,
    U+101A0,
    U+101D0-101FD,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+1D2C0-1D2D3,
    U+1D2E0-1D37F,
    U+1F000-1F0FF,
    U+1F100-1F1AD,
    U+1F1E6-1F1FF,
    U+1F30D-1F30F,
    U+1F315,
    U+1F31C,
    U+1F31E,
    U+1F320-1F32C,
    U+1F336,
    U+1F378,
    U+1F37D,
    U+1F382,
    U+1F393-1F39F,
    U+1F3A7-1F3A8,
    U+1F3AC-1F3AF,
    U+1F3C2,
    U+1F3C4-1F3C6,
    U+1F3CA-1F3CE,
    U+1F3D4-1F3E0,
    U+1F3ED,
    U+1F3F1-1F3F3,
    U+1F3F5-1F3F7,
    U+1F408,
    U+1F415,
    U+1F41F,
    U+1F426,
    U+1F43F,
    U+1F441-1F442,
    U+1F444,
    U+1F446-1F449,
    U+1F44C-1F44E,
    U+1F453,
    U+1F46A,
    U+1F47D,
    U+1F4A3,
    U+1F4B0,
    U+1F4B3,
    U+1F4B9,
    U+1F4BB,
    U+1F4BF,
    U+1F4C8-1F4CB,
    U+1F4D6,
    U+1F4DA,
    U+1F4DF,
    U+1F4E3-1F4E6,
    U+1F4EA-1F4ED,
    U+1F4F7,
    U+1F4F9-1F4FB,
    U+1F4FD-1F4FE,
    U+1F503,
    U+1F507-1F50B,
    U+1F50D,
    U+1F512-1F513,
    U+1F53E-1F54A,
    U+1F54F-1F5FA,
    U+1F610,
    U+1F650-1F67F,
    U+1F687,
    U+1F68D,
    U+1F691,
    U+1F694,
    U+1F698,
    U+1F6AD,
    U+1F6B2,
    U+1F6B9-1F6BA,
    U+1F6BC,
    U+1F6C6-1F6CF,
    U+1F6D3-1F6D7,
    U+1F6E0-1F6EA,
    U+1F6F0-1F6F3,
    U+1F6F7-1F6FC,
    U+1F700-1F7FF,
    U+1F800-1F80B,
    U+1F810-1F847,
    U+1F850-1F859,
    U+1F860-1F887,
    U+1F890-1F8AD,
    U+1F8B0-1F8BB,
    U+1F8C0-1F8C1,
    U+1F900-1F90B,
    U+1F93B,
    U+1F946,
    U+1F984,
    U+1F996,
    U+1F9E9,
    U+1FA00-1FA6F,
    U+1FA70-1FA7C,
    U+1FA80-1FA89,
    U+1FA8F-1FAC6,
    U+1FACE-1FADC,
    U+1FADF-1FAE9,
    U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/b1b8baa94fbcaa57d098.woff2") format("woff2"), url("./media/1cffe58e71a9109191a2.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/0f86a30ca7e981fcfc99.woff2") format("woff2"), url("./media/2bfbba2d51a85c8702dd.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/df1be0be92f6f19b8115.woff2") format("woff2"), url("./media/50a0a61e29c19a2f05cb.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "Geomanist";
  font-style: normal;
  font-weight: 300;
  src:
    url("./media/fd6008d1de9aaedf4648.woff2") format("woff2"),
    url("./media/78e1539e72afa67d0265.ttf") format("truetype"),
    url("./media/Geomanist-Light.a0b5b288ac4699e36111.otf") format("opentype");
}
@font-face {
  font-family: "Geomanist";
  font-style: normal;
  font-weight: normal;
  src:
    url("./media/1d715241c8977002ffba.woff2") format("woff2"),
    url("./media/067ea4c975f13707a544.ttf") format("truetype"),
    url("./media/Geomanist-Regular.bec173d8aa425ed4fbff.otf") format("opentype");
}
@font-face {
  font-family: "Geomanist";
  font-style: normal;
  font-weight: 500;
  src:
    url("./media/af1382827001741e3f39.woff2") format("woff2"),
    url("./media/1946873f5596ebec197a.ttf") format("truetype"),
    url("./media/Geomanist-Book.7354947267c2a8804d5c.otf") format("opentype");
}
@font-face {
  font-family: "Geomanist";
  font-style: normal;
  font-weight: 700;
  src:
    url("./media/6c408ade41d2b4151bf6.woff2") format("woff2"),
    url("./media/d0efa157df2a81c24d26.ttf") format("truetype"),
    url("./media/Geomanist-Medium.f15e6a3eaf151810034e.otf") format("opentype");
}
:root {
  --ds-color-blue: #00a3e0;
  --ds-color-blue-100: #ecfaff;
  --ds-color-blue-200: #e3f6ff;
  --ds-color-blue-300: #b6e8ff;
  --ds-color-blue-600: #80d1ef;
  --ds-color-blue-800: #33b5e6;
  --ds-color-light-blue: #68cdfc;
  --ds-color-dark-blue: #0269c8;
  --ds-color-yellow: #fdc300;
  --ds-color-yellow-600: #fee180;
  --ds-color-yellow-800: #fdcf33;
  --ds-color-yellow-tint-500: #fee09a;
  --ds-color-yellow-tint-800: #fdce52;
  --ds-color-yellow-black-200: #c99b22;
  --ds-color-light-yellow: #fef140;
  --ds-color-orange: #f28700;
  --ds-color-orange-600: #f8c380;
  --ds-color-orange-800: #f59f33;
  --ds-color-orange-tint-500: #fac592;
  --ds-color-orange-tint-800: #f4a04e;
  --ds-color-orange-black-200: #bf6d1c;
  --ds-color-red: #e84f0f;
  --ds-color-red-600: #f3a787;
  --ds-color-red-800: #ed723f;
  --ds-color-red-tint-500: #f4af88;
  --ds-color-red-tint-800: #ec7846;
  --ds-color-red-black-200: #b8421d;
  --ds-color-light-red: #fc361d;
  --ds-color-dark-red: #d02515;
  --ds-color-mint: #5bc199;
  --ds-color-mint-600: #ade0cc;
  --ds-color-mint-800: #7ccdad;
  --ds-color-mint-tint-500: #bddecc;
  --ds-color-mint-tint-800: #8dc8ad;
  --ds-color-mint-black-200: #51957a;
  --ds-color-green: #00a04f;
  --ds-color-green-600: #80cfa7;
  --ds-color-green-800: #33b372;
  --ds-color-green-tint-500: #acd3aa;
  --ds-color-green-tint-800: #6cb875;
  --ds-color-green-black-200: #208544;
  --ds-color-light-green: #3bcb6d;
  --ds-color-violet: #8581bd;
  --ds-color-violet-600: #c2c0de;
  --ds-color-violet-800: #9d9aca;
  --ds-color-violet-tint-500: #c2c0e0;
  --ds-color-violet-tint-800: #9d9bca;
  --ds-color-violet-black-200: #6b6996;
  --ds-color-light-violet: #9998f4;
  --ds-color-dark-violet: #343797;
  --ds-color-black: #231f20;
  --ds-color-super-dark-gray: #4b4446;
  --ds-color-dark-gray: #73696b;
  --ds-color-gray: #a7a5a6;
  --ds-color-medium-gray: #c8c8c8;
  --ds-color-light-gray: #e9e9e9;
  --ds-color-lighter-gray: #f2f2f2;
  --ds-color-super-light-gray: #f4f4f4;
  --ds-color-white: #ffffff;
  --ds-color-blue-bg: #ecfaff;
  --ds-color-green-bg: #e6faee;
  --ds-color-yellow-bg: #fff9e6;
  --ds-color-red-bg: #feeef1;
  --ds-color-status-active: #00c755;
  --ds-color-status-warning: #ffb82f;
  --ds-color-status-error: #ef153a;
  --ds-color-theme-primary: var(--ds-color-black);
  --ds-color-theme-ok: var(--ds-color-green);
  --ds-color-theme-error: var(--ds-color-status-error);
  --ds-color-theme-warning: var(--ds-color-status-warning);
  --ds-color-theme-info: var(--ds-color-light-blue);
  --ds-color-theme-question: var(--ds-color-light-blue);
  --ds-color-theme-offer: var(--ds-color-orange);
  --ds-color-theme-add: var(--ds-color-green-black-200);
  --ds-color-theme-timeout: var(--ds-color-status-error);
  --ds-color-theme-server-feedback: var(--ds-color-super-dark-gray);
  --ds-color-theme-secondary: var(--ds-color-light-blue);
  --ds-color-theme-tertiary: var(--ds-color-dark-blue);
  --ds-color-bg-primary: var(--ds-color-blue-bg);
  --ds-color-bg-tertiary: var(--ds-color-blue-200);
  --ds-color-bg-error: var(--ds-color-red-bg);
  --ds-color-bg-warning: var(--ds-color-yellow-bg);
  --ds-color-bg-server-feedback: var(--ds-color-super-dark-gray);
  --ds-color-bg-disabled: var(--ds-color-super-light-gray);
  --ds-color-text-primary: var(--ds-color-white);
  --ds-color-text-error: var(--ds-color-super-dark-gray);
  --ds-color-text-warning: var(--ds-color-super-dark-gray);
  --ds-color-text-disabled: var(--ds-color-white);
  --ds-color-text-header: var(--ds-color-black);
  --ds-color-icon-primary: var(--ds-color-blue);
  --ds-color-icon-error: var(--ds-color-status-error);
  --ds-color-icon-warning: var(--ds-color-status-warning);
  --ds-color-hover--primary: #000000;
  --ds-color-hover--offer: #FCC50C;
  --ds-color-hover--delete: #EC0028;
  --ds-color-hover--tertiary: #D2F1FF;
  --ds-color-text-overline: #949494;
  --ds-color-text-subline: var(--ds-color-dark-gray);
  --ds-font-primary:
    Geomanist,
    Helvetica,
    Arial,
    sans-serif;
  --ds-font-secondary:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --ds-font-mono:
    Roboto Mono,
    Courier New,
    Courier,
    monospace;
  --ds-font-size--xs: 0.75rem;
  --ds-font-size--s: 0.875rem;
  --ds-font-size--m: 1rem;
  --ds-font-size--l: 1.125rem;
  --ds-font-weight--light: 300;
  --ds-font-weight--regular: 400;
  --ds-font-weight--medium: 500;
  --ds-font-weight--bold: 700;
  --ds-body-color: var(--ds-color-super-dark-gray);
  --ds-body-font-family: var(--ds-font-primary);
  --ds-body-font-size: var(--ds-font-size--m);
  --ds-body-font-weight: var(--ds-font-weight--regular);
  --ds-body-line-height: 160%;
  --ds-space-0: 0;
  --ds-space-4: 0.25rem;
  --ds-space-8: 0.5rem;
  --ds-space-12: 0.75rem;
  --ds-space-16: 1rem;
  --ds-space-20: 1.25rem;
  --ds-space-24: 1.5rem;
  --ds-space-32: 2rem;
  --ds-space-40: 2.5rem;
  --ds-space-48: 3rem;
  --ds-space-56: 3.5rem;
  --ds-space-64: 4rem;
  --ds-space-72: 4.5rem;
  --ds-space-96: 6rem;
  --ds-padding-xxs: 0.25rem;
  --ds-padding-xs: 0.5rem;
  --ds-padding-s: 0.75rem;
  --ds-padding-m: 1rem;
  --ds-padding-l: 1.5rem;
  --ds-box-xs: 20rem;
  --ds-box-s: 25rem;
  --ds-box-m: 35rem;
  --ds-box-l: 40rem;
  --ds-box-xl: 45rem;
  --ds-box-xxl: 50rem;
  --ds-radius-xs: 0.25rem;
  --ds-radius-s: 0.5rem;
  --ds-radius-m: 0.75rem;
  --ds-radius-l: 1.5rem;
  --ds-radius-xl: 2rem;
  --ds-border-s: 0.063rem;
  --ds-border-m: 0.094rem;
  --ds-border-l: 0.113rem;
  --ds-shadow--level-2: 0px 2px 10px -15px rgba(0, 0, 0, 0.05), 0px 10px 40px -20px rgba(0, 0, 0, 0.15);
  --ds-shadow--level-3: 0 20px 100px -40px rgba(0, 0, 0, 0.2), 0 10px 20px -10px rgba(0, 0, 0, 0.05);
  --ds-gradient--success:
    linear-gradient(
      180deg,
      rgba(230, 250, 238, 0.7) 0%,
      rgba(250, 255, 252, 0.7) 93.3%);
  --ds-gradient--error:
    linear-gradient(
      180deg,
      rgba(254, 238, 241, 0.7) 0%,
      rgba(255, 251, 252, 0.7) 90.72%);
  --ds-gradient--warning:
    linear-gradient(
      180deg,
      rgba(255, 243, 205, 0.7) 0%,
      rgba(255, 252, 244, 0.7) 100%);
  --ds-gradient--info:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.7) 29.9%,
      rgba(236, 250, 255, 0.7) 106.7%);
  --ds-gradient--question:
    linear-gradient(
      180deg,
      rgba(224, 247, 255, 0.7) 0%,
      rgba(249, 253, 255, 0.7) 100%);
  --ds-gradient--buy:
    linear-gradient(
      180deg,
      rgba(255, 228, 137, 0.7) 0%,
      rgba(255, 249, 230, 0.7) 100%);
  --ds-gradient--add:
    linear-gradient(
      180deg,
      rgba(156, 255, 198, 0.7) 0%,
      rgba(240, 255, 247, 0.7) 100%);
  --ds-gradient--promobox-blue:
    radial-gradient(
      114.7% 126.55% at 85.61% 84.23%,
      #E9F0F6 0%,
      #A7D3FB 100%);
}
a {
  color: var(--ds-link-color, #0269c8);
  text-decoration: none;
}
a:hover {
  -webkit-text-stroke: .2px var(--ds-link-color, #0269c8);
}
body {
  color: var(--ds-body-color);
  font-family: var(--ds-body-font-family);
  font-size: var(--ds-body-font-size);
  font-weight: var(--ds-body-font-weight);
  line-height: var(--ds-body-line-height);
}
h1,
h2,
h3,
h4,
h5,
h6,
.ds-h1,
.ds-h2,
.ds-h3,
.ds-h4,
.ds-h5,
.ds-h6 {
  color: var(--ds-heading-color, var(--ds-color-super-dark-gray));
}
h1,
.ds-h1 {
  font-weight: var(--ds-h1-font-weight, var(--ds-font-weight--medium));
  font-size: var(--ds-h1-font-size, 2.75rem);
  line-height: var(--ds-h1-line-height, 120%);
  letter-spacing: var(--ds-h1-letter-spacing, -0.006rem);
}
h2,
.ds-h2 {
  font-weight: var(--ds-h2-font-weight, var(--ds-font-weight--medium));
  font-size: var(--ds-h2-font-size, 1.875rem);
  line-height: var(--ds-h2-line-height, 120%);
  letter-spacing: var(--ds-h2-letter-spacing, 0);
}
h3,
.ds-h3 {
  font-weight: var(--ds-h3-font-weight, var(--ds-font-weight--medium));
  font-size: var(--ds-h3-font-size, 1.625rem);
  line-height: var(--ds-h3-line-height, 120%);
  letter-spacing: var(--ds-h3-letter-spacing, 0);
}
h4,
.ds-h4 {
  font-weight: var(--ds-h4-font-weight, var(--ds-font-weight--medium));
  font-size: var(--ds-h4-font-size, 1.313rem);
  line-height: var(--ds-h4-line-height, 130%);
  letter-spacing: var(--ds-h4-letter-spacing, 0);
}
.ds-text {
  font-size: var(--ds-text-font-size, 1rem);
  font-weight: var(--ds-text-font-weight, var(--ds-font-weight--regular));
  letter-spacing: var(--ds-text-letter-spacing, 0);
  line-height: var(--ds-text-line-height, 160%);
}
.ds-text--light {
  --ds-text-font-weight: var(--ds-text-font-weight--light, var(--ds-font-weight--light));
}
.ds-text--medium {
  --ds-text-font-weight: var(--ds-text-font-weight--medium, var(--ds-font-weight--medium));
}
.ds-text--bold {
  --ds-text-font-weight: var(--ds-text-font-weight--bold, var(--ds-font-weight--bold));
}
.ds-text--l {
  font-size: var(--ds-text-abstract-font-size, 1.125rem);
  letter-spacing: var(--ds-text-abstract-letter-spacing, 0);
  line-height: var(--ds-text-abstract-line-height, 180%);
}
.ds-text--s {
  font-size: var(--ds-text-small-font-size, 0.875rem);
  letter-spacing: var(--ds-text-small-letter-spacing, -0.019rem);
  line-height: var(--ds-text-small-line-height, 160%);
}
.ds-text--xs {
  font-size: var(--ds-text-smaller-font-size, 0.75rem);
  letter-spacing: var(--ds-text-smaller-letter-spacing, -0.013rem);
  line-height: var(--ds-text-smaller-line-height, 150%);
}
.ds-text--inline {
  --ds-text-line-height: normal;
}
.ds-text--inline--l {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: normal;
}
strong {
  font-weight: var(--ds-strong-font-weight, bold);
}
small {
  font-size: var(--ds-text-small-font-size, 0.875rem);
  letter-spacing: var(--ds-text-small-letter-spacing, -0.019rem);
  line-height: var(--ds-text-small-line-height, 160%);
}
label,
.ds-text--label {
  font-family: var(--ds-label-font-family, var(--ds-font-secondary));
  font-size: var(--ds-label-font-size, 0.8rem);
  font-weight: var(--ds-label-font-weight, var(--ds-font-weight--regular));
  letter-spacing: var(--ds-label-letter-spacing, 0);
  line-height: var(--ds-label-line-height, 160%);
  text-transform: var(--ds-label-text-transform, uppercase);
}
ul:not(.ds--unstyled):not(.ds-tabs):not(.ds-tiles) {
  display: var(--ds-ul-display, flex);
  flex-direction: var(--ds-ul-flex-direction, column);
  font-size: var(--ds-ul-font-size, var(--ds-font-size--m));
  font-weight: var(--ds-ul-font-weight, var(--ds-font-weight--light));
  gap: var(--ds-ul-gap, 0.375rem);
  list-style: var(--ds-ul-list-style, disc);
  margin-left: var(--ds-ul-margin-left, 2.25rem);
}
ul:not(.ds--unstyled):not(.ds-tabs):not(.ds-tiles) li {
  line-height: var(--ds-ul-li-line-height, 160%);
}
ul:not(.ds--unstyled):not(.ds-tabs):not(.ds-tiles) li::marker {
  color: var(--ds-ul-li-marker-color, var(--ds-color-theme-primary));
}
.ds-mobile {
  --ds-h1-font-size: 1.5rem;
  --ds-h1-font-weight: var(--ds-font-weight--medium);
  --ds-h1-line-height: 130%;
  --ds-h1-letter-spacing: 0;
  --ds-h2-font-size: 1.375rem;
  --ds-h2-font-weight: var(--ds-font-weight--medium);
  --ds-h2-line-height: 130%;
  --ds-h2-letter-spacing: 0;
  --ds-h3-font-size: 1.25rem;
  --ds-h3-font-weight: var(--ds-font-weight--medium);
  --ds-h3-line-height: 120%;
  --ds-h3-letter-spacing: 0;
  --ds-h4-font-size: 1.125rem;
  --ds-h4-font-weight: var(--ds-font-weight--medium);
  --ds-h4-line-height: 130%;
  --ds-h4-letter-spacing: 0;
  --ds-text-font-size: 0.875rem;
  --ds-text-letter-spacing: 0;
  --ds-text-line-height: 100%;
  --ds-text-abstract-font-size: 1rem;
  --ds-text-abstract-letter-spacing: 0;
  --ds-text-abstract-line-height: 140%;
  --ds-text-small-font-size: 0.75rem;
  --ds-text-small-letter-spacing: -0.015rem;
  --ds-text-small-line-height: 100%;
  --ds-text-smaller-font-size: 0.688rem;
  --ds-text-smaller-letter-spacing: 0;
  --ds-text-smaller-line-height: 100%;
}
.ds-m--0 {
  margin: 0;
}
.ds-mt--0 {
  margin-top: 0;
}
.ds-mr--0 {
  margin-right: 0;
}
.ds-mb--0 {
  margin-bottom: 0;
}
.ds-ml--0 {
  margin-left: 0;
}
.ds-mx--0 {
  margin-left: 0;
  margin-right: 0;
}
.ds-my--0 {
  margin-top: 0;
  margin-bottom: 0;
}
.ds-m--4 {
  margin: 0.25rem;
}
.ds-mt--4 {
  margin-top: 0.25rem;
}
.ds-mr--4 {
  margin-right: 0.25rem;
}
.ds-mb--4 {
  margin-bottom: 0.25rem;
}
.ds-ml--4 {
  margin-left: 0.25rem;
}
.ds-mx--4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.ds-my--4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.ds-m--8 {
  margin: 0.5rem;
}
.ds-mt--8 {
  margin-top: 0.5rem;
}
.ds-mr--8 {
  margin-right: 0.5rem;
}
.ds-mb--8 {
  margin-bottom: 0.5rem;
}
.ds-ml--8 {
  margin-left: 0.5rem;
}
.ds-mx--8 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.ds-my--8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.ds-m--12 {
  margin: 0.75rem;
}
.ds-mt--12 {
  margin-top: 0.75rem;
}
.ds-mr--12 {
  margin-right: 0.75rem;
}
.ds-mb--12 {
  margin-bottom: 0.75rem;
}
.ds-ml--12 {
  margin-left: 0.75rem;
}
.ds-mx--12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.ds-my--12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.ds-m--16 {
  margin: 1rem;
}
.ds-mt--16 {
  margin-top: 1rem;
}
.ds-mr--16 {
  margin-right: 1rem;
}
.ds-mb--16 {
  margin-bottom: 1rem;
}
.ds-ml--16 {
  margin-left: 1rem;
}
.ds-mx--16 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.ds-my--16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.ds-m--20 {
  margin: 1.25rem;
}
.ds-mt--20 {
  margin-top: 1.25rem;
}
.ds-mr--20 {
  margin-right: 1.25rem;
}
.ds-mb--20 {
  margin-bottom: 1.25rem;
}
.ds-ml--20 {
  margin-left: 1.25rem;
}
.ds-mx--20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.ds-my--20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.ds-m--24 {
  margin: 1.5rem;
}
.ds-mt--24 {
  margin-top: 1.5rem;
}
.ds-mr--24 {
  margin-right: 1.5rem;
}
.ds-mb--24 {
  margin-bottom: 1.5rem;
}
.ds-ml--24 {
  margin-left: 1.5rem;
}
.ds-mx--24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.ds-my--24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.ds-m--32 {
  margin: 2rem;
}
.ds-mt--32 {
  margin-top: 2rem;
}
.ds-mr--32 {
  margin-right: 2rem;
}
.ds-mb--32 {
  margin-bottom: 2rem;
}
.ds-ml--32 {
  margin-left: 2rem;
}
.ds-mx--32 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.ds-my--32 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.ds-m--40 {
  margin: 2.5rem;
}
.ds-mt--40 {
  margin-top: 2.5rem;
}
.ds-mr--40 {
  margin-right: 2.5rem;
}
.ds-mb--40 {
  margin-bottom: 2.5rem;
}
.ds-ml--40 {
  margin-left: 2.5rem;
}
.ds-mx--40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.ds-my--40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.ds-m--48 {
  margin: 3rem;
}
.ds-mt--48 {
  margin-top: 3rem;
}
.ds-mr--48 {
  margin-right: 3rem;
}
.ds-mb--48 {
  margin-bottom: 3rem;
}
.ds-ml--48 {
  margin-left: 3rem;
}
.ds-mx--48 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.ds-my--48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.ds-m--56 {
  margin: 3.5rem;
}
.ds-mt--56 {
  margin-top: 3.5rem;
}
.ds-mr--56 {
  margin-right: 3.5rem;
}
.ds-mb--56 {
  margin-bottom: 3.5rem;
}
.ds-ml--56 {
  margin-left: 3.5rem;
}
.ds-mx--56 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
.ds-my--56 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.ds-m--64 {
  margin: 4rem;
}
.ds-mt--64 {
  margin-top: 4rem;
}
.ds-mr--64 {
  margin-right: 4rem;
}
.ds-mb--64 {
  margin-bottom: 4rem;
}
.ds-ml--64 {
  margin-left: 4rem;
}
.ds-mx--64 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.ds-my--64 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.ds-m--72 {
  margin: 4.5rem;
}
.ds-mt--72 {
  margin-top: 4.5rem;
}
.ds-mr--72 {
  margin-right: 4.5rem;
}
.ds-mb--72 {
  margin-bottom: 4.5rem;
}
.ds-ml--72 {
  margin-left: 4.5rem;
}
.ds-mx--72 {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
}
.ds-my--72 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}
.ds-m--96 {
  margin: 6rem;
}
.ds-mt--96 {
  margin-top: 6rem;
}
.ds-mr--96 {
  margin-right: 6rem;
}
.ds-mb--96 {
  margin-bottom: 6rem;
}
.ds-ml--96 {
  margin-left: 6rem;
}
.ds-mx--96 {
  margin-left: 6rem;
  margin-right: 6rem;
}
.ds-my--96 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.ds-p--0 {
  padding: 0;
}
.ds-pt--0 {
  padding-top: 0;
}
.ds-pr--0 {
  padding-right: 0;
}
.ds-pb--0 {
  padding-bottom: 0;
}
.ds-pl--0 {
  padding-left: 0;
}
.ds-px--0 {
  padding-left: 0;
  padding-right: 0;
}
.ds-py--0 {
  padding-top: 0;
  padding-bottom: 0;
}
.ds-p--4 {
  padding: 0.25rem;
}
.ds-pt--4 {
  padding-top: 0.25rem;
}
.ds-pr--4 {
  padding-right: 0.25rem;
}
.ds-pb--4 {
  padding-bottom: 0.25rem;
}
.ds-pl--4 {
  padding-left: 0.25rem;
}
.ds-px--4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.ds-py--4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.ds-p--8 {
  padding: 0.5rem;
}
.ds-pt--8 {
  padding-top: 0.5rem;
}
.ds-pr--8 {
  padding-right: 0.5rem;
}
.ds-pb--8 {
  padding-bottom: 0.5rem;
}
.ds-pl--8 {
  padding-left: 0.5rem;
}
.ds-px--8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.ds-py--8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.ds-p--12 {
  padding: 0.75rem;
}
.ds-pt--12 {
  padding-top: 0.75rem;
}
.ds-pr--12 {
  padding-right: 0.75rem;
}
.ds-pb--12 {
  padding-bottom: 0.75rem;
}
.ds-pl--12 {
  padding-left: 0.75rem;
}
.ds-px--12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.ds-py--12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.ds-p--16 {
  padding: 1rem;
}
.ds-pt--16 {
  padding-top: 1rem;
}
.ds-pr--16 {
  padding-right: 1rem;
}
.ds-pb--16 {
  padding-bottom: 1rem;
}
.ds-pl--16 {
  padding-left: 1rem;
}
.ds-px--16 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ds-py--16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ds-p--20 {
  padding: 1.25rem;
}
.ds-pt--20 {
  padding-top: 1.25rem;
}
.ds-pr--20 {
  padding-right: 1.25rem;
}
.ds-pb--20 {
  padding-bottom: 1.25rem;
}
.ds-pl--20 {
  padding-left: 1.25rem;
}
.ds-px--20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.ds-py--20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.ds-p--24 {
  padding: 1.5rem;
}
.ds-pt--24 {
  padding-top: 1.5rem;
}
.ds-pr--24 {
  padding-right: 1.5rem;
}
.ds-pb--24 {
  padding-bottom: 1.5rem;
}
.ds-pl--24 {
  padding-left: 1.5rem;
}
.ds-px--24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.ds-py--24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.ds-p--32 {
  padding: 2rem;
}
.ds-pt--32 {
  padding-top: 2rem;
}
.ds-pr--32 {
  padding-right: 2rem;
}
.ds-pb--32 {
  padding-bottom: 2rem;
}
.ds-pl--32 {
  padding-left: 2rem;
}
.ds-px--32 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.ds-py--32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.ds-p--40 {
  padding: 2.5rem;
}
.ds-pt--40 {
  padding-top: 2.5rem;
}
.ds-pr--40 {
  padding-right: 2.5rem;
}
.ds-pb--40 {
  padding-bottom: 2.5rem;
}
.ds-pl--40 {
  padding-left: 2.5rem;
}
.ds-px--40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.ds-py--40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.ds-p--48 {
  padding: 3rem;
}
.ds-pt--48 {
  padding-top: 3rem;
}
.ds-pr--48 {
  padding-right: 3rem;
}
.ds-pb--48 {
  padding-bottom: 3rem;
}
.ds-pl--48 {
  padding-left: 3rem;
}
.ds-px--48 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.ds-py--48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.ds-p--56 {
  padding: 3.5rem;
}
.ds-pt--56 {
  padding-top: 3.5rem;
}
.ds-pr--56 {
  padding-right: 3.5rem;
}
.ds-pb--56 {
  padding-bottom: 3.5rem;
}
.ds-pl--56 {
  padding-left: 3.5rem;
}
.ds-px--56 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.ds-py--56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.ds-p--64 {
  padding: 4rem;
}
.ds-pt--64 {
  padding-top: 4rem;
}
.ds-pr--64 {
  padding-right: 4rem;
}
.ds-pb--64 {
  padding-bottom: 4rem;
}
.ds-pl--64 {
  padding-left: 4rem;
}
.ds-px--64 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.ds-py--64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.ds-p--72 {
  padding: 4.5rem;
}
.ds-pt--72 {
  padding-top: 4.5rem;
}
.ds-pr--72 {
  padding-right: 4.5rem;
}
.ds-pb--72 {
  padding-bottom: 4.5rem;
}
.ds-pl--72 {
  padding-left: 4.5rem;
}
.ds-px--72 {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}
.ds-py--72 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
.ds-p--96 {
  padding: 6rem;
}
.ds-pt--96 {
  padding-top: 6rem;
}
.ds-pr--96 {
  padding-right: 6rem;
}
.ds-pb--96 {
  padding-bottom: 6rem;
}
.ds-pl--96 {
  padding-left: 6rem;
}
.ds-px--96 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.ds-py--96 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.ds-p--xxs {
  padding: 0.25rem;
}
.ds-pt--xxs {
  padding-top: 0.25rem;
}
.ds-pr--xxs {
  padding-right: 0.25rem;
}
.ds-pb--xxs {
  padding-bottom: 0.25rem;
}
.ds-pl--xxs {
  padding-left: 0.25rem;
}
.ds-px--xxs {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.ds-py--xxs {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.ds-p--xs {
  padding: 0.5rem;
}
.ds-pt--xs {
  padding-top: 0.5rem;
}
.ds-pr--xs {
  padding-right: 0.5rem;
}
.ds-pb--xs {
  padding-bottom: 0.5rem;
}
.ds-pl--xs {
  padding-left: 0.5rem;
}
.ds-px--xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.ds-py--xs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.ds-p--s {
  padding: 0.75rem;
}
.ds-pt--s {
  padding-top: 0.75rem;
}
.ds-pr--s {
  padding-right: 0.75rem;
}
.ds-pb--s {
  padding-bottom: 0.75rem;
}
.ds-pl--s {
  padding-left: 0.75rem;
}
.ds-px--s {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.ds-py--s {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.ds-p--m {
  padding: 1rem;
}
.ds-pt--m {
  padding-top: 1rem;
}
.ds-pr--m {
  padding-right: 1rem;
}
.ds-pb--m {
  padding-bottom: 1rem;
}
.ds-pl--m {
  padding-left: 1rem;
}
.ds-px--m {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ds-py--m {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ds-p--l {
  padding: 1.5rem;
}
.ds-pt--l {
  padding-top: 1.5rem;
}
.ds-pr--l {
  padding-right: 1.5rem;
}
.ds-pb--l {
  padding-bottom: 1.5rem;
}
.ds-pl--l {
  padding-left: 1.5rem;
}
.ds-px--l {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.ds-py--l {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.ds-box--xs {
  width: 20rem;
}
.ds-box--s {
  width: 25rem;
}
.ds-box--m {
  width: 35rem;
}
.ds-box--l {
  width: 40rem;
}
.ds-box--xl {
  width: 45rem;
}
.ds-box--xxl {
  width: 50rem;
}
.ds-radius--xs {
  border-radius: 0.25rem;
}
.ds-radius--s {
  border-radius: 0.5rem;
}
.ds-radius--m {
  border-radius: 0.75rem;
}
.ds-radius--l {
  border-radius: 1.5rem;
}
.ds-radius--xl {
  border-radius: 2rem;
}
.ds-border--s {
  border-width: 0.063rem;
  border-style: solid;
}
.ds-border--m {
  border-width: 0.094rem;
  border-style: solid;
}
.ds-border--l {
  border-width: 0.113rem;
  border-style: solid;
}
.ds-shadow--level-2 {
  box-shadow: 0px 2px 10px -15px rgba(0, 0, 0, 0.05), 0px 10px 40px -20px rgba(0, 0, 0, 0.15);
}
.ds-shadow--level-3 {
  box-shadow: 0 20px 100px -40px rgba(0, 0, 0, 0.2), 0 10px 20px -10px rgba(0, 0, 0, 0.05);
}
.ds-gradient--success {
  background:
    linear-gradient(
      180deg,
      rgba(230, 250, 238, 0.7) 0%,
      rgba(250, 255, 252, 0.7) 93.3%);
}
.ds-gradient--error {
  background:
    linear-gradient(
      180deg,
      rgba(254, 238, 241, 0.7) 0%,
      rgba(255, 251, 252, 0.7) 90.72%);
}
.ds-gradient--warning {
  background:
    linear-gradient(
      180deg,
      rgba(255, 243, 205, 0.7) 0%,
      rgba(255, 252, 244, 0.7) 100%);
}
.ds-gradient--info {
  background:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.7) 29.9%,
      rgba(236, 250, 255, 0.7) 106.7%);
}
.ds-gradient--question {
  background:
    linear-gradient(
      180deg,
      rgba(224, 247, 255, 0.7) 0%,
      rgba(249, 253, 255, 0.7) 100%);
}
.ds-gradient--buy {
  background:
    linear-gradient(
      180deg,
      rgba(255, 228, 137, 0.7) 0%,
      rgba(255, 249, 230, 0.7) 100%);
}
.ds-gradient--add {
  background:
    linear-gradient(
      180deg,
      rgba(156, 255, 198, 0.7) 0%,
      rgba(240, 255, 247, 0.7) 100%);
}
.ds-gradient--promobox-blue {
  background:
    radial-gradient(
      114.7% 126.55% at 85.61% 84.23%,
      #E9F0F6 0%,
      #A7D3FB 100%);
}
.ds-alert {
  align-items: flex-start;
  color: var(--ds-alert-color, inherit);
  background: var(--ds-alert-bg, transparent);
  border-radius: var(--ds-alert-border-radius, var(--ds-radius-m));
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-alert-gap, 0.75rem);
  padding: var(--ds-alert-padding, var(--ds-padding-m));
  position: relative;
  --webkit-backdrop-filter: blur(0.25rem);
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
  box-shadow: var(--ds-alert-shadow, unset);
  font-size: var(--ds-alert-font-size, 0.875rem);
  line-height: var(--ds-alert-line-height, 160%);
}
.ds-alert::before {
  content: "";
  inset: 0;
  position: absolute;
  padding: .094rem;
  border-radius: inherit;
  background: var(--ds-alert-border-gradient, transparent);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  --webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  --webkit-mask-composite: xor;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.ds-alert__icon {
  display: block;
  flex-shrink: 0;
  line-height: 0;
  height: var(--ds-alert-icon-size, 1.5rem);
  width: var(--ds-alert-icon-size, 1.5rem);
}
.ds-alert__icon > svg {
  width: 100%;
  height: 100%;
}
.ds-alert__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--ds-alert-content-gap, 0.625rem);
  flex: 1;
}
.ds-alert__header {
  font-size: var(--ds-alert-header-font-size, 1rem);
  line-height: var(--ds-alert-header-line-height, 100%);
  font-weight: 500;
  margin-top: -0.125rem;
}
.ds-alert__close-button {
  display: block;
  position: absolute;
  top: var(--ds-alert-close-button-top, 0.375rem);
  right: var(--ds-alert-close-button-right, 0.375rem);
}
.ds-alert__close-button > svg {
  width: 100% !important;
  height: 100% !important;
}
.ds-alert--ok {
  --ds-alert-bg: var(--ds-alert-bg--ok, var(--ds-gradient--success));
  --ds-alert-shadow: var(--ds-alert-shadow--ok, -2px -7px 7px 0 #EBF5EE inset, 0 4px 15px 0 rgba(29, 29, 29, 0.09));
  --ds-alert-color: var(--ds-alert-color--ok, var(--ds-color-black));
  --ds-alert-border-gradient: var(--ds-alert-border-gradient--ok, linear-gradient(180deg, #FFFFFF 0%, #D2E9C3 30.77%, #B8DDA1 68.27%, rgba(163, 211, 133, 0.58) 100%));
}
.ds-alert--error {
  --ds-alert-bg: var(--ds-alert-bg--error, var(--ds-gradient--error));
  --ds-alert-shadow: var(--ds-alert-shadow--error, 0 4px 15px 0 rgba(255, 0, 0, 0.09), -3px -6px 4px 0 #FFE9E9 inset);
  --ds-alert-color: var(--ds-alert-color--error, var(--ds-color-black));
  --ds-alert-border-gradient: var(--ds-alert-border-gradient--error, linear-gradient(180deg, #FFFFFF 0%, #FFCECF 100%));
}
.ds-alert--warning {
  --ds-alert-bg: var(--ds-alert-bg--warning, var(--ds-gradient--warning));
  --ds-alert-shadow: var(--ds-alert-shadow--warning, 0 4px 15px 0 rgba(227, 126, 31, 0.2), -3px -6px 4px 0 #FFF3C8 inset);
  --ds-alert-color: var(--ds-alert-color--warning, var(--ds-color-black));
  --ds-alert-border-gradient: var(--ds-alert-border-gradient--warning, linear-gradient(0deg, #FEE180 0%, #FFFFFF 100%));
}
.ds-alert--info {
  --ds-alert-bg: var(--ds-alert-bg--info, var(--ds-gradient--info));
  --ds-alert-shadow: var(--ds-alert-shadow--info, 0 4px 15px 0 rgba(75, 68, 70, 0.11), -3px -6px 4px 0 rgba(128, 209, 239, 0.3) inset);
  --ds-alert-color: var(--ds-alert-color--info, var(--ds-color-black));
  --ds-alert-border-gradient: var(--ds-alert-border-gradient--info, linear-gradient(180deg, #FFFFFF 11.88%, #B6E8FF 100%));
}
.ds-alert--question {
  --ds-alert-bg: var(--ds-alert-bg--question, var(--ds-gradient--question));
  --ds-alert-shadow: var(--ds-alert-shadow--question, 0 4px 15px 0 rgba(154, 211, 233, 0.3), -2px -2px 4px 0 #B6E8FF inset);
  --ds-alert-color: var(--ds-alert-color--question, var(--ds-color-black));
  --ds-alert-border-gradient: var(--ds-alert-border-gradient--question, linear-gradient(0deg, #00A3E0 5.45%, #FFFFFF 86.14%));
}
.ds-alert--offer {
  --ds-alert-bg: var(--ds-alert-bg--offer, var(--ds-gradient--buy));
  --ds-alert-shadow: var(--ds-alert-shadow--offer, 0 4px 15px 0 rgba(227, 126, 31, 0.22), -2px -2px 4px 0 #FEE180 inset);
  --ds-alert-color: var(--ds-alert-color--offer, var(--ds-color-black));
  --ds-alert-border-gradient: var(--ds-alert-border-gradient--offer, linear-gradient(0deg, #F28700 0%, #FFFFFF 83.66%));
}
.ds-alert--add {
  --ds-alert-bg: var(--ds-alert-bg--add, var(--ds-gradient--add));
  --ds-alert-shadow: var(--ds-alert-shadow--add, 0 4px 14px 0 rgba(0, 160, 79, 0.2), -2px -2px 4px 0 #ACD3AA inset);
  --ds-alert-color: var(--ds-alert-color--add, var(--ds-color-black));
  --ds-alert-border-gradient: var(--ds-alert-border-gradient--add, linear-gradient(0deg, #00A04F 0%, #FFFFFF 84.65%));
}
.ds-alert--timeout {
  --ds-alert-bg: var(--ds-alert-bg--timeout, var(--ds-gradient--error));
  --ds-alert-shadow: var(--ds-alert-shadow--timeout, -3px -6px 4px 0 #FFE9E9 inset, 0 4px 15px 0 rgba(255, 0, 0, 0.09));
  --ds-alert-color: var(--ds-alert-color--timeout, var(--ds-color-black));
  --ds-alert-border-gradient: var(--ds-alert-border-gradient--timeout, linear-gradient(180deg, #FFFFFF 14.36%, #FFCECF 89.6%));
}
.ds-alert--server-feedback {
  --ds-alert-bg: var(--ds-alert-bg--server-feedback, var(--ds-color-super-dark-gray));
  --ds-alert-shadow: var(--ds-alert-shadow--server-feedback, unset);
  --ds-alert-color: var(--ds-alert-color--server-feedback, var(--ds-color-white));
  --ds-alert-border-gradient: var(--ds-alert-border-gradient--server-feedback, transparent);
}
.ds-alert--l {
  --ds-alert-padding: var(--ds-alert-padding--l, var(--ds-padding-l));
  --ds-alert-border-radius: var(--ds-alert-border-radius--l, var(--ds-radius-l));
  --ds-alert-icon-size: var(--ds-alert-icon-size--l, 1.5rem);
  --ds-alert-header-font-size: var(--ds-alert-header-font-size--l, 1.313rem);
  --ds-alert-header-line-height: var(--ds-alert-header-line-height--l, 110%);
  --ds-alert-font-size: var(--ds-alert-font-size--l, 1rem);
  --ds-alert-line-height: var(--ds-alert-line-height--l, 160%);
  --ds-alert-content-gap: var(--ds-alert-content-gap--l, 0.25rem);
  --ds-alert-gap: 1rem;
  --ds-alert-close-button-top: var(--ds-alert-close-button-top--l, 0.75rem);
  --ds-alert-close-button-right: var(--ds-alert-close-button-right--l, 1rem);
}
.ds-alert--l--ok {
  --ds-alert-shadow--ok: var(--ds-alert-shadow--ok--l, 0 4px 15px 0 rgba(29, 29, 29, 0.09), -2px -7px 7px 0 #EBF5EE inset);
}
.ds-alert--l--error {
  --ds-alert-shadow--error: var(--ds-alert-shadow--error--l, -2px -7px 4px 0 #FFE9E9 inset, 0 4px 15px 0 rgba(255, 0, 0, 0.09));
}
.ds-alert--l--warning {
  --ds-alert-shadow--warning: var(--ds-alert-shadow--warning--l, -2px -7px 4px 0 #FFF3C8 inset, 0 4px 15px 0 rgba(227, 126, 31, 0.2));
}
.ds-alert--l--info {
  --ds-alert-shadow--info: var(--ds-alert-shadow--info--l, -2px -7px 4px 0 rgba(128, 209, 239, 0.2) inset, 0 4px 15px 0 rgba(75, 68, 70, 0.11));
}
.ds-alert--l--question {
  --ds-alert-shadow--question: var(--ds-alert-shadow--question--l, -2px -7px 4px 0 rgba(182, 232, 255, 0.5) inset, 0 4px 15px 0 rgba(154, 211, 233, 0.3));
}
.ds-alert--l--offer {
  --ds-alert-shadow--offer: var(--ds-alert-shadow--offer--l, -2px -2px 4px 0 #FEE180 inset, 0 4px 15px 0 rgba(227, 126, 31, 0.22));
}
.ds-alert--l--add {
  --ds-alert-shadow--add: var(--ds-alert-shadow--add--l, -2px -2px 4px 0 #ACD3AA inset, 0 4px 14px 0 rgba(0, 160, 79, 0.2));
}
.ds-alert--l--timeout {
  --ds-alert-shadow--timeout: var(--ds-alert-shadow--timeout--l, 0 4px 15px 0 rgba(255, 0, 0, 0.09), -3px -6px 4px 0 #FFE9E9 inset);
}
.ds-alert--l--server-feedback {
  --ds-alert-shadow--server-feedback: var(--ds-alert-shadow--server-feedback--l, unset);
}
.ds-alert--s {
  --ds-alert-padding: var(--ds-alert-padding--s, var(--ds-padding-s) var(--ds-padding-m));
  --ds-alert-border-radius: var(--ds-alert-border-radius--s, var(--ds-radius-s));
  --ds-alert-icon-size: var(--ds-alert-icon-size--s, 0.75rem);
  --ds-alert-header-font-size: var(--ds-alert-header-font-size--s, 1rem);
  --ds-alert-header-line-height: var(--ds-alert-header-line-height--s, 100%);
  --ds-alert-font-size: var(--ds-alert-font-size--s, 0.75rem);
  --ds-alert-line-height: var(--ds-alert-line-height--s, 150%);
  --ds-alert-content-gap: var(--ds-alert-content-gap--s, 0.5rem);
  --ds-alert-gap: 0.5rem;
  --ds-alert-close-button-top: var(--ds-alert-close-button-top--s, 0.375rem);
  --ds-alert-close-button-right: var(--ds-alert-close-button-right--s, 0.375rem);
  font-size: var(--ds-text-smaller-font-size, 0.75rem);
  letter-spacing: var(--ds-text-smaller-letter-spacing, -0.013rem);
  line-height: var(--ds-text-smaller-line-height, 150%);
}
.ds-alert--s--ok {
  --ds-alert-shadow: var(--ds-alert-shadow--ok--s, -2px -7px 7px 0 #EBF5EE inset, 0 4px 15px 0 rgba(29, 29, 29, 0.09));
}
.ds-alert--s--error {
  --ds-alert-shadow: var(--ds-alert-shadow--error--s, 0 4px 15px 0 rgba(255, 0, 0, 0.09), -3px -6px 4px 0 #FFE9E9 inset);
}
.ds-alert--s--warning {
  --ds-alert-shadow: var(--ds-alert-shadow--warning--s, 0 4px 15px 0 rgba(227, 126, 31, 0.2), -3px -6px 4px 0 #FFF3C8 inset);
}
.ds-alert--s--info {
  --ds-alert-shadow: var(--ds-alert-shadow--info--s, 0 4px 15px 0 rgba(75, 68, 70, 0.11), -3px -6px 4px 0 rgba(128, 209, 239, 0.2) inset);
}
.ds-alert--s--question {
  --ds-alert-shadow: var(--ds-alert-shadow--question--s, 0 4px 15px 0 rgba(154, 211, 233, 0.3), -2px -2px 4px 0 #B6E8FF inset);
}
.ds-alert--s--offer {
  --ds-alert-shadow: var(--ds-alert-shadow--offer--s, 0 4px 15px 0 rgba(227, 126, 31, 0.22), -2px -2px 4px 0 #FEE180 inset);
}
.ds-alert--s--add {
  --ds-alert-shadow: var(--ds-alert-shadow--add--s, 0 4px 14px 0 rgba(0, 160, 79, 0.2), -2px -2px 4px 0 #ACD3AA inset);
}
.ds-alert--s--timeout {
  --ds-alert-shadow: var(--ds-alert-shadow--timeout--s, -3px -6px 4px 0 #FFE9E9 inset, 0 4px 15px 0 rgba(255, 0, 0, 0.09));
}
.ds-alert--s--server-feedback {
  --ds-alert-shadow: var(--ds-alert-shadow--server-feedback--s, unset);
}
.ds-alert--server-feedback {
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
}
.ds-alert--form {
  box-shadow: unset;
}
.ds-badge {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  gap: .5rem;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--ds-badge-color, inherit);
  background-color: var(--ds-badge-bg, transparent);
  border: 1px solid var(--ds-badge-border-color, transparent);
  border-radius: var(--ds-badge-border-radius, var(--ds-radius-xs));
  font-family: var(--ds-badge-font-family, var(--ds-font-primary));
  padding: var(--ds-badge-padding, 0.5625rem 0.5rem 0.4375rem);
  line-height: var(--ds-badge-line-height, 130%);
  font-size: var(--ds-badge-font-size, 0.75rem);
  font-weight: 500;
}
.ds-badge--primary {
  --ds-badge-bg: var(--ds-badge-bg--primary, var(--ds-color-blue));
  --ds-badge-border-color: var(--ds-badge-border-color--primary, var(--ds-color-blue));
  --ds-badge-color: var(--ds-badge-color--primary, var(--ds-color-white));
  --ds-badge-icon-color: var(--ds-badge-icon-color--primary, var(--ds-color-white));
}
.ds-badge--counter {
  --ds-badge-bg: var(--ds-badge-bg--counter, var(--ds-color-status-error));
  --ds-badge-border-color: var(--ds-badge-border-color--counter, var(--ds-color-status-error));
  --ds-badge-color: var(--ds-badge-color--counter, var(--ds-color-white));
  --ds-badge-icon-color: var(--ds-badge-icon-color--counter, var(--ds-color-white));
}
.ds-badge--offer {
  --ds-badge-bg: var(--ds-badge-bg--offer, var(--ds-color-yellow));
  --ds-badge-border-color: var(--ds-badge-border-color--offer, var(--ds-color-yellow));
  --ds-badge-color: var(--ds-badge-color--offer, var(--ds-color-super-dark-gray));
  --ds-badge-icon-color: var(--ds-badge-icon-color--offer, var(--ds-color-super-dark-gray));
}
.ds-badge--bestseller {
  --ds-badge-bg: var(--ds-badge-bg--bestseller, var(--ds-color-red));
  --ds-badge-border-color: var(--ds-badge-border-color--bestseller, var(--ds-color-red));
  --ds-badge-color: var(--ds-badge-color--bestseller, var(--ds-color-white));
  --ds-badge-icon-color: var(--ds-badge-icon-color--bestseller, var(--ds-color-white));
}
.ds-badge--success {
  --ds-badge-bg: var(--ds-badge-bg--success, var(--ds-color-green-bg));
  --ds-badge-border-color: var(--ds-badge-border-color--success, var(--ds-color-green-bg));
  --ds-badge-color: var(--ds-badge-color--success, var(--ds-color-status-active));
  --ds-badge-icon-color: var(--ds-badge-icon-color--success, var(--ds-color-green));
}
.ds-badge--error {
  --ds-badge-bg: var(--ds-badge-bg--error, var(--ds-color-red-bg));
  --ds-badge-border-color: var(--ds-badge-border-color--error, var(--ds-color-red-bg));
  --ds-badge-color: var(--ds-badge-color--error, var(--ds-color-status-error));
  --ds-badge-icon-color: var(--ds-badge-icon-color--error, var(--ds-color-status-error));
}
.ds-badge--warning {
  --ds-badge-bg: var(--ds-badge-bg--warning, var(--ds-color-yellow-bg));
  --ds-badge-border-color: var(--ds-badge-border-color--warning, var(--ds-color-yellow-bg));
  --ds-badge-color: var(--ds-badge-color--warning, var(--ds-color-status-warning));
  --ds-badge-icon-color: var(--ds-badge-icon-color--warning, var(--ds-color-status-warning));
}
.ds-badge--info {
  --ds-badge-bg: var(--ds-badge-bg--info, var(--ds-color-blue-bg));
  --ds-badge-border-color: var(--ds-badge-border-color--info, var(--ds-color-blue-bg));
  --ds-badge-color: var(--ds-badge-color--info, var(--ds-color-dark-blue));
  --ds-badge-icon-color: var(--ds-badge-icon-color--info, var(--ds-color-blue));
}
.ds-badge--waiting {
  --ds-badge-bg: var(--ds-badge-bg--waiting, var(--ds-color-light-gray));
  --ds-badge-border-color: var(--ds-badge-border-color--waiting, var(--ds-color-light-gray));
  --ds-badge-color: var(--ds-badge-color--waiting, var(--ds-color-super-dark-gray));
  --ds-badge-icon-color: var(--ds-badge-icon-color--waiting, var(--ds-color-gray));
}
.ds-badge--light {
  --ds-badge-bg: var(--ds-badge-bg--light, var(--ds-color-white));
  --ds-badge-border-color: var(--ds-badge-border-color--light, var(--ds-color-light-blue));
  --ds-badge-color: var(--ds-badge-color--light, var(--ds-color-dark-gray));
  --ds-badge-icon-color: var(--ds-badge-icon-color--light, var(--ds-color-dark-gray));
}
.ds-badge--dark {
  --ds-badge-bg: var(--ds-badge-bg--dark, var(--ds-color-dark-blue));
  --ds-badge-border-color: var(--ds-badge-border-color--dark, var(--ds-color-dark-blue));
  --ds-badge-color: var(--ds-badge-color--dark, var(--ds-color-white));
  --ds-badge-icon-color: var(--ds-badge-icon-color--dark, var(--ds-color-white));
}
.ds-badge--rounded {
  --ds-badge-border-radius: var(--ds-radius-l);
}
.ds-badge--indicator {
  --ds-badge-border-radius: var(--ds-radius-l);
  --ds-badge-line-height: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.ds-badge__icon {
  display: block;
  color: var(--ds-badge-icon-color);
  flex-shrink: 0;
  line-height: 0;
  height: var(--ds-badge-icon-size, 0.75rem);
  width: var(--ds-badge-icon-size, 0.75rem);
}
.ds-badge__icon > svg {
  width: 100%;
  height: 100%;
}
.ds-badge--l {
  --ds-badge-line-height: 100%;
  --ds-badge-padding: 0.5625rem 1rem 0.4375rem;
  --ds-badge-font-size: 1rem;
  --ds-badge-icon-size: 1rem;
  --ds-badge-border-radius: var(--ds-radius-s);
}
.ds-badge--s {
  --ds-badge-line-height: 120%;
  --ds-badge-padding: 0.125rem 0.25rem;
  --ds-badge-font-size: 0.75rem;
  --ds-badge-icon-size: 0.75rem;
  --ds-badge-font-family: var(--ds-font-secondary);
}
.ds-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  box-sizing: border-box;
  position: relative;
  height: var(--ds-button-height, var(--ds-space-48));
  color: var(--ds-button-label-color, inherit);
  background-color: var(--ds-button-bg, transparent);
  border: var(--ds-button-border-width, var(--ds-border-s)) solid var(--ds-button-border-color, transparent);
  border-radius: var(--ds-button-border-radius, var(--ds-radius-l));
  font-family: var(--ds-button-font-family, var(--ds-font-primary));
  padding: var(--ds-button-padding, var(--ds-padding-s) var(--ds-padding-l));
  font-size: var(--ds-button-font-size, 1rem);
  font-weight: 700;
  cursor: pointer;
}
.ds-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  line-height: var(--ds-button-content-line-height, normal);
}
.ds-button__content--fluid {
  flex: 1;
}
.ds-button__label {
  display: inline-flex;
  align-items: center;
  height: var(--ds-button-label-height, 0.6875rem);
}
.ds-button__icon-start {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  width: var(--ds-button-start-icon-size, var(--ds-space-16));
  height: var(--ds-button-start-icon-size, var(--ds-space-16));
}
.ds-button__icon-start svg {
  width: 100%;
  height: 100%;
  color: var(--ds-button-start-icon-color-without-circle, inherit);
}
.ds-button__icon-start.ds-button__icon-start--circle {
  border-radius: var(--ds-radius-l);
  padding: var(--ds-button-start-icon-circle-padding, var(--ds-padding-xxs));
  background-color: var(--ds-button-start-icon-circle-color, transparent);
}
.ds-button__icon-start.ds-button__icon-start--circle svg {
  color: var(--ds-button-start-icon-color, inherit);
}
.ds-button__icon-end {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  width: var(--ds-button-end-icon-size, var(--ds-space-16));
  height: var(--ds-button-end-icon-size, var(--ds-space-16));
}
.ds-button__icon-end svg {
  width: 100%;
  height: 100%;
  color: var(--ds-button-end-icon-color, inherit);
}
.ds-button:hover {
  background-color: var(--ds-button-bg--hover, var(--ds-button-bg, transparent));
  border-color: var(--ds-button-border-color--hover, var(--ds-button-border-color, transparent));
}
.ds-button:hover .ds-button__label {
  -webkit-text-stroke: .2px var(--ds-button-label-color);
}
.ds-button--disabled,
.ds-button:disabled {
  background-color: var(--ds-button-bg--disabled, var(--ds-button-bg, transparent));
  border-color: var(--ds-button-border-color--disabled, var(--ds-button-border-color, transparent));
  color: var(--ds-button-label-color--disabled, var(--ds-button-label-color, transparent));
  cursor: not-allowed;
}
.ds-button--disabled .ds-button__icon-start svg,
.ds-button:disabled .ds-button__icon-start svg {
  color: var(--ds-button-start-icon-without-circle-color--disabled, var(--ds-button-start-icon-without-circle-color, inherit));
}
.ds-button--disabled .ds-button__icon-start.ds-button__icon-start--circle,
.ds-button:disabled .ds-button__icon-start.ds-button__icon-start--circle {
  background-color: var(--ds-button-start-icon-circle-color--disabled, var(--ds-button-start-icon-circle-color, transparent));
}
.ds-button--disabled .ds-button__icon-start.ds-button__icon-start--circle svg,
.ds-button:disabled .ds-button__icon-start.ds-button__icon-start--circle svg {
  color: var(--ds-button-start-icon-color--disabled, var(--ds-button-start-icon-color, inherit));
}
.ds-button--disabled .ds-button__icon-end svg,
.ds-button:disabled .ds-button__icon-end svg {
  color: var(--ds-button-end-icon-color--disabled, var(--ds-button-end-icon-color, inherit));
}
.ds-button--disabled .ds-button__label,
.ds-button:disabled .ds-button__label {
  -webkit-text-stroke: unset;
}
.ds-button .ds-badge {
  padding: var(--ds-button-badge-padding, var(--ds-padding-xxs) var(--ds-padding-xs));
  font-size: var(--ds-button-badge-font-size, 0.75rem);
}
.ds-button--primary {
  --ds-button-bg: var(--ds-button-color-bg--primary, var(--ds-color-black));
  --ds-button-border-color: var(--ds-button-color-border--primary, var(--ds-color-black));
  --ds-button-label-color: var(--ds-button-color-label--primary, var(--ds-color-white));
  --ds-button-bg--hover: var(--ds-button-color-bg-hover--primary, var(--ds-color-hover--primary));
  --ds-button-border-color--hover: var(--ds-button-color-border-hover--primary, var(--ds-color-hover--primary));
  --ds-button-bg--disabled: var(--ds-button-color-bg-disabled--primary, var(--ds-color-gray));
  --ds-button-border-color--disabled: var(--ds-button-color-border-disabled--primary, var(--ds-color-gray));
  --ds-button-start-icon-without-circle-color: var(--ds-button-start-icon-color--primary, var(--ds-color-white));
  --ds-button-start-icon-circle-color: var(--ds-button-start-icon-circle-color--primary, var(--ds-color-white));
  --ds-button-start-icon-color: var(--ds-button-start-icon-color--primary, var(--ds-color-black));
  --ds-button-start-icon-color--disabled: var(--ds-button-start-icon-color-disabled--primary, var(--ds-color-gray));
  --ds-button-end-icon-color: var(--ds-button-end-icon-color, var(--ds-color-white));
}
.ds-button--secondary {
  --ds-button-bg: var(--ds-button-color-bg--secondary, var(--ds-color-white));
  --ds-button-border-color: var(--ds-button-color-border--secondary, var(--ds-color-black));
  --ds-button-label-color: var(--ds-button-color-label--secondary, var(--ds-color-black));
  --ds-button-border-color--hover: var(--ds-button-color-border-hover--secondary, var(--ds-color-hover--primary));
  --ds-button-bg--disabled: var(--ds-button-color-bg-disabled--secondary, var(--ds-color-white));
  --ds-button-border-color--disabled: var(--ds-button-color-border-disabled--secondary, var(--ds-color-gray));
  --ds-button-label-color--disabled: var(--ds-button-color-label-disabled--secondary, var(--ds-color-gray));
  --ds-button-start-icon-without-circle-color: var(--ds-button-start-icon-color--secondary, var(--ds-color-prrimary));
  --ds-button-start-icon-without-circle-color--disabled: var(--ds-button-start-icon-color-disabled--secondary, var(--ds-color-gray));
  --ds-button-start-icon-circle-color: var(--ds-button-start-icon-circle-color--secondary, var(--ds-color-super-light-gray));
  --ds-button-start-icon-color: var(--ds-button-start-icon-color--secondary, var(--ds-color-black));
  --ds-button-start-icon-color--disabled: var(--ds-button-start-icon-color-disabled--secondary, var(--ds-color-gray));
  --ds-button-end-icon-color: var(--ds-button-end-icon-color, var(--ds-color-super-light-gray));
}
.ds-button--tertiary {
  --ds-button-bg: var(--ds-button-color-bg--tertiary, var(--ds-color-blue-bg));
  --ds-button-border-color: var(--ds-button-color-border--tertiary, var(--ds-color-blue-bg));
  --ds-button-label-color: var(--ds-button-color-label--tertiary, var(--ds-color-black));
  --ds-button-bg--hover: var(--ds-button-color-bg-hover--tertiary, var(--ds-color-hover--tertiary));
  --ds-button-border-color--hover: var(--ds-button-color-border-hover--tertiary, var(--ds-color-hover--tertiary));
  --ds-button-bg--disabled: var(--ds-button-color-bg-disabled--tertiary, var(--ds-color-gray));
  --ds-button-border-color--disabled: var(--ds-button-color-border-disabled--tertiary, var(--ds-color-gray));
  --ds-button-label-color--disabled: var(--ds-button-color-label-disabled--tertiary, var(--ds-color-dark-gray));
  --ds-button-start-icon-without-circle-color: var(--ds-button-start-icon-color--tertiary, var(--ds-color-blue));
  --ds-button-start-icon-without-circle-color--disabled: var(--ds-button-start-icon-color-disabled--tertiary, var(--ds-color-dark-gray));
  --ds-button-start-icon-circle-color: var(--ds-button-start-icon-circle-color--tertiary, var(--ds-color-light-blue));
  --ds-button-start-icon-circle-color--disabled: var(--ds-button-start-icon-circle-color-disabled--tertiary, var(--ds-color-dark-gray));
  --ds-button-start-icon-color: var(--ds-button-start-icon-color--tertiary, var(--ds-color-white));
  --ds-button-end-icon-color: var(--ds-button-end-icon-color, var(--ds-color-light-blue));
  --ds-button-end-icon-color--disabled: var(--ds-button-end-icon-color-disabled, var(--ds-color-dark-gray));
}
.ds-button--buy {
  --ds-button-bg: var(--ds-button-color-bg--buy, var(--ds-color-yellow));
  --ds-button-border-color: var(--ds-button-color-border--buy, var(--ds-color-yellow));
  --ds-button-label-color: var(--ds-button-color-label--buy, var(--ds-color-black));
  --ds-button-bg--hover: var(--ds-button-color-bg-hover--buy, var(--ds-color-hover--offer));
  --ds-button-border-color--hover: var(--ds-button-color-border-hover--buy, var(--ds-color-hover--offer));
  --ds-button-bg--disabled: var(--ds-button-color-bg-disabled--buy, var(--ds-color-gray));
  --ds-button-border-color--disabled: var(--ds-button-color-border-disabled--buy, var(--ds-color-gray));
  --ds-button-label-color--disabled: var(--ds-button-color-label-disabled--buy, var(--ds-color-dark-gray));
  --ds-button-start-icon-without-circle-color: var(--ds-button-start-icon-color--buy, var(--ds-color-white));
  --ds-button-start-icon-without-circle-color--disabled: var(--ds-button-start-icon-color-disabled--buy, var(--ds-color-dark-gray));
  --ds-button-start-icon-circle-color: var(--ds-button-start-icon-circle-color--buy, var(--ds-color-white));
  --ds-button-start-icon-color: var(--ds-button-start-icon-color--buy, var(--ds-color-black));
  --ds-button-end-icon-color: var(--ds-button-end-icon-color, var(--ds-color-white));
}
.ds-button--buy-secondary {
  --ds-button-bg: var(--ds-button-color-bg--buy-secondary, var(--ds-color-yellow-bg));
  --ds-button-border-color: var(--ds-button-color-border--buy-secondary, var(--ds-color-yellow));
  --ds-button-label-color: var(--ds-button-color-label--buy-secondary, var(--ds-color-black));
  --ds-button-border-color--hover: var(--ds-button-color-border-hover--buy-secondary, var(--ds-color-hover--offer));
  --ds-button-bg--disabled: var(--ds-button-color-bg-disabled--buy-secondary, var(--ds-color-lighter-gray));
  --ds-button-border-color--disabled: var(--ds-button-color-border-disabled--buy-secondary, var(--ds-color-gray));
  --ds-button-label-color--disabled: var(--ds-button-color-label-disabled--buy-secondary, var(--ds-color-dark-gray));
  --ds-button-start-icon-without-circle-color: var(--ds-button-start-icon-color--buy-secondary, var(--ds-color-yellow));
  --ds-button-start-icon-without-circle-color--disabled: var(--ds-button-start-icon-color-disabled--buy-secondary, var(--ds-color-dark-gray));
  --ds-button-start-icon-circle-color: var(--ds-button-start-icon-circle-color--buy-secondary, var(--ds-color-yellow));
  --ds-button-start-icon-circle-color--disabled: var(--ds-button-start-icon-circle-color-disabled--buy-secondary, var(--ds-color-white));
  --ds-button-start-icon-color: var(--ds-button-start-icon-color--buy-secondary, var(--ds-color-black));
  --ds-button-end-icon-color: var(--ds-button-end-icon-color, var(--ds-color-yellow));
  --ds-button-end-icon-color--disabled: var(--ds-button-end-icon-color-disabled, var(--ds-color-white));
}
.ds-button--delete {
  --ds-button-bg: var(--ds-button-color-bg--delete, var(--ds-color-white));
  --ds-button-border-color: var(--ds-button-color-border--delete, var(--ds-color-status-error));
  --ds-button-label-color: var(--ds-button-color-label--delete, var(--ds-color-status-error));
  --ds-button-border-color--hover: var(--ds-button-color-border-hover--delete, var(--ds-color-hover--delete));
  --ds-button-border-color--disabled: var(--ds-button-color-border-disabled--delete, var(--ds-color-gray));
  --ds-button-label-color--disabled: var(--ds-button-color-label-disabled--delete, var(--ds-color-gray));
  --ds-button-start-icon-without-circle-color: var(--ds-button-start-icon-color--delete, var(--ds-color-status-error));
  --ds-button-start-icon-without-circle-color--disabled: var(--ds-button-start-icon-color-disabled--delete, var(--ds-color-gray));
  --ds-button-start-icon-circle-color: var(--ds-button-start-icon-circle-color--delete, var(--ds-color-status-error));
  --ds-button-start-icon-circle-color--disabled: var(--ds-button-start-icon-circle-color-disabled--delete, var(--ds-color-gray));
  --ds-button-start-icon-color: var(--ds-button-start-icon-color--delete, var(--ds-color-white));
  --ds-button-end-icon-color: var(--ds-button-end-icon-color, var(--ds-color-status-error));
  --ds-button-end-icon-color--disabled: var(--ds-button-end-icon-color-disabled, var(--ds-color-gray));
}
.ds-button--delete-secondary {
  --ds-button-bg: var(--ds-button-color-bg--delete-secondary, transparent);
  --ds-button-border-color: var(--ds-button-color-border--delete-secondary, transparent);
  --ds-button-label-color: var(--ds-button-color-label--delete-secondary, var(--ds-color-status-error));
  --ds-button-label-color--disabled: var(--ds-button-color-label-disabled--delete-secondary, var(--ds-color-gray));
  --ds-button-start-icon-without-circle-color: var(--ds-button-start-icon-color--delete-secondary, var(--ds-color-status-error));
  --ds-button-start-icon-without-circle-color--disabled: var(--ds-button-start-icon-color-disabled--delete-secondary, var(--ds-color-gray));
  --ds-button-start-icon-circle-color: var(--ds-button-start-icon-circle-color--delete-secondary, var(--ds-color-status-error));
  --ds-button-start-icon-circle-color--disabled: var(--ds-button-start-icon-circle-color-disabled--delete-secondary, var(--ds-color-gray));
  --ds-button-start-icon-color: var(--ds-button-start-icon-color--delete-secondary, var(--ds-color-white));
  --ds-button-end-icon-color: var(--ds-button-end-icon-color, var(--ds-color-status-error));
  --ds-button-end-icon-color--disabled: var(--ds-button-end-icon-color-disabled, var(--ds-color-gray));
}
.ds-button--link {
  --ds-button-bg: var(--ds-button-color-bg--link, transparent);
  --ds-button-border-color: var(--ds-button-color-border--link, transparent);
  --ds-button-label-color: var(--ds-button-color-label--link, var(--ds-color-dark-blue));
  --ds-button-label-color--disabled: var(--ds-button-color-label-disabled--link, var(--ds-color-gray));
  --ds-button-start-icon-without-circle-color: var(--ds-button-start-icon-color--link, var(--ds-color-dark-blue));
  --ds-button-start-icon-without-circle-color--disabled: var(--ds-button-start-icon-color-disabled--link, var(--ds-color-gray));
  --ds-button-start-icon-circle-color: var(--ds-button-start-icon-circle-color--link, var(--ds-color-dark-blue));
  --ds-button-start-icon-circle-color--disabled: var(--ds-button-start-icon-circle-color-disabled--link, var(--ds-color-gray));
  --ds-button-start-icon-color: var(--ds-button-start-icon-color--link, var(--ds-color-white));
  --ds-button-end-icon-color: var(--ds-button-end-icon-color, var(--ds-color-dark-blue));
  --ds-button-end-icon-color--disabled: var(--ds-button-end-icon-color-disabled, var(--ds-color-gray));
}
.ds-button--l {
  --ds-button-height: var(--ds-button-height--l, var(--ds-space-64));
  --ds-button-label-height: var(--ds-button-height--l, 1rem);
  --ds-button-padding: var(--ds-button-padding--l, var(--ds-padding-s) var(--ds-padding-l));
  --ds-button-font-size: var(--ds-button-font-size--l, 1.125rem);
  --ds-button-border-radius: var(--ds-button-border-radius--l, var(--ds-radius-xl));
  --ds-button-border-width: var(--ds-button-width--l, var(--ds-border-l));
  --ds-button-start-icon-size: var(--ds-button-start-icon-size--l, var(--ds-space-24));
  --ds-button-start-icon-circle-padding: var(--ds-button-start-icon-circle-padding--l, var(--ds-padding-xs));
  --ds-button-end-icon-size: var(--ds-button-end-icon-size--l, var(--ds-space-24));
  --ds-button-badge-padding: var(--ds-button-badge-padding--l, var(--ds-padding-xxs) var(--ds-padding-xs));
  --ds-button-badge-font-size: var(--ds-button-badge-font-size--l, 0.875rem);
}
.ds-button--s {
  --ds-button-height: var(--ds-button-height--s, var(--ds-space-32));
  --ds-button-label-height: var(--ds-button-height--s, 0.5rem);
  --ds-button-padding: var(--ds-button-padding--s, var(--ds-padding-xs) var(--ds-padding-m));
  --ds-button-font-size: var(--ds-button-font-size--s, 0.75rem);
  --ds-button-border-radius: var(--ds-button-border-radius--s, var(--ds-radius-l));
  --ds-button-border-width: var(--ds-button-width--s, var(--ds-border-s));
  --ds-button-start-icon-size: var(--ds-button-start-icon-size--s, var(--ds-space-12));
  --ds-button-start-icon-circle-padding: var(--ds-button-start-icon-circle-padding--s, var(--ds-padding-xxs));
  --ds-button-end-icon-size: var(--ds-button-end-icon-size--s, var(--ds-space-12));
  --ds-button-badge-padding: var(--ds-button-badge-padding--s, 0.125rem var(--ds-padding-xxs));
  --ds-button-badge-font-size: var(--ds-button-badge-font-size--s, 0.75rem);
}
.ds-button--link,
.ds-button--delete-secondary {
  --ds-button-padding: var(--ds-padding-s) 0;
  --ds-button-padding--s: var(--ds-padding-xs) 0;
  --ds-button-padding--l: var(--ds-padding-s) 0;
}
.ds-button--full {
  width: 100%;
}
.ds-datepicker-container {
  background-color: var(--ds-color-white);
  border-radius: 1.25rem;
  box-shadow: 0px 2px 10px -15px rgba(0, 0, 0, 0.05), 0px 10px 40px -20px rgba(0, 0, 0, 0.15);
  display: flex;
  gap: 2rem;
  padding: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
}
.ds-datepicker {
  align-items: stretch;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  width: 19.6875rem;
}
.ds-datepicker .ds-datepicker-nav-button {
  background-color: var(--ds-datepicker-day-background-color, transparent);
  border: none;
  border-radius: 0.375rem;
  color: var(--ds-datepicker-nav-button-color, var(--ds-color-theme-primary));
  cursor: var(--ds-datepicker-nav-button-cursor, pointer);
  padding: 0.5rem 1rem;
}
.ds-datepicker .ds-datepicker-nav-button:hover {
  --ds-datepicker-day-background-color: var(--ds-color-light-gray);
}
.ds-datepicker .ds-datepicker-nav-button--disabled {
  --ds-datepicker-nav-button-color: var(--ds-color-gray);
  --ds-datepicker-nav-button-cursor: not-allowed;
}
.ds-datepicker .ds-datepicker-header {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}
.ds-datepicker .ds-datepicker-header--month {
  --ds-datepicker-header-value-padding: 0.4375rem 1.1875rem;
}
.ds-datepicker .ds-datepicker-header--year {
  --ds-datepicker-header-value-padding: 0 1.1875rem;
}
.ds-datepicker .ds-datepicker-header__value {
  --ds-datepicker-cell-font-size: 1.3125rem;
  --ds-datepicker-cell-padding: var(--ds-datepicker-header-value-padding, 0);
  display: inline-block;
}
.ds-datepicker .ds-datepicker-body {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: var(--ds-datepicker-body-gap, 0.5rem);
}
.ds-datepicker .ds-datepicker-body--wide {
  --ds-datepicker-body-gap: 1.5rem;
}
.ds-datepicker .ds-datepicker-body__row {
  align-self: stretch;
  display: flex;
}
.ds-datepicker .ds-datepicker-weekdays {
  align-items: center;
  height: 2.6667rem;
}
.ds-datepicker .ds-datepicker-weekdays__day {
  font-size: var(--ds-text-small-font-size, 0.875rem);
  letter-spacing: var(--ds-text-small-letter-spacing, -0.019rem);
  line-height: var(--ds-text-small-line-height, 160%);
  display: inline-block;
  color: var(--ds-color-gray);
  flex: 1;
  text-align: center;
}
.ds-datepicker button.ds-datepicker-cell {
  cursor: var(--ds-datepicker-cell-cursor, pointer);
}
.ds-datepicker .ds-datepicker-cell {
  align-items: center;
  background-color: var(--ds-datepicker-day-background-color, transparent);
  border: none;
  border-radius: 0.375rem;
  color: var(--ds-datepicker-day-color, var(--ds-color-black));
  cursor: var(--ds-datepicker-day-cursor);
  display: inline-flex;
  flex: 1 0 0;
  font-family: var(--ds-font-primary);
  font-size: var(--ds-datepicker-cell-font-size, 1rem);
  height: 2.5rem;
  justify-content: center;
  line-height: 1;
  padding: var(--ds-datepicker-cell-padding, 0.4375rem 1.1875rem);
  width: var(--ds-datepicker-cell-width, 2.8125rem);
}
.ds-datepicker .ds-datepicker-cell:hover {
  --ds-datepicker-day-background-color: var(--ds-color-light-gray);
}
.ds-datepicker .ds-datepicker-cell--prev-month {
  --ds-datepicker-day-color: var(--ds-color-gray);
}
.ds-datepicker .ds-datepicker-cell--next-month {
  --ds-datepicker-day-color: var(--ds-color-gray);
}
.ds-datepicker .ds-datepicker-cell--disabled {
  --ds-datepicker-day-color: var(--ds-color-gray);
  --ds-datepicker-cell-cursor: not-allowed;
}
.ds-datepicker .ds-datepicker-cell--selected {
  --ds-datepicker-day-color: var(--ds-color-text-primary);
  --ds-datepicker-day-background-color: var(--ds-color-theme-primary);
}
.ds-datepicker .ds-datepicker-cell--selected:hover {
  --ds-datepicker-day-background-color: var(--ds-color-super-dark-gray);
}
.ds-datepicker .ds-datepicker-cell--range {
  --ds-datepicker-day-background-color: var(--ds-color-bg-primary);
  border-radius: 0;
}
.ds-datepicker .ds-datepicker-cell--range:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.ds-datepicker .ds-datepicker-cell--range:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.ds-datepicker__options {
  max-height: 24.25rem;
  display: flex;
  scrollbar-width: thin;
}
.ds-form-field__group > .ds-form-field__control::-moz-placeholder,
.ds-form-field > .ds-form-field__control::-moz-placeholder {
  display: contents;
  color: var(--ds-form-field-placeholder-color, var(--ds-color-dark-gray));
  height: 1.6em;
  line-height: var(--ds-form-field-line-height, normal);
}
.ds-form-field__control__placeholder,
.ds-form-field__group > .ds-form-field__control::placeholder,
.ds-form-field > .ds-form-field__control::placeholder {
  display: contents;
  color: var(--ds-form-field-placeholder-color, var(--ds-color-dark-gray));
  height: 1.6em;
  line-height: var(--ds-form-field-line-height, normal);
}
.ds-form-field__control__value {
  display: contents;
  line-height: var(--ds-form-field-line-height, normal);
}
.ds-form-field__group > .ds-form-field__control,
.ds-form-field > .ds-form-field__control {
  align-items: var(--ds-form-field-align-items, center);
  align-self: stretch;
  color: var(--ds-form-field-color, var(--ds-color-super-dark-gray));
  display: var(--ds-form-field-display, inline-flex);
  font-family: var(--ds-form-field-font-family, var(--ds-font-primary));
  font-size: var(--ds-form-field-font-size, 0.875rem);
  line-height: var(--ds-form-field-line-height, normal);
  padding: var(--ds-form-field-padding, var(--ds-form-field-padding-x, 1rem) var(--ds-form-field-padding-y, 0.75rem));
}
.ds-form-field__group,
.ds-form-field > .ds-form-field__control {
  background-color: var(--ds-form-field-background-color, var(--ds-color-white));
  border-radius: var(--ds-form-field-border-radius, 0.5rem);
  border: var(--ds-form-field-border, var(--ds-form-field-border-size, 1px) solid var(--ds-form-field-border-color, var(--ds-color-super-dark-gray)));
  box-sizing: border-box;
  height: var(--ds-form-field-height, 3rem);
  overflow: hidden;
  transition: var(--ds-form-field-transition, border 0.1s ease-in-out, background-color 0.1s ease-in-out);
  box-shadow: var(--ds-form-field-shadow, -0.625rem -0.625rem 0.75rem 0px var(--ds-form-field-bottom-shadow-color, rgba(255, 255, 255, 0.3)) inset, 0.75rem 0.75rem 0.75rem 0px var(--ds-form-field-top-shadow-color, rgba(75, 68, 70, 0.04)) inset);
}
.ds-form-field__group:has(> .ds-form-field__control:is(:focus, :focus-visible), > .ds-form-field__control--active),
.ds-form-field > .ds-form-field__control:focus,
.ds-form-field > .ds-form-field__control:focus-visible,
.ds-form-field > .ds-form-field__control--active {
  --ds-form-field-background-color: var(--ds-form-field-background-color--active, var(--ds-color-white));
  --ds-form-field-border-color: var(--ds-form-field-border-color--active, var(--ds-color-theme-tertiary));
  --ds-form-field-border-size: var(--ds-form-field-border-size--focus, 1.5px);
  --ds-form-field-bottom-shadow-color: var(--ds-form-field-bottom-shadow-color--active, rgba(2, 105, 200, 0.04));
  --ds-form-right-icon-color: var(--ds-form-right-icon-color--active, var(--ds-color-theme-tertiary));
  --ds-form-field-top-shadow-color: var(--ds-form-field-top-shadow-color--active, rgba(75, 68, 70, 0.04));
}
.ds-form-field__group:has(> .ds-form-field__control:disabled, > .ds-form-field__control--disabled),
.ds-form-field > .ds-form-field__control:disabled,
.ds-form-field > .ds-form-field__control--disabled {
  --ds-form-field-background-color: var(--ds-form-field-background-color--disabled, var(--ds-color-bg-disabled));
  --ds-form-field-border-color: var(--ds-form-field-border-color--disabled, var(--ds-color-gray));
  --ds-form-right-icon-color: var(--ds-form-right-icon-color--disabled, var(--ds-color-medium-gray));
}
.ds-form-field__group:has(> .ds-form-field__control--invalid),
.ds-form-field > .ds-form-field__control--invalid {
  --ds-form-field-background-color: var(--ds-form-field-background-color--invalid, var(--ds-color-bg-error));
  --ds-form-field-border-color: var(--ds-form-field-border-color--invalid, var(--ds-color-theme-error));
  --ds-form-field-bottom-shadow-color: var(--ds-form-field-bottom-shadow-color--invalid, rgba(239, 21, 58, 0.04));
  --ds-form-field-top-shadow-color: var(--ds-form-field-top-shadow-color--invalid, rgba(75, 68, 70, 0.04));
}
.ds-form-field {
  display: flex;
  flex-direction: column;
  gap: var(--ds-form-field-gap, 0.25rem);
  margin-top: var(--ds-form-field-margin-top, 0.5rem);
  position: relative;
  width: var(--ds-form-field-width, 100%);
}
.ds-form-field--v1 {
  --ds-form-field-background-color--active: var(--ds-color-white);
  --ds-form-field-background-color--disabled: var(--ds-color-light-gray);
  --ds-form-field-background-color: var(--ds-form-field-background-color--v1, var(--ds-color-super-light-gray));
  --ds-form-field-border-color--active: var(--ds-color-light-blue);
  --ds-form-field-border-color--disabled: var(--ds-form-field-border-color--disabled--v1, var(--ds-color-light-gray));
  --ds-form-field-border-color: var(--ds-color-super-light-gray);
  --ds-form-field-border-radius: var(--ds-form-field-border-radius--v1, 0.75rem);
  --ds-form-field-gap: var(--ds-form-field-gap--v1, var(--ds-form-field-gap-v1, 0.5rem));
  --ds-form-field-height: 3.625rem;
  --ds-form-field-font-size: 1rem;
  --ds-form-right-icon-color--active: var(--ds-color-blue);
  --ds-form-field-label-color--active: var(--ds-color-super-dark-gray);
  --ds-form-field-label-color--invalid: var(--ds-color-super-dark-gray);
  --ds-form-field-message-icon-display: none;
  --ds-form-field-shadow: none;
}
.ds-form-field--v1 .ds-form-field__label + .ds-form-field__control::-moz-placeholder {
  color: var(--ds-form-field-placeholder-color, var(--ds-color-dark-gray));
}
.ds-form-field--v1 .ds-form-field__label + .ds-form-field__control::placeholder,
.ds-form-field--v1 .ds-form-field__label + .ds-form-field__control .ds-form-field__control__placeholder {
  color: var(--ds-form-field-placeholder-color, var(--ds-color-dark-gray));
}
.ds-form-field--l {
  --ds-form-field-border-size--focus: var(--ds-form-field-border-size--focus--l, 2px);
  --ds-form-field-font-size: var(--ds-form-field-font-size--l, 1rem);
  --ds-form-field-height: var(--ds-form-field-height--l, 4rem);
  --ds-form-field-padding-x: var(--ds-form-field-padding-x--l, 0);
  --ds-form-field-padding-y: var(--ds-form-field-padding-y--l, 1rem);
}
.ds-form-field--s {
  --ds-form-field-border-radius: var(--ds-form-field-border-radius--s, 0.25rem);
  --ds-form-field-border-size--focus: var(--ds-form-field-border-size--focus--s, 1px);
  --ds-form-field-font-size: var(--ds-form-field-font-size--s, 0.75rem);
  --ds-form-field-height: var(--ds-form-field-height--s, 2rem);
  --ds-form-right-icon-size: var(--ds-form-right-icon-size--s, 0.75rem);
  --ds-form-field-padding-x: var(--ds-form-field-padding-x--s, 0);
  --ds-form-field-padding-y: var(--ds-form-field-padding-y--s, 0.5rem);
}
.ds-form-field:not(.ds-form-field--v1) .ds-form-field__label {
  background: rgba(0, 0, 0, 0);
  left: 0.625rem;
  padding: 0 0.3125rem 0.125rem 0.3125rem;
  position: absolute;
  top: -0.5rem;
  z-index: 1;
}
.ds-form-field:not(.ds-form-field--v1) .ds-form-field__label::before,
.ds-form-field:not(.ds-form-field--v1) .ds-form-field__label::after {
  display: block;
  content: "";
  background-color: var(--ds-form-field-label-background-color, white);
  border: var(--ds-form-field-border-size--focus, 1px) solid var(--ds-form-field-label-background-color, white);
  height: var(--ds-form-field-border-size--focus, 1px);
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: calc(-1*-0.5rem - var(--ds-form-field-label-top--extra, 0px));
  left: 0;
  z-index: -1;
}
.ds-form-field:not(.ds-form-field--v1):focus,
.ds-form-field:not(.ds-form-field--v1):focus-visible {
  --ds-form-field-border-size--focus: 0.125rem;
  --ds-form-field-label-top--extra: 0.063rem;
  border-radius: var(--ds-form-field-border-radius, 0.5rem);
}
.ds-form-field > .ds-form-field__control:empty::before {
  content: "";
  display: inline-block;
}
.ds-form-field > .ds-form-field__control:focus,
.ds-form-field > .ds-form-field__control:focus-visible,
.ds-form-field > .ds-form-field__control--active {
  outline: none;
}
.ds-form-field__group {
  align-items: center;
  display: flex;
  position: relative;
  padding: var(--ds-form-field-group-padding, 0 var(--ds-form-field-padding-y, 0.75rem));
  gap: var(--ds-form-field-group-gap, 0.5rem);
  width: var(--ds-form-field-group-width, auto);
}
.ds-form-field__group > .ds-form-field__control {
  --ds-form-field-padding-y: 0;
  --ds-form-field-padding-y--s: 0;
  --ds-form-field-padding-y--l: 0;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  display: flex;
  flex: 1;
}
.ds-form-field__group > .ds-form-field__control:focus,
.ds-form-field__group > .ds-form-field__control:focus-visible,
.ds-form-field__group > .ds-form-field__control--active {
  outline: none;
}
.ds-form-field__group__left-icon {
  color: var(--ds-form-field-left-icon-color, var(--ds-color-dark-gray));
  display: block;
  height: var(--ds-form-field-left-icon-height, 1rem);
  padding: var(--ds-form-field-left-icon-padding, 0.0625rem);
  margin-right: var(--ds-form-field-left-icon-margin-right, -0.125rem);
  width: var(--ds-form-field-left-icon-width, 1rem);
}
.ds-form-field__group__left-icon > * {
  display: var(--ds-form-field-left-icon-display, block);
  height: var(--ds-form-field-left-icon-height, 1rem);
  width: var(--ds-form-field-left-icon-width, 1rem);
}
.ds-form-field__group__right-icon {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: var(--ds-form-right-icon-color, var(--ds-color-dark-gray));
  display: block;
  padding: 0;
  width: var(--ds-form-right-icon-size, 1rem);
  height: var(--ds-form-right-icon-size, 1rem);
  line-height: 0;
  transition: color .1s ease-in-out;
}
.ds-form-field__group__right-icon > * {
  width: var(--ds-form-right-icon-size, 1rem);
  height: var(--ds-form-right-icon-size, 1rem);
}
.ds-form-field__group__right-content {
  align-items: center;
  display: flex;
  gap: var(--ds-form-right-content-gap, 0.5rem);
  justify-content: center;
}
.ds-form-field__group button.ds-form-field__group__right-icon {
  cursor: pointer;
}
.ds-form-field__label {
  color: var(--ds-form-field-label-color, inherit);
}
.ds-form-field__label:has(+ .ds-form-field__control:is(:focus, :focus-visible), + .ds-form-field__control--active, + .ds-form-field__group > .ds-form-field__control:is(:focus, :focus-visible), + .ds-form-field__group > .ds-form-field__control--active) {
  --ds-form-field-label-color: var(--ds-form-field-label-color--active, var(--ds-color-theme-tertiary));
}
.ds-form-field__label:has(+ .ds-form-field__control--invalid, + .ds-form-field__group > .ds-form-field__control--invalid) {
  --ds-form-field-label-color: var(--ds-form-field-label-color--invalid, var(--ds-color-theme-error));
}
.ds-form-field__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--ds-form-field-select-chevron, url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2710%27%20height%3D%276%27%20viewBox%3D%270%200%2010%206%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M9%201L5%205L1%201%27%20stroke%3D%27%2373696b%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E)) no-repeat right 1rem center, var(--ds-form-field-background-color, var(--ds-color-white));
  line-height: 100%;
  transition: background .1s ease-in-out;
}
.ds-form-field__select:focus {
  --ds-form-field-select-chevron: var(--ds-form-field-select-chevron--active, url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2710%27%20height%3D%276%27%20viewBox%3D%270%200%2010%206%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M9%201L5%205L1%201%27%20stroke%3D%27%230269c8%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E));
}
.ds-form-field__select:disabled {
  --ds-form-field-select-chevron: var(--ds-form-field-select-chevron--disabled, url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2710%27%20height%3D%276%27%20viewBox%3D%270%200%2010%206%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M9%201L5%205L1%201%27%20stroke%3D%27%23c8c8c8%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E));
}
.ds-form-field > textarea.ds-form-field__control {
  --ds-form-field-padding: var(--ds-form-field-padding--textarea, 1.125rem 1rem 0.875rem 1rem);
  --ds-form-field-height: auto;
}
.ds-form-field__wrapper {
  display: flex;
  align-items: center;
}
.ds-form-field__infix {
  --ds-form-field-group-width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}
.ds-pseudo-form-check-radio,
.ds-pseudo-form-check,
.ds-form-check__input {
  align-self: flex-start;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--ds-form-check-background-color, var(--ds-color-white));
  background-image: var(--ds-form-check-background-image);
  background-repeat: no-repeat;
  background-position: center center;
  border: var(--ds-border-l) solid var(--ds-form-check-border-color, var(--ds-color-super-dark-gray));
  box-sizing: border-box;
  display: block;
  margin: 0;
  position: relative;
  height: var(--ds-form-check-height, 1.375rem);
  width: var(--ds-form-check-width, 1.375rem);
  box-shadow: var(--ds-form-check-box-shadow, none);
}
.ds-pseudo-form-check--checked,
.ds-form-check__input:checked[type=checkbox] {
  --ds-form-check-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  --ds-form-check-border-color: var(--ds-form-check-border-color--checked, var(--ds-color-black));
  --ds-form-check-background-color: var(--ds-form-check-background-color--checked, var(--ds-color-black));
  --ds-form-check-background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%277%27%20viewBox%3D%270%200%2010%207%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M1.5%203.5L4%206%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M8.5%201.5L4%206%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E);
}
.ds-pseudo-form-check--checked-disabled,
.ds-form-check__input:checked:disabled[type=checkbox] {
  --ds-form-check-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  --ds-form-check-border-color: var(--ds-form-check-border-color--checked-disabled, var(--ds-color-gray));
  --ds-form-check-background-color: var(--ds-form-check-background-color--checked-disabled, var(--ds-color-light-gray));
  --ds-form-check-background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%277%27%20viewBox%3D%270%200%2010%207%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M1.5%203.5L4%206%27%20stroke%3D%27%2373696b%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M8.5%201.5L4%206%27%20stroke%3D%27%2373696b%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E);
}
.ds-pseudo-form-check--disabled,
.ds-form-check__input:disabled[type=checkbox] {
  --ds-form-check-border-color: var(--ds-form-check-border-color--checked-disabled, var(--ds-color-gray));
  --ds-form-check-background-color: var(--ds-form-check-background-color--disabled, var(--ds-color-light-gray));
}
.ds-pseudo-form-check--invalid,
.ds-form-check__input--invalid[type=checkbox] {
  --ds-form-check-border-color: var(--ds-form-check-border-color--invalid, var(--ds-color-theme-error));
  --ds-form-check-background-color: var(--ds-form-check-background-color--invalid, var(--ds-color-bg-error));
}
.ds-pseudo-form-check-radio,
.ds-form-check__input[type=radio] {
  border-radius: var(--ds-form-check-border-radio-radius, 0.688rem);
}
.ds-pseudo-form-check-radio::after,
.ds-form-check__input[type=radio]::after {
  content: "";
  position: absolute;
  background-color: var(--ds-form-check-radio-color, var(--ds-color-super-light-gray));
  -webkit-mask: url(data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2022%2022%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%275%27%20fill%3D%27currentColor%27%2F%3E%3C%2Fsvg%3E);
  mask: url(data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2022%2022%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%275%27%20fill%3D%27currentColor%27%2F%3E%3C%2Fsvg%3E);
  height: 1.25rem;
  width: 1.25rem;
}
.ds-pseudo-form-check-radio--checked,
.ds-form-check__input:checked[type=radio] {
  --ds-form-check-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  --ds-form-check-border-color: var(--ds-form-check-radio-border-color--checked, var(--ds-color-super-dark-gray));
  --ds-form-check-radio-color: var(--ds-form-check-radio-color--checked, var(--ds-color-super-dark-gray));
}
.ds-pseudo-form-check-radio--checked-disabled,
.ds-form-check__input:checked:disabled[type=radio] {
  --ds-form-check-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  --ds-form-check-border-color: var(--ds-form-check-radio-border-color--checked-disabled, var(--ds-color-gray));
  --ds-form-check-radio-color: var(--ds-form-check-radio-color--checked-disabled, var(--ds-color-gray));
}
.ds-pseudo-form-check-radio--checked-invalid,
.ds-form-check__input--invalid[type=radio]:checked {
  --ds-form-check-border-color: var(--ds-form-check-radio-border-color--checked-invalid, var(--ds-color-theme-error));
  --ds-form-check-radio-color: var(--ds-form-check-radio-color--checked-invalid, var(--ds-color-theme-error));
}
.ds-pseudo-form-check-radio--disabled,
.ds-form-check__input:disabled[type=radio] {
  --ds-form-check-border-color: var(--ds-form-check-radio-border-color--disabled, var(--ds-color-gray));
}
.ds-pseudo-form-check-radio--invalid,
.ds-form-check__input--invalid[type=radio] {
  --ds-form-check-border-color: var(--ds-form-check-radio-border-color--invalid, var(--ds-color-theme-error));
  --ds-form-check-radio-color: var(--ds-form-check-radio-color--invalid, var(--ds-color-bg-error));
}
.ds-form-check {
  --ds-label-text-transform: var(--ds-form-check-label-transform, none);
  display: flex;
  align-items: center;
  gap: var(--ds-form-check-gap, 0.9375rem);
}
.ds-form-check__wrapper {
  display: flex;
  align-items: center;
  gap: var(--ds-form-check-gap, 0.9375rem);
}
.ds-form-check__wrapper--full {
  flex: 1;
  justify-content: space-between;
}
.ds-form-check__input[type=checkbox] {
  border-radius: var(--ds-form-check-border-radius, var(--ds-radius-xs));
}
.ds-form-check__label {
  --ds-label-line-height: var(--ds-form-check-label-line-height, 130%);
  --ds-label-font-family: var(--ds-form-check-label-font-family, var(--ds-font-primary));
  --ds-label-font-size: var(--ds-form-check-label-font-size, var(--ds-font-size--m));
  --ds-label-font-weight: var(--ds-form-check-label-font-weight, var(--ds-font-weight--regular));
  --ds-label-letter-spacing: var(--ds-form-check-label-letter-spacing, normal);
  font-style: normal;
}
.ds-form-check__label > small {
  color: var(--ds-form-check-label-description-color, var(--ds-color-gray));
  display: block;
}
.ds-form-check-group {
  display: flex;
  flex-direction: column;
  gap: var(--ds-form-check-group-gap, 1rem);
}
.ds-form-check-switch {
  display: flex;
  gap: var(--ds-form-check-switch-gap, 0.625rem);
}
.ds-form-check-switch__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--ds-form-check-switch-background-color, var(--ds-color-gray));
  border: 1px solid var(--ds-form-check-switch-border-color, var(--ds-color-gray));
  border-radius: var(--ds-form-check-switch-border-radius, 0.625rem);
  display: block;
  height: var(--ds-form-check-switch-height, 1rem);
  margin: 0;
  position: relative;
  width: var(--ds-form-check-switch-width, 1.5rem);
}
.ds-form-check-switch__input::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  height: var(--ds-form-check-switch-size, 0.75rem);
  width: var(--ds-form-check-switch-size, 0.75rem);
  border-radius: 50%;
  background-color: var(--ds-form-check-switch-color, var(--ds-color-white));
  box-shadow: var(--ds-form-check-switch-box-shadow, 0 0 0.25rem 0 rgba(75, 68, 70, 0.3));
  transition: left .1s ease-in-out;
}
.ds-form-check-switch__input:checked {
  --ds-form-check-switch-background-color: var(--ds-form-check-switch-background-color--checked, var(--ds-color-theme-tertiary));
  --ds-form-check-switch-border-color: var(--ds-form-check-switch-border-color--checked, var(--ds-color-theme-tertiary));
}
.ds-form-check-switch__input:checked::after {
  left: calc(var(--ds-form-check-switch-size, 0.75rem) - 2px);
}
.ds-pseudo-form-check {
  border-radius: var(--ds-form-check-border-radius, var(--ds-radius-xs));
}
.ds-form-message {
  color: var(--ds-form-message-color, inherit);
  display: var(--ds-form-message-display, flex);
  font-size: var(--ds-form-message-font-size, 0.75rem);
  gap: var(--ds-form-message-gap, 0.25rem);
  line-height: var(--ds-form-message-line-height, 100%);
  padding: var(--ds-form-message-padding, var(--ds-space-4) var(--ds-space-4));
}
.ds-form-message--error {
  --ds-form-message-color: var(--ds-form-field-message-color--error, var(--ds-color-theme-error));
}
.ds-form-message__icon,
.ds-form-message__icon > * {
  display: var(--ds-form-message-icon-display, block);
  height: var(--ds-form-message-icon-height, 1em);
  width: var(--ds-form-message-icon-width, 1em);
}
.ds-tabs--primary .ds-tab::after,
.ds-tabs--primary::after {
  background: var(--ds-tab-border-color--primary, var(--ds-color-light-gray));
  height: .125rem;
  border-radius: 2.5rem;
  box-shadow: var(--ds-tab-border-shadow--primary, none);
  content: "";
  display: block;
}
.ds-tabs {
  display: var(--ds-tabs-display, inline-flex);
  flex-flow: row;
  gap: var(--ds-tabs-gap, var(--ds-space-0));
}
.ds-tabs .ds-tab {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-weight: var(--ds-tab-font-weight, var(--ds-font-weight--medium));
  gap: var(--ds-tab-gap, var(--ds-space-4));
  line-height: var(--ds-tab-line-height, normal);
  position: relative;
  box-sizing: border-box;
}
.ds-tabs .ds-tab__content {
  align-items: var(--ds-tab-content-align-items, flex-start);
  display: inline-flex;
  flex-direction: var(--ds-tab-content-flex-direction, row);
  gap: var(--ds-tab-content-gap, var(--ds-space-4));
  padding: var(--ds-tab-content-padding, var(--ds-space-0));
}
.ds-tabs .ds-tab__icon {
  line-height: 0;
}
.ds-tabs--primary {
  width: var(--ds-tabs-width--primary, 100%);
}
.ds-tabs--primary::after {
  flex: 1;
  align-self: flex-end;
}
.ds-tabs--primary .ds-tab {
  --ds-tab-gap: var(--ds-tab-gap--primary, var(--ds-space-8));
  --ds-tab-content-gap: var(--ds-tab-content-gap--primary, var(--ds-space-4));
  --ds-tab-content-padding: var(--ds-tab-content-padding--primary, var(--ds-space-0) var(--ds-space-12));
  color: var(--ds-tab-color--primary, var(--ds-color-super-dark-gray));
  flex-flow: column;
  font-size: var(--ds-tab-font-size--primary, var(--ds-font-size--l));
  justify-content: flex-end;
}
.ds-tabs--primary .ds-tab__counter {
  align-items: center;
  background: var(--ds-tab-counter-background, var(--ds-color-light-gray));
  border-radius: 1.875rem;
  color: var(--ds-tab-counter-color, var(--ds-color-super-dark-gray));
  display: inline-flex;
  flex-direction: column;
  font-family: var(--ds-tab-counter-font-family, var(--ds-font-mono));
  font-size: var(--ds-tab-counter-font-size, 0.5625rem);
  font-style: normal;
  font-weight: var(--ds-font-weight--bold);
  gap: .625rem;
  line-height: var(--ds-tab-counter-line-height, 0.7);
  padding: var(--ds-tab-counter-padding, 0.1875rem);
  text-align: center;
}
.ds-tabs--primary .ds-tab__counter--l {
  --ds-tab-counter-font-size: var(--ds-font-size--xs);
  --ds-tab-counter-padding: 0.375rem 0.375rem 0.3125rem 0.375rem;
}
.ds-tabs--primary .ds-tab__counter--badge {
  --ds-tab-counter-background: var(--ds-tab-counter-background--badge, var(--ds-color-theme-primary));
  --ds-tab-counter-color: var(--ds-tab-counter-background--color, var(--ds-color-white));
}
.ds-tabs--primary .ds-tab__label {
  align-items: flex-start;
  display: flex;
}
.ds-tabs--primary .ds-tab::after {
  align-self: stretch;
}
.ds-tabs--primary .ds-tab--active {
  --ds-tab-color--primary: var(--ds-tab-color--primary--active, var(--ds-color-theme-tertiary));
  --ds-tab-border-shadow--primary: var( --ds-tab-border-shadow--primary--active, 0 0 3px 0 var(--ds-tab-border-shadow-color--primary, rgba(2, 105, 200, 0.5)) );
  --ds-tab-border-color--primary: var(--ds-tab-border-color--primary--active, var(--ds-color-theme-tertiary));
}
.ds-tabs--primary .ds-tab:hover {
  --ds-tab-border-shadow--primary: none;
  --ds-tab-color--primary: var(--ds-tab-color--primary--hover, var(--ds-color-dark-gray));
  --ds-tab-border-color--primary: var(--ds-tab-border-color--primary--hover, var(--ds-color-hover--tertiary));
}
.ds-tabs--secondary {
  --ds-tabs-gap: var(--ds-tabs-gap--secondary, var(--ds-space-8));
}
.ds-tabs--secondary .ds-tab {
  border: var(--ds-border-l) solid var(--ds-tab-border-color--secondary, var(--ds-color-black));
  background: var(--ds-tab-bg--secondary, var(--ds-color-white));
  border-radius: var(--ds-tab-border-radius--secondary, var(--ds-radius-l));
  color: var(--ds-tab-color--secondary, var(--ds-color-black));
  font-size: var(--ds-tab-font-size--secondary, var(--ds-font-size--s));
  padding: var(--ds-tab-padding--secondary, var(--ds-space-8) var(--ds-space-16));
}
.ds-tabs--secondary .ds-tab__label {
  display: flex;
  align-self: flex-end;
}
.ds-tabs--secondary .ds-tab--active {
  --ds-tab-bg--secondary: var(--ds-tab-bg--secondary--active, var(--ds-color-black));
  --ds-tab-color--secondary: var(--ds-tab-color--secondary--active, var(--ds-color-white));
}
.ds-tabs--secondary .ds-tab:hover {
  --ds-tab-bg--secondary: var(--ds-tab-bg--secondary--hover, var(--ds-color-bg-primary));
  --ds-tab-color--secondary: var(--ds-tab-color--secondary--hover, var(--ds-color-super-dark-gray));
  --ds-tab-border-color--secondary: var(--ds-tab-border-color--secondary--hover, var(--ds-color-theme-secondary));
}
.ds-tabs--tertiary {
  --ds-tabs-gap: var(--ds-tabs-gap--tertiary, var(--ds-space-8));
}
.ds-tabs--tertiary .ds-tab {
  --ds-tab-font-weight: var(--ds-tab-font-weight--tertiary, var(--ds-font-weight--medium));
  background: var(--ds-tab-bg--tertiary, var(--ds-color-lighter-gray));
  border-radius: var(--ds-tab-border-radius--tertiary, var(--ds-radius-m));
  color: var(--ds-tab-color--tertiary, var(--ds-color-super-dark-gray));
  font-size: var(--ds-tab-font-size--tertiary, var(--ds-font-size--s));
  justify-content: center;
  padding: var(--ds-tab-padding--tertiary, 0.6875rem 0.9375rem 0.5625rem 0.875rem);
}
.ds-tabs--tertiary .ds-tab__label {
  display: flex;
  align-self: flex-end;
}
.ds-tabs--tertiary .ds-tab--active {
  --ds-tab-bg--tertiary: var(--ds-tabs-bg--tertiary--active, var(--ds-color-bg-primary));
  --ds-tab-color--tertiary: var(--ds-tab-color--tertiary--active, var(--ds-color-black));
  --ds-tab-font-weight: var(--ds-tab-font-weight--tertiary--active, var(--ds-font-weight--bold));
}
.ds-tabs--tertiary .ds-tab:hover {
  --ds-tab-bg--tertiary: var(--ds-tabs-bg--tertiary--hover, var(--ds-color-hover--tertiary));
  --ds-tab-color--tertiary: var(--ds-tab-color--tertiary--hover, var(--ds-color-theme-tertiary));
}
.ds-tabs--mobile-menu {
  --ds-tabs-gap: var(--ds-tabs-gap--mobile, var(--ds-space-8));
}
.ds-tabs--mobile-menu .ds-tab {
  --ds-tab-font-weight: var(--ds-tab-font-weight--mobile, var(--ds-font-weight--regular));
  --ds-tab-line-height: var(--ds-tab-line-height--mobile, 150%);
  --ds-tab-content-align-items: center;
  --ds-tab-content-flex-direction: column;
  background: var(--ds-tab-bg--mobile, var(--ds-color-white));
  border-radius: var(--ds-tab-border-radius--mobile, var(--ds-radius-m));
  color: var(--ds-tab-color--mobile, var(--ds-color-super-dark-gray));
  flex-direction: column;
  font-size: var(--ds-tab-font-size--mobile, 0.6875rem);
  padding: var(--ds-tab-padding--mobile, var(--ds-space-4) var(--ds-space-12));
  text-align: center;
  width: var(--ds-tab-width--mobile, 3rem);
  white-space: nowrap;
}
.ds-tabs--mobile-menu .ds-tab__icon {
  color: var(--ds-tab-color-icon--mobile, var(--ds-color-dark-gray));
  height: var(--ds-tab-color-icon--size, 1.5rem);
  width: var(--ds-tab-color-icon--size, 1.5rem);
}
.ds-tabs--mobile-menu .ds-tab--active {
  --ds-tab-font-weight: var(--ds-tab-font-weight--mobile--active, var(--ds-font-weight--bold));
  --ds-tab-bg--mobile: var(--ds-tab-bg--mobile--active, var(--Gradient-Light-Box, linear-gradient(1deg, #e9f0f6 38.03%, #a7d3fb 129.08%)));
  --ds-tab-color--mobile: var(--ds-tab-color--mobile--active, var(--ds-color-theme-tertiary));
  --ds-tab-color-icon--mobile: var(--ds-tab-color-icon--mobile--active, var(--ds-color-theme-tertiary));
}
.ds-tabs--floating {
  --ds-tab-bg--tertiary: var(--ds-tab-bg--tertiary--floating, var(--ds-color-white));
  align-items: flex-start;
  background: var(--ds-tabs-bg--floating, var(--ds-color-white));
  border-radius: var(--ds-tabs-border-radius--floating, var(--ds-radius-l));
  box-shadow: var(--ds-tabs-box-shadow--floating, var(--ds-shadow--level-2));
  padding: var(--ds-tabs-padding--floating, var(--ds-space-8) var(--ds-space-16));
}
.ds-tiles {
  display: flex;
  flex-direction: column;
  gap: var(--ds-tiles-gap, var(--ds-space-12));
}
.ds-tiles .ds-tile {
  align-items: center;
  background-repeat: no-repeat;
  background: var(--ds-tile-bg, var(--ds-color-white));
  border-radius: var(--ds-radius-m);
  border: var(--ds-tile-border, var(--ds-border-s) solid var(--ds-color-light-gray));
  box-shadow: var(--ds-tile-shadow, none);
  box-sizing: border-box;
  cursor: var(--ds-tile-cursor, pointer);
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  gap: var(--ds-tile-gap, var(--ds-space-20));
  padding: var(--ds-tile-padding, var(--ds-space-8) var(--ds-space-16));
  width: var(--ds-tile-width, 100%);
}
.ds-tiles .ds-tile__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ds-tiles .ds-tile__title {
  color: var(--ds-tile-title-color, var(--ds-tile-title-color--default, var(--ds-color-black)));
  font-size: var(--ds-tile-title-font-size, var(--ds-tile-title-font-size--m, 1rem));
  font-weight: var(--ds-tile-title-font-weight, var(--ds-font-weight--medium));
  line-height: normal;
  word-break: var(--ds-tile-title-word-break, normal);
}
.ds-tiles .ds-tile__description {
  color: var(--ds-tile-description-color, var(--ds-tile-description-color--default, var(--ds-color-dark-gray)));
  font-size: var(--ds-tile-description-font-size, var(--ds-font-size--xs));
  line-height: 150%;
}
.ds-tiles .ds-tile__icon {
  width: var(--ds-tile-icon-size, 3.5rem);
  height: var(--ds-tile-icon-size, 3.5rem);
}
.ds-tiles .ds-tile__icon svg {
  width: 100%;
  height: 100%;
}
.ds-tiles .ds-tile__suffix {
  display: var(--ds-tile-suffix-display, flex);
}
.ds-tiles .ds-tile__arrow {
  width: 1rem;
  height: 1rem;
  justify-self: flex-end;
  line-height: normal;
}
.ds-tiles .ds-tile__arrow svg {
  width: 100%;
  height: 100%;
  color: var(--ds-tile-arrow-color, var(--ds-tile-arrow-color--default, var(--ds-color-dark-gray)));
}
.ds-tiles .ds-tile:hover:not(.ds-tiles .ds-tile--static) {
  --ds-tile-border: var(--ds-tile-border--hover, var(--ds-border-s) solid var(--ds-color-light-blue));
}
.ds-tiles .ds-tile--selected {
  --ds-tile-bg: var(--ds-tile-bg--selected, var(--ds-color-blue-bg));
  --ds-tile-shadow: var(--ds-tile-shadow--selected, 3px 2px 0 0 var(--ds-color-blue-bg), 3px -2px 0 0 var(--ds-color-blue-bg), -3px -2px 0 0 var(--ds-color-blue-bg), -3px 2px 0 0 var(--ds-color-blue-bg));
  --ds-tile-border: var(--ds-tile-border--selected, 2px solid var(--ds-color-light-blue));
  --ds-tile-title-color: var(--ds-tile-title-color--selected, var(--ds-color-black));
  --ds-tile-description-color: var(--ds-tile-description-color--selected, var(--ds-color-dark-gray));
  --ds-tile-arrow-color: var(--ds-tile-arrow-color--selected, var(--ds-color-dark-blue));
}
.ds-tiles .ds-tile--selected:hover {
  --ds-tile-border: var(--ds-tile-border--hover, 2px solid var(--ds-color-light-blue));
}
.ds-tiles .ds-tile--featured {
  --ds-tile-bg: var(--ds-tile-bg--featured, linear-gradient(to left, #FFF8E6 0%, #FFDA84 100%));
  --ds-tile-shadow: var(--ds-tile-shadow--featured, none);
  --ds-tile-border: var(--ds-tile-border--featured, var(--ds-border-s) solid transparent);
  --ds-tile-title-color: var(--ds-tile-title-color--featured, var(--ds-color-black));
  --ds-tile-description-color: var(--ds-tile-description-color--featured, var(--ds-color-dark-gray));
  --ds-tile-arrow-color: var(--ds-tile-arrow-color--featured, var(--ds-color-dark-gray));
}
.ds-tiles .ds-tile--featured:hover:not(.ds-tiles .ds-tile--static) {
  --ds-tile-border: var(--ds-tile-border--featured-hover, var(--ds-border-s) solid var(--ds-color-orange));
}
.ds-tiles .ds-tile--featured-selected {
  --ds-tile-bg: var(--ds-tile-bg--featured, linear-gradient(to left, #FFF8E6 0%, #FFDA84 100%));
  --ds-tile-shadow: var(--ds-tile-shadow--featured-selected, 3px 2px 0 0 #FFF8E6, 3px -2px 0 0 #FFF8E6, -3px -2px 0 0 #FFF8E6, -3px 2px 0 0 #FFF8E6);
  --ds-tile-border: var(--ds-tile-border--featured-selected, 2px solid var(--ds-color-orange));
  --ds-tile-title-color: var(--ds-tile-title-color--featured-selected, var(--ds-color-black));
  --ds-tile-description-color: var(--ds-tile-description-color--featured-selected, var(--ds-color-dark-gray));
  --ds-tile-arrow-color: var(--ds-tile-arrow-color--featured-selected, var(--ds-color-yellow));
}
.ds-tiles .ds-tile--featured-selected:hover {
  --ds-tile-border: var(--ds-tile-border--featured-hover, 2px solid var(--ds-color-orange));
}
.ds-tiles .ds-tile--disabled {
  --ds-tile-title-color: var(--ds-tile-title-color--disabled, var(--ds-color-gray));
  --ds-tile-description-color: var(--ds-tile-description-color--disabled, var(--ds-color-gray));
  --ds-tile-arrow-color: var(--ds-tile-arrow-color--featured-disabled, var(--ds-color-gray));
  --ds-tile-cursor: var(--ds-tile-cursor--disabled, not-allowed);
}
.ds-tiles .ds-tile--disabled:hover {
  --ds-tile-border: var(--ds-tile-border--featured-hover, var(--ds-border-s) solid var(--ds-color-light-gray));
}
.ds-tiles .ds-tile--static {
  --ds-tile-cursor: var(--ds-tile-cursor--static, default);
}
.ds-tiles--s {
  --ds-tiles-gap: var(--ds-tiles-gap--s, var(--ds-space-12));
  --ds-tile-icon-size: var(--ds-tile-icon-size--s, 3rem);
  --ds-tile-title-font-size: var(--ds-tile-title-font-size--s, var(--ds-font-size--s));
  --ds-tile-description-font-size: var(--ds-tile-description-font-size--s, var(--ds-font-size--xs));
  --ds-tile-padding: var(--ds-tile-padding--horizontal--s, var(--ds-space-4) var(--ds-space-16));
  --ds-tile-width: var(--ds-tile-width--horizontal--s, 100%);
}
.ds-tiles--l {
  --ds-tiles-gap: var(--ds-tiles-gap--l, var(--ds-space-16));
  --ds-tile-icon-size: var(--ds-tile-icon-size--l, 4.5rem);
  --ds-tile-title-font-size: var(--ds-tile-title-font-size--l, var(--ds-font-size--l));
  --ds-tile-description-font-size: var(--ds-tile-description-font-size--s, var(--ds-font-size--xs));
  --ds-tile-padding: var(--ds-tile-padding--horizontal--l, var(--ds-space-12) var(--ds-space-16));
  --ds-tile-width: var(--ds-tile-width--horizontal--l, 100%);
}
.ds-tiles--vertical {
  flex-direction: row;
  justify-content: center;
  text-align: center;
  --ds-tile-width: var(--ds-tile-width--vertical, 5.375rem);
  --ds-tile-padding: var(--ds-tile-padding--vertical, var(--ds-space-12) var(--ds-space-12));
  --ds-tile-title-word-break: var(--ds-tile-title-word-break--vertical, keep-all);
}
.ds-tiles--vertical .ds-tile {
  flex-direction: column;
}
.ds-tiles--vertical .ds-tile--s {
  --ds-tile-width: var(--ds-tile-width--vertical--s, 5.375rem);
  --ds-tile-padding: var(--ds-tile-padding--vertical--s, var(--ds-space-12) var(--ds-space-12));
}
.ds-tiles--vertical .ds-tile--l {
  --ds-tile-width: var(--ds-tile-width--vertical--l, 6.5rem);
  --ds-tile-padding: var(--ds-tile-padding--vertical, var(--ds-space-12) var(--ds-space-16));
}
.ds-tooltip {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: var(--ds-tooltip-gap, var(--ds-space-8));
  color: var(--ds-tooltip-color, var(--ds-tooltip-color--light, var(--ds-color-dark-gray)));
  background-color: var(--ds-tooltip-bg-color, var(--ds-tooltip-bg-color--light, var(--ds-color-white)));
  box-shadow: var(--ds-tooltip-shadow, var(--ds-shadow--level-2));
  padding: var(--ds-tooltip-padding, var(--ds-space-16));
  width: var(--ds-tooltip-width, -moz-fit-content);
  width: var(--ds-tooltip-width, fit-content);
  border-radius: var(--ds-tooltip-radius, var(--ds-radius-s));
  font-size: var(--ds-toolitp-font-size, var(--ds-font-size--xs));
  z-index: var(--ds-tooltip-z-index, 1000);
}
.ds-tooltip::before {
  content: "";
  width: var(--ds-tooltip-arrow-size, 1.125rem);
  height: var(--ds-tooltip-arrow-size, 1.125rem);
  transform: rotate(-45deg);
  border-radius: .188rem;
  position: absolute;
  background-color: var(--ds-tooltip-bg-color, var(--ds-tooltip-bg-color--light, var(--ds-color-white)));
  top: var(--ds-tooltip-arrow-y, var(--ds-tooltip-arrow-y--top, calc(100% + var(--ds-tooltip-arrow-size, 1.125rem) / -1.5)));
  left: var(--ds-tooltip-arrow-x, var(--ds-tooltip-arrow-x--top, calc(50% - var(--ds-tooltip-arrow-size, 1.125rem) / 2)));
  z-index: -1;
}
.ds-tooltip__header {
  color: var(--ds-tooltip-header-color, var(--ds-tooltip-header-color--light, var(--ds-color-black)));
  font-size: var(--ds-toolitp-header-font-size, var(--ds-font-size--l));
}
.ds-tooltip__content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--ds-space-12);
}
.ds-tooltip__content svg {
  flex-shrink: 0;
  flex-grow: 0;
}
.ds-tooltip__buttons {
  display: flex;
  justify-content: flex-start;
  gap: var(--ds-space-12);
}
.ds-tooltip--dark {
  --ds-tooltip-color: var(--ds-tooltip-color--dark, var(--ds-color-white));
  --ds-tooltip-bg-color: var(--ds-tooltip-bg-color--dark, var(--ds-color-black));
  --ds-tooltip-header-color: var(--ds-tooltip-header-color--dark, var(--ds-color-white));
}
.ds-tooltip--warn {
  --ds-tooltip-color: var(--ds-tooltip-color--warn, var(--ds-color-dark-gray));
  --ds-tooltip-bg-color: var(--ds-tooltip-bg-color--warn, #FFEFCF);
  --ds-tooltip-header-color: var(--ds-tooltip-header-color--warn, var(--ds-color-black));
}
.ds-tooltip--top-right {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--top-right, calc(100% + var(--ds-tooltip-arrow-size, 1.125rem) / -1.5));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--top-right, calc(var(--ds-tooltip-arrow-size, 1.125rem) * 1.5));
}
.ds-tooltip--top-left {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--top-left, calc(100% + var(--ds-tooltip-arrow-size, 1.125rem) / -1.5));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--top-left, calc(100% - var(--ds-tooltip-arrow-size, 1.125rem) * 2.5));
}
.ds-tooltip--bottom {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--bottom, calc(var(--ds-tooltip-arrow-size, 1.125rem) / -3));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--bottom, calc(50% - var(--ds-tooltip-arrow-size, 1.125rem) / 2));
}
.ds-tooltip--bottom-right {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--bottom-right, calc(var(--ds-tooltip-arrow-size, 1.125rem) / -3));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--bottom-right, calc(var(--ds-tooltip-arrow-size, 1.125rem) * 1.5));
}
.ds-tooltip--bottom-left {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--bottom-left, calc(var(--ds-tooltip-arrow-size, 1.125rem) / -3));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--bottom-left, calc(100% - var(--ds-tooltip-arrow-size, 1.125rem) * 2.5));
}
.ds-tooltip--right {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--right, calc(50% - var(--ds-tooltip-arrow-size, 1.125rem) / 2));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--right, calc(var(--ds-tooltip-arrow-size, 1.125rem) / -3));
}
.ds-tooltip--right-bottom {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--right-top, calc(var(--ds-tooltip-arrow-size, 1.125rem) * 1.5));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--right-top, calc(var(--ds-tooltip-arrow-size, 1.125rem) / -3));
}
.ds-tooltip--right-top {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--right-bottom, calc(100% - var(--ds-tooltip-arrow-size, 1.125rem) * 2.5));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--right-bottom, calc(var(--ds-tooltip-arrow-size, 1.125rem) / -3));
}
.ds-tooltip--left {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--left, calc(50% - var(--ds-tooltip-arrow-size, 1.125rem) / 2));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--left, calc(100% + var(--ds-tooltip-arrow-size, 1.125rem) / -1.5));
}
.ds-tooltip--left-bottom {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--left-top, calc(var(--ds-tooltip-arrow-size, 1.125rem) * 1.5));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--left-top, calc(100% + var(--ds-tooltip-arrow-size, 1.125rem) / -1.5));
}
.ds-tooltip--left-top {
  --ds-tooltip-arrow-y: var(--ds-tooltip-arrow-y--left-bottom, calc(100% - var(--ds-tooltip-arrow-size, 1.125rem) * 2.5));
  --ds-tooltip-arrow-x: var(--ds-tooltip-arrow-x--left-bottom, calc(100% + var(--ds-tooltip-arrow-size, 1.125rem) / -1.5));
}
.ds-tooltip--bubble {
  --ds-tooltip-padding: var(--ds-tooltip-padding--bubble, var(--ds-space-12));
}
.ds-context-menu {
  --ds-context-menu-border-radius: var(--ds-context-menu-border-radius-default, 1.5rem);
  display: flex;
  flex-direction: column;
  max-height: var(--ds-context-menu-max-height, 22.5rem);
  box-shadow: var(--ds-context-menu-shadow, 0 20px 100px -40px rgba(0, 0, 0, 0.2), 0 10px 20px -10px rgba(0, 0, 0, 0.05));
  border-radius: var(--ds-context-menu-border-radius);
}
.ds-context-menu__header {
  --ds-form-field-margin-top: 0;
  background-color: var(--ds-context-menu-background-color, var(--ds-color-white));
  border-radius: var(--ds-context-menu-border-radius) var(--ds-context-menu-border-radius) 0 0;
  padding: var(--ds-context-menu-header-padding, var(--ds-space-16));
}
.ds-context-menu__header + .ds-context-menu__options {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ds-context-menu__options {
  background-color: var(--ds-context-menu-background-color, var(--ds-color-white));
  border-radius: var(--ds-context-menu-border-radius);
  display: flex;
  flex-direction: column;
  overflow-y: var(--ds-context-menu-overflow-y, auto);
}
.ds-context-menu__options > .ds-context-menu-group:first-child {
  --ds-context-menu-group-padding: var(--ds-context-menu-group-padding--first, 0.5rem 1rem 0.25rem 1rem);
}
.ds-context-menu--mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: -moz-fit-content;
  height: fit-content;
  max-height: var(--ds-context-menu-max-height--mobile, 90%);
}
.ds-context-menu--mobile .ds-context-menu__options {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ds-context-menu-option {
  font-weight: 500;
  font-size: .875rem;
  line-height: normal;
  align-items: center;
  box-sizing: border-box;
  background-color: var(--ds-context-menu-option-background-color, var(--ds-color-white));
  color: var(--ds-context-menu-option-color, var(--ds-color-super-dark-gray));
  cursor: var(--ds-context-menu-option-cursor, pointer);
  display: flex;
  gap: var(--ds-context-menu-option-gap, 0.5rem);
  height: auto;
  padding: var(--ds-context-menu-option-padding, 1rem 1.5rem);
}
.ds-context-menu-option:not(.ds-context-menu-option--disabled):hover,
.ds-context-menu-option--selected {
  --ds-context-menu-option-background-color: var(--ds-context-menu-option-background-color--selected, var(--ds-color-hover--tertiary));
}
.ds-context-menu-option--disabled {
  --ds-context-menu-option-color: var(--ds-context-menu-option-color--disabled, var(--ds-color-gray));
  --ds-context-menu-option-cursor: var(--ds-context-menu-option-cursor--disabled, not-allowed);
}
.ds-context-menu-option--delete {
  --ds-context-menu-option-background-color--selected: var( --ds-context-menu-option-background-color--selected--delete, var(--ds-color-red-bg) );
  --ds-context-menu-option-color: var(--ds-context-menu-option-color--delete, var(--ds-color-status-error));
}
.ds-context-menu-option__content {
  display: flex;
  flex-direction: column;
  gap: var(--ds-context-menu-option-content-gap, var(--ds-space-8));
}
.ds-context-menu-option__content small {
  font-size: .75rem;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--ds-color-text-subline);
}
.ds-context-menu-option__icon {
  height: var(--ds-context-menu-option-icon-size, 1rem);
  width: var(--ds-context-menu-option-icon-size, 1rem);
}
.ds-context-menu-option__icon > svg {
  height: var(--ds-context-menu-option-icon-size, 1rem);
  width: var(--ds-context-menu-option-icon-size, 1rem);
}
.ds-context-menu-group {
  font-family: var(--ds-label-font-family, var(--ds-font-secondary));
  font-size: var(--ds-label-font-size, 0.8rem);
  font-weight: var(--ds-label-font-weight, var(--ds-font-weight--regular));
  letter-spacing: var(--ds-label-letter-spacing, 0);
  line-height: var(--ds-label-line-height, 160%);
  text-transform: var(--ds-label-text-transform, uppercase);
  color: var(--ds-context-menu-group-color, var(--ds-color-dark-gray));
  display: flex;
  align-items: center;
  padding: var(--ds-context-menu-group-padding, 0.25rem 1rem);
}
.ds-context-menu-group::after {
  content: "";
  background-color: var(--ds-context-menu-group-line-color, var(--ds-color-light-gray));
  flex: 1;
  height: 1px;
  margin-left: var(--ds-context-menu-group-line-margin, 0.5rem);
}
.ds-stepper {
  display: flex;
  flex-direction: row;
  gap: var(--ds-stepper-gap, 2rem);
}
.ds-stepper .ds-step {
  display: flex;
  align-items: center;
  gap: var(--ds-space-8);
}
.ds-stepper .ds-step__indicator {
  border-radius: 50%;
  width: var(--ds-step-indicator-size, 1.5rem);
  height: var(--ds-step-indicator-size, 1.5rem);
  background: var(--ds-step-indicator-bg, var(--ds-step-indicator-bg--unpassed, no-repeat center/contain url(data:image/svg+xml,%3Csvg%20width%3D%2736%27%20height%3D%2736%27%20viewBox%3D%270%200%2036%2036%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect%20x%3D%270.75%27%20y%3D%270.75%27%20width%3D%2734.5%27%20height%3D%2734.5%27%20rx%3D%2717.25%27%20stroke%3D%27%234B4446%27%20stroke-width%3D%271.5%27%2F%3E%3Crect%20x%3D%279.14639%27%20y%3D%279.14639%27%20width%3D%2717.7072%27%20height%3D%2717.7072%27%20rx%3D%278.85361%27%20fill%3D%27%23F2F2F2%27%2F%3E%3C%2Fsvg%3E)));
  animation: var(--ds-step-indicator-animation, var(--ds-step-indicator-animation--unpassed, unset));
  transform-origin: center;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ds-stepper .ds-step__content {
  display: flex;
  flex-direction: column;
  gap: var(--ds-space-4);
  line-height: normal;
}
.ds-stepper .ds-step__content .ds-step__title {
  font-weight: var(--ds-step-title-font-weight, var(--ds-step-title-font-weight--unpassed, 400));
  font-size: var(--ds-step-title-font-size, var(--ds-font-size--m));
  color: var(--ds-step-title-color, var(--ds-step-title-color--unpassed, var(--ds-color-dark-gray)));
}
.ds-stepper .ds-step__content .ds-step__progress-value {
  font-family: var(--ds-label-font-family, var(--ds-font-secondary));
  font-size: var(--ds-label-font-size, 0.8rem);
  font-weight: var(--ds-label-font-weight, var(--ds-font-weight--regular));
  letter-spacing: var(--ds-label-letter-spacing, 0);
  line-height: var(--ds-label-line-height, 160%);
  text-transform: var(--ds-label-text-transform, uppercase);
  color: var(--ds-step-progress-value-color, var(--ds-step-progress-value-color--unpassed, var(--ds-color-dark-gray)));
}
.ds-stepper .ds-step--passed {
  --ds-step-indicator-bg: var(--ds-step-indicator-bg--passed, no-repeat center/contain url(data:image/svg+xml,%3Csvg%20width%3D%2736%27%20height%3D%2736%27%20viewBox%3D%270%200%2036%2036%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect%20width%3D%2736%27%20height%3D%2736%27%20rx%3D%2718%27%20fill%3D%27%2300C755%27%2F%3E%3Cpath%20d%3D%27M11.25%2018.314L15.5357%2022.5L24.75%2013.5%27%20stroke%3D%27white%27%20stroke-width%3D%273%27%2F%3E%3C%2Fsvg%3E));
  --ds-step-indicator-animation: var(--ds-step-indicator-animation--passed, unset);
  --ds-step-title-font-weight: var(--ds-step-title-font-weight--passed, 400);
  --ds-step-title-color: var(--ds-step-title-color--passed, var(--ds-color-dark-gray));
  --ds-step-progress-value-color: var(--ds-step-progress-value-color--passed, var(--ds-color-dark-gray));
}
.ds-stepper .ds-step--active {
  --ds-step-indicator-bg: var(--ds-step-indicator-bg--active, no-repeat center/contain url(data:image/svg+xml,%3Csvg%20width%3D%2736%27%20height%3D%2736%27%20viewBox%3D%270%200%2036%2036%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect%20x%3D%270.75%27%20y%3D%270.75%27%20width%3D%2734.5%27%20height%3D%2734.5%27%20rx%3D%2717.25%27%20stroke%3D%27%234B4446%27%20stroke-width%3D%271.5%27%2F%3E%3Crect%20x%3D%276.89639%27%20y%3D%276.89636%27%20width%3D%2722.2072%27%20height%3D%2722.2072%27%20rx%3D%2711.1036%27%20fill%3D%27%23231F20%27%20stroke%3D%27%23F2F2F2%27%20stroke-width%3D%274.5%27%2F%3E%3C%2Fsvg%3E));
  --ds-step-indicator-animation: var(--ds-step-indicator-animation--active, unset);
  --ds-step-title-font-weight: var(--ds-step-title-font-weight--active, 500);
  --ds-step-title-color: var(--ds-step-title-color--active, var(--ds-color-black));
  --ds-step-progress-value-color: var(--ds-step-progress-value-color--active, var(--ds-color-dark-gray));
}
.ds-stepper .ds-step--loading {
  --ds-step-indicator-bg: no-repeat center/contain url("data:image/svg+xml,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.75' y='0.75' width='34.5' height='34.5' rx='17.25' stroke='%234B4446' stroke-width='1.5'/%3e %3cmask id='path-2-inside-1_10563_799' fill='white'%3e %3cpath d='M26.6376 17.6378C26.6376 22.6084 22.6082 26.6378 17.6376 26.6378C12.6671 26.6378 8.63763 22.6084 8.63763 17.6378C8.63763 12.6673 12.6671 8.63782 17.6376 8.63782C22.6082 8.63782 26.6376 12.6673 26.6376 17.6378Z'/%3e %3c/mask%3e %3cg clip-path='url%28%23paint0_angular_10563_799_clip_path%29' data-figma-skip-parse='true' mask='url%28%23path-2-inside-1_10563_799%29'%3e%3cg transform='matrix%280 0.009 -0.009 0 17.6376 17.6378%29'%3e%3cforeignObject x='-1500' y='-1500' width='3000' height='3000'%3e%3cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient%28from 90deg,rgba%282, 105, 200, 1%29 0deg,rgba%282, 105, 200, 0%29 360deg%29;height:100%;width:100%;opacity:1'%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cpath d='M26.6376 17.6378H22.1376C22.1376 20.1231 20.1229 22.1378 17.6376 22.1378V26.6378V31.1378C25.0935 31.1378 31.1376 25.0937 31.1376 17.6378H26.6376ZM17.6376 26.6378V22.1378C15.1524 22.1378 13.1376 20.1231 13.1376 17.6378H8.63763H4.13763C4.13763 25.0937 10.1818 31.1378 17.6376 31.1378V26.6378ZM8.63763 17.6378H13.1376C13.1376 15.1525 15.1524 13.1378 17.6376 13.1378V8.63782V4.13782C10.1818 4.13782 4.13763 10.182 4.13763 17.6378H8.63763ZM17.6376 8.63782V13.1378C20.1229 13.1378 22.1376 15.1525 22.1376 17.6378H26.6376H31.1376C31.1376 10.182 25.0935 4.13782 17.6376 4.13782V8.63782Z' data-figma-gradient-fill='{&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:[{&%2334;color&%2334;:{&%2334;r&%2334;:0.0078431377187371254,&%2334;g&%2334;:0.41176471114158630,&%2334;b&%2334;:0.78431373834609985,&%2334;a&%2334;:1.0},&%2334;position&%2334;:0.0},{&%2334;color&%2334;:{&%2334;r&%2334;:0.0078431377187371254,&%2334;g&%2334;:0.41176471114158630,&%2334;b&%2334;:0.78431373834609985,&%2334;a&%2334;:0.0},&%2334;position&%2334;:1.0}],&%2334;stopsVar&%2334;:[{&%2334;color&%2334;:{&%2334;r&%2334;:0.0078431377187371254,&%2334;g&%2334;:0.41176471114158630,&%2334;b&%2334;:0.78431373834609985,&%2334;a&%2334;:1.0},&%2334;position&%2334;:0.0},{&%2334;color&%2334;:{&%2334;r&%2334;:0.0078431377187371254,&%2334;g&%2334;:0.41176471114158630,&%2334;b&%2334;:0.78431373834609985,&%2334;a&%2334;:0.0},&%2334;position&%2334;:1.0}],&%2334;transform&%2334;:{&%2334;m00&%2334;:1.1021821408568715e-15,&%2334;m01&%2334;:-18.0,&%2334;m02&%2334;:26.637634277343750,&%2334;m10&%2334;:18.0,&%2334;m11&%2334;:1.1021821408568715e-15,&%2334;m12&%2334;:8.63781738281250},&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true}' mask='url%28%23path-2-inside-1_10563_799%29'/%3e %3cdefs%3e %3cclipPath id='paint0_angular_10563_799_clip_path'%3e%3cpath d='M26.6376 17.6378H22.1376C22.1376 20.1231 20.1229 22.1378 17.6376 22.1378V26.6378V31.1378C25.0935 31.1378 31.1376 25.0937 31.1376 17.6378H26.6376ZM17.6376 26.6378V22.1378C15.1524 22.1378 13.1376 20.1231 13.1376 17.6378H8.63763H4.13763C4.13763 25.0937 10.1818 31.1378 17.6376 31.1378V26.6378ZM8.63763 17.6378H13.1376C13.1376 15.1525 15.1524 13.1378 17.6376 13.1378V8.63782V4.13782C10.1818 4.13782 4.13763 10.182 4.13763 17.6378H8.63763ZM17.6376 8.63782V13.1378C20.1229 13.1378 22.1376 15.1525 22.1376 17.6378H26.6376H31.1376C31.1376 10.182 25.0935 4.13782 17.6376 4.13782V8.63782Z' mask='url%28%23path-2-inside-1_10563_799%29'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  --ds-step-indicator-animation: var(--ds-step-indicator-animation--loading, spin 2s linear infinite);
  --ds-step-title-font-weight: var(--ds-step-title-font-weight--loading, 400);
  --ds-step-title-color: var(--ds-step-title-color--loading, var(--ds-color-dark-gray));
  --ds-step-progress-value-color: var(--ds-step-progress-value-color--loading, var(--ds-color-dark-gray));
}
.ds-stepper--compact:not(.ds-stepper--vertical) {
  gap: 0;
}
.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step::after {
  content: "";
  display: block;
  width: var(--ds-stepper-line-length--compact, 2.25rem);
  height: var(--ds-stepper-line-weight, var(--ds-stepper-line-weight--compact, 1px));
  background: var(--ds-stepper-line-color, var(--ds-stepper-line-color--compact, var(--ds-color-dark-gray)));
}
.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step:last-child::after {
  content: none;
}
.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step--active::after {
  margin-left: var(--ds-stepper-line-margin--compact, 1.5rem);
}
.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step:not(.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step--active) {
  gap: 0;
}
.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step:not(.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step--active) .ds-step__content {
  display: none;
}
.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step:not(.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step--active):hover {
  gap: var(--ds-space-8);
}
.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step:not(.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step--active):hover .ds-step__content {
  display: block;
}
.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step:not(.ds-stepper--compact:not(.ds-stepper--vertical) .ds-step--active):hover::after {
  margin-left: var(--ds-stepper-line-margin--compact, 1.5rem);
}
.ds-stepper--vertical {
  flex-direction: column;
  gap: 0;
}
.ds-stepper--vertical .ds-step {
  align-items: center;
  gap: var(--ds-space-16);
  position: relative;
}
.ds-stepper--vertical .ds-step__indicator {
  animation: unset;
  background: none;
}
.ds-stepper--vertical .ds-step__indicator:before {
  display: block;
  content: "";
  border-radius: 50%;
  width: var(--ds-step-indicator-size, 1.5rem);
  height: var(--ds-step-indicator-size, 1.5rem);
  background: var(--ds-step-indicator-bg, var(--ds-step-indicator-bg--unpassed, no-repeat center/contain url(data:image/svg+xml,%3Csvg%20width%3D%2736%27%20height%3D%2736%27%20viewBox%3D%270%200%2036%2036%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect%20x%3D%270.75%27%20y%3D%270.75%27%20width%3D%2734.5%27%20height%3D%2734.5%27%20rx%3D%2717.25%27%20stroke%3D%27%234B4446%27%20stroke-width%3D%271.5%27%2F%3E%3Crect%20x%3D%279.14639%27%20y%3D%279.14639%27%20width%3D%2717.7072%27%20height%3D%2717.7072%27%20rx%3D%278.85361%27%20fill%3D%27%23F2F2F2%27%2F%3E%3C%2Fsvg%3E)));
  animation: var(--ds-step-indicator-animation, var(--ds-step-indicator-animation--unpassed, unset));
  transform-origin: center;
  z-index: 101;
  background-color: var(--ds-color-white);
  position: relative;
}
.ds-stepper--vertical .ds-step__indicator::after {
  position: absolute;
  top: 0;
  left: 11px;
  content: "";
  display: block;
  width: var(--ds-stepper-line-weight, var(--ds-stepper-line-weight--vertical, 1px));
  height: 100%;
  background: var(--ds-stepper-line-color, var(--ds-stepper-line-color--vertical, var(--ds-color-dark-gray)));
  z-index: 100;
}
.ds-stepper--vertical .ds-step__content {
  padding: var(--ds-space-16) 0;
}
.ds-stepper--vertical .ds-step:first-of-type .ds-step__indicator::after {
  top: 50%;
  height: 50%;
}
.ds-stepper--vertical .ds-step:last-of-type .ds-step__indicator::after {
  bottom: 50%;
  height: 50%;
}
.ds-micro-button {
  align-items: center;
  background-color: var(--ds-micro-button-bg-color, var(--ds-color-light-gray));
  border-radius: var(--ds-micro-button-border-radius, 1.5rem);
  border: none;
  box-sizing: border-box;
  color: var(--ds-micro-button-color, var(--ds-dark-gray));
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  height: var(--ds-micro-button-size, 1.25rem);
  line-height: var(--ds-micro-button-line-height, 0);
  justify-content: center;
  padding: var(--ds-micro-button-padding, 0.25rem);
  width: var(--ds-micro-button-size, 1.25rem);
}
.ds-micro-button > *,
.ds-micro-button > * > svg {
  height: var(--ds-micro-button-icon-size, 0.75rem);
  width: var(--ds-micro-button-icon-size, 0.75rem);
}
.ds-micro-button--l {
  --ds-micro-button-padding: var(--ds-micro-button-padding--l, 0.375rem);
  --ds-micro-button-size: var(--ds-micro-button-size--l, 1.5rem);
}
.ds-micro-button--s {
  --ds-micro-button-padding: var(--ds-micro-button-padding--s, 0.125rem);
  --ds-micro-button-size: var(--ds-micro-button-size--s, 1rem);
}
.ds-micro-button:hover {
  --ds-micro-button-bg-color: var(--ds-micro-button-bg-color--hover, var(--ds-color-super-light-gray));
}
.ds-micro-button--action {
  --ds-micro-button-bg-color: var(--ds-micro-button-bg-color--action, var(--ds-color-black));
  --ds-micro-button-color: var(--ds-micro-button-color--action, var(--ds-color-white));
  --ds-micro-button-bg-color--hover: var(--ds-micro-button-bg-color--hover--action, var(--ds-color-black));
}
.ds-micro-button--invisible {
  --ds-micro-button-bg-color: var(--ds-micro-button-bg-color--invisible, var(--ds-color-black));
  --ds-micro-button-color: var(--ds-micro-button-color--invisible, var(--ds-color-white));
  --ds-micro-button-bg-color--hover: var(--ds-micro-button-bg-color--hover--invisible, var(--ds-color-black));
}
.ds-micro-button--favorite {
  --ds-micro-button-bg-color: var(--ds-micro-button-bg-color--favorite, var(--ds-color-theme-offer));
  --ds-micro-button-color: var(--ds-micro-button-color--favorite, var(--ds-color-black));
  --ds-micro-button-bg-color--hover: var(--ds-micro-button-bg-color--hover--favorite, var(--ds-color-hover--offer));
}
.ds-micro-button--semi-transparent {
  background:
    radial-gradient(
      70.28% 70.28% at 35.42% 31.25%,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0.1) 100%);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .12);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */