.alert--bg-color {
  background-color: #ff1313 !important; }

.alert--border-color {
  border-color: #ff1313 !important; }

.alert--font-color {
  color: #ff1313 !important; }

.alert--icon-fill {
  fill: #ff1313 !important; }

.alert--icon-stroke {
  stroke: #ff1313 !important; }

.on-alert--font-color {
  color: #ffffff !important; }

.on-alert--icon-fill {
  fill: #ffffff !important; }

.on-alert--icon-stroke {
  stroke: #ffffff !important; }

.bg-base--bg-color {
  background-color: #f6f7fa !important; }

.bg-under-con--bg-color {
  background-color: #dadcde !important; }

.bg-con--bg-color {
  background-color: #fefefe !important; }

.bg-con-launcher--bg-color {
  background-color: #383c47 !important; }

.bg-con-highlight--bg-color {
  background-color: #d8e1fe !important; }

.bg-group-base--bg-color {
  background-color: #e6e8eb !important; }

.bg-group-con--bg-color {
  background-color: #fcfcfd !important; }

.bg-elevate-base--bg-color {
  background-color: #fefefe !important; }

.bg-elevate-con--bg-color {
  background-color: #ebedf0 !important; }

@media screen and (min-width: 1367px) {
  .scroll--bg-color::-webkit-scrollbar-thumb {
    background-color: #797a7b !important;
    border-radius: 4px; }
  .scroll--bg-color::-webkit-scrollbar {
    width: 8px; } }

.comp-enabled-default--border-color {
  border-color: #c1c2c6 !important; }

.comp-enabled-default--bg-color {
  background-color: #c1c2c6 !important; }

.comp-disabled-default--border-color {
  border-color: #e6e6e8 !important; }

.comp-disabled-default--bg-color {
  background-color: #e6e6e8 !important; }

.comp-enabled-hover--border-color {
  border-color: #adaeb1 !important; }

.comp-enabled-hover--bg-color {
  background-color: #adaeb1 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover__comp-enabled-hover--border-color:hover {
    border-color: #adaeb1 !important; }
  .hover__comp-enabled-hover--bg-color:hover {
    background-color: #adaeb1 !important; } }

.bg-comp-enabled--bg-color {
  background-color: #e8eaee !important; }

.bg-comp-disabled--bg-color {
  background-color: #eff1f5 !important; }

.bg-comp-enabled-hover--bg-color {
  background-color: #dee0e4 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover__bg-comp-enabled--bg-color:hover {
    background-color: #dee0e4 !important; } }

.divider-soft--bg-color {
  background-color: #dfe1e4 !important; }

.divider-deep--bg-color {
  background-color: #cbcdd0 !important; }

.primary--bg-color {
  background-color: #4c72e7 !important; }

.primary--border-color {
  border-color: #4c72e7 !important; }

.primary--font-color {
  color: #4c72e7 !important; }

.primary--icon-fill {
  fill: #4c72e7 !important; }

.primary--icon-stroke {
  stroke: #4c72e7 !important; }

.primary-variant--bg-color {
  background-color: #3f6bfd !important; }

.primary-variant--border-color {
  border-color: #3f6bfd !important; }

.primary-variant--font-color {
  color: #3f6bfd !important; }

.primary-variant--icon-fill {
  fill: #3f6bfd !important; }

.primary-variant--icon-stroke {
  stroke: #3f6bfd !important; }

.text-primary--font-color {
  color: #274fe7 !important; }

.text-primary--border-color {
  border-color: #274fe7 !important; }

.text-primary--icon-fill {
  fill: #274fe7 !important; }

.text-primary--icon-stroke {
  stroke: #274fe7 !important; }

.text-primary-variant--font-color {
  color: #0d1f63 !important; }

.text-primary-variant--border-color {
  border-color: #0d1f63 !important; }

.text-primary-variant--icon-fill {
  fill: #0d1f63 !important; }

.text-primary-variant--icon-stroke {
  stroke: #0d1f63 !important; }

.on-primary--font-color {
  color: #ffffff !important; }

.on-primary--icon-fill {
  fill: #ffffff !important; }

.on-primary--icon-stroke {
  stroke: #ffffff !important; }

.primary-hover-active--bg-color {
  background-color: #4669d4 !important; }

.primary-hover-active--font-color {
  color: #4669d4 !important; }

.primary-hover-active--border-color {
  border-color: #4669d4 !important; }

.primary-hover-active--icon-fill {
  fill: #4669d4 !important; }

.primary-hover-active--icon-stroke {
  stroke: #4669d4 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__primary-hover-active--bg-color:hover {
    background-color: #4669d4 !important; } }

.hover-active__primary-hover-active--bg-color:active {
  background-color: #4669d4 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__primary-hover-active--font-color:hover {
    color: #4669d4 !important; } }

.hover-active__primary-hover-active--font-color:active {
  color: #4669d4 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__primary-hover-active--border-color:hover {
    border-color: #4669d4 !important; } }

.hover-active__primary-hover-active--border-color:active {
  border-color: #4669d4 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__primary-hover-active--icon-fill:hover {
    fill: #4669d4 !important; } }

.hover-active__primary-hover-active--icon-fill:active {
  fill: #4669d4 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__primary-hover-active--icon-stroke:hover {
    stroke: #4669d4 !important; } }

.hover-active__primary-hover-active--icon-stroke:active {
  stroke: #4669d4 !important; }

.primary-variant-hover-active--bg-color {
  background-color: #3a62e9 !important; }

.primary-variant-hover-active--font-color {
  color: #3a62e9 !important; }

.primary-variant-hover-active--border-color {
  border-color: #3a62e9 !important; }

.primary-variant-hover-active--icon-fill {
  fill: #3a62e9 !important; }

.primary-variant-hover-active--icon-stroke {
  stroke: #3a62e9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__primary-variant-hover-active--bg-color:hover {
    background-color: #3a62e9 !important; } }

.hover-active__primary-variant-hover-active--bg-color:active {
  background-color: #3a62e9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__primary-variant-hover-active--font-color:hover {
    color: #3a62e9 !important; } }

.hover-active__primary-variant-hover-active--font-color:active {
  color: #3a62e9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__primary-variant-hover-active--border-color:hover {
    border-color: #3a62e9 !important; } }

.hover-active__primary-variant-hover-active--border-color:active {
  border-color: #3a62e9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__primary-variant-hover-active--icon-fill:hover {
    fill: #3a62e9 !important; } }

.hover-active__primary-variant-hover-active--icon-fill:active {
  fill: #3a62e9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__primary-variant-hover-active--icon-stroke:hover {
    stroke: #3a62e9 !important; } }

.hover-active__primary-variant-hover-active--icon-stroke:active {
  stroke: #3a62e9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover__primary-variant-hover-active--bg-color {
    background-color: #3a62e9 !important; }
  .hover__primary-variant-hover-active--font-color {
    color: #3a62e9 !important; }
  .hover__primary-variant-hover-active--border-color {
    border-color: #3a62e9 !important; }
  .hover__primary-variant-hover-active--icon-fill {
    fill: #3a62e9 !important; }
  .hover__primary-variant-hover-active--icon-stroke {
    stroke: #3a62e9 !important; } }

.primary-disabled--bg-color {
  background-color: #b7c6f5 !important; }

.primary-disabled--border-color {
  border-color: #b7c6f5 !important; }

.primary-variant-disabled--bg-color {
  background-color: #b2c3fe !important; }

.primary-variant-disabled--border-color {
  border-color: #b2c3fe !important; }

.on-primary-disabled--font-color {
  color: #f6f7fa !important; }

.on-primary-disabled--icon-fill {
  fill: #f6f7fa !important; }

.on-primary-disabled--icon-stroke {
  stroke: #f6f7fa !important; }

.primary-launcher--bg-color {
  background-color: #2e81f2 !important; }

.primary-launcher--border-color {
  border-color: #2e81f2 !important; }

.primary-launcher--font-color {
  color: #2e81f2 !important; }

.primary-launcher--icon-fill {
  fill: #2e81f2 !important; }

.primary-launcher--icon-stroke {
  stroke: #2e81f2 !important; }

.primary-variant-launcher--bg-color {
  background-color: #2e81f2 !important; }

.primary-variant-launcher--border-color {
  border-color: #2e81f2 !important; }

.primary-variant-launcher--font-color {
  color: #2e81f2 !important; }

.primary-variant-launcher--icon-fill {
  fill: #2e81f2 !important; }

.primary-variant-launcher--icon-stroke {
  stroke: #2e81f2 !important; }

.text-primary-launcher--font-color {
  color: #328df3 !important; }

.text-primary-launcher--border-color {
  border-color: #328df3 !important; }

.text-primary-launcher--icon-fill {
  fill: #328df3 !important; }

.text-primary-launcher--icon-stroke {
  stroke: #328df3 !important; }

.on-primary-launcher--font-color {
  color: #ffffff !important; }

.on-primary-launcher--icon-fill {
  fill: #ffffff !important; }

.on-primary-launcher--icon-stroke {
  stroke: #ffffff !important; }

.primary-disabled-launcher--bg-color {
  background-color: #333c48 !important; }

.primary-disabled-launcher--border-color {
  border-color: #333c48 !important; }

.primary-variant-disabled-launcher--bg-color {
  background-color: #333c48 !important; }

.primary-variant-disabled-launcher--border-color {
  border-color: #333c48 !important; }

.on-primary-disabled-launcher--font-color {
  color: #5d6879 !important; }

.on-primary-disabled-launcher--icon-fill {
  fill: #5d6879 !important; }

.on-primary-disabled-launcher--icon-stroke {
  stroke: #5d6879 !important; }

.radius-highest--border-radius {
  border-radius: 8px !important; }

.radius-high--border-radius {
  border-radius: 6px !important; }

.radius-medium--border-radius {
  border-radius: 6px !important; }

.radius-low--border-radius {
  border-radius: 100px !important; }

.secondary--bg-color {
  background-color: #dde6fb !important; }

.secondary--border-color {
  border-color: #dde6fb !important; }

.secondary--font-color {
  color: #dde6fb !important; }

.secondary--icon-fill {
  fill: #dde6fb !important; }

.secondary--icon-stroke {
  stroke: #dde6fb !important; }

.text-secondary--font-color {
  color: #0d1f63 !important; }

.text-secondary--border-color {
  border-color: #0d1f63 !important; }

.text-secondary--icon-fill {
  fill: #0d1f63 !important; }

.text-secondary--icon-stroke {
  stroke: #0d1f63 !important; }

.on-secondary--font-color {
  color: #4c72e7 !important; }

.on-secondary--icon-fill {
  fill: #4c72e7 !important; }

.on-secondary--icon-stroke {
  stroke: #4c72e7 !important; }

.secondary-hover-active--bg-color {
  background-color: #cbd3e7 !important; }

.secondary-hover-active--font-color {
  color: #cbd3e7 !important; }

.secondary-hover-active--border-color {
  border-color: #cbd3e7 !important; }

.secondary-hover-active--icon-fill {
  fill: #cbd3e7 !important; }

.secondary-hover-active--icon-fill {
  stroke: #cbd3e7 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__secondary-hover-active--bg-color:hover {
    background-color: #cbd3e7 !important; } }

.hover-active__secondary-hover-active--bg-color:active {
  background-color: #cbd3e7 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__secondary-hover-active--font-color:hover {
    color: #cbd3e7 !important; } }

.hover-active__secondary-hover-active--font-color:active {
  color: #cbd3e7 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__secondary-hover-active--border-color:hover {
    border-color: #cbd3e7 !important; } }

.hover-active__secondary-hover-active--border-color:active {
  border-color: #cbd3e7 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__secondary-hover-active--icon-fill:hover {
    fill: #cbd3e7 !important; } }

.hover-active__secondary-hover-active--icon-fill:active {
  fill: #cbd3e7 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__secondary-hover-active--icon-stroke:hover {
    stroke: #cbd3e7 !important; } }

.hover-active__secondary-hover-active--icon-stroke:active {
  stroke: #cbd3e7 !important; }

.secondary-disabled--bg-color {
  background-color: #e0e8fb !important; }

.secondary-disabled--border-color {
  border-color: #e0e8fb !important; }

.on-secondary-disabled--font-color {
  color: #b7c6f5 !important; }

.on-secondary-disabled--icon-fill {
  fill: #b7c6f5 !important; }

.on-secondary-disabled--icon-stroke {
  stroke: #b7c6f5 !important; }

.tertiary--bg-color {
  background-color: #e5e7ec !important; }

.tertiary--border-color {
  border-color: #e5e7ec !important; }

.tertiary--font-color {
  color: #e5e7ec !important; }

.tertiary--icon-fill {
  fill: #e5e7ec !important; }

.tertiary--icon-stroke {
  stroke: #e5e7ec !important; }

.on-tertiary--font-color {
  color: #1f2024 !important; }

.on-tertiary--icon-fill {
  fill: #1f2024 !important; }

.on-tertiary--icon-stroke {
  stroke: #1f2024 !important; }

.tertiary-hover-active--bg-color {
  background-color: #d3d4d9 !important; }

.tertiary-hover-active--font-color {
  color: #d3d4d9 !important; }

.tertiary-hover-active--border-color {
  border-color: #d3d4d9 !important; }

.tertiary-hover-active--icon-fill {
  fill: #d3d4d9 !important; }

.tertiary-hover-active--icon-stroke {
  stroke: #d3d4d9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__tertiary-hover-active--bg-color:hover {
    background-color: #d3d4d9 !important; } }

.hover-active__tertiary-hover-active--bg-color:active {
  background-color: #d3d4d9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__tertiary-hover-active--font-color:hover {
    color: #d3d4d9 !important; } }

.hover-active__tertiary-hover-active--font-color:active {
  color: #d3d4d9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__tertiary-hover-active--border-color:hover {
    border-color: #d3d4d9 !important; } }

.hover-active__tertiary-hover-active--border-color:active {
  border-color: #d3d4d9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__tertiary-hover-active--icon-fill:hover {
    fill: #d3d4d9 !important; } }

.hover-active__tertiary-hover-active--icon-fill:active {
  fill: #d3d4d9 !important; }

@media (hover: hover) and (pointer: fine) {
  .hover-active__tertiary-hover-active--icon-stroke:hover {
    stroke: #d3d4d9 !important; } }

.hover-active__tertiary-hover-active--icon-stroke:active {
  stroke: #d3d4d9 !important; }

.on-tertiary-disabled--font-color {
  color: #bcbcbd !important; }

.on-tertiary-disabled--icon-fill {
  fill: #bcbcbd !important; }

.on-tertiary-disabled--icon-stroke {
  stroke: #bcbcbd !important; }

.text-headline--font-color {
  color: #1f1f22 !important; }

.text-headline--border-color {
  border-color: #1f1f22 !important; }

.text-headline--icon-fill {
  fill: #1f1f22 !important; }

.text-headline--icon-stroke {
  stroke: #1f1f22 !important; }

.text-subtitle--font-color {
  color: #2e2e31 !important; }

.text-subtitle--border-color {
  border-color: #2e2e31 !important; }

.text-subtitle--icon-fill {
  fill: #2e2e31 !important; }

.text-subtitle--icon-stroke {
  stroke: #2e2e31 !important; }

.text-body1--font-color {
  color: #3b3b3e !important; }

.text-body1--border-color {
  border-color: #3b3b3e !important; }

.text-body1--icon-fill {
  fill: #3b3b3e !important; }

.text-body1--icon-stroke {
  stroke: #3b3b3e !important; }

.text-body2--font-color {
  color: #646467 !important; }

.text-body2--border-color {
  border-color: #646467 !important; }

.text-body2--icon-fill {
  fill: #646467 !important; }

.text-body2--icon-stroke {
  stroke: #646467 !important; }

.text-caption1--font-color {
  color: #8f8f92 !important; }

.text-caption1--border-color {
  border-color: #8f8f92 !important; }

.text-caption1--icon-fill {
  fill: #8f8f92 !important; }

.text-caption1--icon-stroke {
  stroke: #8f8f92 !important; }

.text-caption2--font-color {
  color: #c7c7ca !important; }

.text-caption2--border-color {
  border-color: #c7c7ca !important; }

.text-caption2--icon-fill {
  fill: #c7c7ca !important; }

.text-caption2--icon-stroke {
  stroke: #c7c7ca !important; }

.placeholder__text-caption1--font-color::placeholder {
  color: #8f8f92 !important; }

.placeholder__text-caption2--font-color::placeholder {
  color: #c7c7ca !important; }