/**
 Docusaurus-like styling for `remarkable-admonitions` blocks
 */

 /* purgecss start ignore */
 .admonition {
    margin-bottom: 1em;
    padding: 15px 30px 15px 15px;
  }
  
  .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;
  }
  
  .admonition-content > :last-child {
    margin-bottom: 0;
  }
  
  /** Customization */
  .admonition-warning {
    background-color: rgba(230, 126, 34, 0.1);
    border-left: 8px solid #e67e22;
  }
  
  .admonition-warning h5 {
    color: #e67e22;
  }
  
  .admonition-warning .admonition-icon svg {
    stroke: #e67e22;
    fill: #e67e22;
  }
  
  .admonition-tip {
    background-color: rgba(46, 204, 113, 0.1);
    border-left: 8px solid #2ecc71;
  }
  
  .admonition-tip h5 {
    color: #2ecc71;
  }
  
  .admonition-tip .admonition-icon svg {
    stroke: #2ecc71;
    fill: #2ecc71;
  }
  
  .admonition-caution {
    background-color: rgba(231, 76, 60, 0.1);
    border-left: 8px solid #e74c3c;
  }
  
  .admonition-caution h5 {
    color: #e74c3c;
  }
  
  .admonition-caution .admonition-icon svg {
    stroke: #e74c3c;
    fill: #e74c3c;
  }
  
  .admonition-important {
    background-color: rgba(52, 152, 219, 0.1);
    border-left: 8px solid #3498db;
  }
  
  .admonition-important h5 {
    color: #3498db;
  }
  
  .admonition-important .admonition-icon svg {
    stroke: #3498db;
    fill: #3498db;
  }
  
  .admonition-note {
    background-color: rgba(241, 196, 15, 0.1);
    border-left: 8px solid #f1c40f;
  }
  
  .admonition-note h5 {
    color: #f1c40f;
  }
  
  .admonition-note .admonition-icon svg {
    stroke: #f1c40f;
    fill: #f1c40f;
  }

  /* purgecss end ignore */