@font-face{
  font-family: "Inter";
  src: 
  url('https://kitchenbath.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Regular.woff2') format('woff2'),
  url('https://kitchenbath.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://kitchenbath.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Italic.woff2') format('woff2'),
  url('https://kitchenbath.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://kitchenbath.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-Bold.woff2') format('woff2'),
  url('https://kitchenbath.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://kitchenbath.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-BoldItalic.woff2') format('woff2'),
  url('https://kitchenbath.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://kitchenbath.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-ExtraBold.woff2') format('woff2'),
  url('https://kitchenbath.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://kitchenbath.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-ExtraBoldItalic.woff2') format('woff2'),
  url('https://kitchenbath.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://kitchenbath.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-SemiBold.woff2') format('woff2'),
  url('https://kitchenbath.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://kitchenbath.national.dev.lancemontana.com.au/carbon/assets/0007e8/00000b/Inter18pt-SemiBoldItalic.woff2') format('woff2'),
  url('https://kitchenbath.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: #5f97f6;
--primary-base-10: #5f97f61a;
.back-primary-base-10 {background-color: #5f97f61a;}
.text-primary-base-10 {color: #5f97f61a;}
--primary-base-20: #5f97f633;
.back-primary-base-20 {background-color: #5f97f633;}
.text-primary-base-20 {color: #5f97f633;}
--primary-base-30: #5f97f64d;
.back-primary-base-30 {background-color: #5f97f64d;}
.text-primary-base-30 {color: #5f97f64d;}
--primary-base-40: #5f97f666;
.back-primary-base-40 {background-color: #5f97f666;}
.text-primary-base-40 {color: #5f97f666;}
--primary-base-50: #5f97f680;
.back-primary-base-50 {background-color: #5f97f680;}
.text-primary-base-50 {color: #5f97f680;}
--primary-base-60: #5f97f699;
.back-primary-base-60 {background-color: #5f97f699;}
.text-primary-base-60 {color: #5f97f699;}
--primary-base-70: #5f97f6b3;
.back-primary-base-70 {background-color: #5f97f6b3;}
.text-primary-base-70 {color: #5f97f6b3;}
--primary-base-80: #5f97f6cc;
.back-primary-base-80 {background-color: #5f97f6cc;}
.text-primary-base-80 {color: #5f97f6cc;}
--primary-base-90: #5f97f6e6;
.back-primary-base-90 {background-color: #5f97f6e6;}
.text-primary-base-90 {color: #5f97f6e6;}
--primary-dark: #1c3c55;
--primary-dark-10: #1c3c551a;
.back-primary-dark-10 {background-color: #1c3c551a;}
.text-primary-dark-10 {color: #1c3c551a;}
--primary-dark-20: #1c3c5533;
.back-primary-dark-20 {background-color: #1c3c5533;}
.text-primary-dark-20 {color: #1c3c5533;}
--primary-dark-30: #1c3c554d;
.back-primary-dark-30 {background-color: #1c3c554d;}
.text-primary-dark-30 {color: #1c3c554d;}
--primary-dark-40: #1c3c5566;
.back-primary-dark-40 {background-color: #1c3c5566;}
.text-primary-dark-40 {color: #1c3c5566;}
--primary-dark-50: #1c3c5580;
.back-primary-dark-50 {background-color: #1c3c5580;}
.text-primary-dark-50 {color: #1c3c5580;}
--primary-dark-60: #1c3c5599;
.back-primary-dark-60 {background-color: #1c3c5599;}
.text-primary-dark-60 {color: #1c3c5599;}
--primary-dark-70: #1c3c55b3;
.back-primary-dark-70 {background-color: #1c3c55b3;}
.text-primary-dark-70 {color: #1c3c55b3;}
--primary-dark-80: #1c3c55cc;
.back-primary-dark-80 {background-color: #1c3c55cc;}
.text-primary-dark-80 {color: #1c3c55cc;}
--primary-dark-90: #1c3c55e6;
.back-primary-dark-90 {background-color: #1c3c55e6;}
.text-primary-dark-90 {color: #1c3c55e6;}
--secondary-light: #f4ece6;
--secondary-light-10: #f4ece61a;
.back-secondary-light-10 {background-color: #f4ece61a;}
.text-secondary-light-10 {color: #f4ece61a;}
--secondary-light-20: #f4ece633;
.back-secondary-light-20 {background-color: #f4ece633;}
.text-secondary-light-20 {color: #f4ece633;}
--secondary-light-30: #f4ece64d;
.back-secondary-light-30 {background-color: #f4ece64d;}
.text-secondary-light-30 {color: #f4ece64d;}
--secondary-light-40: #f4ece666;
.back-secondary-light-40 {background-color: #f4ece666;}
.text-secondary-light-40 {color: #f4ece666;}
--secondary-light-50: #f4ece680;
.back-secondary-light-50 {background-color: #f4ece680;}
.text-secondary-light-50 {color: #f4ece680;}
--secondary-light-60: #f4ece699;
.back-secondary-light-60 {background-color: #f4ece699;}
.text-secondary-light-60 {color: #f4ece699;}
--secondary-light-70: #f4ece6b3;
.back-secondary-light-70 {background-color: #f4ece6b3;}
.text-secondary-light-70 {color: #f4ece6b3;}
--secondary-light-80: #f4ece6cc;
.back-secondary-light-80 {background-color: #f4ece6cc;}
.text-secondary-light-80 {color: #f4ece6cc;}
--secondary-light-90: #f4ece6e6;
.back-secondary-light-90 {background-color: #f4ece6e6;}
.text-secondary-light-90 {color: #f4ece6e6;}
--secondary-base: #1c3c55;
--secondary-base-10: #1c3c551a;
.back-secondary-base-10 {background-color: #1c3c551a;}
.text-secondary-base-10 {color: #1c3c551a;}
--secondary-base-20: #1c3c5533;
.back-secondary-base-20 {background-color: #1c3c5533;}
.text-secondary-base-20 {color: #1c3c5533;}
--secondary-base-30: #1c3c554d;
.back-secondary-base-30 {background-color: #1c3c554d;}
.text-secondary-base-30 {color: #1c3c554d;}
--secondary-base-40: #1c3c5566;
.back-secondary-base-40 {background-color: #1c3c5566;}
.text-secondary-base-40 {color: #1c3c5566;}
--secondary-base-50: #1c3c5580;
.back-secondary-base-50 {background-color: #1c3c5580;}
.text-secondary-base-50 {color: #1c3c5580;}
--secondary-base-60: #1c3c5599;
.back-secondary-base-60 {background-color: #1c3c5599;}
.text-secondary-base-60 {color: #1c3c5599;}
--secondary-base-70: #1c3c55b3;
.back-secondary-base-70 {background-color: #1c3c55b3;}
.text-secondary-base-70 {color: #1c3c55b3;}
--secondary-base-80: #1c3c55cc;
.back-secondary-base-80 {background-color: #1c3c55cc;}
.text-secondary-base-80 {color: #1c3c55cc;}
--secondary-base-90: #1c3c55e6;
.back-secondary-base-90 {background-color: #1c3c55e6;}
.text-secondary-base-90 {color: #1c3c55e6;}
--secondary-dark: #1c3c55;
--secondary-dark-10: #1c3c551a;
.back-secondary-dark-10 {background-color: #1c3c551a;}
.text-secondary-dark-10 {color: #1c3c551a;}
--secondary-dark-20: #1c3c5533;
.back-secondary-dark-20 {background-color: #1c3c5533;}
.text-secondary-dark-20 {color: #1c3c5533;}
--secondary-dark-30: #1c3c554d;
.back-secondary-dark-30 {background-color: #1c3c554d;}
.text-secondary-dark-30 {color: #1c3c554d;}
--secondary-dark-40: #1c3c5566;
.back-secondary-dark-40 {background-color: #1c3c5566;}
.text-secondary-dark-40 {color: #1c3c5566;}
--secondary-dark-50: #1c3c5580;
.back-secondary-dark-50 {background-color: #1c3c5580;}
.text-secondary-dark-50 {color: #1c3c5580;}
--secondary-dark-60: #1c3c5599;
.back-secondary-dark-60 {background-color: #1c3c5599;}
.text-secondary-dark-60 {color: #1c3c5599;}
--secondary-dark-70: #1c3c55b3;
.back-secondary-dark-70 {background-color: #1c3c55b3;}
.text-secondary-dark-70 {color: #1c3c55b3;}
--secondary-dark-80: #1c3c55cc;
.back-secondary-dark-80 {background-color: #1c3c55cc;}
.text-secondary-dark-80 {color: #1c3c55cc;}
--secondary-dark-90: #1c3c55e6;
.back-secondary-dark-90 {background-color: #1c3c55e6;}
.text-secondary-dark-90 {color: #1c3c55e6;}
--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: #1c3c55;
--neutral-dark-10: #1c3c551a;
.back-neutral-dark-10 {background-color: #1c3c551a;}
.text-neutral-dark-10 {color: #1c3c551a;}
--neutral-dark-20: #1c3c5533;
.back-neutral-dark-20 {background-color: #1c3c5533;}
.text-neutral-dark-20 {color: #1c3c5533;}
--neutral-dark-30: #1c3c554d;
.back-neutral-dark-30 {background-color: #1c3c554d;}
.text-neutral-dark-30 {color: #1c3c554d;}
--neutral-dark-40: #1c3c5566;
.back-neutral-dark-40 {background-color: #1c3c5566;}
.text-neutral-dark-40 {color: #1c3c5566;}
--neutral-dark-50: #1c3c5580;
.back-neutral-dark-50 {background-color: #1c3c5580;}
.text-neutral-dark-50 {color: #1c3c5580;}
--neutral-dark-60: #1c3c5599;
.back-neutral-dark-60 {background-color: #1c3c5599;}
.text-neutral-dark-60 {color: #1c3c5599;}
--neutral-dark-70: #1c3c55b3;
.back-neutral-dark-70 {background-color: #1c3c55b3;}
.text-neutral-dark-70 {color: #1c3c55b3;}
--neutral-dark-80: #1c3c55cc;
.back-neutral-dark-80 {background-color: #1c3c55cc;}
.text-neutral-dark-80 {color: #1c3c55cc;}
--neutral-dark-90: #1c3c55e6;
.back-neutral-dark-90 {background-color: #1c3c55e6;}
.text-neutral-dark-90 {color: #1c3c55e6;}
--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}