@layer components {
  /* Base
  /* -------------------------------------------------------------------------- */

  /* Icons are single-color masks tinted with currentColor, so they inherit text
     color and dark mode without a second asset. */
  .icon {
    background-color: currentColor;
    block-size: var(--icon-size, 1em);
    display: inline-block;
    flex-shrink: 0;
    inline-size: var(--icon-size, 1em);
    mask-image: var(--svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: var(--icon-size, 1em);
    pointer-events: none;
    user-select: none;
    vertical-align: middle;
  }

  /* Glyphs
  /* -------------------------------------------------------------------------- */

  .icon--arrow-right { --svg: url("/assets/icons/arrow-right-7f293c2e.svg"); }
  .icon--banknote { --svg: url("/assets/icons/banknote-8cdb98c8.svg"); }
  .icon--chart-column { --svg: url("/assets/icons/chart-column-061edd4c.svg"); }
  .icon--check { --svg: url("/assets/icons/check-0f40e69f.svg"); }
  .icon--chevron-down { --svg: url("/assets/icons/chevron-down-abe2d3f0.svg"); }
  .icon--chevron-left { --svg: url("/assets/icons/chevron-left-22fc49d0.svg"); }
  .icon--chevron-right { --svg: url("/assets/icons/chevron-right-e221ae56.svg"); }
  .icon--document-currency-dollar { --svg: url("/assets/icons/document-currency-dollar-5491dc8b.svg"); }
  .icon--file-text { --svg: url("/assets/icons/file-text-80bacc52.svg"); }
  .icon--layout-dashboard { --svg: url("/assets/icons/layout-dashboard-bc929192.svg"); }
  .icon--light-bulb { --svg: url("/assets/icons/light-bulb-6113edc5.svg"); }
  .icon--logout { --svg: url("/assets/icons/logout-894b6394.svg"); }
  .icon--moon { --svg: url("/assets/icons/moon-399211fb.svg"); }
  .icon--music { --svg: url("/assets/icons/music-398e73ec.svg"); }
  .icon--pencil { --svg: url("/assets/icons/pencil-129a02ca.svg"); }
  .icon--piggy-bank { --svg: url("/assets/icons/piggy-bank-95aca95f.svg"); }
  .icon--plus { --svg: url("/assets/icons/plus-c3259598.svg"); }
  .icon--sliders-horizontal { --svg: url("/assets/icons/sliders-horizontal-61a5bc21.svg"); }
  .icon--sun { --svg: url("/assets/icons/sun-9dfc265e.svg"); }
  .icon--trash { --svg: url("/assets/icons/trash-a37a41e8.svg"); }
  .icon--x { --svg: url("/assets/icons/x-b626cf67.svg"); }
  .icon--document-text { --svg: url("/assets/icons/document-text-07608862.svg"); }
  .icon--document-arrow-up { --svg: url("/assets/icons/document-arrow-up-57b8f9e9.svg"); }
}