/* ------ buttons ----- */
/* ------ typography ----- */
:root {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}
.cds--layer-one {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}
.cds--layer-two {
  --cds-layer: var(--cds-layer-02, #ffffff);
  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
  --cds-field: var(--cds-field-02, #ffffff);
  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
}
.cds--layer-three {
  --cds-layer: var(--cds-layer-03, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
  --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
  --cds-field: var(--cds-field-03, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
}
.cds--assistive-text,
.cds--visually-hidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}
.cds--layout--size-xs {
  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-xs {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
}
.cds--layout-constraint--size__min-xs {
  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
}
.cds--layout-constraint--size__max-xs {
  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
}
.cds--layout--size-sm {
  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-sm {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
}
.cds--layout-constraint--size__min-sm {
  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
}
.cds--layout-constraint--size__max-sm {
  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
}
.cds--layout--size-md {
  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-md {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
}
.cds--layout-constraint--size__min-md {
  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
}
.cds--layout-constraint--size__max-md {
  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
}
.cds--layout--size-lg {
  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-lg {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
}
.cds--layout-constraint--size__min-lg {
  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
}
.cds--layout-constraint--size__max-lg {
  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
}
.cds--layout--size-xl {
  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-xl {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
}
.cds--layout-constraint--size__min-xl {
  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
}
.cds--layout-constraint--size__max-xl {
  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
}
.cds--layout--size-2xl {
  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}
.cds--layout-constraint--size__default-2xl {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
}
.cds--layout-constraint--size__min-2xl {
  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
}
.cds--layout-constraint--size__max-2xl {
  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
}
.cds--layout--density-condensed {
  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
}
.cds--layout-constraint--density__default-condensed {
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
}
.cds--layout-constraint--density__min-condensed {
  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
}
.cds--layout-constraint--density__max-condensed {
  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
}
.cds--layout--density-normal {
  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
}
.cds--layout-constraint--density__default-normal {
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
}
.cds--layout-constraint--density__min-normal {
  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
}
.cds--layout-constraint--density__max-normal {
  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
}
:root {
  --cds-layout-size-height-xs: 1.5rem;
  --cds-layout-size-height-sm: 2rem;
  --cds-layout-size-height-md: 2.5rem;
  --cds-layout-size-height-lg: 3rem;
  --cds-layout-size-height-xl: 4rem;
  --cds-layout-size-height-2xl: 5rem;
  --cds-layout-size-height-min: 0px;
  --cds-layout-size-height-max: 999999999px;
  --cds-layout-density-padding-inline-condensed: 0.5rem;
  --cds-layout-density-padding-inline-normal: 1rem;
  --cds-layout-density-padding-inline-min: 0px;
  --cds-layout-density-padding-inline-max: 999999999px;
}
.cds--progress-bar {
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
}
.cds--progress-bar__label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  min-width: 3rem;
  justify-content: space-between;
  color: var(--cds-text-primary, #161616);
  margin-block-end: 0.5rem;
}
.cds--progress-bar__label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cds--progress-bar__track {
  position: relative;
  width: 100%;
  min-width: 3rem;
  height: 0.5rem;
  background-color: var(--cds-layer);
}
.cds--progress-bar--big .cds--progress-bar__track {
  height: 0.5rem;
}
.cds--progress-bar--small .cds--progress-bar__track {
  height: 0.25rem;
}
.cds--progress-bar__bar {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  color: var(--cds-interactive, #0f62fe);
  transform: scaleX(0);
  transform-origin: 0 center /*rtl:100% center*/;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--progress-bar--indeterminate .cds--progress-bar__track::after {
  position: absolute;
  animation-duration: 1400ms;
  animation-iteration-count: infinite;
  animation-name: progress-bar-indeterminate;
  animation-timing-function: linear;
  background-image: linear-gradient(90deg, var(--cds-interactive, #0f62fe) 12.5%, transparent 12.5%);
  background-position-x: 0%;
  background-size: 200% 100%;
  content: "";
  inset: 0;
}
.cds--progress-bar__helper-text {
  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
  line-height: var(--cds-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
  margin-top: 0.5rem;
  color: var(--cds-text-secondary, #525252);
}
.cds--progress-bar__status-icon {
  flex-shrink: 0;
  margin-inline-start: var(--cds-layout-density-padding-inline-local);
}
.cds--progress-bar--finished .cds--progress-bar__bar,
.cds--progress-bar--finished .cds--progress-bar__status-icon {
  color: var(--cds-support-success, #24a148);
}
.cds--progress-bar--error .cds--progress-bar__bar,
.cds--progress-bar--error .cds--progress-bar__status-icon,
.cds--progress-bar--error .cds--progress-bar__helper-text {
  color: var(--cds-support-error, #da1e28);
}
.cds--progress-bar--finished .cds--progress-bar__bar,
.cds--progress-bar--error .cds--progress-bar__bar {
  transform: scaleX(1);
}
.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track,
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}
.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label,
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {
  flex-shrink: 1;
  justify-content: flex-start;
  margin-inline-end: 0;
}
@keyframes progress-bar-indeterminate {
  0% {
    background-position-x: 25%;
  }
  80%, 100% {
    background-position-x: -105%;
  }
}
.cds--progress-bar--inline {
  display: flex;
  align-items: center;
}
.cds--progress-bar--inline .cds--progress-bar__label {
  flex-shrink: 0;
  margin-bottom: 0;
  margin-inline-end: var(--cds-layout-density-padding-inline-local);
}
.cds--progress-bar--inline .cds--progress-bar__track {
  flex-basis: 0;
  flex-grow: 1;
}
.cds--progress-bar--inline .cds--progress-bar__helper-text {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}
.cds--progress-bar--indented .cds--progress-bar__label,
.cds--progress-bar--indented .cds--progress-bar__helper-text {
  padding-inline: var(--cds-layout-density-padding-inline-local);
}
.cds--progress-bar {
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
}
.cds--progress-bar__label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  min-width: 3rem;
  justify-content: space-between;
  color: var(--cds-text-primary, #161616);
  margin-block-end: 0.5rem;
}
.cds--progress-bar__label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cds--progress-bar__track {
  position: relative;
  width: 100%;
  min-width: 3rem;
  height: 0.5rem;
  background-color: var(--cds-layer);
}
.cds--progress-bar--big .cds--progress-bar__track {
  height: 0.5rem;
}
.cds--progress-bar--small .cds--progress-bar__track {
  height: 0.25rem;
}
.cds--progress-bar__bar {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  color: var(--cds-interactive, #0f62fe);
  transform: scaleX(0);
  transform-origin: 0 center /*rtl:100% center*/;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--progress-bar--indeterminate .cds--progress-bar__track::after {
  position: absolute;
  animation-duration: 1400ms;
  animation-iteration-count: infinite;
  animation-name: progress-bar-indeterminate;
  animation-timing-function: linear;
  background-image: linear-gradient(90deg, var(--cds-interactive, #0f62fe) 12.5%, transparent 12.5%);
  background-position-x: 0%;
  background-size: 200% 100%;
  content: "";
  inset: 0;
}
.cds--progress-bar__helper-text {
  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
  line-height: var(--cds-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
  margin-top: 0.5rem;
  color: var(--cds-text-secondary, #525252);
}
.cds--progress-bar__status-icon {
  flex-shrink: 0;
  margin-inline-start: var(--cds-layout-density-padding-inline-local);
}
.cds--progress-bar--finished .cds--progress-bar__bar,
.cds--progress-bar--finished .cds--progress-bar__status-icon {
  color: var(--cds-support-success, #24a148);
}
.cds--progress-bar--error .cds--progress-bar__bar,
.cds--progress-bar--error .cds--progress-bar__status-icon,
.cds--progress-bar--error .cds--progress-bar__helper-text {
  color: var(--cds-support-error, #da1e28);
}
.cds--progress-bar--finished .cds--progress-bar__bar,
.cds--progress-bar--error .cds--progress-bar__bar {
  transform: scaleX(1);
}
.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track,
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}
.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label,
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {
  flex-shrink: 1;
  justify-content: flex-start;
  margin-inline-end: 0;
}
@keyframes progress-bar-indeterminate {
  0% {
    background-position-x: 25%;
  }
  80%, 100% {
    background-position-x: -105%;
  }
}
.cds--progress-bar--inline {
  display: flex;
  align-items: center;
}
.cds--progress-bar--inline .cds--progress-bar__label {
  flex-shrink: 0;
  margin-bottom: 0;
  margin-inline-end: var(--cds-layout-density-padding-inline-local);
}
.cds--progress-bar--inline .cds--progress-bar__track {
  flex-basis: 0;
  flex-grow: 1;
}
.cds--progress-bar--inline .cds--progress-bar__helper-text {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}
.cds--progress-bar--indented .cds--progress-bar__label,
.cds--progress-bar--indented .cds--progress-bar__helper-text {
  padding-inline: var(--cds-layout-density-padding-inline-local);
}
.cds--progress-bar {
  --cds-interactive: var(--msk-color-bg-progress-filled, #785ea2);
  --cds-support-success: var(--msk-color-bg-feedback-success-medium, #3fa13d);
  --cds-support-error: var(--msk-color-bg-feedback-error-medium, #d9669d);
  --cds-layer: var(--msk-color-bg-track, #dde1e6);
}
.cds--progress-bar__label {
  color: var(--msk-color-content-input-primary, #111417);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}
.cds--progress-bar__helper-text {
  color: var(--msk-color-content-secondary, #3c3838);
  font-size: 1rem;
}
.cds--progress-bar__status-icon {
  visibility: hidden;
}
.cds--progress-bar--error .cds--progress-bar__label {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="%23FF85BF" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z" fill="%23FF85BF"/></svg>');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1.375rem;
}
.cds--progress-bar--finished .cds--progress-bar__label {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.79508 15.875L4.62508 11.705L3.20508 13.115L8.79508 18.705L20.7951 6.70504L19.3851 5.29504L8.79508 15.875Z" fill="%238DDE8B"/></svg>');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 1.375rem;
}