@penskemediacorp/larva-tokens 1.64.0 → 1.66.0

package/build/deadline.custom-properties.css

@@ -1 +1 @@
-:root{--border-color-grey-lightest: rgb(221, 222, 228);--border-color-brand-secondary-light: rgb(241, 248, 252);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(97, 97, 97);--border-color-brand-secondary-dark: rgb(224, 237, 245);--border-color-brand-secondary: rgb(70, 112, 210);--border-color-grey: rgb(155, 155, 155);--border-color-brand-primary-light: rgb(207, 53, 53);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(85, 1, 0);--border-color-brand-primary: rgb(236, 28, 36);--background-color-grey-light: rgb(204, 204, 204);--background-color-grey-lightest: rgb(221, 222, 228);--background-color-brand-secondary-dark: rgb(224, 237, 245);--background-color-brand-secondary-light: rgb(241, 248, 252);--background-color-grey-dark: rgb(97, 97, 97);--background-color-grey: rgb(155, 155, 155);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(70, 112, 210);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(207, 53, 53);--background-color-brand-primary-dark: rgb(85, 1, 0);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(146, 2, 0);--background-color-grey-darkest: rgb(25, 25, 25);--color-brand-secondary: rgb(70, 112, 210);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(207, 53, 53);--color-brand-primary-dark: rgb(85, 1, 0);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(146, 2, 0);--color-grey-light: rgb(230, 230, 230);--color-brand-secondary-dark: rgb(224, 237, 245);--color-brand-secondary-light: rgb(241, 248, 252);--color-grey-dark: rgb(97, 97, 97);--color-grey: rgb(155, 155, 155);--font-family-primary-fancy: "Balto", Helvetica, sans-serif;--font-family-primary: Helvetica, sans-serif;--font-family-secondary-fancy: "Eksell", Georgia, serif;--font-family-secondary: Georgia, serif;--font-family-body: Georgia, serif;--font-family-basic: Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: initial;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: initial;--body-xl-font-size-desktop: initial;--primary-xxl-font-size-mobile: initial;--primary-l-font-size-mobile: 32px;--body-xxl-font-size-mobile: initial;--basic-s-font-size-desktop-xl: initial;--secondary-m-font-size-desktop-xl: 14px;--basic-xxs-font-size-desktop-xl: initial;--basic-xs-font-size-mobile: initial;--secondary-l-font-size-desktop-xl: 30px;--secondary-xxl-font-size-desktop-xl: initial;--body-s-font-size-desktop: 16px;--body-xxs-font-size-desktop: initial;--primary-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop: 24px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: initial;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 26px;--body-xxxs-font-size-desktop: initial;--body-xs-font-size-desktop: initial;--secondary-s-font-size-mobile: 11px;--secondary-xxs-font-size-mobile: initial;--basic-m-font-size-desktop-xl: initial;--secondary-xs-font-size-mobile: initial;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: initial;--basic-l-font-size-desktop-xl: initial;--basic-l-font-size-desktop: initial;--basic-xxl-font-size-desktop: initial;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: initial;--basic-m-font-size-desktop: initial;--body-xs-font-size-desktop-xl: initial;--body-xxxs-font-size-desktop-xl: initial;--primary-xs-font-size-desktop-xl: 26px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: initial;--secondary-m-font-size-mobile: 18px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: initial;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 24px;--body-xxs-font-size-desktop-xl: initial;--primary-s-font-size-desktop-xl: 23px;--body-s-font-size-desktop-xl: 16px;--secondary-xl-font-size-desktop: initial;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 17px;--secondary-xxl-font-size-mobile: initial;--secondary-xl-font-size-mobile: initial;--secondary-xxl-font-size-desktop: initial;--secondary-l-font-size-desktop: 30px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 18px;--basic-s-font-size-desktop: initial;--basic-xxs-font-size-desktop: initial;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: initial;--body-xl-font-size-desktop-xl: initial;--body-xxxl-font-size-desktop-xl: initial;--primary-xl-font-size-desktop-xl: 32px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 23px;--basic-xxl-font-size-mobile: initial;--body-m-font-size-desktop-xl: 18px;--basic-l-font-size-mobile: initial;--basic-xl-font-size-desktop: initial;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: initial;--primary-xxl-font-size-desktop-xl: initial;--primary-l-font-size-desktop-xl: 24px;--body-xxl-font-size-desktop-xl: initial;--body-l-font-size-desktop-xl: initial;--body-xs-font-size-mobile: initial;--body-xxxs-font-size-mobile: initial;--primary-xs-font-size-mobile: 18px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: initial;--secondary-s-font-size-desktop: 12px;--basic-xs-font-size-desktop-xl: initial;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 22px;--primary-s-font-size-mobile: 32px;--body-xxs-font-size-mobile: initial;--body-s-font-size-mobile: 16px;--basic-xs-font-size-desktop: initial;--secondary-s-font-size-desktop-xl: 12px;--secondary-xxs-font-size-desktop-xl: initial;--body-l-font-size-desktop: initial;--body-xxl-font-size-desktop: initial;--primary-l-font-size-desktop: 24px;--primary-xxl-font-size-desktop: initial;--secondary-xs-font-size-desktop-xl: initial;--body-xl-font-size-mobile: initial;--body-xxxl-font-size-mobile: initial;--primary-xl-font-size-mobile: 32px;--basic-xl-font-size-desktop-xl: initial;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 32px;--body-m-font-size-desktop: 18px;--body-m-font-size-mobile: 18px;--primary-m-font-size-desktop: 23px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: normal;--primary-s-letter-spacing-desktop-xl: normal;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: normal;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: normal;--secondary-m-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop: normal;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: normal;--body-l-letter-spacing-mobile: normal;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: normal;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: normal;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: normal;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: normal;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: normal;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: normal;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: normal;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: normal;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: normal;--body-xs-letter-spacing-desktop: normal;--body-xxs-letter-spacing-mobile: normal;--body-xxxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: normal;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: normal;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-mobile: normal;--basic-xxl-letter-spacing-mobile: normal;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: normal;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: normal;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: normal;--secondary-m-letter-spacing-mobile: normal;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: normal;--body-m-letter-spacing-desktop-xl: normal;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: 700;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: normal;--basic-xxl-font-weight-desktop: normal;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: normal;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: 700;--primary-s-font-weight-mobile: 700;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: normal;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 600;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: 700;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 600;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: normal;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop: 600;--basic-s-font-weight-desktop: normal;--primary-m-font-weight-mobile: 700;--primary-xxl-font-weight-mobile: normal;--primary-l-font-weight-mobile: 700;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: normal;--basic-xxs-font-weight-desktop-xl: normal;--basic-s-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop-xl: 600;--secondary-l-font-weight-desktop-xl: 600;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: normal;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 600;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: 600;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: normal;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: normal;--basic-l-font-weight-desktop-xl: normal;--basic-xs-font-weight-desktop: normal;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: normal;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: 700;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: normal;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: 700;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: 700;--basic-xxs-font-weight-mobile: normal;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: normal;--secondary-m-font-weight-mobile: 600;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 600;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: 700;--primary-s-font-weight-desktop-xl: 700;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: normal;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: 700;--primary-xxs-font-weight-desktop: 700;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: 700;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: normal;--primary-m-font-weight-desktop-xl: 700;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: normal;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: 700;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: normal;--primary-l-font-weight-desktop-xl: 700;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 24px;--primary-m-line-height-desktop: 28px;--basic-s-line-height-desktop-xl: initial;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: initial;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: initial;--basic-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-mobile: initial;--secondary-l-line-height-desktop-xl: 35px;--secondary-xxl-line-height-desktop-xl: initial;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: initial;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 28px;--body-xxs-line-height-desktop: initial;--primary-xxs-line-height-desktop: 27px;--secondary-s-line-height-mobile: 14px;--secondary-xxs-line-height-mobile: initial;--body-s-line-height-desktop: 22px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 29px;--body-xxxs-line-height-desktop: initial;--body-xs-line-height-desktop: initial;--secondary-xs-line-height-mobile: initial;--basic-l-line-height-desktop-xl: initial;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: initial;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: initial;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: initial;--primary-xs-line-height-desktop-xl: 29px;--body-xxxs-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: initial;--basic-xxl-line-height-desktop: initial;--basic-m-line-height-desktop: initial;--basic-s-line-height-mobile: initial;--secondary-m-line-height-mobile: 22px;--basic-xxs-line-height-mobile: initial;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 27px;--primary-s-line-height-desktop-xl: 28px;--body-xxs-line-height-desktop-xl: initial;--body-s-line-height-desktop-xl: 22px;--secondary-l-line-height-mobile: 21px;--secondary-xxl-line-height-mobile: initial;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: initial;--secondary-xl-line-height-desktop: initial;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: initial;--secondary-l-line-height-desktop: 35px;--secondary-m-line-height-desktop: 22px;--basic-s-line-height-desktop: initial;--body-xl-line-height-desktop-xl: initial;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: initial;--basic-xxs-line-height-desktop: initial;--basic-m-line-height-mobile: initial;--basic-l-line-height-mobile: initial;--primary-m-line-height-desktop-xl: 28px;--body-m-line-height-desktop-xl: 24px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: initial;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: initial;--primary-l-line-height-desktop-xl: 28px;--body-xxl-line-height-desktop-xl: initial;--body-l-line-height-desktop-xl: initial;--basic-xl-line-height-desktop: initial;--secondary-xs-line-height-desktop: initial;--body-xs-line-height-mobile: initial;--body-xxxs-line-height-mobile: initial;--primary-xs-line-height-mobile: 21px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: initial;--secondary-xxs-line-height-desktop: initial;--secondary-s-line-height-desktop: 17px;--primary-xxs-line-height-mobile: 23px;--primary-s-line-height-mobile: 34px;--body-xxs-line-height-mobile: initial;--body-s-line-height-mobile: 22px;--secondary-s-line-height-desktop-xl: 17px;--secondary-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-desktop: initial;--body-xl-line-height-mobile: initial;--body-xxxl-line-height-mobile: initial;--primary-xl-line-height-mobile: 34px;--secondary-xs-line-height-desktop-xl: initial;--primary-m-line-height-mobile: 34px;--body-m-line-height-mobile: 24px;--basic-xl-line-height-desktop-xl: initial;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: initial;--body-xxl-line-height-desktop: initial;--primary-l-line-height-desktop: 28px;--primary-xxl-line-height-desktop: initial;--primary-xxl-line-height-mobile: initial;--body-xxl-line-height-mobile: initial;--primary-l-line-height-mobile: 34px;--body-l-line-height-mobile: initial;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif}
+:root{--border-color-grey-lightest: rgb(221, 222, 228);--border-color-brand-secondary-light: rgb(241, 248, 252);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(97, 97, 97);--border-color-brand-secondary-dark: rgb(224, 237, 245);--border-color-brand-secondary: rgb(70, 112, 210);--border-color-grey: rgb(155, 155, 155);--border-color-brand-primary-light: rgb(207, 53, 53);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(85, 1, 0);--border-color-brand-primary: rgb(236, 28, 36);--background-color-grey-light: rgb(204, 204, 204);--background-color-grey-lightest: rgb(221, 222, 228);--background-color-brand-secondary-dark: rgb(224, 237, 245);--background-color-brand-secondary-light: rgb(241, 248, 252);--background-color-grey-dark: rgb(97, 97, 97);--background-color-grey: rgb(155, 155, 155);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(70, 112, 210);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(207, 53, 53);--background-color-brand-primary-dark: rgb(85, 1, 0);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(146, 2, 0);--background-color-grey-darkest: rgb(25, 25, 25);--color-brand-secondary: rgb(70, 112, 210);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(207, 53, 53);--color-brand-primary-dark: rgb(85, 1, 0);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(146, 2, 0);--color-grey-light: rgb(230, 230, 230);--color-brand-secondary-dark: rgb(224, 237, 245);--color-brand-secondary-light: rgb(241, 248, 252);--color-grey-dark: rgb(97, 97, 97);--color-grey: rgb(155, 155, 155);--font-family-primary-fancy: "Balto", Helvetica, sans-serif;--font-family-primary: Helvetica, sans-serif;--font-family-secondary-fancy: "Eksell", Georgia, serif;--font-family-secondary: Georgia, serif;--font-family-body: Georgia, serif;--font-family-basic: Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: initial;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: initial;--body-xl-font-size-desktop: initial;--primary-xxl-font-size-mobile: initial;--primary-l-font-size-mobile: 32px;--body-xxl-font-size-mobile: initial;--basic-s-font-size-desktop-xl: initial;--secondary-m-font-size-desktop-xl: 14px;--basic-xxs-font-size-desktop-xl: initial;--basic-xs-font-size-mobile: initial;--secondary-l-font-size-desktop-xl: 30px;--secondary-xxl-font-size-desktop-xl: initial;--body-s-font-size-desktop: 16px;--body-xxs-font-size-desktop: initial;--primary-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop: 24px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: initial;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 26px;--body-xxxs-font-size-desktop: initial;--body-xs-font-size-desktop: initial;--secondary-s-font-size-mobile: 11px;--secondary-xxs-font-size-mobile: initial;--basic-m-font-size-desktop-xl: initial;--secondary-xs-font-size-mobile: initial;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: initial;--basic-l-font-size-desktop-xl: initial;--basic-l-font-size-desktop: initial;--basic-xxl-font-size-desktop: initial;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: initial;--basic-m-font-size-desktop: initial;--body-xs-font-size-desktop-xl: initial;--body-xxxs-font-size-desktop-xl: initial;--primary-xs-font-size-desktop-xl: 26px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: initial;--secondary-m-font-size-mobile: 18px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: initial;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 24px;--body-xxs-font-size-desktop-xl: initial;--primary-s-font-size-desktop-xl: 23px;--body-s-font-size-desktop-xl: 16px;--secondary-xl-font-size-desktop: initial;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 17px;--secondary-xxl-font-size-mobile: initial;--secondary-xl-font-size-mobile: initial;--secondary-xxl-font-size-desktop: initial;--secondary-l-font-size-desktop: 30px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 18px;--basic-s-font-size-desktop: initial;--basic-xxs-font-size-desktop: initial;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: initial;--body-xl-font-size-desktop-xl: initial;--body-xxxl-font-size-desktop-xl: initial;--primary-xl-font-size-desktop-xl: 32px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 23px;--basic-xxl-font-size-mobile: initial;--body-m-font-size-desktop-xl: 18px;--basic-l-font-size-mobile: initial;--basic-xl-font-size-desktop: initial;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: initial;--primary-xxl-font-size-desktop-xl: initial;--primary-l-font-size-desktop-xl: 24px;--body-xxl-font-size-desktop-xl: initial;--body-l-font-size-desktop-xl: initial;--body-xs-font-size-mobile: initial;--body-xxxs-font-size-mobile: initial;--primary-xs-font-size-mobile: 18px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: initial;--secondary-s-font-size-desktop: 12px;--basic-xs-font-size-desktop-xl: initial;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 22px;--primary-s-font-size-mobile: 32px;--body-xxs-font-size-mobile: initial;--body-s-font-size-mobile: 16px;--basic-xs-font-size-desktop: initial;--secondary-s-font-size-desktop-xl: 12px;--secondary-xxs-font-size-desktop-xl: initial;--body-l-font-size-desktop: initial;--body-xxl-font-size-desktop: initial;--primary-l-font-size-desktop: 24px;--primary-xxl-font-size-desktop: initial;--secondary-xs-font-size-desktop-xl: initial;--body-xl-font-size-mobile: initial;--body-xxxl-font-size-mobile: initial;--primary-xl-font-size-mobile: 32px;--basic-xl-font-size-desktop-xl: initial;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 32px;--body-m-font-size-desktop: 18px;--body-m-font-size-mobile: 18px;--primary-m-font-size-desktop: 23px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: normal;--primary-s-letter-spacing-desktop-xl: normal;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: normal;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: normal;--secondary-m-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop: normal;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: normal;--body-l-letter-spacing-mobile: normal;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: normal;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: normal;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: normal;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: normal;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: normal;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: normal;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: normal;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: normal;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: normal;--body-xs-letter-spacing-desktop: normal;--body-xxs-letter-spacing-mobile: normal;--body-xxxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: normal;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: normal;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-mobile: normal;--basic-xxl-letter-spacing-mobile: normal;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: normal;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: normal;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: normal;--secondary-m-letter-spacing-mobile: normal;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: normal;--body-m-letter-spacing-desktop-xl: normal;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: 700;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: normal;--basic-xxl-font-weight-desktop: normal;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: normal;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: 700;--primary-s-font-weight-mobile: 700;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: normal;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 600;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: 700;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 600;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: normal;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop: 600;--basic-s-font-weight-desktop: normal;--primary-m-font-weight-mobile: 700;--primary-xxl-font-weight-mobile: normal;--primary-l-font-weight-mobile: 700;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: normal;--basic-xxs-font-weight-desktop-xl: normal;--basic-s-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop-xl: 600;--secondary-l-font-weight-desktop-xl: 600;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: normal;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 600;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: 600;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: normal;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: normal;--basic-l-font-weight-desktop-xl: normal;--basic-xs-font-weight-desktop: normal;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: normal;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: 700;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: normal;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: 700;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: 700;--basic-xxs-font-weight-mobile: normal;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: normal;--secondary-m-font-weight-mobile: 600;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 600;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: 700;--primary-s-font-weight-desktop-xl: 700;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: normal;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: 700;--primary-xxs-font-weight-desktop: 700;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: 700;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: normal;--primary-m-font-weight-desktop-xl: 700;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: normal;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: 700;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: normal;--primary-l-font-weight-desktop-xl: 700;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 24px;--primary-m-line-height-desktop: 28px;--basic-s-line-height-desktop-xl: initial;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: initial;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: initial;--basic-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-mobile: initial;--secondary-l-line-height-desktop-xl: 35px;--secondary-xxl-line-height-desktop-xl: initial;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: initial;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 28px;--body-xxs-line-height-desktop: initial;--primary-xxs-line-height-desktop: 27px;--secondary-s-line-height-mobile: 14px;--secondary-xxs-line-height-mobile: initial;--body-s-line-height-desktop: 22px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 29px;--body-xxxs-line-height-desktop: initial;--body-xs-line-height-desktop: initial;--secondary-xs-line-height-mobile: initial;--basic-l-line-height-desktop-xl: initial;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: initial;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: initial;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: initial;--primary-xs-line-height-desktop-xl: 29px;--body-xxxs-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: initial;--basic-xxl-line-height-desktop: initial;--basic-m-line-height-desktop: initial;--basic-s-line-height-mobile: initial;--secondary-m-line-height-mobile: 22px;--basic-xxs-line-height-mobile: initial;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 27px;--primary-s-line-height-desktop-xl: 28px;--body-xxs-line-height-desktop-xl: initial;--body-s-line-height-desktop-xl: 22px;--secondary-l-line-height-mobile: 21px;--secondary-xxl-line-height-mobile: initial;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: initial;--secondary-xl-line-height-desktop: initial;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: initial;--secondary-l-line-height-desktop: 35px;--secondary-m-line-height-desktop: 22px;--basic-s-line-height-desktop: initial;--body-xl-line-height-desktop-xl: initial;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: initial;--basic-xxs-line-height-desktop: initial;--basic-m-line-height-mobile: initial;--basic-l-line-height-mobile: initial;--primary-m-line-height-desktop-xl: 28px;--body-m-line-height-desktop-xl: 24px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: initial;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: initial;--primary-l-line-height-desktop-xl: 28px;--body-xxl-line-height-desktop-xl: initial;--body-l-line-height-desktop-xl: initial;--basic-xl-line-height-desktop: initial;--secondary-xs-line-height-desktop: initial;--body-xs-line-height-mobile: initial;--body-xxxs-line-height-mobile: initial;--primary-xs-line-height-mobile: 21px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: initial;--secondary-xxs-line-height-desktop: initial;--secondary-s-line-height-desktop: 17px;--primary-xxs-line-height-mobile: 23px;--primary-s-line-height-mobile: 34px;--body-xxs-line-height-mobile: initial;--body-s-line-height-mobile: 22px;--secondary-s-line-height-desktop-xl: 17px;--secondary-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-desktop: initial;--body-xl-line-height-mobile: initial;--body-xxxl-line-height-mobile: initial;--primary-xl-line-height-mobile: 34px;--secondary-xs-line-height-desktop-xl: initial;--primary-m-line-height-mobile: 34px;--body-m-line-height-mobile: 24px;--basic-xl-line-height-desktop-xl: initial;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: initial;--body-xxl-line-height-desktop: initial;--primary-l-line-height-desktop: 28px;--primary-xxl-line-height-desktop: initial;--primary-xxl-line-height-mobile: initial;--body-xxl-line-height-mobile: initial;--primary-l-line-height-mobile: 34px;--body-l-line-height-mobile: initial;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--color-light-grey: rgb(247, 247, 247);--color-light-pink: rgb(245, 223, 221);--color-light-beige: rgb(239, 235, 220);--color-light-blue: rgb(241, 248, 252)}

