.gray-0 { color: var(--gray-0); }
.gray-1 { color: var(--gray-1); }
.gray-2 { color: var(--gray-2); }
.gray-3 { color: var(--gray-3); }
.gray-4 { color: var(--gray-4); }
.gray-5 { color: var(--gray-5); }
.gray-6 { color: var(--gray-6); }
.gray-7 { color: var(--gray-7); }
.gray-8 { color: var(--gray-8); }
.navy-0 { color: var(--navy-0); }
.navy-1 { color: var(--navy-1); }
.navy-2 { color: var(--navy-2); }
.navy-3 { color: var(--navy-3); }
.navy-4 { color: var(--navy-4); }
.navy-5 { color: var(--navy-5); }
.navy-6 { color: var(--navy-6); }
.navy-7 { color: var(--navy-7); }
.navy-8 { color: var(--navy-8); }
.navy-9 { color: var(--navy-9); }
.navy-10 { color: var(--navy-10); }
.navy-11 { color: var(--navy-11); }
.green-0 { color: var(--green-0); }
.green-1 { color: var(--green-1); }
.green-2 { color: var(--green-2); }
.green-3 { color: var(--green-3); }
.green-4 { color: var(--green-4); }
.green-5 { color: var(--green-5); }
.green-6 { color: var(--green-6); }
.green-7 { color: var(--green-7); }
.green-8 { color: var(--green-8); }
.yellow-0 { color: var(--yellow-0); }
.yellow-1 { color: var(--yellow-1); }
.yellow-2 { color: var(--yellow-2); }
.yellow-3 { color: var(--yellow-3); }
.yellow-4 { color: var(--yellow-4); }
.yellow-5 { color: var(--yellow-5); }
.yellow-6 { color: var(--yellow-6); }
.yellow-7 { color: var(--yellow-7); }
.bg-gray-0 { background-color: var(--gray-0); }
.bg-gray-1 { background-color: var(--gray-1); }
.bg-gray-2 { background-color: var(--gray-2); }
.bg-gray-3 { background-color: var(--gray-3); }
.bg-gray-4 { background-color: var(--gray-4); }
.bg-gray-5 { background-color: var(--gray-5); }
.bg-gray-6 { background-color: var(--gray-6); }
.bg-gray-7 { background-color: var(--gray-7); }
.bg-gray-8 { background-color: var(--gray-8); }
.bg-navy-0 { background-color: var(--navy-0); }
.bg-navy-1 { background-color: var(--navy-1); }
.bg-navy-2 { background-color: var(--navy-2); }
.bg-navy-3 { background-color: var(--navy-3); }
.bg-navy-4 { background-color: var(--navy-4); }
.bg-navy-5 { background-color: var(--navy-5); }
.bg-navy-6 { background-color: var(--navy-6); }
.bg-navy-7 { background-color: var(--navy-7); }
.bg-navy-8 { background-color: var(--navy-8); }
.bg-navy-9 { background-color: var(--navy-9); }
.bg-navy-10 { background-color: var(--navy-10); }
.bg-navy-11 { background-color: var(--navy-11); }
.bg-green-0 { background-color: var(--green-0); }
.bg-green-1 { background-color: var(--green-1); }
.bg-green-2 { background-color: var(--green-2); }
.bg-green-3 { background-color: var(--green-3); }
.bg-green-4 { background-color: var(--green-4); }
.bg-green-5 { background-color: var(--green-5); }
.bg-green-6 { background-color: var(--green-6); }
.bg-green-7 { background-color: var(--green-7); }
.bg-green-8 { background-color: var(--green-8); }
.bg-yellow-0 { background-color: var(--yellow-0); }
.bg-yellow-1 { background-color: var(--yellow-1); }
.bg-yellow-2 { background-color: var(--yellow-2); }
.bg-yellow-3 { background-color: var(--yellow-3); }
.bg-yellow-4 { background-color: var(--yellow-4); }
.bg-yellow-5 { background-color: var(--yellow-5); }
.bg-yellow-6 { background-color: var(--yellow-6); }
.bg-yellow-7 { background-color: var(--yellow-7); }
.b--gray-0 { border-color: var(--gray-0); }
.b--gray-1 { border-color: var(--gray-1); }
.b--gray-2 { border-color: var(--gray-2); }
.b--gray-3 { border-color: var(--gray-3); }
.b--gray-4 { border-color: var(--gray-4); }
.b--gray-5 { border-color: var(--gray-5); }
.b--gray-6 { border-color: var(--gray-6); }
.b--gray-7 { border-color: var(--gray-7); }
.b--gray-8 { border-color: var(--gray-8); }
.b--navy-0 { border-color: var(--navy-0); }
.b--navy-1 { border-color: var(--navy-1); }
.b--navy-2 { border-color: var(--navy-2); }
.b--navy-3 { border-color: var(--navy-3); }
.b--navy-4 { border-color: var(--navy-4); }
.b--navy-5 { border-color: var(--navy-5); }
.b--navy-6 { border-color: var(--navy-6); }
.b--navy-7 { border-color: var(--navy-7); }
.b--navy-8 { border-color: var(--navy-8); }
.b--navy-9 { border-color: var(--navy-9); }
.b--navy-10 { border-color: var(--navy-10); }
.b--navy-11 { border-color: var(--navy-11); }
.b--green-0 { border-color: var(--green-0); }
.b--green-1 { border-color: var(--green-1); }
.b--green-2 { border-color: var(--green-2); }
.b--green-3 { border-color: var(--green-3); }
.b--green-4 { border-color: var(--green-4); }
.b--green-5 { border-color: var(--green-5); }
.b--green-6 { border-color: var(--green-6); }
.b--green-7 { border-color: var(--green-7); }
.b--green-8 { border-color: var(--green-8); }
.b--yellow-0 { border-color: var(--yellow-0); }
.b--yellow-1 { border-color: var(--yellow-1); }
.b--yellow-2 { border-color: var(--yellow-2); }
.b--yellow-3 { border-color: var(--yellow-3); }
.b--yellow-4 { border-color: var(--yellow-4); }
.b--yellow-5 { border-color: var(--yellow-5); }
.b--yellow-6 { border-color: var(--yellow-6); }
.b--yellow-7 { border-color: var(--yellow-7); }
.f0 { font-size: var(--font-size-0); }
.f1 { font-size: var(--font-size-1); }
.f2 { font-size: var(--font-size-2); }
.f3 { font-size: var(--font-size-3); }
.f4 { font-size: var(--font-size-4); }
.f5 { font-size: var(--font-size-5); }
.f6 { font-size: var(--font-size-6); }
.f7 { font-size: var(--font-size-7); }
.lh-solid { line-height: var(--line-height-solid); }
.lh-heading { line-height: var(--line-height-heading); }
.lh-body { line-height: var(--line-height-body); }
.lh-tight { line-height: var(--line-height-tight); }
.ls-large { letter-spacing: var(--letter-spacing-large); }
.ls-negative { letter-spacing: var(--letter-spacing-negative); }
.ls-tracked { letter-spacing: var(--letter-spacing-tracked); }
.box-shadow-border dark overlay { box-shadow: var(--box-shadow-border-dark-overlay); }
.box-shadow-2 { box-shadow: var(--box-shadow-2); }
.transition-duration-0 { transition-duration: var(--duration-0); }
.transition-duration-1 { transition-duration: var(--duration-1); }
.transition-duration-2 { transition-duration: var(--duration-2); }
.transition-timing-function-0 { transition-timing-function: var(--easing-function-0); }
.transition-timing-function-1 { transition-timing-function: var(--easing-function-1); }
.transition-timing-function-2 { transition-timing-function: var(--easing-function-2); }
.m0 { margin: var(--space-0); }
.mt0 { margin-top: var(--space-0); }
.ml0 { margin-left: var(--space-0); }
.mr0 { margin-right: var(--space-0); }
.mb0 { margin-bottom: var(--space-0); }
.m1 { margin: var(--space-1); }
.mt1 { margin-top: var(--space-1); }
.ml1 { margin-left: var(--space-1); }
.mr1 { margin-right: var(--space-1); }
.mb1 { margin-bottom: var(--space-1); }
.m2 { margin: var(--space-2); }
.mt2 { margin-top: var(--space-2); }
.ml2 { margin-left: var(--space-2); }
.mr2 { margin-right: var(--space-2); }
.mb2 { margin-bottom: var(--space-2); }
.m3 { margin: var(--space-3); }
.mt3 { margin-top: var(--space-3); }
.ml3 { margin-left: var(--space-3); }
.mr3 { margin-right: var(--space-3); }
.mb3 { margin-bottom: var(--space-3); }
.m4 { margin: var(--space-4); }
.mt4 { margin-top: var(--space-4); }
.ml4 { margin-left: var(--space-4); }
.mr4 { margin-right: var(--space-4); }
.mb4 { margin-bottom: var(--space-4); }
.m5 { margin: var(--space-5); }
.mt5 { margin-top: var(--space-5); }
.ml5 { margin-left: var(--space-5); }
.mr5 { margin-right: var(--space-5); }
.mb5 { margin-bottom: var(--space-5); }
.m6 { margin: var(--space-6); }
.mt6 { margin-top: var(--space-6); }
.ml6 { margin-left: var(--space-6); }
.mr6 { margin-right: var(--space-6); }
.mb6 { margin-bottom: var(--space-6); }
.m7 { margin: var(--space-7); }
.mt7 { margin-top: var(--space-7); }
.ml7 { margin-left: var(--space-7); }
.mr7 { margin-right: var(--space-7); }
.mb7 { margin-bottom: var(--space-7); }
.m8 { margin: var(--space-8); }
.mt8 { margin-top: var(--space-8); }
.ml8 { margin-left: var(--space-8); }
.mr8 { margin-right: var(--space-8); }
.mb8 { margin-bottom: var(--space-8); }
.p0 { padding: var(--space-0); }
.pt0 { padding-top: var(--space-0); }
.pl0 { padding-left: var(--space-0); }
.pr0 { padding-right: var(--space-0); }
.pb0 { padding-bottom: var(--space-0); }
.p1 { padding: var(--space-1); }
.pt1 { padding-top: var(--space-1); }
.pl1 { padding-left: var(--space-1); }
.pr1 { padding-right: var(--space-1); }
.pb1 { padding-bottom: var(--space-1); }
.p2 { padding: var(--space-2); }
.pt2 { padding-top: var(--space-2); }
.pl2 { padding-left: var(--space-2); }
.pr2 { padding-right: var(--space-2); }
.pb2 { padding-bottom: var(--space-2); }
.p3 { padding: var(--space-3); }
.pt3 { padding-top: var(--space-3); }
.pl3 { padding-left: var(--space-3); }
.pr3 { padding-right: var(--space-3); }
.pb3 { padding-bottom: var(--space-3); }
.p4 { padding: var(--space-4); }
.pt4 { padding-top: var(--space-4); }
.pl4 { padding-left: var(--space-4); }
.pr4 { padding-right: var(--space-4); }
.pb4 { padding-bottom: var(--space-4); }
.p5 { padding: var(--space-5); }
.pt5 { padding-top: var(--space-5); }
.pl5 { padding-left: var(--space-5); }
.pr5 { padding-right: var(--space-5); }
.pb5 { padding-bottom: var(--space-5); }
.p6 { padding: var(--space-6); }
.pt6 { padding-top: var(--space-6); }
.pl6 { padding-left: var(--space-6); }
.pr6 { padding-right: var(--space-6); }
.pb6 { padding-bottom: var(--space-6); }
.p7 { padding: var(--space-7); }
.pt7 { padding-top: var(--space-7); }
.pl7 { padding-left: var(--space-7); }
.pr7 { padding-right: var(--space-7); }
.pb7 { padding-bottom: var(--space-7); }
.p8 { padding: var(--space-8); }
.pt8 { padding-top: var(--space-8); }
.pl8 { padding-left: var(--space-8); }
.pr8 { padding-right: var(--space-8); }
.pb8 { padding-bottom: var(--space-8); }
.br0 { border-radius: var(--border-radius-0); }
.br1 { border-radius: var(--border-radius-1); }
.br2 { border-radius: var(--border-radius-2); }
.bw0 { border-width: var(--border-width-0); }
.bw1 { border-width: var(--border-width-1); }
.bw2 { border-width: var(--border-width-2); }
.bs0 { border-style: var(--border-style-0); }
.bs1 { border-style: var(--border-style-1); }
.ff0 { font-family: var(--font-family-heading); }
.ff1 { font-family: var(--font-family-body); }
.ts-heading1 {font-family: heading;font-weight: 800;line-height: var(--line-height-0.7);letter-spacing: var(--letter-spacing-0.09);font-size: var(--font-size-7);}
.ts-heading2 {font-family: heading;font-weight: 800;line-height: var(--line-height-1.15);letter-spacing: var(--letter-spacing--0.02);font-size: var(--font-size-6);}
.ts-heading3 {font-family: heading;font-weight: 200;line-height: var(--line-height-0.9);letter-spacing: var(--letter-spacing--0.02);font-size: var(--font-size-5);}
.ts-heading4 {font-family: heading;font-weight: 800;line-height: var(--line-height-1.15);letter-spacing: var(--letter-spacing-1);font-size: var(--font-size-4);}
.ts-heading5 {font-family: body;font-weight: 800;line-height: var(--line-height-1.15);letter-spacing: var(--letter-spacing-0);font-size: var(--font-size-3);}
.ts-heading6 {font-family: heading;font-weight: 200;line-height: var(--line-height-0.9);letter-spacing: var(--letter-spacing-0);font-size: var(--font-size-3);}
.ts-emphasis {font-family: body;font-weight: 500;line-height: var(--line-height-1.5);font-size: var(--font-size-2);}
.ts-body {font-family: body;font-weight: 500;line-height: var(--line-height-1.5);font-size: var(--font-size-0);font-style: normal;font-variant: normal;}
.ts-pretext {font-family: heading;font-weight: 300;line-height: var(--line-height-1.15);font-size: var(--font-size-2);font-variant: all-small-caps;letter-spacing: -0.1;}