/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/01-common/04-templates/account/no_auth/00-base/base.scss ***!
  \********************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Common / Templates / Account / No Auth / Base
 *************************************************************************** */
:root {
  --cn-c-page--PaddingInline: .875rem; /* 14px */
  /**
   * Main content
   */
  --cn-c-page__main--PaddingBlock: 3.188rem; /* 51px */
  /**
   * Logo
   */
  --cn-c-page__logo--MarginBlockend: 1.875rem; /* 30px */
  --cn-c-page__logo--MaxWidth: clamp(10.708rem, 20vw, 13.938rem);
}

body {
  align-items: center;
  display: flex;
  height: auto;
  justify-content: center;
  min-height: 100vh;
  padding-inline: var(--cn-c-page--PaddingInline);
}
@supports not (padding-inline: 0) {
  body {
    padding-left: var(--cn-c-page--PaddingInline);
    padding-right: var(--cn-c-page--PaddingInline);
  }
}

/**
 * Main content
 */
main {
  align-self: start;
  padding-block: var(--cn-c-page__main--PaddingBlock);
  z-index: 9;
}
@supports not (padding-block: 0) {
  main {
    padding-bottom: var(--cn-c-page__main--PaddingBlock);
    padding-top: var(--cn-c-page__main--PaddingBlock);
  }
}
@media (min-height: 37.5rem) {
  main {
    align-self: center;
  }
}

/**
 * Logo
 * 1: center horizontally
 */
main > .cn-c-main_brand_ref {
  flex-direction: column;
  margin-block-end: var(--cn-c-page__logo--MarginBlockend);
}
main > .cn-c-main_brand_ref .cn-c-header_heading {
  padding-inline-start: unset;
}
main > .cn-c-main_brand_ref .cn-c-header_heading .cn-c-label.semibold {
  font-size: 1.3rem;
}
main > .cn-c-main_brand_ref .cn-c-header_heading .context-label {
  display: none;
}
main > .cn-c-main_brand_ref svg:first-child {
  --fluid-45-85: clamp(2.8125rem, 1.9322rem + 3.7559vw, 5.3125rem);
  block-size: unset;
  display: block;
  margin-block-end: unset;
  margin-inline: auto; /* 1 */
  max-width: var(--fluid-45-85);
}
@supports not (margin-inline: 0) {
  main > .cn-c-main_brand_ref svg:first-child {
    margin-bottom: var(--cn-c-page__logo--MarginBlockend);
    margin-left: auto; /* 1 */
    margin-right: auto; /* 1 */
  }
}

main .cn-c-profile-overlay {
  text-align: center;
}
main .cn-c-profile-overlay .profile-section-title {
  margin-block-end: 1.875rem;
}
main .cn-c-profile-overlay .cn-c-button.center,
main .cn-c-profile-overlay .cancel-cta.center {
  margin-inline: auto;
}

/*# sourceMappingURL=base.css.map*/