:root {
    /* Thanks to Todd Barchok http://barchok.com/flags.html */
    --pride-rotation-angle: 194deg;
    --pride-nonbinary-gradient: #FFF430 25%, #FFFFFF 25%, 50%, #9C59D1 50%, 75%, #181818 75%;
    --pride-lgbt-gradient: #FE0000 16.66%,
			     #FD8C00 16.66% 33.32%,
			     #FFE500 33.32% 49.98%,
			     #119F0B 49.98% 66.64%,
			     #0644B3 66.64% 83.3%,
			     #C22EDC 83.3%;
    --pride-asexual-gradient: #181818 25%, #A3A3A3 25%, 50%, #FFFFFF 50%, 75%, #800080 75%;
    --pride-bisexual-gradient: #D60270 40%, #9B4F96 40%, 60%, #0038A8 60%;
    --pride-aromantic-gradient: #39A33E 20%, #A2CF72 20%, 40%, #FFFFFF 40%, 60%, #A3A3A3 60%, 80%, #181818 80%;
    --pride-transgender-gradient: #5BCEFA 20%, #F5A9B8 20%, 40%, #FFFFFF 40%, 60%, #F5A9B8 60%, 80%, #5BCEFA 80%;
    --pride-genderqueer-gradient: #B57EDC 33.33%, #FFFFFF 33.33%, 66.66%, #4A8123 66.66%;
    --pride-genderfluid-gradient: #FF77A3 20%, #FFFFFF 20%, 40%, #BE18D6 40%, 60%, #181818 60%, 80%, #333EBD 80%;
    --pride-pansexual-gradient: #FF218C 33.33%, #FFD800 33.33%, 66.66%, #21B1FF 66.66%;
    --pride-philly-gradient: #181818 12.5%,
			       #784F17 12.5%, 25%, #FE0000 25%, 37.5%,
			       #FD8C00 37.5%, 50%, #FFE500 50%, 62.5%,
			       #119F0B 62.5%, 75%, #0644B3 75%, 87.5%,
			       #C22EDC 87.5%;
    --pride-polysexual-gradient: #F61CB9 33.33%, #07D569 33.33%, 66.66%, #1C92F6 66.66%;
    --pride-neutrois-gradient: #FFFFFF 33.33%, #1F9F00 33.33%, 66.66%, #181818 66.66%;
    --pride-demigirl-gradient: #7F7F7F 14.285%,
				 #C3C3C3 14.285%, 28.57%, #FEAEC9 28.57%, 42.855%,
				 #FFFFFF 42.855%, 57.14%, #FEAEC9 57.14%, 71.425%,
				 #C3C3C3 71.425%, 85.71%, #7F7F7F 85.71%;
    --pride-agender-gradient: #181818 14.285%,
				    #C3C3C3 14.285%, 28.57%, #FFFFFF 28.57%, 42.855%,
				    #B8F483 42.855%, 57.14%, #FFFFFF 57.14%, 71.425%,
				    #C3C3C3 71.425%, 85.71%, #181818 85.71%;
    --pride-demiboy-gradient: #7F7F7F 14.285%,
				#C3C3C3 14.285%, 28.57%, #9AD9EB 28.57%, 42.855%,
				#FFFFFF 42.855%, 57.14%, #9AD9EB 57.14%, 71.425%,
				#C3C3C3 71.425%, 85.71%, #7F7F7F 85.71%;   
    --pride-androgyne-gradient: #FE007F 33.33%, #9832FF 33.33%, 66.66%, #00B8E7 66.66%;
    --pride-lesbian-gradient: #A60061 14.285%,
				#B95393 14.285%, 28.57%, #D260A7 28.57%, 42.855%,
				#EDEDEB 42.855%, 57.14%, #E5ABD0 57.14%, 71.425%,
				#C74D52 71.425%, 85.71%, #8C1D00 85.71%;
    --pride-nonbinary-background: linear-gradient(var(--pride-rotation-angle), var(--pride-nonbinary-gradient));
    --pride-lgbt-background: linear-gradient(var(--pride-rotation-angle), var(--pride-lgbt-gradient));
    --pride-asexual-background: linear-gradient(var(--pride-rotation-angle), var(--pride-asexual-gradient));
    --pride-bisexual-background: linear-gradient(var(--pride-rotation-angle), var(--pride-bisexual-gradient));
    --pride-aromantic-background: linear-gradient(var(--pride-rotation-angle), var(--pride-aromantic-gradient));
    --pride-transgender-background: linear-gradient(var(--pride-rotation-angle), var(--pride-transgender-gradient));
    --pride-genderqueer-background: linear-gradient(var(--pride-rotation-angle), var(--pride-genderqueer-gradient));
    --pride-genderfluid-background: linear-gradient(var(--pride-rotation-angle), var(--pride-genderfluid-gradient));
    --pride-pansexual-background: linear-gradient(var(--pride-rotation-angle), var(--pride-pansexual-gradient));
    --pride-philly-background: linear-gradient(var(--pride-rotation-angle), var(--pride-philly-gradient));
    --pride-polysexual-background: linear-gradient(var(--pride-rotation-angle), var(--pride-polysexual-gradient));
    --pride-neutrois-background: linear-gradient(var(--pride-rotation-angle), var(--pride-neutrois-gradient));
    --pride-demigirl-background: linear-gradient(var(--pride-rotation-angle), var(--pride-demigirl-gradient));
    --pride-agender-background: linear-gradient(var(--pride-rotation-angle), var(--pride-agender-gradient));
    --pride-demiboy-background: linear-gradient(var(--pride-rotation-angle), var(--pride-demiboy-gradient));
    --pride-androgyne-background: linear-gradient(var(--pride-rotation-angle), var(--pride-androgyne-gradient));
    --pride-lesbian-background: linear-gradient(var(--pride-rotation-angle), var(--pride-lesbian-gradient));
    
}

.pride-nonbinary { background: var(--pride-nonbinary-background); }
.pride-lgbt { background: var(--pride-lgbt-background); }
.pride-asexual { background: var(--pride-asexual-background); }
.pride-bisexual { background: var(--pride-bisexual-background); }
.pride-aromantic { background: var(--pride-aromantic-background); }
.pride-transgender { background: var(--pride-transgender-background); }
.pride-genderqueer { background: var(--pride-genderqueer-background); }
.pride-genderfluid { background: var(--pride-genderfluid-background); }
.pride-pansexual { background: var(--pride-pansexual-background); }
.pride-philly { background: var(--pride-philly-background); }
.pride-polysexual { background: var(--pride-polysexual-background); }
.pride-neutrois { background: var(--pride-neutrois-background); }
.pride-demigirl { background: var(--pride-demigirl-background); }
.pride-agender { background: var(--pride-agender-background); }
.pride-demiboy { background: var(--pride-demiboy-background); }
.pride-androgyne { background: var(--pride-androgyne-background); }
.pride-lesbian { background: var(--pride-lesbian-background); }