package/build/deadline.json

@@ -513,5 +513,9 @@
   "PRIMARY_L_LINE_HEIGHT_MOBILE": "34px",
   "BODY_L_LINE_HEIGHT_MOBILE": "initial",
   "FONT_FAMILY_ACCENT": "Verdana, serif",
-  "FONT_FAMILY_ACCENT_FANCY": "Verdana, sans-serif"
+  "FONT_FAMILY_ACCENT_FANCY": "Verdana, sans-serif",
+  "COLOR_LIGHT_GREY": "rgb(247, 247, 247)",
+  "COLOR_LIGHT_PINK": "rgb(245, 223, 221)",
+  "COLOR_LIGHT_BEIGE": "rgb(239, 235, 220)",
+  "COLOR_LIGHT_BLUE": "rgb(241, 248, 252)"
 }

package/build/deadline.map.scss

@@ -530,4 +530,8 @@ $deadline-map: (
   'body-l-line-height-mobile': (initial),
   'font-family-accent': (Verdana, serif),
   'font-family-accent-fancy': (Verdana, sans-serif),
+  'color-light-grey': (rgb(247, 247, 247)),
+  'color-light-pink': (rgb(245, 223, 221)),
+  'color-light-beige': (rgb(239, 235, 220)),
+  'color-light-blue': (rgb(241, 248, 252)),
 );

