/**
 * @name dashless-extended
 * @author nvhhr
 * @description dashless channelnames everywhere with flag emojis from twemoji-mozilla
*/

/*first we import the fonts*/
@font-face
 { font-family: "Twemoji Mozilla";
   src: url("https://vendicated.github.io/random-files/Twemoji.Mozilla.ttf") format("truetype");
   unicode-range: U+1F1E6-1F1FF; /*this should cover flag emojis*/
   font-display: swap; }
@font-face
 { font-family: "dashless";
   src: url("https://vendicated.github.io/random-files/Dashless.woff2") format("woff2");
   unicode-range: U+002D; /* the "-" character */
   font-display: swap;
   size-adjust: 100%; } /*you can adjust this to change word spacing if you use another primary font/fontsize*/
/* to keep this theme in online themes or an @import and adjust the spacing,
   you must copy the whole font-face block to quickcss and edit it there,
   unfortunately css variables aren't supported inside font-face */

/* apply this hack to all the following */
[data-list-item-id^=channels___]:not([role=button]), /* channel list */
[class^=titleWrapper] > h1, /* top bar with topic */
[class^=titleWrapper] > h2, /* top bar in thread view */
[id^=":r"] > h1, /* topic popup */
[class^=resultChannel], [class^=channelNameContainer_], [class^=searchAnswer_], /* search */
[class^=autocompleteRowContent_] [class*=autocompleteRowHeading_], /* chat autocomplete */
.channelWithIcon, /* channel mentions in chat */
[class^=emptyChannelIcon_] + h3, /* start of new channel */
[class^=emptyChannelIcon_] ~ [class*=description_],
[class^=browser_] [class*=channelText_], /* channel browser*/
[class^=returnButton_] [class^=text-], /*return button in channel browser*/
[class^=placeholder][class*=slateTextArea], /* chat input placeholder text */
[class^=auditLog_] [class^=overflowEllipsis_] strong, /* audit log */
.vc-permviewer-perms-title, /* permissionsviewer */
[class^=headerChannelContainer_] > div, /* invite to channel dialog */
[class^=uploadDropModal_] strong, /* file drag upload */
[class^=channelNameSpan_], /* inbox */
[class^=quickswitcher_] [class^=name_]
 { font-family: "Twemoji Mozilla", "dashless", var(--font-primary); }
/* we don't want the channel topic in new channel starting description dashless so revert that */
[class^=emptyChannelIcon_] ~ [class*=description_] > *
 { font-family: var(--font-primary); }