Pride Hashtags for Cohost by Rayquaza01

/* ==UserStyle==
@name         Pride Hashtags for Cohost
@version      20240221.17.55
@namespace    https://userstyles.world/user/Arnaught
@description  Adds pride flag colored hashtags to Cohost
@author       Arnaught
@license      MIT
==/UserStyle== */

@-moz-document domain("cohost.org") {
.co-tags a[href$="/tagged/transgender" i],
.co-tags a[href$="/tagged/trans" i] {
  background: linear-gradient(90deg,#55cdfc,#f7a8b8);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.co-tags a[href$="/tagged/nonbinary" i],
.co-tags a[href$="/tagged/enby" i] {
  background: linear-gradient(90deg,#fff430,#9c59d1,#000);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.co-tags a[href$="/tagged/bi" i],
.co-tags a[href$="/tagged/bisexual" i] {
  background: linear-gradient(to right, #D70071, #9C4E97, #0035AA);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.co-tags a[href$="/tagged/pan" i],
.co-tags a[href$="/tagged/pansexual" i] {
    background: linear-gradient(to right, #FF1B8D, #FFD900, #1BB3FF);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.co-tags a[href$="/tagged/ace" i],
.co-tags a[href$="/tagged/asexual" i] {
  background: linear-gradient(90deg,#000,#a4a4a4,#810081);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.co-tags a[href$="/tagged/aro" i],
.co-tags a[href$="/tagged/aromantic" i] {
    background: linear-gradient(90deg,#3aa63f,#a8d47a,#aaaaaa,#000);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.co-tags a[href$="/tagged/lesbian" i] {
  background: linear-gradient(90deg,#d62900,#ff9b55,#d461a6,#a50062);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.co-tags a[href$="/tagged/gay" i] {
  background: linear-gradient(90deg,#26ceaa,#f1efff,#5049cc);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.co-tags a[href$="/tagged/lgbt" i],
.co-tags a[href$="/tagged/lgbtq" i],
.co-tags a[href$="/tagged/lgbtq+" i],
.co-tags a[href$="/tagged/queer" i] {
  background: linear-gradient(to right, #000000, #794E10, #E60000, #FF8E00, #FFEE00, #028121, #004CFF, #770088);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

}