package/build/deadline.raw.json

@@ -4199,6 +4199,34 @@
       "category": "font-family",
       "originalValue": "Verdana, sans-serif",
       "name": "FONT_FAMILY_ACCENT_FANCY"
+    },
+    "COLOR_LIGHT_GREY": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(247, 247, 247)",
+      "originalValue": "rgb(247, 247, 247)",
+      "name": "COLOR_LIGHT_GREY"
+    },
+    "COLOR_LIGHT_PINK": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(245, 223, 221)",
+      "originalValue": "rgb(245, 223, 221)",
+      "name": "COLOR_LIGHT_PINK"
+    },
+    "COLOR_LIGHT_BEIGE": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(239, 235, 220)",
+      "originalValue": "rgb(239, 235, 220)",
+      "name": "COLOR_LIGHT_BEIGE"
+    },
+    "COLOR_LIGHT_BLUE": {
+      "category": "text-color",
+      "type": "color",
+      "value": "rgb(241, 248, 252)",
+      "originalValue": "rgb(241, 248, 252)",
+      "name": "COLOR_LIGHT_BLUE"
     }
   }
 }

package/build/vibe-2024.custom-properties.css

@@ -1 +1 @@
-:root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(220, 220, 220);--border-color-grey-dark: rgb(90, 90, 90);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(27, 147, 157);--border-color-grey: rgb(140, 140, 140);--border-color-brand-primary-light: rgb(236, 28, 36);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(27, 147, 157);--background-color-grey-light: rgb(220, 220, 220);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(90, 90, 90);--background-color-grey: rgb(140, 140, 140);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(27, 147, 157);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(236, 28, 36);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(27, 147, 157);--background-color-grey-darkest: rgb(50, 50, 50);--color-brand-secondary: rgb(27, 147, 157);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(236, 28, 36);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(27, 147, 157);--color-grey-light: rgb(220, 220, 220);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(90, 90, 90);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: "DM Serif Text", Georgia, serif;--font-family-primary: "DM Serif Text", Georgia, serif;--font-family-secondary-fancy: Roboto, "Helvetica Regular", serif;--font-family-secondary: Roboto, "Helvetica bold", serif;--font-family-body: Georgia, serif;--font-family-basic: Roboto, "Helvetica bold", serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--background-color-brand-accent: rgb(16, 16, 16);--border-color-brand-accent: rgb(16, 16, 16);--color-grey-lightest: rgb(239, 239, 239);--font-family-accent: Roboto, "Helvetica bold", serif;--color-brand-accent: rgb(16, 16, 16);--font-family-accent-fancy: Roboto, "Helvetica bold", serif}
+:root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(220, 220, 220);--border-color-grey-dark: rgb(90, 90, 90);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(27, 147, 157);--border-color-grey: rgb(140, 140, 140);--border-color-brand-primary-light: rgb(236, 28, 36);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(27, 147, 157);--background-color-grey-light: rgb(220, 220, 220);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(90, 90, 90);--background-color-grey: rgb(140, 140, 140);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(27, 147, 157);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(236, 28, 36);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(27, 147, 157);--background-color-grey-darkest: rgb(50, 50, 50);--color-brand-secondary: rgb(27, 147, 157);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(236, 28, 36);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(27, 147, 157);--color-grey-light: rgb(220, 220, 220);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(90, 90, 90);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: "DM Serif Text", Georgia, serif;--font-family-primary: "DM Serif Text", Georgia, serif;--font-family-secondary-fancy: "roboto", Helvetica, sans-serif;--font-family-secondary: "roboto", Helvetica, sans-serif;--font-family-body: Georgia, serif;--font-family-basic: "roboto", Helvetica, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--background-color-brand-accent: rgb(16, 16, 16);--border-color-brand-accent: rgb(16, 16, 16);--color-grey-lightest: rgb(239, 239, 239);--font-family-accent: Roboto, Helvetica, sans-serif;--color-brand-accent: rgb(16, 16, 16);--font-family-accent-fancy: "roboto", Helvetica, sans-serif}

