Generated by SassMeister.com.

input.scss

$colors: (
	0: #343a40,
	1: #ffffff,
	2: #020061,
	3: #00cbc6,
	4: #00c5c2,
	5: #707070,
	6: #9e9e9e,
	7: #c3291c,
	8: #000000,
	9: #eeeeee,
	10: #e5e6ef,
	11: #cccee0,
	12: #999cc1,
	13: #8083b1,
	14: #40458b,
	15: #000864,
	16: #000733,
	17: #fccf40,
	18: #fabf00,
	19: #35ccc8,
	20: #31bfbb,
	21: #f94b00,
	22: #ca3b00,
	23: #e5e5e5
);

$stepAmount: 4%;

/*
    Helper for fetching a color from the map.
	Optionally, a step and method can be passed
	
	$method: <optional> darkened, lightened, desaturated

	$ step: <optional> percentage

	examples:
	.foo {
		color: uicolor(4);
	}

	.bar {
		color: uicolor(4, darkened, 1);
	}
*/
@function uiColor($key, $method: darkened, $step: 0) {
	@if $step != 0 {
		$amount: $step * ($stepAmount / 100);
		@if $method == darkened {
			@return darken(map-get($colors, $key), amount);
		} @else if $method == lightened {
			@return lighten(map-get($colors, $key), amount);
		} @else if $method == desaturated {
			@return desaturate(map-get($colors, $key), amount);
		}
	}
	@return map-get($colors, $name);
}

/*

	Generate semantic helpers for each of the $colors
	
	Allows for usage like:

	<div class="ui-color darken-color-1 background-color-2">

	</div>

	Or extend in your sass:

	.ui-color.default-settings {
		@extend .ui-color.darken-color-1;
		@extend .ui-color.background-color-2;
	}

	<div class="ui-color default-settings">

	</div>
*/
@each $color-key, $color-value in $colors {
	$totalVariants: 3;

	.ui-color.color-#{$color-key} {
		color: $color-value;
	}

	@for $i from 1 through $totalVariants {
		.ui-color.darken-color-#{$i} {
			color: darken($color-value, $i * $stepAmount);
		}
	}

	@for $i from 1 through $totalVariants {
		.ui-color.lighten-color-#{$i} {
			color: lighten($color-value, $i * $stepAmount);
		}
	}

	@for $i from 1 through $totalVariants {
		.ui-color.darken-color-#{$i} {
			color: desaturate($color-value, $i * $stepAmount);
		}
	}

	.ui-color.background-color-#{$color-key} {
		background-color: $color-value;
	}

	@for $i from 1 through $totalVariants {
		.ui-color.darken-background-color-#{$i} {
			background-color: darken($color-value, $i * $stepAmount);
		}
	}

	@for $i from 1 through $totalVariants {
		.ui-color.lighten-background-color-#{$i} {
			background-color: lighten($color-value, $i * $stepAmount);
		}
	}

	@for $i from 1 through $totalVariants {
		.ui-color.desaturate-background-color-#{$i} {
			background-color: desaturate($color-value, $i * $stepAmount);
		}
	}
}

output.css

/*
    Helper for fetching a color from the map.
	Optionally, a step and method can be passed

	$method: <optional> darkened, lightened, desaturated

	$ step: <optional> percentage

	examples:
	.foo {
		color: uicolor(4);
	}

	.bar {
		color: uicolor(4, darkened, 1);
	}
*/
/*

	Generate semantic helpers for each of the $colors

	Allows for usage like:

	<div class="ui-color darken-color-1 background-color-2">

	</div>

	Or extend in your sass:

	.ui-color.default-settings {
		@extend .ui-color.darken-color-1;
		@extend .ui-color.background-color-2;
	}

	<div class="ui-color default-settings">

	</div>
*/
.ui-color.color-0 {
  color: #343a40;
}

.ui-color.darken-color-1 {
  color: #2b3035;
}

.ui-color.darken-color-2 {
  color: #222629;
}

.ui-color.darken-color-3 {
  color: #191b1e;
}

.ui-color.lighten-color-1 {
  color: #3d444b;
}

.ui-color.lighten-color-2 {
  color: #464e57;
}

.ui-color.lighten-color-3 {
  color: #4f5962;
}

.ui-color.darken-color-1 {
  color: #363a3e;
}

.ui-color.darken-color-2 {
  color: #393a3b;
}

.ui-color.darken-color-3 {
  color: #3a3a3a;
}

.ui-color.background-color-0 {
  background-color: #343a40;
}

.ui-color.darken-background-color-1 {
  background-color: #2b3035;
}

.ui-color.darken-background-color-2 {
  background-color: #222629;
}

.ui-color.darken-background-color-3 {
  background-color: #191b1e;
}

.ui-color.lighten-background-color-1 {
  background-color: #3d444b;
}

.ui-color.lighten-background-color-2 {
  background-color: #464e57;
}

