@font-face {
    font-family: 'amarel-icons';
    src:  url('.././../fonts/amarel-icons.eot?j0my87');
    src:  url('../../fonts/amarel-icons.eot?j0my87#iefix') format('embedded-opentype'),
      url('../../fonts/amarel-icons.ttf?j0my87') format('truetype'),
      url('../../fonts/amarel-icons.woff?j0my87') format('woff'),
      url('../../fonts/amarel-icons.svg?j0my87#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="ai-"], [class*=" ai-"] {
    font-family: 'amarel-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
  }

  nav:not(#dynamic-breadcrumbs) a:has(span.ai):hover {
    text-decoration: none;
  }
  .ai-toc-expand {
    content: url('../../ico/toc-expand.svg');
  }

  .ai-toc-collapse {
    content: url('../../ico/toc-collapse.svg');
  }

  .ai-2d:before {
    content: "\e900";
  }
  .ai-3d:before {
    content: "\e901";
  }
  .ai-battery:before {
    content: "\e902";
  }
  .ai-battery-charging:before {
    content: "\e903";
  }
  .ai-center:before {
    content: "\e904";
  }
  .ai-chevron-left:before {
    content: "\e905";
  }
  .ai-chevron-right:before {
    content: "\e906";
  }
  .ai-media-dark:before {
    /* content: "\e907"; */
    content: "\e909";
  }
  .ai-home:before {
    content: "\e908";
  }
  .ai-media-light:before {
    content: "\e909";
  }
  .ai-media-only:before {
    content: "\e90a";
  }
  .ai-person .path1:before {
    content: "\e90b";
  }
  .ai-person .path2:before {
    content: "\e90c";
    margin-left: -1em;
    color: rgb(33, 37, 44);
  }
  .ai-print:before {
    content: "\e90d";
  }
  .ai-search:before {
    content: "\e90e";
  }
  .title-img .form-inline .ai-search {
    display: none;
  }
  .ai-text-media:before {
    content: "\e90f";
  }
  .ai-text-only:before {
    content: "\e910";
  }
  .ai-vid:before {
    content: "\e911";
  }
  .ai-zoom-in:before {
    content: "\e912";
  }
  .ai-zoom-out:before {
    content: "\e913";
  }
  
  .ai-segment-nav:before {
    content: "\e914";
    margin: -11px 0 0 0;
    font-size: 20px;
  }
  
  .ai-comments-full:before {
    content: "\e915";
  }

  .ai-comments:before {
    content: "\e916";
  }

  .ai-light-mode:before {
    content: "\e917";
    margin-top: 2px;
  }

  .ai-dark-mode:before {
    content: "\e918";
    margin-top: 2px;
  }
  
  .ai-browsing-history:before {
    content: "\e918";
  }