package/build/vibe-2024.json

@@ -37,10 +37,10 @@
   "COLOR_GREY": "rgb(140, 140, 140)",
   "FONT_FAMILY_PRIMARY_FANCY": "'DM Serif Text', Georgia, serif",
   "FONT_FAMILY_PRIMARY": "'DM Serif Text', Georgia, serif",
-  "FONT_FAMILY_SECONDARY_FANCY": "Roboto, 'Helvetica Regular', serif",
-  "FONT_FAMILY_SECONDARY": "Roboto, 'Helvetica bold', serif",
+  "FONT_FAMILY_SECONDARY_FANCY": "'roboto', Helvetica, sans-serif",
+  "FONT_FAMILY_SECONDARY": "'roboto', Helvetica, sans-serif",
   "FONT_FAMILY_BODY": "Georgia, serif",
-  "FONT_FAMILY_BASIC": "Roboto, 'Helvetica bold', serif",
+  "FONT_FAMILY_BASIC": "'roboto', Helvetica, sans-serif",
   "FONT_WEIGHT_LIGHT": "300",
   "FONT_WEIGHT_NORMAL": "400",
   "FONT_WEIGHT_BOLD": "700",
@@ -59,7 +59,7 @@
   "BACKGROUND_COLOR_BRAND_ACCENT": "rgb(16, 16, 16)",
   "BORDER_COLOR_BRAND_ACCENT": "rgb(16, 16, 16)",
   "COLOR_GREY_LIGHTEST": "rgb(239, 239, 239)",