.ui-color.lighten-background-color-3 {
  background-color: #4f5962;
}

.ui-color.desaturate-background-color-1 {
  background-color: #363a3e;
}

.ui-color.desaturate-background-color-2 {
  background-color: #393a3b;
}

.ui-color.desaturate-background-color-3 {
  background-color: #3a3a3a;
}

.ui-color.color-1 {
  color: #ffffff;
}

.ui-color.darken-color-1 {
  color: whitesmoke;
}

.ui-color.darken-color-2 {
  color: #ebebeb;
}

.ui-color.darken-color-3 {
  color: #e0e0e0;
}

.ui-color.lighten-color-1 {
  color: white;
}

.ui-color.lighten-color-2 {
  color: white;
}

.ui-color.lighten-color-3 {
  color: white;
}

.ui-color.darken-color-1 {
  color: white;
}

.ui-color.darken-color-2 {
  color: white;
}

.ui-color.darken-color-3 {
  color: white;
}

.ui-color.background-color-1 {
  background-color: #ffffff;
}

.ui-color.darken-background-color-1 {
  background-color: whitesmoke;
}

.ui-color.darken-background-color-2 {
  background-color: #ebebeb;
}

.ui-color.darken-background-color-3 {
  background-color: #e0e0e0;
}

.ui-color.lighten-background-color-1 {
  background-color: white;
}

.ui-color.lighten-background-color-2 {
  background-color: white;
}

.ui-color.lighten-background-color-3 {
  background-color: white;
}

.ui-color.desaturate-background-color-1 {
  background-color: white;
}

.ui-color.desaturate-background-color-2 {
  background-color: white;
}

.ui-color.desaturate-background-color-3 {
  background-color: white;
}

.ui-color.color-2 {
  color: #020061;
}

.ui-color.darken-color-1 {
  color: #02004d;
}

.ui-color.darken-color-2 {
  color: #010038;
}

.ui-color.darken-color-3 {
  color: #010024;
}

.ui-color.lighten-color-1 {
  color: #020075;
}

.ui-color.lighten-color-2 {
  color: #03008a;
}

.ui-color.lighten-color-3 {
  color: #03009e;
}

.ui-color.darken-color-1 {
  color: #04025f;
}

.ui-color.darken-color-2 {
  color: #06045d;
}

.ui-color.darken-color-3 {
  color: #08065b;
}

.ui-color.background-color-2 {
  background-color: #020061;
}

.ui-color.darken-background-color-1 {
  background-color: #02004d;
}

.ui-color.darken-background-color-2 {
  background-color: #010038;
}

.ui-color.darken-background-color-3 {
  background-color: #010024;
}

.ui-color.lighten-background-color-1 {
  background-color: #020075;
}

.ui-color.lighten-background-color-2 {
  background-color: #03008a;
}

.ui-color.lighten-background-color-3 {
  background-color: #03009e;
}

.ui-color.desaturate-background-color-1 {
  background-color: #04025f;
}

.ui-color.desaturate-background-color-2 {
  background-color: #06045d;
}

.ui-color.desaturate-background-color-3 {
  background-color: #08065b;
}

.ui-color.color-3 {
  color: #00cbc6;
}

.ui-color.darken-color-1 {
  color: #00b7b2;
}

.ui-color.darken-color-2 {
  color: #00a29e;
}

.ui-color.darken-color-3 {
  color: #008e8a;
}

.ui-color.lighten-color-1 {
  color: #00dfda;
}

.ui-color.lighten-color-2 {
  color: #00f4ee;
}

.ui-color.lighten-color-3 {
  color: #09fff9;
}

.ui-color.darken-color-1 {
  color: #04c7c2;
}

.ui-color.darken-color-2 {
  color: #08c3be;
}

.ui-color.darken-color-3 {
  color: #0cbfba;
}

.ui-color.background-color-3 {
  background-color: #00cbc6;
}

.ui-color.darken-background-color-1 {
  background-color: #00b7b2;
}

.ui-color.darken-background-color-2 {
  background-color: #00a29e;
}

.ui-color.darken-background-color-3 {
  background-color: #008e8a;
}

.ui-color.lighten-background-color-1 {
  background-color: #00dfda;
}

.ui-color.lighten-background-color-2 {
  background-color: #00f4ee;
}

.ui-color.lighten-background-color-3 {
  background-color: #09fff9;
}

.ui-color.desaturate-background-color-1 {
  background-color: #04c7c2;
}

.ui-color.desaturate-background-color-2 {
  background-color: #08c3be;
}

.ui-color.desaturate-background-color-3 {
  background-color: #0cbfba;
}

.ui-color.color-4 {
  color: #00c5c2;
}

.ui-color.darken-color-1 {
  color: #00b1ae;
}

.ui-color.darken-color-2 {
  color: #009c9a;
}

.ui-color.darken-color-3 {
  color: #008886;
}

