@layer crumble-material {
  @font-face {
    font-family: "Material Symbols Outlined";
    src: url("/assets/MaterialSymbolsOutlined_e177d49310da41b01a2c1b7df170a00f.ttf");
  }

  .crumble--material--icon--wrapper {
    display: inline-flex;
    align-items: center;
    vertical-align: text-bottom;
  }

  .crumble--material--icon--icon-class {
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    vertical-align: text-bottom;
  }

  .crumble--material--icon--caption {
    margin-left: 2px;
  }
}