-  "FONT_FAMILY_ACCENT": "Roboto, 'Helvetica bold', serif",
+  "FONT_FAMILY_ACCENT": "Roboto, Helvetica, sans-serif",
   "COLOR_BRAND_ACCENT": "rgb(16, 16, 16)",
-  "FONT_FAMILY_ACCENT_FANCY": "Roboto, 'Helvetica bold', serif"
+  "FONT_FAMILY_ACCENT_FANCY": "'roboto', Helvetica, sans-serif"
 }

package/build/vibe-2024.map.scss

@@ -42,12 +42,12 @@ $vibe-2024-map: (
   /* The webfont, loaded async */
   'font-family-primary': ('DM Serif Text', Georgia, serif),
   /* The webfont, loaded async */
-  'font-family-secondary-fancy': (Roboto, 'Helvetica Regular', serif),
+  'font-family-secondary-fancy': ('roboto', Helvetica, sans-serif),
   /* The webfont, loaded async */
-  'font-family-secondary': (Roboto, 'Helvetica bold', serif),
+  'font-family-secondary': ('roboto', Helvetica, sans-serif),
   'font-family-body': (Georgia, serif),
   /* The webfont, loaded async */
-  'font-family-basic': (Roboto, 'Helvetica bold', serif),
+  'font-family-basic': ('roboto', Helvetica, sans-serif),
   'font-weight-light': (300),
   'font-weight-normal': (400),
   'font-weight-bold': (700),
@@ -75,8 +75,8 @@ $vibe-2024-map: (
   'border-color-brand-accent': (rgb(16, 16, 16)),
   'color-grey-lightest': (rgb(239, 239, 239)),
   /* The webfont, loaded async */
-  'font-family-accent': (Roboto, 'Helvetica bold', serif),
+  'font-family-accent': (Roboto, Helvetica, sans-serif),
   'color-brand-accent': (rgb(16, 16, 16)),
   /* The webfont, loaded async */
-  'font-family-accent-fancy': (Roboto, 'Helvetica bold', serif),
+  'font-family-accent-fancy': ('roboto', Helvetica, sans-serif),
 );

package/build/vibe-2024.raw.json

@@ -495,18 +495,18 @@
     },
     "FONT_FAMILY_SECONDARY_FANCY": {
       "category": "font-family",
-      "value": "Roboto, 'Helvetica Regular', serif",
+      "value": "'roboto', Helvetica, sans-serif",
       "type": "font",
       "comment": "The webfont, loaded async",
-      "originalValue": "Roboto, 'Helvetica Regular', serif",
+      "originalValue": "'roboto', Helvetica, sans-serif",
       "name": "FONT_FAMILY_SECONDARY_FANCY"
     },
     "FONT_FAMILY_SECONDARY": {
       "category": "font-family",
-      "value": "Roboto, 'Helvetica bold', serif",
+      "value": "'roboto', Helvetica, sans-serif",
       "type": "font",
       "comment": "The webfont, loaded async",
-      "originalValue": "Roboto, 'Helvetica bold', serif",
+      "originalValue": "'roboto', Helvetica, sans-serif",
       "name": "FONT_FAMILY_SECONDARY"
     },
     "FONT_FAMILY_BODY": {
@@ -518,10 +518,10 @@
     },
     "FONT_FAMILY_BASIC": {
       "category": "font-family",
-      "value": "Roboto, 'Helvetica bold', serif",
+      "value": "'roboto', Helvetica, sans-serif",
       "type": "font",
       "comment": "The webfont, loaded async",
-      "originalValue": "Roboto, 'Helvetica bold', serif",
+      "originalValue": "'roboto', Helvetica, sans-serif",
       "name": "FONT_FAMILY_BASIC"
     },
     "FONT_WEIGHT_LIGHT": {
@@ -660,10 +660,10 @@
     },
     "FONT_FAMILY_ACCENT": {
       "category": "font-family",
-      "value": "Roboto, 'Helvetica bold', serif",
+      "value": "Roboto, Helvetica, sans-serif",
       "type": "font",
       "comment": "The webfont, loaded async",
-      "originalValue": "Roboto, 'Helvetica bold', serif",
+      "originalValue": "Roboto, Helvetica, sans-serif",
       "name": "FONT_FAMILY_ACCENT"
     },
     "COLOR_BRAND_ACCENT": {
@@ -675,10 +675,10 @@
     },
     "FONT_FAMILY_ACCENT_FANCY": {
       "category": "font-family",
-      "value": "Roboto, 'Helvetica bold', serif",
+      "value": "'roboto', Helvetica, sans-serif",
       "type": "font",
       "comment": "The webfont, loaded async",
-      "originalValue": "Roboto, 'Helvetica bold', serif",
+      "originalValue": "'roboto', Helvetica, sans-serif",
       "name": "FONT_FAMILY_ACCENT_FANCY"
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penskemediacorp/larva-tokens",
-  "version": "1.64.0",
+  "version": "1.66.0",
   "description": "Design tokens",
   "author": "laras126 <laras126@gmail.com>",
   "homepage": "https://github.com/penske-media-corp/pmc-larva#readme",
@@ -34,5 +34,5 @@
     "plugin-error": "^2",
     "sass": "^1"
   },