.ui-color.lighten-color-1 {
  color: #00d9d6;
}

.ui-color.lighten-color-2 {
  color: #00eeea;
}

.ui-color.lighten-color-3 {
  color: #03fffb;
}

.ui-color.darken-color-1 {
  color: #04c1be;
}

.ui-color.darken-color-2 {
  color: #08bdba;
}

.ui-color.darken-color-3 {
  color: #0cb9b7;
}

.ui-color.background-color-4 {
  background-color: #00c5c2;
}

.ui-color.darken-background-color-1 {
  background-color: #00b1ae;
}

.ui-color.darken-background-color-2 {
  background-color: #009c9a;
}

.ui-color.darken-background-color-3 {
  background-color: #008886;
}

.ui-color.lighten-background-color-1 {
  background-color: #00d9d6;
}

.ui-color.lighten-background-color-2 {
  background-color: #00eeea;
}

.ui-color.lighten-background-color-3 {
  background-color: #03fffb;
}

.ui-color.desaturate-background-color-1 {
  background-color: #04c1be;
}

.ui-color.desaturate-background-color-2 {
  background-color: #08bdba;
}

.ui-color.desaturate-background-color-3 {
  background-color: #0cb9b7;
}

.ui-color.color-5 {
  color: #707070;
}

.ui-color.darken-color-1 {
  color: #666666;
}

.ui-color.darken-color-2 {
  color: #5c5c5c;
}

.ui-color.darken-color-3 {
  color: #515151;
}

.ui-color.lighten-color-1 {
  color: #7a7a7a;
}

.ui-color.lighten-color-2 {
  color: #848484;
}

.ui-color.lighten-color-3 {
  color: #8f8f8f;
}

.ui-color.darken-color-1 {
  color: #707070;
}

.ui-color.darken-color-2 {
  color: #707070;
}

.ui-color.darken-color-3 {
  color: #707070;
}

.ui-color.background-color-5 {
  background-color: #707070;
}

.ui-color.darken-background-color-1 {
  background-color: #666666;
}

.ui-color.darken-background-color-2 {
  background-color: #5c5c5c;
}

.ui-color.darken-background-color-3 {
  background-color: #515151;
}

.ui-color.lighten-background-color-1 {
  background-color: #7a7a7a;
}

.ui-color.lighten-background-color-2 {
  background-color: #848484;
}

.ui-color.lighten-background-color-3 {
  background-color: #8f8f8f;
}

.ui-color.desaturate-background-color-1 {
  background-color: #707070;
}

.ui-color.desaturate-background-color-2 {
  background-color: #707070;
}

.ui-color.desaturate-background-color-3 {
  background-color: #707070;
}

.ui-color.color-6 {
  color: #9e9e9e;
}

.ui-color.darken-color-1 {
  color: #949494;
}

.ui-color.darken-color-2 {
  color: #8a8a8a;
}

.ui-color.darken-color-3 {
  color: #7f7f7f;
}

.ui-color.lighten-color-1 {
  color: #a8a8a8;
}

.ui-color.lighten-color-2 {
  color: #b2b2b2;
}

.ui-color.lighten-color-3 {
  color: #bdbdbd;
}

.ui-color.darken-color-1 {
  color: #9e9e9e;
}

.ui-color.darken-color-2 {
  color: #9e9e9e;
}

.ui-color.darken-color-3 {
  color: #9e9e9e;
}

.ui-color.background-color-6 {
  background-color: #9e9e9e;
}

.ui-color.darken-background-color-1 {
  background-color: #949494;
}

.ui-color.darken-background-color-2 {
  background-color: #8a8a8a;
}

.ui-color.darken-background-color-3 {
  background-color: #7f7f7f;
}

.ui-color.lighten-background-color-1 {
  background-color: #a8a8a8;
}

.ui-color.lighten-background-color-2 {
  background-color: #b2b2b2;
}

.ui-color.lighten-background-color-3 {
  background-color: #bdbdbd;
}

.ui-color.desaturate-background-color-1 {
  background-color: #9e9e9e;
}

.ui-color.desaturate-background-color-2 {
  background-color: #9e9e9e;
}

.ui-color.desaturate-background-color-3 {
  background-color: #9e9e9e;
}

.ui-color.color-7 {
  color: #c3291c;
}

.ui-color.darken-color-1 {
  color: #b12519;
}

.ui-color.darken-color-2 {
  color: #9f2117;
}

.ui-color.darken-color-3 {
  color: #8d1e14;
}

.ui-color.lighten-color-1 {
  color: #d52d1f;
}

.ui-color.lighten-color-2 {
  color: #e03628;
}

.ui-color.lighten-color-3 {
  color: #e3473a;
}

.ui-color.darken-color-1 {
  color: #bf2d20;
}

.ui-color.darken-color-2 {
  color: #ba3125;
}

.ui-color.darken-color-3 {
  color: #b63429;
}

