/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/03-digital/04-templates/manual/03-chapter/base/base.scss ***!
  \********************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Digital / Templates / Manual / Chapter / Base
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/* 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 {
  /**
   * Main header
   */
  --cn-c-page__header--headingFontFamily: var(--cn-global--FontFamily-sans);
  --cn-c-page__header--headingFontSize: clamp(2.8125rem, 4.86vw, 4.375rem);
  --cn-c-page__header--headingFontWeight: var(--cn-global--FontWeight-semibold);
  /**
   * Paragraph
   */
  --cn-c-page__paragraph--LineHeight: 1.35;
  /**
   * Section plugin
   */
  --cn-c-page__section--MarginBlock: 1.9em; /* 38px@xxl */
  --cn-c-page__section--titleFontWeight: var(--cn-global--FontWeight-semibold);
  --cn-c-page__section--titleFontSize: 2em; /* 40px@xxl */
  --cn-c-page__section__section--titleFontSize: 1.3em; /* 26px@xxl */
  --cn-c-page__section__section__section--titleFontSize: 1.1em; /* 22px@xxl */
  --cn-c-page__section__section__section__section--titleFontSize: 1em; /* 20px@xxl */
  /**
   * Picture-like plugins
   */
  --cn-c-page__picture--MarginBlock: 3.4375rem; /* needs to be absolute (I'm using this with different font sizes) */
  /**
   * Tip plugin
   */
  --cn-c-page__tip--FontSize: max(1rem, 0.82em); /* 18px@xxl */
  --cn-c-page__tip--MarginBlock: 2.11em; /* 38px@xxl */
  /** Small: 600px */
  /** Medium: 768px */
}
@media all and (min-width: 37.5rem) {
  body {
    --cn-c-page__header--headingFontWeight: var(--cn-global--FontWeight-bold);
  }
}
@media all and (min-width: 48rem) {
  body {
    --cn-c-page__picture--MarginBlock: 4.375rem;
  }
}

/**
 * Main header
 */
main > .cn-c-article_header {
  --cn-c-digital_header__heading--FontFamily: var(--cn-c-page__header--headingFontFamily);
  --cn-c-digital_header__heading--FontWeight: var(--cn-c-page__header--headingFontWeight);
  --cn-c-digital_header__heading--FontSize: var(--cn-c-page__header--headingFontSize);
}

/**
 * Paragraph
 */
main p,
main .cn-m-lead {
  line-height: var(--cn-c-page__paragraph--LineHeight);
}

/**
 * Section plugin
 */
main .cn-c-section {
  --cn-c-section__title--FontWeight: var(--cn-c-page__section--titleFontWeight);
  margin-block-start: var(--cn-c-page__section--MarginBlock);
}
main .cn-c-section + * {
  margin-block-start: var(--cn-c-page__section--MarginBlock);
}

main > .cn-c-section {
  --cn-c-section__title--FontSize: var(--cn-c-page__section--titleFontSize);
}
main > .cn-c-section > .cn-c-section {
  --cn-c-section__title--FontSize: var(--cn-c-page__section__section--titleFontSize);
}
main > .cn-c-section > .cn-c-section > .cn-c-section {
  --cn-c-section__title--FontSize: var(--cn-c-page__section__section__section--titleFontSize);
}
main > .cn-c-section > .cn-c-section > .cn-c-section .cn-c-section {
  --cn-c-section__title--FontSize: var(--cn-c-page__section__section__section__section--titleFontSize);
}

/**
 * Picture-like plugins
 */
main > :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section, .cn-c-picture_pair),
main .cn-c-section > :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section, .cn-c-picture_pair) {
  margin-block-start: var(--cn-c-page__picture--MarginBlock);
}
main > :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section, .cn-c-picture_pair) + *,
main .cn-c-section > :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section, .cn-c-picture_pair) + * {
  margin-block-start: var(--cn-c-page__picture--MarginBlock);
}

main .cn-c-section:has(> :is(.cn-c-picture, .cn-c-figure, .cn-c-video_section, .cn-c-picture_pair):last-child) + * {
  margin-block-start: var(--cn-c-page__picture--MarginBlock);
}

/**
 * Tip plugin
 */
main .cn-c-tip {
  font-size: var(--cn-c-page__tip--FontSize);
  margin-block-start: var(--cn-c-page__tip--MarginBlock);
}
main .cn-c-tip + * {
  margin-block-start: var(--cn-c-page__tip--MarginBlock);
}

/**
 * Index Bookmark
 */
.cn-c-content_index .cn-c-article_item > :first-child {
  --cn-c-article_item__title--FontFamily: var(--cn-c-page__header__title--FontFamily);
}

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