@font-face{
  font-family: "Inter";
  src: 
  url('https://designau.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Regular.woff2') format('woff2'),
  url('https://designau.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://designau.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Italic.woff2') format('woff2'),
  url('https://designau.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://designau.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Bold.woff2') format('woff2'),
  url('https://designau.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://designau.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-BoldItalic.woff2') format('woff2'),
  url('https://designau.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://designau.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-ExtraBold.woff2') format('woff2'),
  url('https://designau.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://designau.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-ExtraBoldItalic.woff2') format('woff2'),
  url('https://designau.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://designau.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-SemiBold.woff2') format('woff2'),
  url('https://designau.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://designau.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-SemiBoldItalic.woff2') format('woff2'),
  url('https://designau.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: #f6dfcd;
--primary-light-10: #f6dfcd1a;
.back-primary-light-10 {background-color: #f6dfcd1a;}
.text-primary-light-10 {color: #f6dfcd1a;}
--primary-light-20: #f6dfcd33;
.back-primary-light-20 {background-color: #f6dfcd33;}
.text-primary-light-20 {color: #f6dfcd33;}
--primary-light-30: #f6dfcd4d;
.back-primary-light-30 {background-color: #f6dfcd4d;}
.text-primary-light-30 {color: #f6dfcd4d;}
--primary-light-40: #f6dfcd66;
.back-primary-light-40 {background-color: #f6dfcd66;}
.text-primary-light-40 {color: #f6dfcd66;}
--primary-light-50: #f6dfcd80;
.back-primary-light-50 {background-color: #f6dfcd80;}
.text-primary-light-50 {color: #f6dfcd80;}
--primary-light-60: #f6dfcd99;
.back-primary-light-60 {background-color: #f6dfcd99;}
.text-primary-light-60 {color: #f6dfcd99;}
--primary-light-70: #f6dfcdb3;
.back-primary-light-70 {background-color: #f6dfcdb3;}
.text-primary-light-70 {color: #f6dfcdb3;}
--primary-light-80: #f6dfcdcc;
.back-primary-light-80 {background-color: #f6dfcdcc;}
.text-primary-light-80 {color: #f6dfcdcc;}
--primary-light-90: #f6dfcde6;
.back-primary-light-90 {background-color: #f6dfcde6;}
.text-primary-light-90 {color: #f6dfcde6;}
--primary-base: #c4816a;
--primary-base-10: #c4816a1a;
.back-primary-base-10 {background-color: #c4816a1a;}
.text-primary-base-10 {color: #c4816a1a;}
--primary-base-20: #c4816a33;
.back-primary-base-20 {background-color: #c4816a33;}
.text-primary-base-20 {color: #c4816a33;}
--primary-base-30: #c4816a4d;
.back-primary-base-30 {background-color: #c4816a4d;}
.text-primary-base-30 {color: #c4816a4d;}
--primary-base-40: #c4816a66;
.back-primary-base-40 {background-color: #c4816a66;}
.text-primary-base-40 {color: #c4816a66;}
--primary-base-50: #c4816a80;
.back-primary-base-50 {background-color: #c4816a80;}
.text-primary-base-50 {color: #c4816a80;}
--primary-base-60: #c4816a99;
.back-primary-base-60 {background-color: #c4816a99;}
.text-primary-base-60 {color: #c4816a99;}
--primary-base-70: #c4816ab3;
.back-primary-base-70 {background-color: #c4816ab3;}
.text-primary-base-70 {color: #c4816ab3;}
--primary-base-80: #c4816acc;
.back-primary-base-80 {background-color: #c4816acc;}
.text-primary-base-80 {color: #c4816acc;}
--primary-base-90: #c4816ae6;
.back-primary-base-90 {background-color: #c4816ae6;}
.text-primary-base-90 {color: #c4816ae6;}
--primary-dark: #450200;
--primary-dark-10: #4502001a;
.back-primary-dark-10 {background-color: #4502001a;}
.text-primary-dark-10 {color: #4502001a;}
--primary-dark-20: #45020033;
.back-primary-dark-20 {background-color: #45020033;}
.text-primary-dark-20 {color: #45020033;}
--primary-dark-30: #4502004d;
.back-primary-dark-30 {background-color: #4502004d;}
.text-primary-dark-30 {color: #4502004d;}
--primary-dark-40: #45020066;
.back-primary-dark-40 {background-color: #45020066;}
.text-primary-dark-40 {color: #45020066;}
--primary-dark-50: #45020080;
.back-primary-dark-50 {background-color: #45020080;}
.text-primary-dark-50 {color: #45020080;}
--primary-dark-60: #45020099;
.back-primary-dark-60 {background-color: #45020099;}
.text-primary-dark-60 {color: #45020099;}
--primary-dark-70: #450200b3;
.back-primary-dark-70 {background-color: #450200b3;}
.text-primary-dark-70 {color: #450200b3;}
--primary-dark-80: #450200cc;
.back-primary-dark-80 {background-color: #450200cc;}
.text-primary-dark-80 {color: #450200cc;}
--primary-dark-90: #450200e6;
.back-primary-dark-90 {background-color: #450200e6;}
.text-primary-dark-90 {color: #450200e6;}
--secondary-light: #f4efe8;
--secondary-light-10: #f4efe81a;
.back-secondary-light-10 {background-color: #f4efe81a;}
.text-secondary-light-10 {color: #f4efe81a;}
--secondary-light-20: #f4efe833;
.back-secondary-light-20 {background-color: #f4efe833;}
.text-secondary-light-20 {color: #f4efe833;}
--secondary-light-30: #f4efe84d;
.back-secondary-light-30 {background-color: #f4efe84d;}
.text-secondary-light-30 {color: #f4efe84d;}
--secondary-light-40: #f4efe866;
.back-secondary-light-40 {background-color: #f4efe866;}
.text-secondary-light-40 {color: #f4efe866;}
--secondary-light-50: #f4efe880;
.back-secondary-light-50 {background-color: #f4efe880;}
.text-secondary-light-50 {color: #f4efe880;}
--secondary-light-60: #f4efe899;
.back-secondary-light-60 {background-color: #f4efe899;}
.text-secondary-light-60 {color: #f4efe899;}
--secondary-light-70: #f4efe8b3;
.back-secondary-light-70 {background-color: #f4efe8b3;}
.text-secondary-light-70 {color: #f4efe8b3;}
--secondary-light-80: #f4efe8cc;
.back-secondary-light-80 {background-color: #f4efe8cc;}
.text-secondary-light-80 {color: #f4efe8cc;}
--secondary-light-90: #f4efe8e6;
.back-secondary-light-90 {background-color: #f4efe8e6;}
.text-secondary-light-90 {color: #f4efe8e6;}
--secondary-base: #9f5245;
--secondary-base-10: #9f52451a;
.back-secondary-base-10 {background-color: #9f52451a;}
.text-secondary-base-10 {color: #9f52451a;}
--secondary-base-20: #9f524533;
.back-secondary-base-20 {background-color: #9f524533;}
.text-secondary-base-20 {color: #9f524533;}
--secondary-base-30: #9f52454d;
.back-secondary-base-30 {background-color: #9f52454d;}
.text-secondary-base-30 {color: #9f52454d;}
--secondary-base-40: #9f524566;
.back-secondary-base-40 {background-color: #9f524566;}
.text-secondary-base-40 {color: #9f524566;}
--secondary-base-50: #9f524580;
.back-secondary-base-50 {background-color: #9f524580;}
.text-secondary-base-50 {color: #9f524580;}
--secondary-base-60: #9f524599;
.back-secondary-base-60 {background-color: #9f524599;}
.text-secondary-base-60 {color: #9f524599;}
--secondary-base-70: #9f5245b3;
.back-secondary-base-70 {background-color: #9f5245b3;}
.text-secondary-base-70 {color: #9f5245b3;}
--secondary-base-80: #9f5245cc;
.back-secondary-base-80 {background-color: #9f5245cc;}
.text-secondary-base-80 {color: #9f5245cc;}
--secondary-base-90: #9f5245e6;
.back-secondary-base-90 {background-color: #9f5245e6;}
.text-secondary-base-90 {color: #9f5245e6;}
--secondary-dark: #9f5245;
--secondary-dark-10: #9f52451a;
.back-secondary-dark-10 {background-color: #9f52451a;}
.text-secondary-dark-10 {color: #9f52451a;}
--secondary-dark-20: #9f524533;
.back-secondary-dark-20 {background-color: #9f524533;}
.text-secondary-dark-20 {color: #9f524533;}
--secondary-dark-30: #9f52454d;
.back-secondary-dark-30 {background-color: #9f52454d;}
.text-secondary-dark-30 {color: #9f52454d;}
--secondary-dark-40: #9f524566;
.back-secondary-dark-40 {background-color: #9f524566;}
.text-secondary-dark-40 {color: #9f524566;}
--secondary-dark-50: #9f524580;
.back-secondary-dark-50 {background-color: #9f524580;}
.text-secondary-dark-50 {color: #9f524580;}
--secondary-dark-60: #9f524599;
.back-secondary-dark-60 {background-color: #9f524599;}
.text-secondary-dark-60 {color: #9f524599;}
--secondary-dark-70: #9f5245b3;
.back-secondary-dark-70 {background-color: #9f5245b3;}
.text-secondary-dark-70 {color: #9f5245b3;}
--secondary-dark-80: #9f5245cc;
.back-secondary-dark-80 {background-color: #9f5245cc;}
.text-secondary-dark-80 {color: #9f5245cc;}
--secondary-dark-90: #9f5245e6;
.back-secondary-dark-90 {background-color: #9f5245e6;}
.text-secondary-dark-90 {color: #9f5245e6;}
--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: #8593a3;
--neutral-base-10: #8593a31a;
.back-neutral-base-10 {background-color: #8593a31a;}
.text-neutral-base-10 {color: #8593a31a;}
--neutral-base-20: #8593a333;
.back-neutral-base-20 {background-color: #8593a333;}
.text-neutral-base-20 {color: #8593a333;}
--neutral-base-30: #8593a34d;
.back-neutral-base-30 {background-color: #8593a34d;}
.text-neutral-base-30 {color: #8593a34d;}
--neutral-base-40: #8593a366;
.back-neutral-base-40 {background-color: #8593a366;}
.text-neutral-base-40 {color: #8593a366;}
--neutral-base-50: #8593a380;
.back-neutral-base-50 {background-color: #8593a380;}
.text-neutral-base-50 {color: #8593a380;}
--neutral-base-60: #8593a399;
.back-neutral-base-60 {background-color: #8593a399;}
.text-neutral-base-60 {color: #8593a399;}
--neutral-base-70: #8593a3b3;
.back-neutral-base-70 {background-color: #8593a3b3;}
.text-neutral-base-70 {color: #8593a3b3;}
--neutral-base-80: #8593a3cc;
.back-neutral-base-80 {background-color: #8593a3cc;}
.text-neutral-base-80 {color: #8593a3cc;}
--neutral-base-90: #8593a3e6;
.back-neutral-base-90 {background-color: #8593a3e6;}
.text-neutral-base-90 {color: #8593a3e6;}
--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}