.ui-color.background-color-7 {
  background-color: #c3291c;
}

.ui-color.darken-background-color-1 {
  background-color: #b12519;
}

.ui-color.darken-background-color-2 {
  background-color: #9f2117;
}

.ui-color.darken-background-color-3 {
  background-color: #8d1e14;
}

.ui-color.lighten-background-color-1 {
  background-color: #d52d1f;
}

.ui-color.lighten-background-color-2 {
  background-color: #e03628;
}

.ui-color.lighten-background-color-3 {
  background-color: #e3473a;
}

.ui-color.desaturate-background-color-1 {
  background-color: #bf2d20;
}

.ui-color.desaturate-background-color-2 {
  background-color: #ba3125;
}

.ui-color.desaturate-background-color-3 {
  background-color: #b63429;
}

.ui-color.color-8 {
  color: #000000;
}

.ui-color.darken-color-1 {
  color: black;
}

.ui-color.darken-color-2 {
  color: black;
}

.ui-color.darken-color-3 {
  color: black;
}

.ui-color.lighten-color-1 {
  color: #0a0a0a;
}

.ui-color.lighten-color-2 {
  color: #141414;
}

.ui-color.lighten-color-3 {
  color: #1f1f1f;
}

.ui-color.darken-color-1 {
  color: black;
}

.ui-color.darken-color-2 {
  color: black;
}

.ui-color.darken-color-3 {
  color: black;
}

.ui-color.background-color-8 {
  background-color: #000000;
}

.ui-color.darken-background-color-1 {
  background-color: black;
}

.ui-color.darken-background-color-2 {
  background-color: black;
}

.ui-color.darken-background-color-3 {
  background-color: black;
}

.ui-color.lighten-background-color-1 {
  background-color: #0a0a0a;
}

.ui-color.lighten-background-color-2 {
  background-color: #141414;
}

.ui-color.lighten-background-color-3 {
  background-color: #1f1f1f;
}

.ui-color.desaturate-background-color-1 {
  background-color: black;
}

.ui-color.desaturate-background-color-2 {
  background-color: black;
}

.ui-color.desaturate-background-color-3 {
  background-color: black;
}

.ui-color.color-9 {
  color: #eeeeee;
}

.ui-color.darken-color-1 {
  color: #e4e4e4;
}

.ui-color.darken-color-2 {
  color: #dadada;
}

.ui-color.darken-color-3 {
  color: #cfcfcf;
}

.ui-color.lighten-color-1 {
  color: #f8f8f8;
}

.ui-color.lighten-color-2 {
  color: white;
}

.ui-color.lighten-color-3 {
  color: white;
}

.ui-color.darken-color-1 {
  color: #eeeeee;
}

.ui-color.darken-color-2 {
  color: #eeeeee;
}

.ui-color.darken-color-3 {
  color: #eeeeee;
}

.ui-color.background-color-9 {
  background-color: #eeeeee;
}

.ui-color.darken-background-color-1 {
  background-color: #e4e4e4;
}

.ui-color.darken-background-color-2 {
  background-color: #dadada;
}

.ui-color.darken-background-color-3 {
  background-color: #cfcfcf;
}

.ui-color.lighten-background-color-1 {
  background-color: #f8f8f8;
}

.ui-color.lighten-background-color-2 {
  background-color: white;
}

.ui-color.lighten-background-color-3 {
  background-color: white;
}

.ui-color.desaturate-background-color-1 {
  background-color: #eeeeee;
}

.ui-color.desaturate-background-color-2 {
  background-color: #eeeeee;
}

.ui-color.desaturate-background-color-3 {
  background-color: #eeeeee;
}

.ui-color.color-10 {
  color: #e5e6ef;
}

.ui-color.darken-color-1 {
  color: #d8dae7;
}

.ui-color.darken-color-2 {
  color: #cccedf;
}

.ui-color.darken-color-3 {
  color: #bfc2d8;
}

.ui-color.lighten-color-1 {
  color: #f2f2f7;
}

.ui-color.lighten-color-2 {
  color: #fefeff;
}

.ui-color.lighten-color-3 {
  color: white;
}

.ui-color.darken-color-1 {
  color: #e6e7ee;
}

.ui-color.darken-color-2 {
  color: #e7e7ed;
}

.ui-color.darken-color-3 {
  color: #e8e8ec;
}

.ui-color.background-color-10 {
  background-color: #e5e6ef;
}

.ui-color.darken-background-color-1 {
  background-color: #d8dae7;
}

.ui-color.darken-background-color-2 {
  background-color: #cccedf;
}

.ui-color.darken-background-color-3 {
  background-color: #bfc2d8;
}

.ui-color.lighten-background-color-1 {
  background-color: #f2f2f7;
}

.ui-color.lighten-background-color-2 {
  background-color: #fefeff;
}

.ui-color.lighten-background-color-3 {
  background-color: white;
}

