@times-design-system/theme-scss 1.1.1-alpha.831

package/dist/tds-typography.scss

@@ -0,0 +1,827 @@
+:root {
+--tds-font-size0025: 0.5rem;
+--tds-font-size005: 0.625rem;
+--tds-font-size010: 0.75rem;
+--tds-font-size020: 0.875rem;
+--tds-font-size025: 0.938rem;
+--tds-font-size030: 1rem;
+--tds-font-size035: 1.063rem;
+--tds-font-size040: 1.125rem;
+--tds-font-size045: 1.188rem;
+--tds-font-size050: 1.25rem;
+--tds-font-size060: 1.375rem;
+--tds-font-size070: 1.5rem;
+--tds-font-size080: 1.75rem;
+--tds-font-size090: 2rem;
+--tds-font-size095: 2.125rem;
+--tds-font-size100: 2.25rem;
+--tds-font-size105: 2.875rem;
+--tds-font-size110: 2.5rem;
+--tds-font-size120: 2.75rem;
+--tds-font-size125: 2.813rem;
+--tds-font-size130: 3rem;
+--tds-font-size140: 3.5rem;
+--tds-font-size150: 4rem;
+--tds-font-size155: 4.375rem;
+--tds-font-size160: 5rem;
+--tds-font-size170: 5.875rem;
+--tds-font-size180: 7.5rem;
+--tds-font-size190: 9.063rem;
+--tds-font-size200: 10.688rem;
+--tds-font-size210: 12.313rem;
+--tds-font-size220: 13.938rem;
+--tds-font-size230: 15.5rem;
+--tds-font-size240: 17.125rem;
+--tds-font-size250: 18.75rem;
+--tds-font-weight010: 100;
+--tds-font-weight020: 200;
+--tds-font-weight030: 300;
+--tds-font-weight040: 400;
+--tds-font-weight050: 500;
+--tds-font-weight060: 600;
+--tds-font-weight070: 700;
+--tds-font-weight080: 800;
+--tds-font-weight090: 900;
+--tds-font-family010: Times Modern;
+--tds-font-family020: Times Digital W04 Regular;
+--tds-font-family030: Times Digital W04 Bold;
+--tds-font-family040: Roboto;
+--tds-font-line-height010: 1;
+--tds-font-line-height020: 1.125;
+--tds-font-line-height030: 1.25;
+--tds-font-line-height040: 1.5;
+--tds-font-line-height050: 1.75;
+--tds-font-line-height060: 2;
+}
+@media (min-width: 440px) {
+:root {
+--tds-font-size0025: 0.5rem;
+--tds-font-size005: 0.625rem;
+--tds-font-size010: 0.75rem;
+--tds-font-size020: 0.875rem;
+--tds-font-size025: 0.9375rem;
+--tds-font-size030: 1rem;
+--tds-font-size035: 1.0625rem;
+--tds-font-size040: 1.125rem;
+--tds-font-size045: 1.1875rem;
+--tds-font-size050: 1.25rem;
+--tds-font-size060: 1.375rem;
+--tds-font-size070: 1.5rem;
+--tds-font-size080: 1.75rem;
+--tds-font-size090: 2rem;
+--tds-font-size095: 2.125rem;
+--tds-font-size100: 2.5rem;
+--tds-font-size105: 2.875rem;
+--tds-font-size110: 2rem;
+--tds-font-size120: 2.75rem;
+--tds-font-size125: 2.8125rem;
+--tds-font-size130: 3rem;
+--tds-font-size140: 2.5rem;
+--tds-font-size150: 4rem;
+--tds-font-size155: 4.375rem;
+--tds-font-size160: 5rem;
+}}
+@media (min-width: 1024px) {
+:root {
+--tds-font-size0025: 0.5rem;
+--tds-font-size005: 0.625rem;
+--tds-font-size010: 0.75rem;
+--tds-font-size020: 0.875rem;
+--tds-font-size025: 0.9375rem;
+--tds-font-size030: 1rem;
+--tds-font-size035: 1.0625rem;
+--tds-font-size040: 1.125rem;
+--tds-font-size045: 1.1875rem;
+--tds-font-size050: 1.25rem;
+--tds-font-size060: 1.375rem;
+--tds-font-size070: 1.5rem;
+--tds-font-size080: 1.75rem;
+--tds-font-size090: 2rem;
+--tds-font-size095: 2.125rem;
+--tds-font-size100: 2.875rem;
+--tds-font-size105: 2.875rem;
+--tds-font-size110: 2rem;
+--tds-font-size120: 2.75rem;
+--tds-font-size125: 2.8125rem;
+--tds-font-size130: 3rem;
+--tds-font-size140: 2.5rem;
+--tds-font-size150: 4rem;
+--tds-font-size155: 4.375rem;
+--tds-font-size160: 5rem;
+}}
+@media (min-width: 1440px) {
+:root {
+--tds-font-size0025: 0.5rem;
+--tds-font-size005: 0.625rem;
+--tds-font-size010: 0.75rem;
+--tds-font-size020: 0.875rem;
+--tds-font-size025: 0.9375rem;
+--tds-font-size030: 1rem;
+--tds-font-size035: 1.0625rem;
+--tds-font-size040: 1.125rem;
+--tds-font-size045: 1.1875rem;
+--tds-font-size050: 1.25rem;
+--tds-font-size060: 1.375rem;
+--tds-font-size070: 1.5rem;
+--tds-font-size080: 1.75rem;
+--tds-font-size090: 2.25rem;
+--tds-font-size095: 2.125rem;
+--tds-font-size100: 3.5rem;
+--tds-font-size105: 2.875rem;
+--tds-font-size110: 2.5rem;
+--tds-font-size120: 2.75rem;
+--tds-font-size125: 2.8125rem;
+--tds-font-size130: 3rem;
+--tds-font-size140: 3.5rem;
+--tds-font-size150: 4rem;
+--tds-font-size155: 4.375rem;
+--tds-font-size160: 5rem;
+}}
+
+$tds-font-size0025: var(--tds-font-size0025);
+$tds-font-size005: var(--tds-font-size005);
+$tds-font-size010: var(--tds-font-size010);
+$tds-font-size020: var(--tds-font-size020);
+$tds-font-size025: var(--tds-font-size025);
+$tds-font-size030: var(--tds-font-size030);
+$tds-font-size035: var(--tds-font-size035);
+$tds-font-size040: var(--tds-font-size040);
+$tds-font-size045: var(--tds-font-size045);
+$tds-font-size050: var(--tds-font-size050);
+$tds-font-size060: var(--tds-font-size060);
+$tds-font-size070: var(--tds-font-size070);
+$tds-font-size080: var(--tds-font-size080);
+$tds-font-size090: var(--tds-font-size090);
+$tds-font-size095: var(--tds-font-size095);
+$tds-font-size100: var(--tds-font-size100);
+$tds-font-size105: var(--tds-font-size105);
+$tds-font-size110: var(--tds-font-size110);
+$tds-font-size120: var(--tds-font-size120);
+$tds-font-size125: var(--tds-font-size125);
+$tds-font-size130: var(--tds-font-size130);
+$tds-font-size140: var(--tds-font-size140);
+$tds-font-size150: var(--tds-font-size150);
+$tds-font-size155: var(--tds-font-size155);
+$tds-font-size160: var(--tds-font-size160);
+$tds-font-size170: var(--tds-font-size170);
+$tds-font-size180: var(--tds-font-size180);
+$tds-font-size190: var(--tds-font-size190);
+$tds-font-size200: var(--tds-font-size200);
+$tds-font-size210: var(--tds-font-size210);
+$tds-font-size220: var(--tds-font-size220);
+$tds-font-size230: var(--tds-font-size230);
+$tds-font-size240: var(--tds-font-size240);
+$tds-font-size250: var(--tds-font-size250);
+$tds-font-weight010: var(--tds-font-weight010);
+$tds-font-weight020: var(--tds-font-weight020);
+$tds-font-weight030: var(--tds-font-weight030);
+$tds-font-weight040: var(--tds-font-weight040);
+$tds-font-weight050: var(--tds-font-weight050);
+$tds-font-weight060: var(--tds-font-weight060);
+$tds-font-weight070: var(--tds-font-weight070);
+$tds-font-weight080: var(--tds-font-weight080);
+$tds-font-weight090: var(--tds-font-weight090);
+$tds-font-family010: var(--tds-font-family010);
+$tds-font-family020: var(--tds-font-family020);
+$tds-font-family030: var(--tds-font-family030);
+$tds-font-family040: var(--tds-font-family040);
+$tds-font-line-height010: var(--tds-font-line-height010);
+$tds-font-line-height020: var(--tds-font-line-height020);
+$tds-font-line-height030: var(--tds-font-line-height030);
+$tds-font-line-height040: var(--tds-font-line-height040);
+$tds-font-line-height050: var(--tds-font-line-height050);
+$tds-font-line-height060: var(--tds-font-line-height060);
+
+    
+.brand-heading-fluid-light-2xsmall {
+  font: Light 1.188rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-light-xsmall {
+  font: Light 1.25rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-light-small {
+  font: Light 1.5rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-light-medium {
+  font: Light 1.75rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-light-large {
+  font: Light 2rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-light-xlarge {
+  font: Light 2.125rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-light-2xlarge {
+  font: Light 2.25rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-regular-2xsmall {
+  font: Regular 1.188rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-regular-xsmall {
+  font: Regular 1.25rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-regular-small {
+  font: Regular 1.5rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-regular-medium {
+  font: Regular 1.75rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-regular-large {
+  font: Regular 2rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-regular-xlarge {
+  font: Regular 2.125rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-regular-2xlarge {
+  font: Regular 2.25rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-bold-2xsmall {
+  font: Bold 1.188rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-bold-xsmall {
+  font: Bold 1.25rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-bold-small {
+  font: Bold 1.5rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-bold-medium {
+  font: Bold 1.75rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-bold-large {
+  font: Bold 2rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-bold-xlarge {
+  font: Bold 2.125rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-bold-2xlarge {
+  font: Bold 2.25rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-black-2xsmall {
+  font: ExtraBold 1.188rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-black-xsmall {
+  font: ExtraBold 1.25rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-black-small {
+  font: ExtraBold 1.5rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-black-medium {
+  font: ExtraBold 1.75rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-black-large {
+  font: ExtraBold 2rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-black-xlarge {
+  font: Bold 2.125rem/112.5 Times Modern;
+}
+
+.brand-heading-fluid-black-2xlarge {
+  font: ExtraBold 2.25rem/112.5 Times Modern;
+}
+
+.brand-heading-static-light-100 {
+  font: Light 56px / 112.5 Times Modern;
+}
+
+.brand-heading-static-light-010 {
+  font: Light 19px / 112.5 Times Modern;
+}
+
+.brand-heading-static-light-020 {
+  font: Light 20px / 112.5 Times Modern;
+}
+
+.brand-heading-static-light-030 {
+  font: Light 24px / 112.5 Times Modern;
+}
+
+.brand-heading-static-light-040 {
+  font: Light 28px / 112.5 Times Modern;
+}
+
+.brand-heading-static-light-050 {
+  font: Light 32px / 112.5 Times Modern;
+}
+
+.brand-heading-static-light-060 {
+  font: Light 36px / 112.5 Times Modern;
+}
+
+.brand-heading-static-light-070 {
+  font: Light 40px / 112.5 Times Modern;
+}
+
+.brand-heading-static-light-080 {
+  font: Light 46px / 112.5 Times Modern;
+}
+
+.brand-heading-static-light-090 {
+  font: Light 48px / 112.5 Times Modern;
+}
+
+.brand-heading-static-regular-100 {
+  font: Regular 56px / 112.5 Times Modern;
+}
+
+.brand-heading-static-regular-010 {
+  font: Regular 19px / 112.5 Times Modern;
+}
+
+.brand-heading-static-regular-020 {
+  font: Regular 20px / 112.5 Times Modern;
+}
+
+.brand-heading-static-regular-030 {
+  font: Regular 24px / 112.5 Times Modern;
+}
+
+.brand-heading-static-regular-040 {
+  font: Regular 28px / 112.5 Times Modern;
+}
+
+.brand-heading-static-regular-050 {
+  font: Regular 32px / 112.5 Times Modern;
+}
+
+.brand-heading-static-regular-060 {
+  font: Regular 36px / 112.5 Times Modern;
+}
+
+.brand-heading-static-regular-070 {
+  font: Regular 40px / 112.5 Times Modern;
+}
+
+.brand-heading-static-regular-080 {
+  font: Regular 46px / 112.5 Times Modern;
+}
+
+.brand-heading-static-regular-090 {
+  font: Regular 48px / 112.5 Times Modern;
+}
+
+.brand-heading-static-bold-100 {
+  font: Bold 56px / 112.5 Times Modern;
+}
+
+.brand-heading-static-bold-010 {
+  font: Bold 19px / 112.5 Times Modern;
+}
+
+.brand-heading-static-bold-020 {
+  font: Bold 20px / 112.5 Times Modern;
+}
+
+.brand-heading-static-bold-030 {
+  font: Bold 24px / 112.5 Times Modern;
+}
+
+.brand-heading-static-bold-040 {
+  font: Bold 28px / 112.5 Times Modern;
+}
+
+.brand-heading-static-bold-050 {
+  font: Bold 32px / 112.5 Times Modern;
+}
+
+.brand-heading-static-bold-060 {
+  font: Bold 36px / 112.5 Times Modern;
+}
+
+.brand-heading-static-bold-070 {
+  font: Bold 40px / 112.5 Times Modern;
+}
+
+.brand-heading-static-bold-080 {
+  font: Bold 46px / 112.5 Times Modern;
+}
+
+.brand-heading-static-bold-090 {
+  font: Bold 48px / 112.5 Times Modern;
+}
+
+.brand-heading-static-black-100 {
+  font: ExtraBold 56px / 112.5 Times Modern;
+}
+
+.brand-heading-static-black-010 {
+  font: ExtraBold 19px / 112.5 Times Modern;
+}
+
+.brand-heading-static-black-020 {
+  font: ExtraBold 20px / 112.5 Times Modern;
+}
+
+.brand-heading-static-black-030 {
+  font: ExtraBold 24px / 112.5 Times Modern;
+}
+
+.brand-heading-static-black-040 {
+  font: ExtraBold 28px / 112.5 Times Modern;
+}
+
+.brand-heading-static-black-050 {
+  font: ExtraBold 32px / 112.5 Times Modern;
+}
+
+.brand-heading-static-black-060 {
+  font: ExtraBold 36px / 112.5 Times Modern;
+}
+
+.brand-heading-static-black-070 {
+  font: ExtraBold 40px / 112.5 Times Modern;
+}
+
+.brand-heading-static-black-080 {
+  font: ExtraBold 46px / 112.5 Times Modern;
+}
+
+.brand-heading-static-black-090 {
+  font: ExtraBold 48px / 112.5 Times Modern;
+}
+
+.brand-display-light-100 {
+  font: Light 300px / 112.5 Times Modern;
+}
+
+.brand-display-light-010 {
+  font: Light 68px / 112.5 Times Modern;
+}
+
+.brand-display-light-020 {
+  font: Light 94px / 112.5 Times Modern;
+}
+
+.brand-display-light-030 {
+  font: Light 120px / 112.5 Times Modern;
+}
+
+.brand-display-light-040 {
+  font: Light 145px / 112.5 Times Modern;
+}
+
+.brand-display-light-050 {
+  font: Light 171px / 112.5 Times Modern;
+}
+
+.brand-display-light-060 {
+  font: Light 197px / 112.5 Times Modern;
+}
+
+.brand-display-light-070 {
+  font: Light 223px / 112.5 Times Modern;
+}
+
+.brand-display-light-080 {
+  font: Light 248px / 112.5 Times Modern;
+}
+
+.brand-display-light-090 {
+  font: Light 274px / 112.5 Times Modern;
+}
+
+.brand-display-regular-100 {
+  font: Regular 300px / 112.5 Times Modern;
+}
+
+.brand-display-regular-010 {
+  font: Regular 68px / 112.5 Times Modern;
+}
+
+.brand-display-regular-020 {
+  font: Regular 94px / 112.5 Times Modern;
+}
+
+.brand-display-regular-030 {
+  font: Regular 120px / 112.5 Times Modern;
+}
+
+.brand-display-regular-040 {
+  font: Regular 145px / 112.5 Times Modern;
+}
+
+.brand-display-regular-050 {
+  font: Regular 171px / 112.5 Times Modern;
+}
+
+.brand-display-regular-060 {
+  font: Regular 197px / 112.5 Times Modern;
+}
+
+.brand-display-regular-070 {
+  font: Regular 223px / 112.5 Times Modern;
+}
+
+.brand-display-regular-080 {
+  font: Regular 248px / 112.5 Times Modern;
+}
+
+.brand-display-regular-090 {
+  font: Regular 274px / 112.5 Times Modern;
+}
+
+.brand-display-bold-100 {
+  font: Bold 300px / 112.5 Times Modern;
+}
+
+.brand-display-bold-010 {
+  font: Bold 68px / 112.5 Times Modern;
+}
+
+.brand-display-bold-020 {
+  font: Bold 94px / 112.5 Times Modern;
+}
+
+.brand-display-bold-030 {
+  font: Bold 120px / 112.5 Times Modern;
+}
+
+.brand-display-bold-040 {
+  font: Bold 145px / 112.5 Times Modern;
+}
+
+.brand-display-bold-050 {
+  font: Bold 171px / 112.5 Times Modern;
+}
+
+.brand-display-bold-060 {
+  font: Bold 197px / 112.5 Times Modern;
+}
+
+.brand-display-bold-070 {
+  font: Bold 223px / 112.5 Times Modern;
+}
+
+.brand-display-bold-080 {
+  font: Bold 248px / 112.5 Times Modern;
+}
+
+.brand-display-bold-090 {
+  font: Bold 274px / 112.5 Times Modern;
+}
+
+.brand-display-black-100 {
+  font: ExtraBold 300px / 112.5 Times Modern;
+}
+
+.brand-display-black-010 {
+  font: ExtraBold 68px / 112.5 Times Modern;
+}
+
+.brand-display-black-020 {
+  font: ExtraBold 94px / 112.5 Times Modern;
+}
+
+.brand-display-black-030 {
+  font: ExtraBold 120px / 112.5 Times Modern;
+}
+
+.brand-display-black-040 {
+  font: ExtraBold 145px / 112.5 Times Modern;
+}
+
+.brand-display-black-050 {
+  font: ExtraBold 171px / 112.5 Times Modern;
+}
+
+.brand-display-black-060 {
+  font: ExtraBold 197px / 112.5 Times Modern;
+}
+
+.brand-display-black-070 {
+  font: ExtraBold 223px / 112.5 Times Modern;
+}
+
+.brand-display-black-080 {
+  font: ExtraBold 248px / 112.5 Times Modern;
+}
+
+.brand-display-black-090 {
+  font: ExtraBold 274px / 112.5 Times Modern;
+}
+
+.brand-subheading-light-small {
+  font: Light 0.875rem/112.5 Times Modern;
+}
+
+.brand-subheading-light-medium {
+  font: Light 1.125rem/112.5 Times Modern;
+}
+
+.brand-subheading-light-large {
+  font: Light 1.25rem/112.5 Times Modern;
+}
+
+.brand-subheading-light-xlarge {
+  font: Light 1.5rem/112.5 Times Modern;
+}
+
+.brand-subheading-regular-small {
+  font: Regular 0.875rem/112.5 Times Modern;
+}
+
+.brand-subheading-regular-medium {
+  font: Regular 1.125rem/112.5 Times Modern;
+}
+
+.brand-subheading-regular-large {
+  font: Regular 1.25rem/112.5 Times Modern;
+}
+
+.brand-subheading-regular-xlarge {
+  font: Regular 1.5rem/112.5 Times Modern;
+}
+
+.brand-subheading-bold-small {
+  font: Bold 0.875rem/112.5 Times Modern;
+}
+
+.brand-subheading-bold-medium {
+  font: Bold 1.125rem/112.5 Times Modern;
+}
+
+.brand-subheading-bold-large {
+  font: Bold 1.25rem/112.5 Times Modern;
+}
+
+.brand-subheading-bold-xlarge {
+  font: Bold 1.5rem/112.5 Times Modern;
+}
+
+.brand-standfirst-large {
+  font: Regular 1.25rem/112.5 Times Modern;
+}
+
+.brand-standfirst-medium {
+  font: Regular 0.875rem/112.5 Times Modern;
+}
+
+.brand-paragraph-regular-small {
+  font: 1rem/150 Times Digital W04 Regular;
+}
+
+.brand-paragraph-regular-medium {
+  font: 1.063rem/150 Times Digital W04 Regular;
+}
+
+.brand-paragraph-bold-small {
+  font: 1rem/150 Times Digital W04 Bold;
+}
+
+.brand-paragraph-bold-medium {
+  font: 1.063rem/150 Times Digital W04 Bold;
+}
+
+.brand-caption {
+  font: Regular 0.875rem/150 Roboto;
+}
+
+.brand-byline-medium {
+  font: Regular 0.875rem/112.5 Roboto;
+}
+
+.brand-byline-small {
+  font: Regular 0.75rem/112.5 Roboto;
+}
+
+.utility-heading-small {
+  font: Bold 1.125rem/125 Roboto;
+}
+
+.utility-heading-medium {
+  font: Bold 1.5rem/125 Roboto;
+}
+
+.utility-heading-large {
+  font: Bold 1.75rem/125 Roboto;
+}
+
+.utility-subheading-xsmall {
+  font: Medium 0.75rem/125 Roboto;
+}
+
+.utility-subheading-small {
+  font: Medium 0.875rem/125 Roboto;
+}
+
+.utility-subheading-medium {
+  font: Medium 1rem/125 Roboto;
+}
+
+.utility-subheading-large {
+  font: Medium 1.25rem/125 Roboto;
+}
+
+.utility-body-regular-xsmall {
+  font: Regular 0.75rem/150 Roboto;
+}
+
+.utility-body-regular-2xsmall {
+  font: Regular 0.625rem/150 Roboto;
+}
+
+.utility-body-regular-small {
+  font: Regular 0.875rem/150 Roboto;
+}
+
+.utility-body-regular-medium {
+  font: Regular 1rem/150 Roboto;
+}
+
+.utility-body-regular-large {
+  font: Regular 1.125rem/150 Roboto;
+}
+
+.utility-body-bold-2xsmall {
+  font: Medium 0.625rem/150 Roboto;
+}
+
+.utility-body-bold-xsmall {
+  font: Medium 0.75rem/150 Roboto;
+}
+
+.utility-body-bold-small {
+  font: Medium 0.875rem/150 Roboto;
+}
+
+.utility-body-bold-medium {
+  font: Medium 1rem/150 Roboto;
+}
+
+.utility-body-bold-large {
+  font: Bold 1.125rem/150 Roboto;
+}
+
+.utility-button-xsmall {
+  font: Regular 0.75rem/100% Roboto;
+}
+
+.utility-button-small {
+  font: Regular 0.875rem/100% Roboto;
+}
+
+.utility-button-medium {
+  font: Regular 1rem/100% Roboto;
+}
+
+.utility-button-large {
+  font: Regular 1.125rem/100% Roboto;
+}
+
+.utility-label-xsmall {
+  font: Medium 0.75rem/112.5 Roboto;
+}
+
+.utility-label-small {
+  font: Medium 0.875rem/112.5 Roboto;
+}
+
+.utility-label-medium {
+  font: Medium 1rem/112.5 Roboto;
+}
+
+.utility-label-large {
+  font: Medium 1.125rem/112.5 Roboto;
+}
+
+.utility-link-xsmall {
+  font: Regular 0.75rem/100% Roboto;
+}
+
+.utility-link-small {
+  font: Regular 0.875rem/100% Roboto;
+}
+
+.utility-link-medium {
+  font: Regular 1rem/100% Roboto;
+}
+
+.utility-link-large {
+  font: Regular 1.125rem/100% Roboto;
+}
+