/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/blocks/note/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/* -------------------------------- 

File#: _note
Title: Note

-------------------------------- */
:root {
  --bsaweb--note--border-width: 3px;
  --bsaweb--note--icon-size: 24px;
  --bsaweb--note--gap: var(--bsaweb--spacing--md);
}

.bsab4s-note {
  display: flex;
  gap: var(--bsaweb--note--gap);
  background-color: var(--bsaweb--color--bg-light);
  border-left: var(--bsaweb--note--border-width) solid var(--bsaweb--color--primary);
  padding: var(--bsaweb--spacing--md);
}

.bsab4s-note__header {
  display: flex;
  align-items: center;
}

.bsab4s-note .bsab4s-note__icon {
  --bsaweb--size: var(--bsaweb--note--icon-size);
  color: var(--bsaweb--color--primary);
}

.bsab4s-note--warning {
  border-left-color: var(--bsaweb--color--warning);
}
.bsab4s-note--warning .bsab4s-note__icon {
  color: var(--bsaweb--color--warning);
}

.bsab4s-note--error {
  border-left-color: var(--bsaweb--color--error);
}
.bsab4s-note--error .bsab4s-note__icon {
  color: var(--bsaweb--color--error);
}

.bsab4s-note--success {
  border-left-color: var(--bsaweb--color--success);
}
.bsab4s-note--success .bsab4s-note__icon {
  color: var(--bsaweb--color--success);
}

/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

/*# sourceMappingURL=style-index.css.map*/