/*!******************************************************************************************************************************************************************************************************************!*\
  !*** 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/magazine/03-article/showcase/showcase.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Digital / Templates / Magazine / Article / Showcase
 *************************************************************************** */
/** ***************************************************************************
 * 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 {
  --cn-c-page--BackgroundColor: var(--cn-global--palette-unbleached);
  /**
   * Product ad
   */
  --cn-c-page__product_ad--FontSize: max(0.875rem, 0.85em);
  --cn-c-page__product_ad--GridColumn: var(--cn-c-page__main--GridColumn);
  --cn-c-page__product_ad--MarginBlockStart: 2.68em;
  --cn-c-page__product_ad--first-child--MarginBlockStart: 1.36em;
  /** Medium: 768px */
}
@media all and (min-width: 48rem) {
  body {
    --cn-c-page__product_ad--GridColumn: 3 / -2;
  }
}

/**
 * Product ad
 */
main > .cn-c-product_ad {
  font-size: var(--cn-c-page__product_ad--FontSize);
  grid-column: var(--cn-c-page__product_ad--GridColumn);
  margin-block-start: var(--cn-c-page__product_ad--MarginBlockStart);
}

main > .cn-c-article_header + .cn-c-product_ad {
  margin-block-start: var(--cn-c-page__product_ad--first-child--MarginBlockStart);
}

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