/*
 * CSS Inspired by or modified from: 
 *  - http://barchok.com/flags.html
 */


.lgbt_lerp {
    background: linear-gradient(135deg, 
        #FE0000 14.3%,
		#FD8C00 28.6%,
		#FFE500 42.9%,
		#119F0B 57.1%,
		#0644B3 71.4%,
		#C22EDC 85.7%);
}

.lgbt {
	background: linear-gradient(180deg, #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%);
}


.ace_lerp {
	background: linear-gradient(135deg, #181818 20%, #A3A3A3 40%, #FFFFFF 65%, #800080 80%);
}

.ace {
	background: linear-gradient(180deg, #181818 25%, #A3A3A3 25%, 50%, #FFFFFF 50%, 75%, #800080 75%);
}

.aro_lerp {
	background: linear-gradient(135deg, 
        #39A33E 16.6%,
        #A2CF72 33.3%,
        #FFFFFF 50%,
        #A3A3A3 66%,
        #181818 83%);
}

.aro {
	background: linear-gradient(180deg, #39A33E 20%, #A2CF72 20%, 40%, #FFFFFF 40%, 60%, #A3A3A3 60%, 80%, #181818 80%);
}

.agender_lerp {
	background: linear-gradient(135deg,
        #181818 12.5%,
		#C3C3C3 25%,
        #FFFFFF 37.5%,
		#B8F483 50%,
        #FFFFFF 62.5%,
		#C3C3C3 75%,
        #181818 87.5%);
}

.agender {
	background: linear-gradient(180deg, #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%);
}

.bi_lerp {
	background: linear-gradient(135deg,
        #D60270 25%,
        #9B4F96 50%,
        #0038A8 75%);
}

.bi {
	background: linear-gradient(180deg, #D60270 40%, #9B4F96 40%, 60%, #0038A8 60%);
}

.nb_lerp {
	background: linear-gradient(135deg,
        #FFF430 20%,
        #FFFFFF 40%,
        #9C59D1 60%,
        #181818 80%);
}

.nb {
	background: linear-gradient(180deg, #FFF430 25%, #FFFFFF 25%, 50%, #9C59D1 50%, 75%, #181818 75%);
}

.trans_lerp {
	background: linear-gradient(135deg,
        #5BCEFA 16.6%,
        #F5A9B8 33.3%,
        #FFFFFF 50%,
        #F5A9B8 66.6%,
        #5BCEFA 83.3%);
}

.trans {
	background: linear-gradient(180deg, #5BCEFA 20%, #F5A9B8 20%, 40%, #FFFFFF 40%, 60%, #F5A9B8 60%, 80%, #5BCEFA 80%);
}

.pan_lerp {
	background: linear-gradient(135deg,
        #FF218C 25%,
        #FFD800 50%,
        #21B1FF 75%);
}

.pan {
	background: linear-gradient(180deg, #FF218C 33.33%, #FFD800 33.33%, 66.66%, #21B1FF 66.66%);
}

/*
 * Custom
 */

.lesbian_lerp {
    background: linear-gradient(135deg,
        #D62800 16.6%, 
        #FF9B56 33.3%, 
        #FFFFFF 50%,
        #D462A6 66.6%, 
        #A40062 83.3%);
}

.lesbian {
    background: linear-gradient(180deg, 
        #D62800 20%, 
        #FF9B56 20%, 40%, 
        #FFFFFF 40%, 60%, 
        #D462A6 60%, 80%, 
        #A40062 80%
    );
}