:root {
	--color-primary: #8d52e0;
	--color-primary-95: #8d52e0f2;
	--color-primary-90: #8d52e0e6;
	--color-primary-85: #8d52e0d9;
	--color-primary-80: #8d52e0cc;
	--color-primary-75: #8d52e0bf;
	--color-primary-70: #8d52e0b3;
	--color-primary-65: #8d52e0a6;
	--color-primary-60: #8d52e099;
	--color-primary-55: #8d52e08c;
	--color-primary-50: #8d52e080;
	--color-primary-45: #8d52e073;
	--color-primary-40: #8d52e066;
	--color-primary-35: #8d52e059;
	--color-primary-30: #8d52e04d;
	--color-primary-25: #8d52e040;
	--color-primary-20: #8d52e033;
	--color-primary-15: #8d52e026;
	--color-primary-10: #8d52e01a;
	--color-primary-05: #8d52e00d;

	--color-white: #ffffff;
	--color-white-95: #fffffff2;
	--color-white-90: #ffffffe6;
	--color-white-85: #ffffffd9;
	--color-white-80: #ffffffcc;
	--color-white-75: #ffffffbf;
	--color-white-70: #ffffffb3;
	--color-white-65: #ffffffa6;
	--color-white-60: #ffffff99;
	--color-white-55: #ffffff8c;
	--color-white-50: #ffffff80;
	--color-white-45: #ffffff73;
	--color-white-40: #ffffff66;
	--color-white-35: #ffffff59;
	--color-white-30: #ffffff4d;
	--color-white-25: #ffffff40;
	--color-white-20: #ffffff33;
	--color-white-15: #ffffff26;
	--color-white-10: #ffffff1a;
	--color-white-05: #ffffff0d;

	--color-dark: #13132d;
	--color-dark-95: #13132df2;
	--color-dark-90: #13132de6;
	--color-dark-85: #13132dd9;
	--color-dark-80: #13132dcc;
	--color-dark-75: #13132dbf;
	--color-dark-70: #13132db3;
	--color-dark-65: #13132da6;
	--color-dark-60: #13132d99;
	--color-dark-55: #13132d8c;
	--color-dark-50: #13132d80;
	--color-dark-45: #13132d73;
	--color-dark-40: #13132d66;
	--color-dark-35: #13132d59;
	--color-dark-30: #13132d4d;
	--color-dark-25: #13132d40;
	--color-dark-20: #13132d33;
	--color-dark-15: #13132d26;
	--color-dark-10: #13132d1a;
	--color-dark-05: #13132d0d;

	--color-yellow: #fec514;
	--color-yellow-95: #fec514f2;
	--color-yellow-90: #fec514e6;
	--color-yellow-85: #fec514d9;
	--color-yellow-80: #fec514cc;
	--color-yellow-75: #fec514bf;
	--color-yellow-70: #fec514b3;
	--color-yellow-65: #fec514a6;
	--color-yellow-60: #fec51499;
	--color-yellow-55: #fec5148c;
	--color-yellow-50: #fec51480;
	--color-yellow-45: #fec51473;
	--color-yellow-40: #fec51466;
	--color-yellow-35: #fec51459;
	--color-yellow-30: #fec5144d;
	--color-yellow-25: #fec51440;
	--color-yellow-20: #fec51433;
	--color-yellow-15: #fec51426;
	--color-yellow-10: #fec5141a;
	--color-yellow-05: #fec5140d;

	--color-orange: #ff6300;
	--color-orange-95: #ff6300f2;
	--color-orange-90: #ff6300e6;
	--color-orange-85: #ff6300d9;
	--color-orange-80: #ff6300cc;
	--color-orange-75: #ff6300bf;
	--color-orange-70: #ff6300b3;
	--color-orange-65: #ff6300a6;
	--color-orange-60: #ff630099;
	--color-orange-55: #ff63008c;
	--color-orange-50: #ff630080;
	--color-orange-45: #ff630073;
	--color-orange-40: #ff630066;
	--color-orange-35: #ff630059;
	--color-orange-30: #ff63004d;
	--color-orange-25: #ff630040;
	--color-orange-20: #ff630033;
	--color-orange-15: #ff630026;
	--color-orange-10: #ff63001a;
	--color-orange-05: #ff63000d;

	--color-blue: #006eb2;
	--color-blue-95: #006eb2f2;
	--color-blue-90: #006eb2e6;
	--color-blue-85: #006eb2d9;
	--color-blue-80: #006eb2cc;
	--color-blue-75: #006eb2bf;
	--color-blue-70: #006eb2b3;
	--color-blue-65: #006eb2a6;
	--color-blue-60: #006eb299;
	--color-blue-55: #006eb28c;
	--color-blue-50: #006eb280;
	--color-blue-45: #006eb273;
	--color-blue-40: #006eb266;
	--color-blue-35: #006eb259;
	--color-blue-30: #006eb24d;
	--color-blue-25: #006eb240;
	--color-blue-20: #006eb233;
	--color-blue-15: #006eb226;
	--color-blue-10: #006eb21a;
	--color-blue-05: #006eb20d;

	--color-purple: #6e17b0;
	--color-purple-95: #6e17b0f2;
	--color-purple-90: #6e17b0e6;
	--color-purple-85: #6e17b0d9;
	--color-purple-80: #6e17b0cc;
	--color-purple-75: #6e17b0bf;
	--color-purple-70: #6e17b0b3;
	--color-purple-65: #6e17b0a6;
	--color-purple-60: #6e17b099;
	--color-purple-55: #6e17b08c;
	--color-purple-50: #6e17b080;
	--color-purple-45: #6e17b073;
	--color-purple-40: #6e17b066;
	--color-purple-35: #6e17b059;
	--color-purple-30: #6e17b04d;
	--color-purple-25: #6e17b040;
	--color-purple-20: #6e17b033;
	--color-purple-15: #6e17b026;
	--color-purple-10: #6e17b01a;
	--color-purple-05: #6e17b00d;

	--color-green: #00bdb0;
	--color-green-95: #00bdb0f2;
	--color-green-90: #00bdb0e6;
	--color-green-85: #00bdb0d9;
	--color-green-80: #00bdb0cc;
	--color-green-75: #00bdb0bf;
	--color-green-70: #00bdb0b3;
	--color-green-65: #00bdb0a6;
	--color-green-60: #00bdb099;
	--color-green-55: #00bdb08c;
	--color-green-50: #00bdb080;
	--color-green-45: #00bdb073;
	--color-green-40: #00bdb066;
	--color-green-35: #00bdb059;
	--color-green-30: #00bdb04d;
	--color-green-25: #00bdb040;
	--color-green-20: #00bdb033;
	--color-green-15: #00bdb026;
	--color-green-10: #00bdb01a;
	--color-green-05: #00bdb00d;

	--color-red: #f0425f;
	--color-red-95: #f0425ff2;
	--color-red-90: #f0425fe6;
	--color-red-85: #f0425fd9;
	--color-red-80: #f0425fcc;
	--color-red-75: #f0425fbf;
	--color-red-70: #f0425fb3;
	--color-red-65: #f0425fa6;
	--color-red-60: #f0425f99;
	--color-red-55: #f0425f8c;
	--color-red-50: #f0425f80;
	--color-red-45: #f0425f73;
	--color-red-40: #f0425f66;
	--color-red-35: #f0425f59;
	--color-red-30: #f0425f4d;
	--color-red-25: #f0425f40;
	--color-red-20: #f0425f33;
	--color-red-15: #f0425f26;
	--color-red-10: #f0425f1a;
	--color-red-05: #f0425f0d;

	--shadow-color: var(--color-dark-25);
}

