/*!*************************************************************************************************************************************************************************************************!*\
  !*** 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/signin/signin.scss ***!
  \*************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Common / Templates / Signin
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Common / Templates / Signin
 *************************************************************************** */
/* This is useful to use variables in JS files */
:export {
  xs: 0;
  sm: 37.5rem;
  md: 48rem;
  lg: 64rem;
  xl: 80rem;
  xxl: 90rem;
  xxxl: 120rem;
}

body {
  --cn-c-profile--content--MaxWidth: 90rem;
}

main {
  flex: 1;
  display: grid;
  grid-template-columns: var(--cn-c-page--Grid-Template);
  grid-gap: 0 var(--cn-c-page--Grid-Gap);
  max-width: var(--cn-c-profile--content--MaxWidth);
  margin-inline: auto;
}
main > h1 {
  grid-column: 1/-1;
  padding-inline: var(--cn-global--content-grid--offsetsize);
  padding-block-start: 2rem;
  margin-block-end: 1.125rem;
}
@media screen and (min-width: 64rem) {
  main > h1 {
    padding-inline: unset;
  }
}
@media screen and (min-width: 80rem) {
  main > h1 {
    padding-block-start: 5rem;
    margin-block-end: 2.8125rem;
  }
}
main .cn-c-account_overlay {
  grid-column: 1/-1;
  padding-block: 1.9375rem;
  padding-inline: var(--cn-global--content-grid--offsetsize);
}
@media screen and (min-width: 64rem) {
  main .cn-c-account_overlay {
    grid-column: span 6;
    padding-block: 4.4375rem;
    padding-inline: 4.875rem;
  }
}
@media screen and (min-width: 64rem) {
  main {
    padding-inline: var(--cn-global--content-grid--offsetsize);
    margin-block-end: 2.1875rem;
  }
}
@media screen and (min-width: 80rem) {
  main {
    margin-block-end: 8.4375rem;
  }
}

.container {
  grid-column: 1/-1;
}

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