@layer components {
  .menu-icon {
    -webkit-touch-callout: none;
    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;
  }

  img.menu-icon {
    background: none;
  }

  .menu-icon--add { --svg: url(https://drammstein.enabling.io/assets/add-91a3e113809da8303b48a549f9bf993f00fe7049eb3de75bcad29c025b5e72e0.svg); }
  .menu-icon--add--meta { --svg: url(https://drammstein.enabling.io/add--meta.svg); }
  .menu-icon--arrow-left { --svg: url(https://drammstein.enabling.io/assets/arrow-left-4ecfce7d43b0b1e626124c8a443038601de72ab7a75efb729a5ecb73aec5dd79.svg); }
  .menu-icon--arrow-right { --svg: url(https://drammstein.enabling.io/assets/arrow-right-d33683499bffb020e2ec068c73b2a1ac357c7f1a00d259018e91f179f1212012.svg); }
  .menu-icon--arrow-up { --svg: url(https://drammstein.enabling.io/assets/arrow-up-8f486f1a3b7cd921acf53a079f70467cdbdaec276cc097ce65063417d3254fec.svg); }
  .menu-icon--art { --svg: url(https://drammstein.enabling.io/art.svg); }
  .menu-icon--assigned { --svg: url(https://drammstein.enabling.io/assets/assigned-ae62370f237e8ed6c88d5255d8b600c6994ef22610498bbaf7ee68675f797920.svg); }
  .menu-icon--attachment { --svg: url(https://drammstein.enabling.io/assets/attachment-8855c826993c55b2fb60f944574890f397449b0f14dab297fec998d2017157ff.svg); }
  .menu-icon--box { --svg: url(https://drammstein.enabling.io/assets/box-357745ef2fec1d9afcce3913391376f85f08b20d2c4f683a1ed3298bfc820479.svg); }
  .menu-icon--background { --svg: url(https://drammstein.enabling.io/assets/world-c602d2b213e6854989651150a214ce31b2532c183789c84ac1377e7f62b668bc.svg); }
  .menu-icon--bell { --svg: url(https://drammstein.enabling.io/assets/bell-de7900f75826e7bf84901316063b6420cdc6bcf3dc7fcd9a4f1a97a1e897bb55.svg); }
  .menu-icon--bell-alert { --svg: url(https://drammstein.enabling.io/assets/bell-alert-d603b6eb52fac2fab735ec85484a791223bbdde890c712626cc385f64bd6a346.svg); }
  .menu-icon--bell-off { --svg: url(https://drammstein.enabling.io/assets/bell-off-3edad606dbd5a11c1d2c46a45a41f04e25620c657109c8238ca60e2438a3b2bd.svg); }
  .menu-icon--board-add { --svg: url(https://drammstein.enabling.io/board-add.svg); }
  .menu-icon--bolt { --svg: url(https://drammstein.enabling.io/assets/bolt-7312890c1f3f2419c2e0d54db4f8a8cd04de5c63bdff8238972a83fcee2ed2da.svg); }
  .menu-icon--bookmark { --svg: url(https://drammstein.enabling.io/assets/bookmark-e93bea1478cb8f28aef567d3a8aa4b98a51e6e372c6d5c64be06646ac11955a0.svg); }
  .menu-icon--bookmark-outline { --svg: url(https://drammstein.enabling.io/assets/bookmark-outline-17c6b06174c9ddc8fc80bd6c3e90682a86e313397f8afd9bd713392950bf7240.svg); }
  .menu-icon--boost { --svg: url(https://drammstein.enabling.io/boost.svg); }
  .menu-icon--camera { --svg: url(https://drammstein.enabling.io/camera.svg); }
  .menu-icon--caret-down { --svg: url(https://drammstein.enabling.io/assets/caret-down-ac280dffca7448cce191f4731665b26403feab3e294dbd1173f1ab88fe05eda8.svg); }
  .menu-icon--check { --svg: url(https://drammstein.enabling.io/assets/check-9923ca24ab0e12afb67c32fd8ff863cde262cbe4c60b0dea285478a6915beeac.svg); }
  .menu-icon--check-all { --svg: url(https://drammstein.enabling.io/check-all.svg); }
  .menu-icon--check-circle { --svg: url(https://drammstein.enabling.io/assets/check-circle-dba984a5bb3fa741feeadb56d340e8ddde4652129667522adb038491892991bf.svg); }
  .menu-icon--claim { --svg: url(https://drammstein.enabling.io/assets/claim-ff0cc8f7541266e04fe1c15c137d5aa68a596ea4d5305aaa6d19bec5b70c162c.svg); }
  .menu-icon--clipboard { --svg: url(https://drammstein.enabling.io/assets/clipboard-5a99d2652446ea5fb28b4322586fc2a85f7db213eff7e0b1ad1ff3ccf0936659.svg); }
  .menu-icon--close { --svg: url(https://drammstein.enabling.io/assets/close-b09243bfaca9a0b6131d004ebbf66c6b3d82e0b353be72a8cc1aa40d6c738739.svg); }
  .menu-icon--close-circle { --svg: url(https://drammstein.enabling.io/assets/close-circle-3a72498154a017eb72c44d7191953c9d85623a3f409cc3b75ab3a058cdd37828.svg); }
  .menu-icon--collapse { --svg: url(https://drammstein.enabling.io/assets/collapse-959e828ccc08b5cbeed75f81241a143e6cfbe75b5c3a0a5007ab979da37c03da.svg); }
  .menu-icon--column-left { --svg: url(https://drammstein.enabling.io/column-left.svg); }
  .menu-icon--column-right { --svg: url(https://drammstein.enabling.io/column-right.svg); }
  .menu-icon--comment { --svg: url(https://drammstein.enabling.io/assets/comment-a9791aaeb633081b6292417f41d8de1d0b6c31b1fa0bd785e7eeca22e1ff3676.svg); }
  .menu-icon--copy-paste { --svg: url(https://drammstein.enabling.io/copy-paste.svg); }
  .menu-icon--crown { --svg: url(https://drammstein.enabling.io/crown.svg); }
  .menu-icon--defacto { --svg: url(https://drammstein.enabling.io/assets/defacto-9aa9214dcf166c0a6921a463e3048ba0f7617d74a88d8c3f126683d13d1e13a6.svg); }
  .menu-icon--email { --svg: url(https://drammstein.enabling.io/assets/email-63d4610cb98865bb0c7ab36f8098670bb4b9d9888fd73a9125d3d0d15d402351.svg); }
  .menu-icon--everyone { --svg: url(https://drammstein.enabling.io/assets/everyone-f3858037c30cc45171ea726e146aef6e0493c41123bd2f2929a6d85a691922e8.svg); }
  .menu-icon--example { --svg: url(https://drammstein.enabling.io/assets/example-655814021947adffc17e9a5ebd33a335a228e70b11cf07b75eeb546809246e60.svg); }
  .menu-icon--expand { --svg: url(https://drammstein.enabling.io/assets/expand-9fd5bfb5c77195591e67e3b32e2e1548015520a49c285f4c298280568176872f.svg); }
  .menu-icon--filter { --svg: url(https://drammstein.enabling.io/assets/filter-ddb8ecdc5b629780247bbf56c94c06d05dabf1db186258a983dd9db538b54b2f.svg); }
  .menu-icon--fizzy { --svg: url(https://drammstein.enabling.io/fizzy.svg); }
  .menu-icon--flash_card { --svg: url(https://drammstein.enabling.io/assets/flip-756519954aa8e694d5e5f4ad5b2f3fcb05f327cf9c8b413b3821de0f443655fd.svg); }
  .menu-icon--gear { --svg: url(https://drammstein.enabling.io/assets/gear-6f83f3dbef4b46d8b3d69def59ace657e6b1c61a38e0fd66b8c3b3baab01eeb8.svg); }
  .menu-icon--globe { --svg: url(https://drammstein.enabling.io/globe.svg); }
  .menu-icon--golden-ticket { --svg: url(https://drammstein.enabling.io/golden-ticket.svg); }
  .menu-icon--grid { --svg: url(https://drammstein.enabling.io/assets/grid-8557ebb3f83bf16a346007242e44769d45d47522669ce0abd6e760b71789c8fe.svg); }
  .menu-icon--home { --svg: url(https://drammstein.enabling.io/assets/home-9ab3c58072feb01999fc786fb90b6f5bb232c38fd026ed51173d1534eed3e763.svg); }
  .menu-icon--install { --svg: url(https://drammstein.enabling.io/install.svg); }
  .menu-icon--install { --svg: url(https://drammstein.enabling.io/install.svg); }
  .menu-icon--install-edge { --svg: url(https://drammstein.enabling.io/install-edge.svg); }
  .menu-icon--lifebuoy { --svg: url(https://drammstein.enabling.io/assets/lifebuoy-26671ab9ba41e6b4d35a94dcfc3a6936028923192a2fe98750dcfccf21e80267.svg); }
  .menu-icon--lock { --svg: url(https://drammstein.enabling.io/assets/lock-1a7298088c39e8d35865ff7301428677a3034ef7dca793e697450d12e13a3996.svg); }
  .menu-icon--logout { --svg: url(https://drammstein.enabling.io/assets/logout-3d6b2be6d6ad95c6216e894420eb1f5b79c0b97dcb21a3413d1baf930eafd1bb.svg); }
  .menu-icon--marker { --svg: url(https://drammstein.enabling.io/assets/marker-7fdd84a46664ef8de66bb28df492abcfff3d4695aa04e6fdfec04aab7c7b06b2.svg); }
  .menu-icon--maximize { --svg: url(https://drammstein.enabling.io/assets/maximize-5cc0e496bc59d7d19b66f3e6ab3638c2fb9ed39bc5e27d4b104f8667df73ac9c.svg); }
  .menu-icon--menu { --svg: url(https://drammstein.enabling.io/menu.svg); }
  .menu-icon--menu-dots-horizontal { --svg: url(https://drammstein.enabling.io/assets/menu-dots-horizontal-504b822d0432bfef0ef874e4391e2746fab2f608e72b2588c472a6246f97e96f.svg); }
  .menu-icon--menu-dots-vertical { --svg: url(https://drammstein.enabling.io/assets/menu-dots-vertical-4c21deba69c40c9d6a3c1f2499c58956f6e02d89d2582b36ff6a40fb52af65f0.svg); }
  .menu-icon--minus { --svg: url(https://drammstein.enabling.io/minus.svg); }
  .menu-icon--move { --svg: url(https://drammstein.enabling.io/move.svg); }
  .menu-icon--notification-bell-access-only { --svg: url(https://drammstein.enabling.io/assets/bell-de7900f75826e7bf84901316063b6420cdc6bcf3dc7fcd9a4f1a97a1e897bb55.svg); }
  .menu-icon--notification-bell-reverse-access-only { --svg: url(https://drammstein.enabling.io/assets/bell-off-3edad606dbd5a11c1d2c46a45a41f04e25620c657109c8238ca60e2438a3b2bd.svg); }
  .menu-icon--notification-bell-reverse-watching { --svg: url(https://drammstein.enabling.io/assets/bell-de7900f75826e7bf84901316063b6420cdc6bcf3dc7fcd9a4f1a97a1e897bb55.svg); }
  .menu-icon--notification-bell-watching { --svg: url(https://drammstein.enabling.io/assets/bell-off-3edad606dbd5a11c1d2c46a45a41f04e25620c657109c8238ca60e2438a3b2bd.svg); }
  .menu-icon--password { --svg: url(https://drammstein.enabling.io/password.svg); }
  .menu-icon--pencil { --svg: url(https://drammstein.enabling.io/assets/composer-cbef6a5ab4cf01ec7a0bd2e11eb3fa4cb6ee19611980a38f1cf862680ef08f1e.svg); }
  .menu-icon--person { --svg: url(https://drammstein.enabling.io/assets/person-fe601d980bb54c69a4594ccd8641e46186ed3edea6e612e983b6e24f1464ba53.svg); }
  .menu-icon--person-add { --svg: url(https://drammstein.enabling.io/assets/person-add-79b53531373b0a324618d5b4596a7b95308f13168b034d3a33c8da6f64903a8e.svg); }
  .menu-icon--picture-add { --svg: url(https://drammstein.enabling.io/picture-add.svg); }
  .menu-icon--picture-double { --svg: url(https://drammstein.enabling.io/picture-double.svg); }
  .menu-icon--picture-remove { --svg: url(https://drammstein.enabling.io/picture-remove.svg); }
  .menu-icon--picture-zoom { --svg: url(https://drammstein.enabling.io/picture-zoom.svg); }
  .menu-icon--pinned { --svg: url(https://drammstein.enabling.io/assets/pinned-4aa4d7daa6d510dab7a538761c33433b6e1df1c5bae1c395efaa9ac222048a3d.svg); }
  .menu-icon--point_click { --svg: url(https://drammstein.enabling.io/assets/target-f16568cbffee69e048d0571435ea4276b0ad362d81b7a004fc80b1c1860ae104.svg); }
  .menu-icon--practice { --svg: url(https://drammstein.enabling.io/assets/dumbell-a341be8dc5bbb04c0bb682d1e2b9d5b4b58fcb39121ccbf8113403790c9d1190.svg); }
  .menu-icon--qr-code { --svg: url(https://drammstein.enabling.io/qr-code.svg); }
  .menu-icon--question { --svg: url(https://drammstein.enabling.io/assets/question-17bd89243e9b82665283d5c7dcd6e7966db4ece4744ffc2f0daac88c4f532129.svg); }
  .menu-icon--open_answer { --svg: url(https://drammstein.enabling.io/assets/pencil-97334bdb94173e21e00edec346fa31b79c26252e625b1a8375ae1d97be454627.svg); }
  .menu-icon--reaction { --svg: url(https://drammstein.enabling.io/reaction.svg); }
  .menu-icon--refresh { --svg: url(https://drammstein.enabling.io/refresh.svg); }
  .menu-icon--refresh--meta { --svg: url(https://drammstein.enabling.io/refresh--meta.svg); }
  .menu-icon--remove { --svg: url(https://drammstein.enabling.io/remove.svg); }
  .menu-icon--rename { --svg: url(https://drammstein.enabling.io/rename.svg); }
  .menu-icon--search { --svg: url(https://drammstein.enabling.io/assets/search-9c58d4b5adb75a78a56ca5c1782ef6f6149ea2fa3d39a0411276e79d9762d10b.svg); }
  .menu-icon--settings { --svg: url(https://drammstein.enabling.io/assets/admin-f7b72e6cc91049e26de7e7a6f29d3716157ca8544029e2294af9474542897f0e.svg); }
  .menu-icon--share { --svg: url(https://drammstein.enabling.io/assets/share-8d6910e8fa1c1afb6f80402f65325008927d26e941cf1373e9183feab172d7df.svg); }
  .menu-icon--sliders { --svg: url(https://drammstein.enabling.io/assets/sliders-72436ad1e29d7fb2a959068e4b76884f5d4c8248d2b6e680e6467a03ca322bf0.svg); }
  .menu-icon--subject { --svg: url(https://drammstein.enabling.io/assets/subject-ee393802887ae752a6448dac1e1a23c390705f889c2291687495ec1c84fa54f5.svg); }
  .menu-icon--switch { --svg: url(https://drammstein.enabling.io/assets/switch-fab37a3e98c96a7cedd031ce8e12059b0be3bbb3093f9f0cc6b115ee011594f2.svg); }
  .menu-icon--tag { --svg: url(https://drammstein.enabling.io/assets/tag-4191f994dbf951640339ab9b1cf07f4430242d3ab6ad454a2c8aa916fb8e18e0.svg); }
  .menu-icon--tag-outline { --svg: url(https://drammstein.enabling.io/assets/tag-outline-097feb2420e53623f93781b21a0803d9e4d2560a2f9bb114bc1690d69cb53abf.svg); }
  .menu-icon--target { --svg: url(https://drammstein.enabling.io/assets/target-f16568cbffee69e048d0571435ea4276b0ad362d81b7a004fc80b1c1860ae104.svg); }
  .menu-icon--text { --svg: url(https://drammstein.enabling.io/assets/text-cadb92b39e4c1592d5ac342f8c5eecb43fa2d4c6db93cc92b6f8421a910c464b.svg); }
  .menu-icon--theory { --svg: url(https://drammstein.enabling.io/assets/books-6302f17218d85610d08732c7a70f59c8e9b6319a2694e5834f158cc7e90b2c16.svg); }
  .menu-icon--thumb-up { --svg: url(https://drammstein.enabling.io/thumb-up.svg); }
  .menu-icon--trash { --svg: url(https://drammstein.enabling.io/assets/trash-798c9b7e88031877d6d8de8a3f791089315f9ca1986129b47568e3580193220e.svg); }
  .menu-icon--unpinned { --svg: url(https://drammstein.enabling.io/unpinned.svg); }
  .menu-icon--unseen { --svg: url(https://drammstein.enabling.io/assets/unseen-c322b14feb50d8823684993a50b1fee26b509d67e7ab9f7d2109ff383c496b47.svg); }
  .menu-icon--upload { --svg: url(https://drammstein.enabling.io/assets/upload-600846d5bab55987846ea4141d23736359cd51a833aef7b1635899dc6c6c852d.svg); }
  .menu-icon--world { --svg: url(https://drammstein.enabling.io/assets/world-c602d2b213e6854989651150a214ce31b2532c183789c84ac1377e7f62b668bc.svg); }

  /* Trix editor toolbar — replace Trix's built-in glyphs with the composer
     handoff's feather-style set. Rendered as background-images (not masks) so
     stroked SVGs stay visible; the colour is baked in (zinc-600). !important
     beats Trix's unlayered trix.css; url() resolves here like .menu-icon. */
  trix-toolbar .trix-button--icon::before {
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 17px 17px !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-mask: none;
    mask: none;
  }

  trix-toolbar .trix-button--icon-link::before { background-image: url(https://drammstein.enabling.io/assets/editor-link-b54b4360763f3dedd4de19da15c81911031a0c26450958fcf487f2dbb5893f26.svg) !important; }
  trix-toolbar .trix-button--icon-heading-1::before { background-image: url(https://drammstein.enabling.io/assets/editor-heading-0c2df72cefd6aa384101174274c0822216dfbf563e9f381e9623011907869953.svg) !important; }
  trix-toolbar .trix-button--icon-quote::before { background-image: url(https://drammstein.enabling.io/assets/editor-quote-66279cca6cc1e9284a38bc126915fd32669b36fd08af178404812d30069666c2.svg) !important; }
  trix-toolbar .trix-button--icon-code::before { background-image: url(https://drammstein.enabling.io/assets/editor-code-12275e7534e65286d5309c6d113cb4d91f00819bd7b7cd2e61e7cbbc8886b460.svg) !important; }
  trix-toolbar .trix-button--icon-bullet-list::before { background-image: url(https://drammstein.enabling.io/assets/editor-bullets-3b8bea944957bea65e48aecf2d6c9b934d36ecd82dd74f9521d132b569c6b8fa.svg) !important; }
  trix-toolbar .trix-button--icon-number-list::before { background-image: url(https://drammstein.enabling.io/assets/editor-numbers-71b75463f715bf230793be5c8d03fed4a1861b85f7989c1908f97896dc8aeda9.svg) !important; }
  trix-toolbar .trix-button--icon-undo::before { background-image: url(https://drammstein.enabling.io/assets/editor-undo-35d1e0362d0f3b9154ac8259fdb03f2e4aebe1caa57440da4fc5992ce3439a73.svg) !important; }
  trix-toolbar .trix-button--icon-redo::before { background-image: url(https://drammstein.enabling.io/assets/editor-redo-10401ea0ec97231a0677459ced5307cb5460c080365719fb2d92642d06138f3d.svg) !important; }
  trix-toolbar .trix-button--icon-attach::before { background-image: url(https://drammstein.enabling.io/assets/editor-attach-3985d6c4767f5b5982b5ba3cbb3e2e202d706711a16039a5bd3f06e2ea1b5bd1.svg) !important; }

  /* B / I / S render as letterforms (the handoff's deliberate choice). The
     content + font declarations need !important too, or Trix's unlayered
     content: "" wins and the buttons render blank. */
  trix-toolbar .trix-button--icon-bold,
  trix-toolbar .trix-button--icon-italic,
  trix-toolbar .trix-button--icon-strike {
    font-size: 0 !important;
  }

  trix-toolbar .trix-button--icon-bold::before,
  trix-toolbar .trix-button--icon-italic::before,
  trix-toolbar .trix-button--icon-strike::before {
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important;
    color: currentColor !important;
    font-family: var(--font-body, sans-serif) !important;
    line-height: 1 !important;
    text-indent: 0 !important;
  }

  trix-toolbar .trix-button--icon-bold::before { content: "B" !important; font-size: 15px !important; font-weight: 800 !important; }
  trix-toolbar .trix-button--icon-italic::before { content: "I" !important; font-size: 15px !important; font-style: italic !important; font-weight: 600 !important; }
  trix-toolbar .trix-button--icon-strike::before { content: "S" !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: line-through !important; }
}