/* ==========================================================
   Utilities
   Small single-purpose classes for per-element values (colour tones, sizes,
   offsets, animation indexes) that used to be inline style="" attributes.
   Plain properties keep !important so they still win like inline styles did;
   custom properties do not, so scripts can still override them at runtime;
   their class is doubled (.tone-blue.tone-blue) to outrank component defaults
   such as ".sv-cbar a { --tone: ... }", the way the inline value used to.
   ========================================================== */

.a-18.a-18 {
	--a: 18;
}
.a-24.a-24 {
	--a: 24;
}
.a-27.a-27 {
	--a: 27;
}
.a-31.a-31 {
	--a: 31;
}
.a-38.a-38 {
	--a: 38;
}
.a-42.a-42 {
	--a: 42;
}
.a-46.a-46 {
	--a: 46;
}
.a-48deg.a-48deg {
	--a: 48deg;
}
.a-62deg.a-62deg {
	--a: 62deg;
}
.a-72deg.a-72deg {
	--a: 72deg;
}
.a-100.a-100 {
	--a: 100;
}
.ac-blue-deep.ac-blue-deep {
	--ac: #0f4c81;
}
.ac-coral.ac-coral {
	--ac: #e2774a;
}
.at-blue.at-blue {
	--at: #0072ce;
}
.at-blue-deep.at-blue-deep {
	--at: #0f4c81;
}
.at-coral.at-coral {
	--at: #e2774a;
}
.at-green.at-green {
	--at: #00a676;
}
.at-peri.at-peri {
	--at: #6667ab;
}
.av-linear-gradient-135deg-blue-cyan.av-linear-gradient-135deg-blue-cyan {
	--av: linear-gradient(135deg, #0072ce, #00b5e2);
}
.av-linear-gradient-135deg-blue-deep-peri.av-linear-gradient-135deg-blue-deep-peri {
	--av: linear-gradient(135deg, #0f4c81, #6667ab);
}
.av-linear-gradient-135deg-blue-peri.av-linear-gradient-135deg-blue-peri {
	--av: linear-gradient(135deg, #0072ce, #6667ab);
}
.av-linear-gradient-135deg-cyan-mint.av-linear-gradient-135deg-cyan-mint {
	--av: linear-gradient(135deg, #00b5e2, #00c389);
}
.av-linear-gradient-135deg-mint-blue.av-linear-gradient-135deg-mint-blue {
	--av: linear-gradient(135deg, #00c389, #0072ce);
}
.av-linear-gradient-135deg-peach-peri.av-linear-gradient-135deg-peach-peri {
	--av: linear-gradient(135deg, #ffbe98, #6667ab);
}
.av-linear-gradient-135deg-peri-blue.av-linear-gradient-135deg-peri-blue {
	--av: linear-gradient(135deg, #6667ab, #0072ce);
}
.av-linear-gradient-135deg-peri-peach.av-linear-gradient-135deg-peri-peach {
	--av: linear-gradient(135deg, #6667ab, #ffbe98);
}
.b-2.b-2 {
	--b: 2;
}
.b-3.b-3 {
	--b: 3;
}
.b-4.b-4 {
	--b: 4;
}
.b-6.b-6 {
	--b: 6;
}
.b-9.b-9 {
	--b: 9;
}
.b-18.b-18 {
	--b: 18;
}
.b-30.b-30 {
	--b: 30;
}
.b-64.b-64 {
	--b: 64;
}
.bg-blue {
	background: #0072ce !important;
}
.bg-blue-deep {
	background: #0f4c81 !important;
}
.bg-cyan {
	background: #00b5e2 !important;
}
.bg-peach {
	background: #ffbe98 !important;
}
.bg-peri {
	background: #6667ab !important;
}
.border-top-1px-solid-line {
	border-top: 1px solid var(--line) !important;
}
.bottom-2px {
	bottom: 2px !important;
}
.bottom-4px {
	bottom: 4px !important;
}
.bottom-8pct {
	bottom: 8% !important;
}
.bottom-10px {
	bottom: 10px !important;
}
.c-amber.c-amber {
	--c: #f0b429;
}
.c-blue.c-blue {
	--c: #0072ce;
}
.c-blue-deep.c-blue-deep {
	--c: #0f4c81;
}
.c-coral.c-coral {
	--c: #e2774a;
}
.c-cyan.c-cyan {
	--c: #00b5e2;
}
.c-google-blue.c-google-blue {
	--c: #1a73e8;
}
.c-green.c-green {
	--c: #00a676;
}
.c-linear-gradient-135deg-peach-coral.c-linear-gradient-135deg-peach-coral {
	--c: linear-gradient(135deg, #ffbe98, #e2774a);
}
.c-linear-gradient-135deg-peri-blue.c-linear-gradient-135deg-peri-blue {
	--c: linear-gradient(135deg, #6667ab, #0072ce);
}
.c-linkedin.c-linkedin {
	--c: #0a66c2;
}
.c-mist.c-mist {
	--c: #cfd4db;
}
.c-peri.c-peri {
	--c: #6667ab;
}
.c-red.c-red {
	--c: #e2574a;
}
.c-salmon.c-salmon {
	--c: #e06a5f;
}
.color-emerald {
	color: #0b7a55 !important;
}
.color-muted {
	color: #5d6470 !important;
}
.ct-blue.ct-blue {
	--ct: #0072ce;
}
.ct-blue-deep.ct-blue-deep {
	--ct: #0f4c81;
}
.ct-coral.ct-coral {
	--ct: #e2774a;
}
.ct-green.ct-green {
	--ct: #00a676;
}
.ct-peri.ct-peri {
	--ct: #6667ab;
}
.d-contents {
	display: contents !important;
}
.d-flex {
	display: flex !important;
}
.fs-normal {
	font-style: normal !important;
}
.fw-400 {
	font-weight: 400 !important;
}
.glow-blue.glow-blue {
	--glow: var(--blue);
}
.glow-cyan.glow-cyan {
	--glow: var(--cyan);
}
.glow-mint.glow-mint {
	--glow: var(--mint);
}
.glow-peach.glow-peach {
	--glow: var(--peach);
}
.glow-peri.glow-peri {
	--glow: var(--peri);
}
.h-28pct.h-28pct {
	--h: 28%;
}
.h-36pct.h-36pct {
	--h: 36%;
}
.h-45pct.h-45pct {
	--h: 45%;
}
.h-54pct.h-54pct {
	--h: 54%;
}
.h-62pct.h-62pct {
	--h: 62%;
}
.h-70pct.h-70pct {
	--h: 70%;
}
.h-78pct.h-78pct {
	--h: 78%;
}
.height-6px {
	height: 6px !important;
}
.height-11px {
	height: 11px !important;
}
.height-28pct {
	height: 28% !important;
}
.height-30pct {
	height: 30% !important;
}
.height-34px {
	height: 34px !important;
}
.height-36pct {
	height: 36% !important;
}
.height-38pct {
	height: 38% !important;
}
.height-40pct {
	height: 40% !important;
}
.height-42pct {
	height: 42% !important;
}
.height-45pct {
	height: 45% !important;
}
.height-48pct {
	height: 48% !important;
}
.height-50pct {
	height: 50% !important;
}
.height-52pct {
	height: 52% !important;
}
.height-55pct {
	height: 55% !important;
}
.height-56pct {
	height: 56% !important;
}
.height-58pct {
	height: 58% !important;
}
.height-60pct {
	height: 60% !important;
}
.height-64pct {
	height: 64% !important;
}
.height-66pct {
	height: 66% !important;
}
.height-70pct {
	height: 70% !important;
}
.height-72pct {
	height: 72% !important;
}
.height-78pct {
	height: 78% !important;
}
.height-80pct {
	height: 80% !important;
}
.height-100pct {
	height: 100% !important;
}
.height-330vh {
	height: 330vh !important;
}
.height-340vh {
	height: 340vh !important;
}
.height-380vh {
	height: 380vh !important;
}
.i-0.i-0 {
	--i: 0;
}
.i-1.i-1 {
	--i: 1;
}
.i-2.i-2 {
	--i: 2;
}
.i-3.i-3 {
	--i: 3;
}
.i-4.i-4 {
	--i: 4;
}
.inset-0-0-auto {
	inset: 0 0 auto !important;
}
.left-2pct {
	left: 2% !important;
}
.left-14px {
	left: 14px !important;
}
.left-40pct {
	left: 40% !important;
}
.left-70pct {
	left: 70% !important;
}
.m-0-auto {
	margin: 0 auto !important;
}
.max-w-16ch {
	max-width: 16ch !important;
}
.max-w-100pct {
	max-width: 100% !important;
}
.ml-18px {
	margin-left: 18px !important;
}
.ml-36px {
	margin-left: 36px !important;
}
.mt-18px {
	margin-top: 18px !important;
}
.n-0.n-0 {
	--n: 0;
}
.n-1.n-1 {
	--n: 1;
}
.n-2.n-2 {
	--n: 2;
}
.n-3.n-3 {
	--n: 3;
}
.p-2_5pct.p-2_5pct {
	--p: 2.5%;
}
.p-5_3pct.p-5_3pct {
	--p: 5.3%;
}
.p-13_3pct.p-13_3pct {
	--p: 13.3%;
}
.pd-14px.pd-14px {
	--pd: 14px;
}
.pos-absolute {
	position: absolute !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.r-1_5deg.r-1_5deg {
	--r: 1.5deg;
}
.r-1deg.r-1deg {
	--r: 1deg;
}
.r-2deg.r-2deg {
	--r: 2deg;
}
.r-n1_5deg.r-n1_5deg {
	--r: -1.5deg;
}
.r-n1deg.r-n1deg {
	--r: -1deg;
}
.r-n2deg.r-n2deg {
	--r: -2deg;
}
.rd-14px.rd-14px {
	--rd: 14px;
}
.right-8pct {
	right: 8% !important;
}
.right-10pct {
	right: 10% !important;
}
.right-12pct {
	right: 12% !important;
}
.right-14px {
	right: 14px !important;
}
.rt-blue.rt-blue {
	--rt: #0072ce;
}
.rt-blue-deep.rt-blue-deep {
	--rt: #0f4c81;
}
.rt-coral.rt-coral {
	--rt: #e2774a;
}
.rt-green.rt-green {
	--rt: #00a676;
}
.rt-peri.rt-peri {
	--rt: #6667ab;
}
.rt-teal.rt-teal {
	--rt: #0891b2;
}
.s-0.s-0 {
	--s: 0;
}
.s-14pct.s-14pct {
	--s: 14%;
}
.s-38pct.s-38pct {
	--s: 38%;
}
.s-58pct.s-58pct {
	--s: 58%;
}
.s-78pct.s-78pct {
	--s: 78%;
}
.speed-55s.speed-55s {
	--speed: 55s;
}
.speed-60s.speed-60s {
	--speed: 60s;
}
.stroke-rgba-226-119-74-0_45 {
	stroke: rgba(226, 119, 74, 0.45) !important;
}
.tone-2-blue.tone-2-blue {
	--tone-2: #0072ce;
}
.tone-2-cyan.tone-2-cyan {
	--tone-2: #00b5e2;
}
.tone-2-green.tone-2-green {
	--tone-2: #00a676;
}
.tone-2-peri.tone-2-peri {
	--tone-2: #6667ab;
}
.tone-berry.tone-berry {
	--tone: #b8174f;
}
.tone-blue.tone-blue {
	--tone: #0072ce;
}
.tone-blue-deep.tone-blue-deep {
	--tone: #0f4c81;
}
.tone-clay.tone-clay {
	--tone: #c4643d;
}
.tone-coral.tone-coral {
	--tone: #e2774a;
}
.tone-cyan.tone-cyan {
	--tone: #00b5e2;
}
.tone-gold.tone-gold {
	--tone: #c9a400;
}
.tone-green.tone-green {
	--tone: #00a676;
}
.tone-leaf.tone-leaf {
	--tone: #2e8b3e;
}
.tone-muted.tone-muted {
	--tone: #5d6470;
}
.tone-peri.tone-peri {
	--tone: #6667ab;
}
.tone-pine.tone-pine {
	--tone: #00875f;
}
.tone-rust.tone-rust {
	--tone: #c0532b;
}
.tone-teal.tone-teal {
	--tone: #0891b2;
}
.top-2px {
	top: -16px !important;
}
.top-4px {
	top: 4px !important;
}
.top-14pct {
	top: 14% !important;
}
.top-30pct {
	top: 56% !important;
}
.top-46pct {
	top: 46% !important;
}
.top-52pct {
	top: 78% !important;
}
.top-54pct {
	top: 54% !important;
}
.v-0_24.v-0_24 {
	--v: 0.24;
}
.v-0_65.v-0_65 {
	--v: 0.65;
}
.v-1.v-1 {
	--v: 1;
}
.w-16pct.w-16pct {
	--w: 16%;
}
.w-22pct.w-22pct {
	--w: 22%;
}
.w-24pct.w-24pct {
	--w: 24%;
}
.w-28_9pct.w-28_9pct {
	--w: 28.9%;
}
.w-28pct.w-28pct {
	--w: 28%;
}
.w-38pct.w-38pct {
	--w: 38%;
}
.w-48pct.w-48pct {
	--w: 48%;
}
.w-49_8pct.w-49_8pct {
	--w: 49.8%;
}
.w-58pct.w-58pct {
	--w: 58%;
}
.w-78_7pct.w-78_7pct {
	--w: 78.7%;
}
.w-78pct.w-78pct {
	--w: 78%;
}
.w-92pct.w-92pct {
	--w: 92%;
}
.w-100pct.w-100pct {
	--w: 100%;
}
.w-104px.w-104px {
	--w: 104px;
}
.w-186px.w-186px {
	--w: 186px;
}
.w-190px.w-190px {
	--w: 190px;
}
.w-218px.w-218px {
	--w: 218px;
}
.w-220px.w-220px {
	--w: 220px;
}
.width-12pct {
	width: 12% !important;
}
.width-16pct {
	width: 16% !important;
}
.width-18pct {
	width: 18% !important;
}
.width-20pct {
	width: 20% !important;
}
.width-22pct {
	width: 22% !important;
}
.width-28pct {
	width: 28% !important;
}
.width-30pct {
	width: 30% !important;
}
.width-34pct {
	width: 34% !important;
}
.width-36pct {
	width: 36% !important;
}
.width-38pct {
	width: 38% !important;
}
.width-40pct {
	width: 40% !important;
}
.width-46pct {
	width: 46% !important;
}
.width-48pct {
	width: 48% !important;
}
.width-52pct {
	width: 52% !important;
}
.width-54pct {
	width: 54% !important;
}
.width-55pct {
	width: 55% !important;
}
.width-60pct {
	width: 60% !important;
}
.width-62pct {
	width: 62% !important;
}
.width-66pct {
	width: 66% !important;
}
.width-70pct {
	width: 70% !important;
}
.width-74pct {
	width: 74% !important;
}
.width-75pct {
	width: 75% !important;
}
.width-80pct {
	width: 80% !important;
}
.width-84pct {
	width: 84% !important;
}
.width-85pct {
	width: 85% !important;
}
.width-88pct {
	width: 88% !important;
}
.width-max-content {
	width: max-content !important;
}
.wt-blue.wt-blue {
	--wt: #0072ce;
}
.wt-blue-deep.wt-blue-deep {
	--wt: #0f4c81;
}
.wt-coral.wt-coral {
	--wt: #e2774a;
}
.wt-green.wt-green {
	--wt: #00a676;
}
.wt-peri.wt-peri {
	--wt: #6667ab;
}
.x-18pct.x-18pct {
	--x: 18%;
}
.x-30pct.x-30pct {
	--x: 30%;
}
.x-50pct.x-50pct {
	--x: 50%;
}
.x-56pct.x-56pct {
	--x: 56%;
}
.x-72pct.x-72pct {
	--x: 72%;
}
.x-82pct.x-82pct {
	--x: 82%;
}
.y-13pct.y-13pct {
	--y: 13%;
}
.y-30pct.y-30pct {
	--y: 30%;
}
.y-31_5pct.y-31_5pct {
	--y: 31.5%;
}
.y-40pct.y-40pct {
	--y: 40%;
}
.y-52pct.y-52pct {
	--y: 52%;
}
.y-68_5pct.y-68_5pct {
	--y: 68.5%;
}
.y-87pct.y-87pct {
	--y: 87%;
}
.z-25pct.z-25pct {
	--z: 25%;
}
.z-33_3pct.z-33_3pct {
	--z: 33.3%;
}
.z-37_5pct.z-37_5pct {
	--z: 37.5%;
}
.z-41_7pct.z-41_7pct {
	--z: 41.7%;
}