-  "gitHead": "06bf02903f2b839ff37d0b337e847f6b8b164c8e"
+  "gitHead": "8ed83826896b4101433e2b47a7fd80ef721a19a3"
 }

package/style-guides/deadline.html

@@ -7171,6 +7171,66 @@
           The quick brown fox jumps over the lazy dog.
         </td>
       
+        <td></td>
+      </tr>
+    
+      <tr>
+        <th scope="row">
+          <code>color-light-grey</code>
+        </th>
+        <td>
+          <code>rgb(247, 247, 247)</code>
+        </td>
+        
+        <td style="background-color: #f6f6f6; color: rgb(247, 247, 247);">
+          The quick brown fox jumps over the lazy dog.
+        </td>
+      
+        <td></td>
+      </tr>
+    
+      <tr>
+        <th scope="row">
+          <code>color-light-pink</code>
+        </th>
+        <td>
+          <code>rgb(245, 223, 221)</code>
+        </td>
+        
+        <td style="background-color: #f6f6f6; color: rgb(245, 223, 221);">
+          The quick brown fox jumps over the lazy dog.
+        </td>
+      
+        <td></td>
+      </tr>
+    
+      <tr>
+        <th scope="row">
+          <code>color-light-beige</code>
+        </th>
+        <td>
+          <code>rgb(239, 235, 220)</code>
+        </td>
+        
+        <td style="background-color: #f6f6f6; color: rgb(239, 235, 220);">
+          The quick brown fox jumps over the lazy dog.
+        </td>
+      
+        <td></td>
+      </tr>
+    
+      <tr>
+        <th scope="row">
+          <code>color-light-blue</code>
+        </th>
+        <td>
+          <code>rgb(241, 248, 252)</code>
+        </td>
+        
+        <td style="background-color: #f6f6f6; color: rgb(241, 248, 252);">
+          The quick brown fox jumps over the lazy dog.
+        </td>
+      
         <td></td>
       </tr>
           </tbody>

