/* purgecss start ignore */
/* base admonitions variables on  variables */
:root {
    --cb-admonition-background-color: inherit;
    --cb-admonition-border-width: 1px;
    --cb-admonition-border-color: inherit;
    --cb-admonition-border-radius: 0.4rem;
    --cb-admonition-color: #fff;
    --cb-admonition-padding-vertical: 1rem;
    --cb-admonition-padding-horizontal: 1rem;
    --cb-color-note: #ebedf0;
    --cb-color-important: #54c7ec;
    --cb-color-tip: #00a400;
    --cb-color-caution: #ffba00;
    --cb-color-warning: #fa383e;
    --cb-color-text-dark: #1c1e21;
  }
  
  /* apply variables to admonitions */
  
  .admonition {
    background-color: var(--cb-admonition-background-color);
    border: var(--cb-admonition-border-width) solid var(--cb-admonition-border-color);
    border-radius: var(--cb-admonition-border-radius);
    box-sizing: border-box;
    color: var(--cb-admonition-color);
    padding: var(--cb-admonition-padding-vertical) var(--cb-admonition-padding-horizontal);
    margin-bottom: 1em;
  }
  
  .admonition h5 {
    margin-top: 0;
    margin-bottom: 8px;
    text-transform: uppercase;
  }
  
  .admonition-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2em;
  }
  
  .admonition-icon svg {
    display: inline-block;
    width: 22px;
    height: 22px;
    stroke-width: 0;
    fill: var(--cb-admonition-icon-color);
    stroke: var(--cb-admonition-icon-color);
  }
  
  .admonition-content > :last-child {
    margin-bottom: 0;
  }
  
  
  /* set variables based on admonition type */
  
  .admonition {
    --cb-admonition-background-color: #3578e5;
    --cb-admonition-icon-color: var(--cb-admonition-color);
  }
  
  .admonition-note {
    --cb-admonition-background-color: var(--cb-color-note);
    --cb-admonition-color: var(--cb-color-text-dark);
  }
  
  .admonition-important {
    --cb-admonition-background-color: var(--cb-color-important);
  }
  
  .admonition-tip {
    --cb-admonition-background-color: var(--cb-color-tip);
  }
  
  .admonition-caution {
    --cb-admonition-background-color: var(--cb-color-caution);
  }
  
  .admonition-warning {
    --cb-admonition-background-color: var(--cb-color-warning);
  }

  /* purgecss end ignore */