.ui-color.desaturate-background-color-1 {
  background-color: #e6e7ee;
}

.ui-color.desaturate-background-color-2 {
  background-color: #e7e7ed;
}

.ui-color.desaturate-background-color-3 {
  background-color: #e8e8ec;
}

.ui-color.color-11 {
  color: #cccee0;
}

.ui-color.darken-color-1 {
  color: #bfc2d8;
}

.ui-color.darken-color-2 {
  color: #b3b6d1;
}

.ui-color.darken-color-3 {
  color: #a6a9c9;
}

.ui-color.lighten-color-1 {
  color: #d9dae8;
}

.ui-color.lighten-color-2 {
  color: #e5e6ef;
}

.ui-color.lighten-color-3 {
  color: #f2f3f7;
}

.ui-color.darken-color-1 {
  color: #cecfde;
}

.ui-color.darken-color-2 {
  color: #cfd1dd;
}

.ui-color.darken-color-3 {
  color: #d1d2db;
}

.ui-color.background-color-11 {
  background-color: #cccee0;
}

.ui-color.darken-background-color-1 {
  background-color: #bfc2d8;
}

.ui-color.darken-background-color-2 {
  background-color: #b3b6d1;
}

.ui-color.darken-background-color-3 {
  background-color: #a6a9c9;
}

.ui-color.lighten-background-color-1 {
  background-color: #d9dae8;
}

.ui-color.lighten-background-color-2 {
  background-color: #e5e6ef;
}

.ui-color.lighten-background-color-3 {
  background-color: #f2f3f7;
}

.ui-color.desaturate-background-color-1 {
  background-color: #cecfde;
}

.ui-color.desaturate-background-color-2 {
  background-color: #cfd1dd;
}

.ui-color.desaturate-background-color-3 {
  background-color: #d1d2db;
}

.ui-color.color-12 {
  color: #999cc1;
}

.ui-color.darken-color-1 {
  color: #8c90b9;
}

.ui-color.darken-color-2 {
  color: #8083b2;
}

.ui-color.darken-color-3 {
  color: #7377aa;
}

.ui-color.lighten-color-1 {
  color: #a6a8c9;
}

.ui-color.lighten-color-2 {
  color: #b2b5d0;
}

.ui-color.lighten-color-3 {
  color: #bfc1d8;
}

.ui-color.darken-color-1 {
  color: #9c9fbe;
}

.ui-color.darken-color-2 {
  color: #a0a2ba;
}

.ui-color.darken-color-3 {
  color: #a3a4b7;
}

.ui-color.background-color-12 {
  background-color: #999cc1;
}

.ui-color.darken-background-color-1 {
  background-color: #8c90b9;
}

.ui-color.darken-background-color-2 {
  background-color: #8083b2;
}

.ui-color.darken-background-color-3 {
  background-color: #7377aa;
}

.ui-color.lighten-background-color-1 {
  background-color: #a6a8c9;
}

.ui-color.lighten-background-color-2 {
  background-color: #b2b5d0;
}

.ui-color.lighten-background-color-3 {
  background-color: #bfc1d8;
}

.ui-color.desaturate-background-color-1 {
  background-color: #9c9fbe;
}

.ui-color.desaturate-background-color-2 {
  background-color: #a0a2ba;
}

.ui-color.desaturate-background-color-3 {
  background-color: #a3a4b7;
}

.ui-color.color-13 {
  color: #8083b1;
}

.ui-color.darken-color-1 {
  color: #7377a9;
}

.ui-color.darken-color-2 {
  color: #676aa1;
}

.ui-color.darken-color-3 {
  color: #5d6097;
}

.ui-color.lighten-color-1 {
  color: #8d8fb9;
}

.ui-color.lighten-color-2 {
  color: #999cc1;
}

.ui-color.lighten-color-3 {
  color: #a6a8c8;
}

.ui-color.darken-color-1 {
  color: #8487ad;
}

.ui-color.darken-color-2 {
  color: #888aa9;
}

.ui-color.darken-color-3 {
  color: #8c8ea5;
}

.ui-color.background-color-13 {
  background-color: #8083b1;
}

.ui-color.darken-background-color-1 {
  background-color: #7377a9;
}

.ui-color.darken-background-color-2 {
  background-color: #676aa1;
}

.ui-color.darken-background-color-3 {
  background-color: #5d6097;
}

.ui-color.lighten-background-color-1 {
  background-color: #8d8fb9;
}

.ui-color.lighten-background-color-2 {
  background-color: #999cc1;
}

.ui-color.lighten-background-color-3 {
  background-color: #a6a8c8;
}

.ui-color.desaturate-background-color-1 {
  background-color: #8487ad;
}

.ui-color.desaturate-background-color-2 {
  background-color: #888aa9;
}

.ui-color.desaturate-background-color-3 {
  background-color: #8c8ea5;
}

.ui-color.color-14 {
  color: #40458b;
}