package/style-guides/vibe-2024.html

@@ -471,11 +471,11 @@
           <code>font-family-secondary-fancy</code>
         </th>
         <td>
-          <code>Roboto, 'Helvetica Regular', serif</code>
+          <code>'roboto', Helvetica, sans-serif</code>
         </td>
         
         <td>
-          <div style="font-family: Roboto, 'Helvetica Regular', serif;">
+          <div style="font-family: 'roboto', Helvetica, sans-serif;">
             The quick brown fox jumps over the lazy dog.
           </div>
         </td>
@@ -488,11 +488,11 @@
           <code>font-family-secondary</code>
         </th>
         <td>
-          <code>Roboto, 'Helvetica bold', serif</code>
+          <code>'roboto', Helvetica, sans-serif</code>
         </td>
         
         <td>
-          <div style="font-family: Roboto, 'Helvetica bold', serif;">
+          <div style="font-family: 'roboto', Helvetica, sans-serif;">
             The quick brown fox jumps over the lazy dog.
           </div>
         </td>
@@ -522,11 +522,11 @@
           <code>font-family-basic</code>
         </th>
         <td>
-          <code>Roboto, 'Helvetica bold', serif</code>
+          <code>'roboto', Helvetica, sans-serif</code>
         </td>
         
         <td>
-          <div style="font-family: Roboto, 'Helvetica bold', serif;">
+          <div style="font-family: 'roboto', Helvetica, sans-serif;">
             The quick brown fox jumps over the lazy dog.
           </div>
         </td>
@@ -539,11 +539,11 @@
           <code>font-family-accent</code>
         </th>
         <td>
-          <code>Roboto, 'Helvetica bold', serif</code>
+          <code>Roboto, Helvetica, sans-serif</code>
         </td>
         
         <td>
-          <div style="font-family: Roboto, 'Helvetica bold', serif;">
+          <div style="font-family: Roboto, Helvetica, sans-serif;">
             The quick brown fox jumps over the lazy dog.
           </div>
         </td>
@@ -556,11 +556,11 @@
           <code>font-family-accent-fancy</code>
         </th>
         <td>
-          <code>Roboto, 'Helvetica bold', serif</code>
+          <code>'roboto', Helvetica, sans-serif</code>
         </td>
         
         <td>
-          <div style="font-family: Roboto, 'Helvetica bold', serif;">
+          <div style="font-family: 'roboto', Helvetica, sans-serif;">
             The quick brown fox jumps over the lazy dog.
           </div>
         </td>