/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/02-ecommerce/04-templates/fasi/fasi.scss ***!
  \****************************************************************************************************************************************************************************************/
/** ***************************************************************************
 * Ecommerce / Templates / Fasi
 *************************************************************************** */
/** ***************************************************************************
 * Conchiglia SASS utilities
 *************************************************************************** */
/* Function for converting a px based font-size to rem. */
/** ***************************************************************************
 * Ecommerce / Templates / Fasi
 *************************************************************************** */
/* 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;
}

.cn-c-form .fields {
  align-content: start;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem var(--cn-c-page--Grid-Gap);
}
.cn-c-form .fields .cn-c-field {
  grid-column: 1/-1;
  align-content: center;
}
.cn-c-form .fields .cn-c-field:has(textarea), .cn-c-form .fields .cn-c-field.full-width {
  grid-column: 1/-1;
}
@media (min-width: 48rem) {
  .cn-c-form .fields .cn-c-field {
    grid-column: span 1;
  }
}
.cn-c-form__note {
  font-size: 1rem;
  margin-block: 1.5625rem;
}
.cn-c-form .action-buttons {
  justify-self: flex-end;
  margin-block-start: 1rem;
}

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