.ui-color.darken-color-1 {
  color: #3a3e7d;
}

.ui-color.darken-color-2 {
  color: #33376f;
}

.ui-color.darken-color-3 {
  color: #2d3061;
}

.ui-color.lighten-color-1 {
  color: #464c99;
}

.ui-color.lighten-color-2 {
  color: #4d53a7;
}

.ui-color.lighten-color-3 {
  color: #575db2;
}

.ui-color.darken-color-1 {
  color: #444987;
}

.ui-color.darken-color-2 {
  color: #484c83;
}

.ui-color.darken-color-3 {
  color: #4c507f;
}

.ui-color.background-color-14 {
  background-color: #40458b;
}

.ui-color.darken-background-color-1 {
  background-color: #3a3e7d;
}

.ui-color.darken-background-color-2 {
  background-color: #33376f;
}

.ui-color.darken-background-color-3 {
  background-color: #2d3061;
}

.ui-color.lighten-background-color-1 {
  background-color: #464c99;
}

.ui-color.lighten-background-color-2 {
  background-color: #4d53a7;
}

.ui-color.lighten-background-color-3 {
  background-color: #575db2;
}

.ui-color.desaturate-background-color-1 {
  background-color: #444987;
}

.ui-color.desaturate-background-color-2 {
  background-color: #484c83;
}

.ui-color.desaturate-background-color-3 {
  background-color: #4c507f;
}

.ui-color.color-15 {
  color: #000864;
}

.ui-color.darken-color-1 {
  color: #000650;
}

.ui-color.darken-color-2 {
  color: #00053b;
}

.ui-color.darken-color-3 {
  color: #000327;
}

.ui-color.lighten-color-1 {
  color: #000a78;
}

.ui-color.lighten-color-2 {
  color: #000b8d;
}

.ui-color.lighten-color-3 {
  color: #000da1;
}

.ui-color.darken-color-1 {
  color: #020a62;
}

.ui-color.darken-color-2 {
  color: #040b60;
}

.ui-color.darken-color-3 {
  color: #060d5e;
}

.ui-color.background-color-15 {
  background-color: #000864;
}

.ui-color.darken-background-color-1 {
  background-color: #000650;
}

.ui-color.darken-background-color-2 {
  background-color: #00053b;
}

.ui-color.darken-background-color-3 {
  background-color: #000327;
}

.ui-color.lighten-background-color-1 {
  background-color: #000a78;
}

.ui-color.lighten-background-color-2 {
  background-color: #000b8d;
}

.ui-color.lighten-background-color-3 {
  background-color: #000da1;
}

.ui-color.desaturate-background-color-1 {
  background-color: #020a62;
}

.ui-color.desaturate-background-color-2 {
  background-color: #040b60;
}

.ui-color.desaturate-background-color-3 {
  background-color: #060d5e;
}

.ui-color.color-16 {
  color: #000733;
}

.ui-color.darken-color-1 {
  color: #00041f;
}

.ui-color.darken-color-2 {
  color: #00010a;
}

.ui-color.darken-color-3 {
  color: black;
}

.ui-color.lighten-color-1 {
  color: #000a47;
}

.ui-color.lighten-color-2 {
  color: #000d5c;
}

.ui-color.lighten-color-3 {
  color: #000f70;
}

.ui-color.darken-color-1 {
  color: #010832;
}

.ui-color.darken-color-2 {
  color: #020831;
}

.ui-color.darken-color-3 {
  color: #030930;
}

.ui-color.background-color-16 {
  background-color: #000733;
}

.ui-color.darken-background-color-1 {
  background-color: #00041f;
}

.ui-color.darken-background-color-2 {
  background-color: #00010a;
}

.ui-color.darken-background-color-3 {
  background-color: black;
}

.ui-color.lighten-background-color-1 {
  background-color: #000a47;
}

.ui-color.lighten-background-color-2 {
  background-color: #000d5c;
}

.ui-color.lighten-background-color-3 {
  background-color: #000f70;
}

.ui-color.desaturate-background-color-1 {
  background-color: #010832;
}

.ui-color.desaturate-background-color-2 {
  background-color: #020831;
}

.ui-color.desaturate-background-color-3 {
  background-color: #030930;
}

.ui-color.color-17 {
  color: #fccf40;
}

.ui-color.darken-color-1 {
  color: #fcca2c;
}

.ui-color.darken-color-2 {
  color: #fbc518;
}

.ui-color.darken-color-3 {
  color: #fbc004;
}

.ui-color.lighten-color-1 {
  color: #fcd454;
}

.ui-color.lighten-color-2 {
  color: #fdd968;
}

.ui-color.lighten-color-3 {
  color: #fdde7c;
}

.ui-color.darken-color-1 {
  color: #f8cd44;
}

.ui-color.darken-color-2 {
  color: #f4cb48;
}

.ui-color.darken-color-3 {
  color: #f0c94c;
}

