@layer bricks.icons {
  @font-face {
    font-family: Ionicons;
    font-style: normal;
    font-weight: 400;
    src: url("/assets/fonts/ionicons.woff2") format("woff2"),
      url("/assets/fonts/ionicons.woff") format("woff"),
      url("/assets/fonts/ionicons.ttf") format("truetype");
    font-display: swap;
  }

  [class*=" ion-"],
  [class*=" ion-ios-"],
  [class*=" ion-logo-"],
  [class*=" ion-md-"],
  [class^="ion-"],
  [class^="ion-ios-"],
  [class^="ion-logo-"],
  [class^="ion-md-"] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Ionicons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
    text-transform: none;
  }

  [class*=" ion-"]::before,
  [class*=" ion-ios-"]::before,
  [class*=" ion-logo-"]::before,
  [class*=" ion-md-"]::before,
  [class^="ion-"]::before,
  [class^="ion-ios-"]::before,
  [class^="ion-logo-"]::before,
  [class^="ion-md-"]::before {
    font-family: Ionicons;
  }

  .ion-ios-arrow-forward::before {
    content: "\f3d1";
  }

  .ion-ios-briefcase::before {
    content: "\f3ee";
  }

  .ion-ios-card::before {
    content: "\f142";
  }

  .ion-ios-chatbubbles::before {
    content: "\f146";
  }

  .ion-ios-flask::before {
    content: "\f431";
  }

  .ion-ios-help-buoy::before {
    content: "\f196";
  }

  .ion-ios-people::before {
    content: "\f47c";
  }

  .ion-ios-school::before {
    content: "\f209";
  }

  .ion-ios-send::before {
    content: "\f20c";
  }

  .ion-ios-videocam::before {
    content: "\f4cd";
  }

  .ion-md-calendar::before {
    content: "\f2ab";
  }

  .ion-md-code::before {
    content: "\f2ce";
  }

  .ion-md-flask::before {
    content: "\f2f2";
  }

  .ion-md-open::before {
    content: "\f33b";
  }

  .ion-md-person::before {
    content: "\f345";
  }
}