@layer components {
  :root {
    --icon-size: 1em;
    --blitz-icon-dots-three-vertical-light: url("/assets/dots-three-vertical-light-3628ffc3.svg");
    --blitz-icon-spinner-light: url("/assets/spinner-light-6ecde6a7.svg");
    --blitz-icon-x-light: url("/assets/x-light-95a0bfd4.svg");
    --blitz-icon-caret-down-light: url("/assets/caret-down-light-30b29790.svg");
    --blitz-icon-warning-circle-fill: url("/assets/warning-circle-fill-789bf92d.svg");
    --blitz-icon-formatting-blockquote: url("/assets/formatting-blockquote-16497e4a.svg");
    --blitz-icon-formatting-bold: url("/assets/formatting-bold-4455da9e.svg");
    --blitz-icon-formatting-center-align: url("/assets/formatting-center-align-697dfb7a.svg");
    --blitz-icon-formatting-check: url("/assets/formatting-check-af6b63d0.svg");
    --blitz-icon-formatting-code: url("/assets/formatting-code-8d57179b.svg");
    --blitz-icon-formatting-color: url("/assets/formatting-color-91ab503d.svg");
    --blitz-icon-formatting-excalidraw: url("/assets/formatting-excalidraw-1c284b0e.svg");
    --blitz-icon-formatting-heading1: url("/assets/formatting-heading1-2bbd8227.svg");
    --blitz-icon-formatting-heading2: url("/assets/formatting-heading2-8945a51d.svg");
    --blitz-icon-formatting-heading3: url("/assets/formatting-heading3-1fbe9776.svg");
    --blitz-icon-formatting-highlight: url("/assets/formatting-highlight-6a4c0eda.svg");
    --blitz-icon-formatting-horizontal-rule: url("/assets/formatting-horizontal-rule-b343d3a8.svg");
    --blitz-icon-formatting-italic: url("/assets/formatting-italic-83c6419f.svg");
    --blitz-icon-formatting-justified-align: url("/assets/formatting-justified-align-0a2a39a3.svg");
    --blitz-icon-formatting-left-align: url("/assets/formatting-left-align-36b10541.svg");
    --blitz-icon-formatting-link: url("/assets/formatting-link-efecabf7.svg");
    --blitz-icon-formatting-list-bullets: url("/assets/formatting-list-bullets-a5d88ba8.svg");
    --blitz-icon-formatting-ordered-list-bullets: url("/assets/formatting-ordered-list-bullets-f2c28ae3.svg");
    --blitz-icon-formatting-paragraph: url("/assets/formatting-paragraph-e89c7263.svg");
    --blitz-icon-formatting-picture: url("/assets/formatting-picture-956fa777.svg");
    --blitz-icon-formatting-redo: url("/assets/formatting-redo-91e40ba7.svg");
    --blitz-icon-formatting-right-align: url("/assets/formatting-right-align-735747cc.svg");
    --blitz-icon-formatting-strikethrough: url("/assets/formatting-strikethrough-5e6c47fb.svg");
    --blitz-icon-formatting-underline: url("/assets/formatting-underline-54fb857b.svg");
    --blitz-icon-formatting-undo: url("/assets/formatting-undo-8ef5f4d6.svg");
    --blitz-icon-formatting-youtube: url("/assets/formatting-youtube-3be08a7a.svg");
    --blitz-icon-user-circle-light: url("/assets/user-circle-light-e230af6c.svg");
    --blitz-icon-user-plus-light: url("/assets/user-plus-light-d5983008.svg");
    --blitz-icon-certificate-light: url("/assets/certificate-light-d9266544.svg");
    --blitz-icon-check-light: url("/assets/check-light-8267e51c.svg");
    --blitz-icon-trash-light: url("/assets/trash-light-19a5882f.svg");
    --blitz-icon-lock-key-light: url("/assets/lock-key-light-ee06810d.svg");
    --blitz-icon-lightning-light: url("/assets/lightning-light-5bd29a36.svg");
    --blitz-icon-user-light: url("/assets/user-light-09c4269f.svg");
    --blitz-icon-users-light: url("/assets/users-light-7b51cf33.svg");
    --blitz-icon-gear-light: url("/assets/gear-light-095fb532.svg");
    --blitz-icon-chart-bar-light: url("/assets/chart-bar-light-75f7df7f.svg");
    --blitz-icon-warning-light: url("/assets/warning-light-0261423e.svg");
    --blitz-icon-sign-out-light: url("/assets/sign-out-light-53d73d51.svg");
    --blitz-icon-envelope-light: url("/assets/envelope-light-ca19439a.svg");
  }

  .icon {
    -webkit-touch-callout: none;
    background-color: currentColor;
    block-size: var(--icon-size);
    display: block;
    flex-shrink: 0;
    inline-size: var(--icon-size);
    mask-image: var(--svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: var(--icon-size);
    pointer-events: none;
    user-select: none;
  }

  img.icon {
    background: none;
  }

  .icon--dots-three-vertical-light { --svg: var(--blitz-icon-dots-three-vertical-light); }
  .icon--spinner-light { --svg: var(--blitz-icon-spinner-light); }
  .icon--x-light { --svg: var(--blitz-icon-x-light); }
  .icon--caret-down-light { --svg: var(--blitz-icon-caret-down-light); }
  .icon--warning-circle-fill { --svg: var(--blitz-icon-warning-circle-fill); }

  .icon--formatting-blockquote { --svg: var(--blitz-icon-formatting-blockquote); }
  .icon--formatting-bold { --svg: var(--blitz-icon-formatting-bold); }
  .icon--formatting-center-align { --svg: var(--blitz-icon-formatting-center-align); }
  .icon--formatting-check { --svg: var(--blitz-icon-formatting-check); }
  .icon--formatting-code { --svg: var(--blitz-icon-formatting-code); }
  .icon--formatting-color { --svg: var(--blitz-icon-formatting-color); }
  .icon--formatting-excalidraw { --svg: var(--blitz-icon-formatting-excalidraw); }
  .icon--formatting-heading1 { --svg: var(--blitz-icon-formatting-heading1); }
  .icon--formatting-heading2 { --svg: var(--blitz-icon-formatting-heading2); }
  .icon--formatting-heading3 { --svg: var(--blitz-icon-formatting-heading3); }
  .icon--formatting-highlight { --svg: var(--blitz-icon-formatting-highlight); }
  .icon--formatting-horizontal-rule { --svg: var(--blitz-icon-formatting-horizontal-rule); }
  .icon--formatting-italic { --svg: var(--blitz-icon-formatting-italic); }
  .icon--formatting-justified-align { --svg: var(--blitz-icon-formatting-justified-align); }
  .icon--formatting-left-align { --svg: var(--blitz-icon-formatting-left-align); }
  .icon--formatting-link { --svg: var(--blitz-icon-formatting-link); }
  .icon--formatting-list-bullets { --svg: var(--blitz-icon-formatting-list-bullets); }
  .icon--formatting-ordered-list-bullets { --svg: var(--blitz-icon-formatting-ordered-list-bullets); }
  .icon--formatting-paragraph { --svg: var(--blitz-icon-formatting-paragraph); }
  .icon--formatting-picture { --svg: var(--blitz-icon-formatting-picture); }
  .icon--formatting-redo { --svg: var(--blitz-icon-formatting-redo); }
  .icon--formatting-right-align { --svg: var(--blitz-icon-formatting-right-align); }
  .icon--formatting-strikethrough { --svg: var(--blitz-icon-formatting-strikethrough); }
  .icon--formatting-underline { --svg: var(--blitz-icon-formatting-underline); }
  .icon--formatting-undo { --svg: var(--blitz-icon-formatting-undo); }
  .icon--formatting-youtube { --svg: var(--blitz-icon-formatting-youtube); }
  .icon--user-circle-light { --svg: var(--blitz-icon-user-circle-light); }
  .icon--user-plus-light { --svg: var(--blitz-icon-user-plus-light); }
  .icon--certificate-light { --svg: var(--blitz-icon-certificate-light); }
  .icon--check-light { --svg: var(--blitz-icon-check-light); }
  .icon--trash-light { --svg: var(--blitz-icon-trash-light); }
  .icon--lock-key-light { --svg: var(--blitz-icon-lock-key-light); }
  .icon--lightning-light { --svg: var(--blitz-icon-lightning-light); }
  .icon--user-light { --svg: var(--blitz-icon-user-light); }
  .icon--users-light { --svg: var(--blitz-icon-users-light); }
  .icon--gear-light { --svg: var(--blitz-icon-gear-light); }
  .icon--chart-bar-light { --svg: var(--blitz-icon-chart-bar-light); }
  .icon--warning-light { --svg: var(--blitz-icon-warning-light); }
  .icon--sign-out-light { --svg: var(--blitz-icon-sign-out-light); }
  .icon--envelope-light { --svg: var(--blitz-icon-envelope-light); }
}