.ui-color.background-color-17 {
  background-color: #fccf40;
}

.ui-color.darken-background-color-1 {
  background-color: #fcca2c;
}

.ui-color.darken-background-color-2 {
  background-color: #fbc518;
}

.ui-color.darken-background-color-3 {
  background-color: #fbc004;
}

.ui-color.lighten-background-color-1 {
  background-color: #fcd454;
}

.ui-color.lighten-background-color-2 {
  background-color: #fdd968;
}

.ui-color.lighten-background-color-3 {
  background-color: #fdde7c;
}

.ui-color.desaturate-background-color-1 {
  background-color: #f8cd44;
}

.ui-color.desaturate-background-color-2 {
  background-color: #f4cb48;
}

.ui-color.desaturate-background-color-3 {
  background-color: #f0c94c;
}

.ui-color.color-18 {
  color: #fabf00;
}

.ui-color.darken-color-1 {
  color: #e6af00;
}

.ui-color.darken-color-2 {
  color: #d1a000;
}

.ui-color.darken-color-3 {
  color: #bd9000;
}

.ui-color.lighten-color-1 {
  color: #ffc60f;
}

.ui-color.lighten-color-2 {
  color: #ffcb24;
}

.ui-color.lighten-color-3 {
  color: #ffd038;
}

.ui-color.darken-color-1 {
  color: #f5bc05;
}

.ui-color.darken-color-2 {
  color: #f0ba0a;
}

.ui-color.darken-color-3 {
  color: #ebb70f;
}

.ui-color.background-color-18 {
  background-color: #fabf00;
}

.ui-color.darken-background-color-1 {
  background-color: #e6af00;
}

.ui-color.darken-background-color-2 {
  background-color: #d1a000;
}

.ui-color.darken-background-color-3 {
  background-color: #bd9000;
}

.ui-color.lighten-background-color-1 {
  background-color: #ffc60f;
}

.ui-color.lighten-background-color-2 {
  background-color: #ffcb24;
}

.ui-color.lighten-background-color-3 {
  background-color: #ffd038;
}

.ui-color.desaturate-background-color-1 {
  background-color: #f5bc05;
}

.ui-color.desaturate-background-color-2 {
  background-color: #f0ba0a;
}

.ui-color.desaturate-background-color-3 {
  background-color: #ebb70f;
}

.ui-color.color-19 {
  color: #35ccc8;
}

.ui-color.darken-color-1 {
  color: #30bdb9;
}

.ui-color.darken-color-2 {
  color: #2cada9;
}

.ui-color.darken-color-3 {
  color: #279c99;
}

.ui-color.lighten-color-1 {
  color: #45d0cc;
}

.ui-color.lighten-color-2 {
  color: #56d4d1;
}

.ui-color.lighten-color-3 {
  color: #66d8d5;
}

.ui-color.darken-color-1 {
  color: #3ac7c3;
}

.ui-color.darken-color-2 {
  color: #3fc2be;
}

.ui-color.darken-color-3 {
  color: #44bdba;
}

.ui-color.background-color-19 {
  background-color: #35ccc8;
}

.ui-color.darken-background-color-1 {
  background-color: #30bdb9;
}

.ui-color.darken-background-color-2 {
  background-color: #2cada9;
}

.ui-color.darken-background-color-3 {
  background-color: #279c99;
}

.ui-color.lighten-background-color-1 {
  background-color: #45d0cc;
}

.ui-color.lighten-background-color-2 {
  background-color: #56d4d1;
}

.ui-color.lighten-background-color-3 {
  background-color: #66d8d5;
}

.ui-color.desaturate-background-color-1 {
  background-color: #3ac7c3;
}

.ui-color.desaturate-background-color-2 {
  background-color: #3fc2be;
}

.ui-color.desaturate-background-color-3 {
  background-color: #44bdba;
}

.ui-color.color-20 {
  color: #31bfbb;
}

.ui-color.darken-color-1 {
  color: #2dafab;
}

.ui-color.darken-color-2 {
  color: #299f9b;
}

.ui-color.darken-color-3 {
  color: #258e8b;
}

.ui-color.lighten-color-1 {
  color: #38ccc8;
}

.ui-color.lighten-color-2 {
  color: #49d0cc;
}

.ui-color.lighten-color-3 {
  color: #59d4d1;
}

.ui-color.darken-color-1 {
  color: #36bab6;
}

.ui-color.darken-color-2 {
  color: #3bb5b2;
}

.ui-color.darken-color-3 {
  color: #3fb1ad;
}

.ui-color.background-color-20 {
  background-color: #31bfbb;
}

.ui-color.darken-background-color-1 {
  background-color: #2dafab;
}

.ui-color.darken-background-color-2 {
  background-color: #299f9b;
}

.ui-color.darken-background-color-3 {
  background-color: #258e8b;
}

.ui-color.lighten-background-color-1 {
  background-color: #38ccc8;
}

