@font-face{
  font-family: "Inter";
  src: 
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Regular.woff2') format('woff2'),
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face{
  font-family: "Inter";
  src: 
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Italic.woff2') format('woff2'),
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: block;
}

@font-face{
  font-family: "Inter";
  src: 
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Bold.woff2') format('woff2'),
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face{
  font-family: "Inter";
  src: 
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-BoldItalic.woff2') format('woff2'),
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-ExtraBoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: block;
}

@font-face{
  font-family: "Inter";
  src: 
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-ExtraBold.woff2') format('woff2'),
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: block;
}

@font-face{
  font-family: "Inter";
  src: 
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-ExtraBoldItalic.woff2') format('woff2'),
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-ExtraBoldItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: block;
}

@font-face{
  font-family: "Inter";
  src: 
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-SemiBold.woff2') format('woff2'),
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face{
  font-family: "Inter";
  src: 
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-SemiBoldItalic.woff2') format('woff2'),
  url('https://design.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: block;
}

body {font-family: Inter; font-size:16px; line-height: 24px;}
.large {font-family: Inter; font-size:20px; line-height: 27px;}
.medium {font-family: Inter; font-size:16px; line-height: 24px;}
.small {font-family: Inter; font-size:11px; line-height: 21px;}
h1, .h1 {font-family: Inter; font-size:48px; line-height: 58px;}
strong {font-family: Inter; font-size:16px; line-height: 24px;}
.large strong, strong .large, strong.large {font-family: Inter; font-size:20px; line-height: 27px;}
.small strong, strong .small, strong.small {font-family: Inter; font-size:11px; line-height: 21px;}
h2, .h2 {font-family: Inter; font-size:34px; line-height: 41px;}
h3, .h3 {font-family: Inter; font-size:24px; line-height: 29px;}
h4, .h4 {font-family: Inter; font-size:20px; line-height: 24px;}
h5, .h5 {font-family: Inter; font-size:16px; line-height: 24px;}
h6, .h6 {font-family: Inter; font-size:14px; line-height: 21px;}
.action, .button, button {font-family: Inter; font-size:16px; line-height: 24px;}
.action-large, .button-large {font-family: Inter; font-size:18px; line-height: 24px;}
.action-small, .button-small {font-family: Inter; font-size:12px; line-height: 16px;}


@media (max-width: 1200px){
body {font-family: Inter; font-size:14px; line-height: 22px;}
.large {font-family: Inter; font-size:18px; line-height: 25px;}
.medium {font-family: Inter; font-size:14px; line-height: 22px;}
.small {font-family: Inter; font-size:10px; line-height: 20px;}
h1, .h1 {font-family: Inter; font-size:46px; line-height: 56px;}
strong {font-family: Inter; font-size:14px; line-height: 22px;}
.large strong, strong .large, strong.large {font-family: Inter; font-size:18px; line-height: 25px;}
.small strong, strong .small, strong.small {font-family: Inter; font-size:10px; line-height: 20px;}
h2, .h2 {font-family: Inter; font-size:32px; line-height: 39px;}
h3, .h3 {font-family: Inter; font-size:22px; line-height: 27px;}
h4, .h4 {font-family: Inter; font-size:18px; line-height: 22px;}
h5, .h5 {font-family: Inter; font-size:14px; line-height: 22px;}
h6, .h6 {font-family: Inter; font-size:12px; line-height: 19px;}
.action, .button, button {font-family: Inter; font-size:14px; line-height: 22px;}
.action-large, .button-large {font-family: Inter; font-size:16px; line-height: 22px;}
.action-small, .button-small {font-family: Inter; font-size:11px; line-height: 15px;}
}


@media (max-width: 768px){
body {font-family: Inter; font-size:12px; line-height: 20px;}
.large {font-family: Inter; font-size:16px; line-height: 23px;}
.medium {font-family: Inter; font-size:12px; line-height: 20px;}
.small {font-family: Inter; font-size:9px; line-height: 19px;}
h1, .h1 {font-family: Inter; font-size:44px; line-height: 54px;}
strong {font-family: Inter; font-size:12px; line-height: 20px;}
.large strong, strong .large, strong.large {font-family: Inter; font-size:16px; line-height: 23px;}
.small strong, strong .small, strong.small {font-family: Inter; font-size:9px; line-height: 19px;}
h2, .h2 {font-family: Inter; font-size:30px; line-height: 37px;}
h3, .h3 {font-family: Inter; font-size:20px; line-height: 25px;}
h4, .h4 {font-family: Inter; font-size:16px; line-height: 20px;}
h5, .h5 {font-family: Inter; font-size:12px; line-height: 20px;}
h6, .h6 {font-family: Inter; font-size:10px; line-height: 17px;}
.action, .button, button {font-family: Inter; font-size:12px; line-height: 20px;}
.action-large, .button-large {font-family: Inter; font-size:14px; line-height: 20px;}
.action-small, .button-small {font-family: Inter; font-size:10px; line-height: 14px;}
}

:root {
--primary-light: #f4f7fa;
--primary-light-10: #f4f7fa1a;
.back-primary-light-10 {background-color: #f4f7fa1a;}
.text-primary-light-10 {color: #f4f7fa1a;}
--primary-light-20: #f4f7fa33;
.back-primary-light-20 {background-color: #f4f7fa33;}
.text-primary-light-20 {color: #f4f7fa33;}
--primary-light-30: #f4f7fa4d;
.back-primary-light-30 {background-color: #f4f7fa4d;}
.text-primary-light-30 {color: #f4f7fa4d;}
--primary-light-40: #f4f7fa66;
.back-primary-light-40 {background-color: #f4f7fa66;}
.text-primary-light-40 {color: #f4f7fa66;}
--primary-light-50: #f4f7fa80;
.back-primary-light-50 {background-color: #f4f7fa80;}
.text-primary-light-50 {color: #f4f7fa80;}
--primary-light-60: #f4f7fa99;
.back-primary-light-60 {background-color: #f4f7fa99;}
.text-primary-light-60 {color: #f4f7fa99;}
--primary-light-70: #f4f7fab3;
.back-primary-light-70 {background-color: #f4f7fab3;}
.text-primary-light-70 {color: #f4f7fab3;}
--primary-light-80: #f4f7facc;
.back-primary-light-80 {background-color: #f4f7facc;}
.text-primary-light-80 {color: #f4f7facc;}
--primary-light-90: #f4f7fae6;
.back-primary-light-90 {background-color: #f4f7fae6;}
.text-primary-light-90 {color: #f4f7fae6;}
--primary-base: #ff5f1f;
--primary-base-10: #ff5f1f1a;
.back-primary-base-10 {background-color: #ff5f1f1a;}
.text-primary-base-10 {color: #ff5f1f1a;}
--primary-base-20: #ff5f1f33;
.back-primary-base-20 {background-color: #ff5f1f33;}
.text-primary-base-20 {color: #ff5f1f33;}
--primary-base-30: #ff5f1f4d;
.back-primary-base-30 {background-color: #ff5f1f4d;}
.text-primary-base-30 {color: #ff5f1f4d;}
--primary-base-40: #ff5f1f66;
.back-primary-base-40 {background-color: #ff5f1f66;}
.text-primary-base-40 {color: #ff5f1f66;}
--primary-base-50: #ff5f1f80;
.back-primary-base-50 {background-color: #ff5f1f80;}
.text-primary-base-50 {color: #ff5f1f80;}
--primary-base-60: #ff5f1f99;
.back-primary-base-60 {background-color: #ff5f1f99;}
.text-primary-base-60 {color: #ff5f1f99;}
--primary-base-70: #ff5f1fb3;
.back-primary-base-70 {background-color: #ff5f1fb3;}
.text-primary-base-70 {color: #ff5f1fb3;}
--primary-base-80: #ff5f1fcc;
.back-primary-base-80 {background-color: #ff5f1fcc;}
.text-primary-base-80 {color: #ff5f1fcc;}
--primary-base-90: #ff5f1fe6;
.back-primary-base-90 {background-color: #ff5f1fe6;}
.text-primary-base-90 {color: #ff5f1fe6;}
--primary-dark: #450000;
--primary-dark-10: #4500001a;
.back-primary-dark-10 {background-color: #4500001a;}
.text-primary-dark-10 {color: #4500001a;}
--primary-dark-20: #45000033;
.back-primary-dark-20 {background-color: #45000033;}
.text-primary-dark-20 {color: #45000033;}
--primary-dark-30: #4500004d;
.back-primary-dark-30 {background-color: #4500004d;}
.text-primary-dark-30 {color: #4500004d;}
--primary-dark-40: #45000066;
.back-primary-dark-40 {background-color: #45000066;}
.text-primary-dark-40 {color: #45000066;}
--primary-dark-50: #45000080;
.back-primary-dark-50 {background-color: #45000080;}
.text-primary-dark-50 {color: #45000080;}
--primary-dark-60: #45000099;
.back-primary-dark-60 {background-color: #45000099;}
.text-primary-dark-60 {color: #45000099;}
--primary-dark-70: #450000b3;
.back-primary-dark-70 {background-color: #450000b3;}
.text-primary-dark-70 {color: #450000b3;}
--primary-dark-80: #450000cc;
.back-primary-dark-80 {background-color: #450000cc;}
.text-primary-dark-80 {color: #450000cc;}
--primary-dark-90: #450000e6;
.back-primary-dark-90 {background-color: #450000e6;}
.text-primary-dark-90 {color: #450000e6;}
--secondary-light: #f4f7fa;
--secondary-light-10: #f4f7fa1a;
.back-secondary-light-10 {background-color: #f4f7fa1a;}
.text-secondary-light-10 {color: #f4f7fa1a;}
--secondary-light-20: #f4f7fa33;
.back-secondary-light-20 {background-color: #f4f7fa33;}
.text-secondary-light-20 {color: #f4f7fa33;}
--secondary-light-30: #f4f7fa4d;
.back-secondary-light-30 {background-color: #f4f7fa4d;}
.text-secondary-light-30 {color: #f4f7fa4d;}
--secondary-light-40: #f4f7fa66;
.back-secondary-light-40 {background-color: #f4f7fa66;}
.text-secondary-light-40 {color: #f4f7fa66;}
--secondary-light-50: #f4f7fa80;
.back-secondary-light-50 {background-color: #f4f7fa80;}
.text-secondary-light-50 {color: #f4f7fa80;}
--secondary-light-60: #f4f7fa99;
.back-secondary-light-60 {background-color: #f4f7fa99;}
.text-secondary-light-60 {color: #f4f7fa99;}
--secondary-light-70: #f4f7fab3;
.back-secondary-light-70 {background-color: #f4f7fab3;}
.text-secondary-light-70 {color: #f4f7fab3;}
--secondary-light-80: #f4f7facc;
.back-secondary-light-80 {background-color: #f4f7facc;}
.text-secondary-light-80 {color: #f4f7facc;}
--secondary-light-90: #f4f7fae6;
.back-secondary-light-90 {background-color: #f4f7fae6;}
.text-secondary-light-90 {color: #f4f7fae6;}
--secondary-base: #6a7682;
--secondary-base-10: #6a76821a;
.back-secondary-base-10 {background-color: #6a76821a;}
.text-secondary-base-10 {color: #6a76821a;}
--secondary-base-20: #6a768233;
.back-secondary-base-20 {background-color: #6a768233;}
.text-secondary-base-20 {color: #6a768233;}
--secondary-base-30: #6a76824d;
.back-secondary-base-30 {background-color: #6a76824d;}
.text-secondary-base-30 {color: #6a76824d;}
--secondary-base-40: #6a768266;
.back-secondary-base-40 {background-color: #6a768266;}
.text-secondary-base-40 {color: #6a768266;}
--secondary-base-50: #6a768280;
.back-secondary-base-50 {background-color: #6a768280;}
.text-secondary-base-50 {color: #6a768280;}
--secondary-base-60: #6a768299;
.back-secondary-base-60 {background-color: #6a768299;}
.text-secondary-base-60 {color: #6a768299;}
--secondary-base-70: #6a7682b3;
.back-secondary-base-70 {background-color: #6a7682b3;}
.text-secondary-base-70 {color: #6a7682b3;}
--secondary-base-80: #6a7682cc;
.back-secondary-base-80 {background-color: #6a7682cc;}
.text-secondary-base-80 {color: #6a7682cc;}
--secondary-base-90: #6a7682e6;
.back-secondary-base-90 {background-color: #6a7682e6;}
.text-secondary-base-90 {color: #6a7682e6;}
--secondary-dark: #1b1b21;
--secondary-dark-10: #1b1b211a;
.back-secondary-dark-10 {background-color: #1b1b211a;}
.text-secondary-dark-10 {color: #1b1b211a;}
--secondary-dark-20: #1b1b2133;
.back-secondary-dark-20 {background-color: #1b1b2133;}
.text-secondary-dark-20 {color: #1b1b2133;}
--secondary-dark-30: #1b1b214d;
.back-secondary-dark-30 {background-color: #1b1b214d;}
.text-secondary-dark-30 {color: #1b1b214d;}
--secondary-dark-40: #1b1b2166;
.back-secondary-dark-40 {background-color: #1b1b2166;}
.text-secondary-dark-40 {color: #1b1b2166;}
--secondary-dark-50: #1b1b2180;
.back-secondary-dark-50 {background-color: #1b1b2180;}
.text-secondary-dark-50 {color: #1b1b2180;}
--secondary-dark-60: #1b1b2199;
.back-secondary-dark-60 {background-color: #1b1b2199;}
.text-secondary-dark-60 {color: #1b1b2199;}
--secondary-dark-70: #1b1b21b3;
.back-secondary-dark-70 {background-color: #1b1b21b3;}
.text-secondary-dark-70 {color: #1b1b21b3;}
--secondary-dark-80: #1b1b21cc;
.back-secondary-dark-80 {background-color: #1b1b21cc;}
.text-secondary-dark-80 {color: #1b1b21cc;}
--secondary-dark-90: #1b1b21e6;
.back-secondary-dark-90 {background-color: #1b1b21e6;}
.text-secondary-dark-90 {color: #1b1b21e6;}
--neutral-light: #f4f7fa;
--neutral-light-10: #f4f7fa1a;
.back-neutral-light-10 {background-color: #f4f7fa1a;}
.text-neutral-light-10 {color: #f4f7fa1a;}
--neutral-light-20: #f4f7fa33;
.back-neutral-light-20 {background-color: #f4f7fa33;}
.text-neutral-light-20 {color: #f4f7fa33;}
--neutral-light-30: #f4f7fa4d;
.back-neutral-light-30 {background-color: #f4f7fa4d;}
.text-neutral-light-30 {color: #f4f7fa4d;}
--neutral-light-40: #f4f7fa66;
.back-neutral-light-40 {background-color: #f4f7fa66;}
.text-neutral-light-40 {color: #f4f7fa66;}
--neutral-light-50: #f4f7fa80;
.back-neutral-light-50 {background-color: #f4f7fa80;}
.text-neutral-light-50 {color: #f4f7fa80;}
--neutral-light-60: #f4f7fa99;
.back-neutral-light-60 {background-color: #f4f7fa99;}
.text-neutral-light-60 {color: #f4f7fa99;}
--neutral-light-70: #f4f7fab3;
.back-neutral-light-70 {background-color: #f4f7fab3;}
.text-neutral-light-70 {color: #f4f7fab3;}
--neutral-light-80: #f4f7facc;
.back-neutral-light-80 {background-color: #f4f7facc;}
.text-neutral-light-80 {color: #f4f7facc;}
--neutral-light-90: #f4f7fae6;
.back-neutral-light-90 {background-color: #f4f7fae6;}
.text-neutral-light-90 {color: #f4f7fae6;}
--neutral-base: #6a7682;
--neutral-base-10: #6a76821a;
.back-neutral-base-10 {background-color: #6a76821a;}
.text-neutral-base-10 {color: #6a76821a;}
--neutral-base-20: #6a768233;
.back-neutral-base-20 {background-color: #6a768233;}
.text-neutral-base-20 {color: #6a768233;}
--neutral-base-30: #6a76824d;
.back-neutral-base-30 {background-color: #6a76824d;}
.text-neutral-base-30 {color: #6a76824d;}
--neutral-base-40: #6a768266;
.back-neutral-base-40 {background-color: #6a768266;}
.text-neutral-base-40 {color: #6a768266;}
--neutral-base-50: #6a768280;
.back-neutral-base-50 {background-color: #6a768280;}
.text-neutral-base-50 {color: #6a768280;}
--neutral-base-60: #6a768299;
.back-neutral-base-60 {background-color: #6a768299;}
.text-neutral-base-60 {color: #6a768299;}
--neutral-base-70: #6a7682b3;
.back-neutral-base-70 {background-color: #6a7682b3;}
.text-neutral-base-70 {color: #6a7682b3;}
--neutral-base-80: #6a7682cc;
.back-neutral-base-80 {background-color: #6a7682cc;}
.text-neutral-base-80 {color: #6a7682cc;}
--neutral-base-90: #6a7682e6;
.back-neutral-base-90 {background-color: #6a7682e6;}
.text-neutral-base-90 {color: #6a7682e6;}
--neutral-dark: #353b41;
--neutral-dark-10: #353b411a;
.back-neutral-dark-10 {background-color: #353b411a;}
.text-neutral-dark-10 {color: #353b411a;}
--neutral-dark-20: #353b4133;
.back-neutral-dark-20 {background-color: #353b4133;}
.text-neutral-dark-20 {color: #353b4133;}
--neutral-dark-30: #353b414d;
.back-neutral-dark-30 {background-color: #353b414d;}
.text-neutral-dark-30 {color: #353b414d;}
--neutral-dark-40: #353b4166;
.back-neutral-dark-40 {background-color: #353b4166;}
.text-neutral-dark-40 {color: #353b4166;}
--neutral-dark-50: #353b4180;
.back-neutral-dark-50 {background-color: #353b4180;}
.text-neutral-dark-50 {color: #353b4180;}
--neutral-dark-60: #353b4199;
.back-neutral-dark-60 {background-color: #353b4199;}
.text-neutral-dark-60 {color: #353b4199;}
--neutral-dark-70: #353b41b3;
.back-neutral-dark-70 {background-color: #353b41b3;}
.text-neutral-dark-70 {color: #353b41b3;}
--neutral-dark-80: #353b41cc;
.back-neutral-dark-80 {background-color: #353b41cc;}
.text-neutral-dark-80 {color: #353b41cc;}
--neutral-dark-90: #353b41e6;
.back-neutral-dark-90 {background-color: #353b41e6;}
.text-neutral-dark-90 {color: #353b41e6;}
--white: #ffffff;
--white-10: #ffffff1a;
.back-white-10 {background-color: #ffffff1a;}
.text-white-10 {color: #ffffff1a;}
--white-20: #ffffff33;
.back-white-20 {background-color: #ffffff33;}
.text-white-20 {color: #ffffff33;}
--white-30: #ffffff4d;
.back-white-30 {background-color: #ffffff4d;}
.text-white-30 {color: #ffffff4d;}
--white-40: #ffffff66;
.back-white-40 {background-color: #ffffff66;}
.text-white-40 {color: #ffffff66;}
--white-50: #ffffff80;
.back-white-50 {background-color: #ffffff80;}
.text-white-50 {color: #ffffff80;}
--white-60: #ffffff99;
.back-white-60 {background-color: #ffffff99;}
.text-white-60 {color: #ffffff99;}
--white-70: #ffffffb3;
.back-white-70 {background-color: #ffffffb3;}
.text-white-70 {color: #ffffffb3;}
--white-80: #ffffffcc;
.back-white-80 {background-color: #ffffffcc;}
.text-white-80 {color: #ffffffcc;}
--white-90: #ffffffe6;
.back-white-90 {background-color: #ffffffe6;}
.text-white-90 {color: #ffffffe6;}
--black: #000000;
--black-10: #0000001a;
.back-black-10 {background-color: #0000001a;}
.text-black-10 {color: #0000001a;}
--black-20: #00000033;
.back-black-20 {background-color: #00000033;}
.text-black-20 {color: #00000033;}
--black-30: #0000004d;
.back-black-30 {background-color: #0000004d;}
.text-black-30 {color: #0000004d;}
--black-40: #00000066;
.back-black-40 {background-color: #00000066;}
.text-black-40 {color: #00000066;}
--black-50: #00000080;
.back-black-50 {background-color: #00000080;}
.text-black-50 {color: #00000080;}
--black-60: #00000099;
.back-black-60 {background-color: #00000099;}
.text-black-60 {color: #00000099;}
--black-70: #000000b3;
.back-black-70 {background-color: #000000b3;}
.text-black-70 {color: #000000b3;}
--black-80: #000000cc;
.back-black-80 {background-color: #000000cc;}
.text-black-80 {color: #000000cc;}
--black-90: #000000e6;
.back-black-90 {background-color: #000000e6;}
.text-black-90 {color: #000000e6;}
}
.hidden {display: none !important}