html.dark {
	--shadow-color: var(--color-white-70);
}

html,
body {
	margin: 0;
	padding: 0;
}

.emptyState {
	text-align: var(--empty-state-text-align, center);
	padding: var(--empty-state-padding, 2rem 0);
	color: var(--empty-state-color, var(--color-dark-30));
}

.pageHeader {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

.pageHeaderText {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.pageTitle {
	flex: 0 1 auto;
	font-size: 1.875rem;
	font-weight: 700;
	color: var(--color-dark);
	line-height: 1.2;
	margin: 0;
}

.pageSubtitle {
	color: var(--color-dark-60);
	margin: 0;
}

.pageActions {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}

html,
body {
	font-size: 16px;
	line-height: normal;
	background: var(--color-white);
	color: var(--color-dark);
}

* {
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
}

blockquote {
	margin: 0;
}

img {
	max-width: 100%;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;
}

button {
	font: inherit;
	color: inherit;
	border: 0;
	background: transparent;

	padding: 0;
	margin: 0;

	cursor: pointer;
}

html.dark {
	--color-white: #13132d;
	--color-white-95: #13132df2;
	--color-white-90: #13132de6;
	--color-white-85: #13132dd9;
	--color-white-80: #13132dcc;
	--color-white-75: #13132dbf;
	--color-white-70: #13132db3;
	--color-white-65: #13132da6;
	--color-white-60: #13132d99;
	--color-white-55: #13132d8c;
	--color-white-50: #13132d80;
	--color-white-45: #13132d73;
	--color-white-40: #13132d66;
	--color-white-35: #13132d59;
	--color-white-30: #13132d4d;
	--color-white-25: #13132d40;
	--color-white-20: #13132d33;
	--color-white-15: #13132d26;
	--color-white-10: #13132d1a;
	--color-white-05: #13132d0d;

	--color-dark: #ffffff;
	--color-dark-95: #fffffff2;
	--color-dark-90: #ffffffe6;
	--color-dark-85: #ffffffd9;
	--color-dark-80: #ffffffcc;
	--color-dark-75: #ffffffbf;
	--color-dark-70: #ffffffb3;
	--color-dark-65: #ffffffa6;
	--color-dark-60: #ffffff99;
	--color-dark-55: #ffffff8c;
	--color-dark-50: #ffffff80;
	--color-dark-45: #ffffff73;
	--color-dark-40: #ffffff66;
	--color-dark-35: #ffffff59;
	--color-dark-30: #ffffff4d;
	--color-dark-25: #ffffff40;
	--color-dark-20: #ffffff33;
	--color-dark-15: #ffffff26;
	--color-dark-10: #ffffff1a;
	--color-dark-05: #ffffff0d;
}