/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.global_textUppercase_9R8FG {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.global_textFieldTitle_qz6eh {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.global_textSmoothing_1infn, .global_textPageTitle_3Lmo5 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.global_textPageTitle_3Lmo5 {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .global_textPageTitle_3Lmo5 {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.global_screenreaderOnly_DqpIk {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.global_resetScreenreaderOnly_3Kq2i {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.global_listUnstyled_1041A {
  padding-left: 0;
  list-style: none; }

.global_buttonUnstyled_1OZdp {
  display: block;
  border: none; }

.global_shadow_1l_QF {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.global_mobileFullscreenFallback_3OhKl {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .global_mobileFullscreenFallback_3OhKl > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.Button_textUppercase_2hh7h, .Button_button_2VOdS {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.Button_textFieldTitle_1TV1y {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.Button_textSmoothing_21Ei_, .Button_textPageTitle_2Nyg1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Button_textPageTitle_2Nyg1 {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .Button_textPageTitle_2Nyg1 {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Button_screenreaderOnly_3voF2 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.Button_resetScreenreaderOnly_1TdD5 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.Button_listUnstyled_2DDAz {
  padding-left: 0;
  list-style: none; }

.Button_buttonUnstyled_ybHeh {
  display: block;
  border: none; }

.Button_shadow_1YM-y {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.Button_mobileFullscreenFallback_3MFSB {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .Button_mobileFullscreenFallback_3MFSB > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.Button_button_2VOdS {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  font-weight: 500;
  text-decoration: underline;
  background-color: transparent;
  cursor: pointer; }
  .Button_button_2VOdS:hover, .Button_button_2VOdS:active {
    color: #666; }

.Button_sm_Pw8aK {
  min-height: 16px;
  font-size: 0.875rem;
  line-height: 8px; }

.Button_dark_1sY6v {
  color: #fff; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.SVGIcon_textUppercase_1cytI {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.SVGIcon_textFieldTitle_3vQmU {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.SVGIcon_textSmoothing_27Fua, .SVGIcon_textPageTitle_1Daov {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.SVGIcon_textPageTitle_1Daov {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .SVGIcon_textPageTitle_1Daov {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.SVGIcon_screenreaderOnly_zZ53R {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.SVGIcon_resetScreenreaderOnly_3wQZN {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.SVGIcon_listUnstyled_lLrVg {
  padding-left: 0;
  list-style: none; }

.SVGIcon_buttonUnstyled_1QcED {
  display: block;
  border: none; }

.SVGIcon_shadow_2JvRY {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.SVGIcon_mobileFullscreenFallback_2gkLH {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .SVGIcon_mobileFullscreenFallback_2gkLH > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.SVGIcon_svgIcon_ZoG_k {
  display: inline-block;
  width: 32px; }
  .SVGIcon_svgIcon_ZoG_k .SVGIcon_svg_19J26 {
    width: 100%;
    height: 100%;
    vertical-align: middle; }
    .SVGIcon_svgIcon_ZoG_k .SVGIcon_svg_19J26 > * {
      fill: #111; }

.SVGIcon_white_g7Z6G .SVGIcon_svg_19J26 > * {
  fill: #fff; }

.SVGIcon_grey_3tdUr .SVGIcon_svg_19J26 > * {
  fill: #ccc; }

.SVGIcon_xs_2QogK {
  width: 16px;
  min-width: 16px; }

.SVGIcon_sm_1vLMA {
  width: 24px;
  min-width: 24px; }

.SVGIcon_md_sZ7Gn {
  width: 32px;
  min-width: 32px; }

.SVGIcon_lg_ViEF- {
  width: 40px;
  min-width: 40px; }

body.body--legacy-IE .SVGIcon_svgIcon_ZoG_k .SVGIcon_svg_19J26 {
  width: 32px;
  height: 32px; }

body.body--legacy-IE .SVGIcon_svgIcon_ZoG_k.SVGIcon_xs_2QogK .SVGIcon_svg_19J26 {
  width: 16px;
  height: 16px; }

body.body--legacy-IE .SVGIcon_svgIcon_ZoG_k.SVGIcon_sm_1vLMA .SVGIcon_svg_19J26 {
  width: 24px;
  height: 24px; }

body.body--legacy-IE .SVGIcon_svgIcon_ZoG_k.SVGIcon_md_sZ7Gn .SVGIcon_svg_19J26 {
  width: 32px;
  height: 32px; }

body.body--legacy-IE .SVGIcon_svgIcon_ZoG_k.SVGIcon_lg_ViEF- .SVGIcon_svg_19J26 {
  width: 40px;
  height: 40px; }

/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.Overlay_textUppercase_XFP8p {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.Overlay_textFieldTitle_2DDYS {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.Overlay_textSmoothing_23tcr, .Overlay_textPageTitle_1gN8I {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Overlay_textPageTitle_1gN8I {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .Overlay_textPageTitle_1gN8I {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Overlay_screenreaderOnly_qRh9G {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.Overlay_resetScreenreaderOnly_2PQUH {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.Overlay_listUnstyled_B7gxj {
  padding-left: 0;
  list-style: none; }

.Overlay_buttonUnstyled_pq0G- {
  display: block;
  border: none; }

.Overlay_shadow_3dMJQ {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.Overlay_mobileFullscreenFallback_Cir9m {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .Overlay_mobileFullscreenFallback_Cir9m > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.Overlay_overlay_3WzIH, .Overlay_overlayWithImage_1hnvD::after {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
  width: 100%;
  height: 100%;
  background-color: #111;
  opacity: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s; }

.Overlay_appear_2T415,
.Overlay_appearActive_1kCKr,
.Overlay_appearDone_3AOj2,
.Overlay_enterDone_3dnGG {
  opacity: 0.7; }

.Overlay_overlayWithImage_1hnvD {
  opacity: 1; }
  .Overlay_overlayWithImage_1hnvD::before {
    content: '';
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    background-image: url(https://cep-user-app-assets.s3.ap-southeast-2.amazonaws.com/images/SE_hero_Bokor_2000.jpg);
    background-repeat: no-repeat;
    background-size: cover; }
  .Overlay_overlayWithImage_1hnvD::after {
    content: '';
    z-index: 2;
    opacity: 0.75; }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.CTAButton_textUppercase_3a03e, .CTAButton_ctaButton_2OLOk {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.CTAButton_textFieldTitle_2yGw- {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.CTAButton_textSmoothing_3_Txp, .CTAButton_textPageTitle_1w9dO, .CTAButton_outlineDark_zLs1v {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.CTAButton_textPageTitle_1w9dO {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .CTAButton_textPageTitle_1w9dO {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.CTAButton_screenreaderOnly_2Z5EX {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.CTAButton_resetScreenreaderOnly_Enq1L {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.CTAButton_listUnstyled_2lFBo {
  padding-left: 0;
  list-style: none; }

.CTAButton_buttonUnstyled_11nKQ {
  display: block;
  border: none; }

.CTAButton_shadow_2Jrwy {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.CTAButton_mobileFullscreenFallback_qpPFm {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .CTAButton_mobileFullscreenFallback_qpPFm > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.CTAButton_ctaButton_2OLOk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 312px;
  min-height: 48px;
  padding: 8px;
  color: #f6f6f6;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: left;
  text-decoration: none;
  background-color: #333;
  border-radius: 2px;
  cursor: pointer; }
  @media only screen and (min-width: 33.5rem) {
    .CTAButton_ctaButton_2OLOk {
      padding: 8px 16px; } }
  .CTAButton_ctaButton_2OLOk svg {
    max-height: 32px; }
  .CTAButton_ctaButton_2OLOk:hover, .CTAButton_ctaButton_2OLOk:active {
    color: #f6f6f6;
    opacity: 0.8; }
  .CTAButton_ctaButton_2OLOk:link, .CTAButton_ctaButton_2OLOk:visited {
    color: #fff;
    text-decoration: none; }

.CTAButton_iconHasChildren_2DrIK {
  margin-left: 16px; }

.CTAButton_sm_13Jdu {
  min-height: 24px;
  padding: 0 24px;
  font-size: 0.875rem;
  line-height: 20px; }

.CTAButton_light_2jx8A {
  color: #111;
  background-color: #fff; }
  .CTAButton_light_2jx8A:link, .CTAButton_light_2jx8A:visited {
    color: #111; }
  .CTAButton_light_2jx8A:hover, .CTAButton_light_2jx8A:active {
    color: #111;
    background-color: #eee; }

.CTAButton_grey_3u-qy {
  color: #111;
  background-color: #ccc; }
  .CTAButton_grey_3u-qy:hover, .CTAButton_grey_3u-qy:active {
    color: #111;
    background-color: #eee; }

.CTAButton_outlineDark_zLs1v {
  color: #222;
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
          box-shadow: 0 0 0 1px #ccc inset; }
  .CTAButton_outlineDark_zLs1v:link, .CTAButton_outlineDark_zLs1v:visited {
    color: #222; }
  .CTAButton_outlineDark_zLs1v:hover, .CTAButton_outlineDark_zLs1v:active {
    color: #222; }

@media print {
  a.CTAButton_ctaButton_2OLOk::after {
    content: " https://collection.sl.nsw.gov.au" attr(href) " "; }
  a.CTAButton_ctaButton_2OLOk[href^='http']::after,
  a.CTAButton_ctaButton_2OLOk[href^='www']::after {
    content: " (" attr(href) ") "; } }

/*
 * GLOBAL
 * This should be imported in every .scss file
 * ========================================================================== */
/*
 * VARIABLES
 * Shared variables for all pages and components
 * ========================================================================== */
/*
 * Colours
 * ------------------------------------------------------------------------ */
/*
  * Baseline
  * ------------------------------------------------------------------------ */
/*
  * Fonts
  * ------------------------------------------------------------------------ */
/*
 * Containers
 * ------------------------------------------------------------------------ */
/*
 * Borders
 * ------------------------------------------------------------------------ */
/*
 * Animation
 * ------------------------------------------------------------------------ */
/* easeInOutQuint */
/*
 * Exported Variables for JavaScript
 * ------------------------------------------------------------------------ */

/*
 * MIXINS
 * ========================================================================== */
/*
 * Media Queries
 * ------------------------------------------------------------------------ */
/*
 * Custom Scrollbars
 * ------------------------------------------------------------------------ */
/*
 * Line Clamp
 * ------------------------------------------------------------------------ */
/*
 * Legacy browsers
 * Use these only at the root level of the stylesheet.
 * ------------------------------------------------------------------------ */
/*
 * TEXT
 * Text styles that can be used by @extend
 * ========================================================================== */
.Modal_textUppercase_1jU2e {
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase; }

.Modal_textFieldTitle_2QWt5 {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 1.125rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 20px; }

.Modal_textSmoothing_3MnYc, .Modal_textPageTitle_yKVqR {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Modal_textPageTitle_yKVqR {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 1.5rem;
  font-family: "Gotham A", "Gotham B", Helvetica, sans-serif;
  line-height: 28px; }
  @media only screen and (min-width: 33.5rem) {
    .Modal_textPageTitle_yKVqR {
      font-size: 2.125rem;
      line-height: 40px;
      letter-spacing: -0.015em; } }

/*
 * OTHER
 * Other styles that can be used by @extend
 * ========================================================================== */
.Modal_screenreaderOnly_7FM5f {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); }

.Modal_resetScreenreaderOnly_1Y0fC {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  clip: none;
  -webkit-clip-path: none;
          clip-path: none; }

.Modal_listUnstyled_3ysny {
  padding-left: 0;
  list-style: none; }

.Modal_buttonUnstyled_1IpuJ {
  display: block;
  border: none; }

.Modal_shadow_3ukg0 {
  -webkit-box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3);
          box-shadow: 0 1px 4px rgba(5, 5, 5, 0.3); }

.Modal_mobileFullscreenFallback_1VRpf {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  .Modal_mobileFullscreenFallback_1VRpf > *:first-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.Modal_modal_23ISF {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 50;
  width: 100%;
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  padding: 16px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.Modal_modalInside_273-u {
  position: relative;
  height: 100%; }

.Modal_closeButton_1UzpB {
  position: relative;
  z-index: 20;
  float: right;
  margin-top: -8px;
  margin-right: -8px; }
  .Modal_closeButton_1UzpB svg {
    max-height: 32px; }