.ui-color.lighten-background-color-2 {
  background-color: #49d0cc;
}

.ui-color.lighten-background-color-3 {
  background-color: #59d4d1;
}

.ui-color.desaturate-background-color-1 {
  background-color: #36bab6;
}

.ui-color.desaturate-background-color-2 {
  background-color: #3bb5b2;
}

.ui-color.desaturate-background-color-3 {
  background-color: #3fb1ad;
}

.ui-color.color-21 {
  color: #f94b00;
}

.ui-color.darken-color-1 {
  color: #e54500;
}

.ui-color.darken-color-2 {
  color: #d03f00;
}

.ui-color.darken-color-3 {
  color: #bc3900;
}

.ui-color.lighten-color-1 {
  color: #ff570e;
}

.ui-color.lighten-color-2 {
  color: #ff6523;
}

.ui-color.lighten-color-3 {
  color: #ff7337;
}

.ui-color.darken-color-1 {
  color: #f44d05;
}

.ui-color.darken-color-2 {
  color: #ef4f0a;
}

.ui-color.darken-color-3 {
  color: #ea510f;
}

.ui-color.background-color-21 {
  background-color: #f94b00;
}

.ui-color.darken-background-color-1 {
  background-color: #e54500;
}

.ui-color.darken-background-color-2 {
  background-color: #d03f00;
}

.ui-color.darken-background-color-3 {
  background-color: #bc3900;
}

.ui-color.lighten-background-color-1 {
  background-color: #ff570e;
}

.ui-color.lighten-background-color-2 {
  background-color: #ff6523;
}

.ui-color.lighten-background-color-3 {
  background-color: #ff7337;
}

.ui-color.desaturate-background-color-1 {
  background-color: #f44d05;
}

.ui-color.desaturate-background-color-2 {
  background-color: #ef4f0a;
}

.ui-color.desaturate-background-color-3 {
  background-color: #ea510f;
}

.ui-color.color-22 {
  color: #ca3b00;
}

.ui-color.darken-color-1 {
  color: #b63500;
}

.ui-color.darken-color-2 {
  color: #a12f00;
}

.ui-color.darken-color-3 {
  color: #8d2900;
}

.ui-color.lighten-color-1 {
  color: #de4100;
}

.ui-color.lighten-color-2 {
  color: #f34700;
}

.ui-color.lighten-color-3 {
  color: #ff5008;
}

.ui-color.darken-color-1 {
  color: #c63d04;
}

.ui-color.darken-color-2 {
  color: #c23e08;
}

.ui-color.darken-color-3 {
  color: #be400c;
}

.ui-color.background-color-22 {
  background-color: #ca3b00;
}

.ui-color.darken-background-color-1 {
  background-color: #b63500;
}

.ui-color.darken-background-color-2 {
  background-color: #a12f00;
}

.ui-color.darken-background-color-3 {
  background-color: #8d2900;
}

.ui-color.lighten-background-color-1 {
  background-color: #de4100;
}

.ui-color.lighten-background-color-2 {
  background-color: #f34700;
}

.ui-color.lighten-background-color-3 {
  background-color: #ff5008;
}

.ui-color.desaturate-background-color-1 {
  background-color: #c63d04;
}

.ui-color.desaturate-background-color-2 {
  background-color: #c23e08;
}

.ui-color.desaturate-background-color-3 {
  background-color: #be400c;
}

.ui-color.color-23 {
  color: #e5e5e5;
}

.ui-color.darken-color-1 {
  color: #dbdbdb;
}

.ui-color.darken-color-2 {
  color: #d1d1d1;
}

.ui-color.darken-color-3 {
  color: #c6c6c6;
}

.ui-color.lighten-color-1 {
  color: #efefef;
}

.ui-color.lighten-color-2 {
  color: #f9f9f9;
}

.ui-color.lighten-color-3 {
  color: white;
}

.ui-color.darken-color-1 {
  color: #e5e5e5;
}

.ui-color.darken-color-2 {
  color: #e5e5e5;
}

.ui-color.darken-color-3 {
  color: #e5e5e5;
}

.ui-color.background-color-23 {
  background-color: #e5e5e5;
}

.ui-color.darken-background-color-1 {
  background-color: #dbdbdb;
}

.ui-color.darken-background-color-2 {
  background-color: #d1d1d1;
}

.ui-color.darken-background-color-3 {
  background-color: #c6c6c6;
}

.ui-color.lighten-background-color-1 {
  background-color: #efefef;
}

.ui-color.lighten-background-color-2 {
  background-color: #f9f9f9;
}

.ui-color.lighten-background-color-3 {
  background-color: white;
}

.ui-color.desaturate-background-color-1 {
  background-color: #e5e5e5;
}

.ui-color.desaturate-background-color-2 {
  background-color: #e5e5e5;
}

.ui-color.desaturate-background-color-3 {
  background-color: #e5e5e5;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}