/* legacy rainbow effect */

.fx-rainbow .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(
        90deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    );
}

/* basic text effects */

.fx-italic .user_name {
    font-style: italic;
}

.fx-underline .user_name {
    text-decoration: underline;
}

/* animations */

@keyframes wiggle {
    0% { transform: rotate(1deg); }
   50% { transform: rotate(-1deg); }
  100% { transform: rotate(1deg); }
}

.fx-wiggle {
    animation: wiggle 1s infinite;
}

@keyframes shimmy {
      0% { transform: skew(5deg); }
     50% { transform: skew(-5deg);}
    100% { transform: skew(5deg); }
}

.fx-shimmy {
    animation: shimmy 1s infinite;
}

@keyframes breathe {
    0% { transform: scale(103%)}
    50% { transform: scale(100%)}
    100% { transform: scale(103%)}
}

.fx-breathe {
    animation: breathe 1s infinite;
}

@keyframes bgscroll {
    0%{background-position: -100% 50%}
    100%{background-position: 100% 50%}
}

.fx-bgscroll .user_name {
    background-size: 500% 100% !important;
    animation: bgscroll 5s ease infinite;
}

/* other css effects */

.fx-shadow .user_name {
    filter: drop-shadow(0 0 1px black);

}

.fx-blur {
    filter: blur(10px);
}


.fx-redact .user_name,
.fx-redact .user_balance,
.fx-redact .user_currency,
.fx-redact button {
    background: black;
}

.fx-redact .userpreview_photo {
    filter: brightness(0) 
}

/* various pride flags from https://cesque.com/gaydient/ */

.fx-pride-agender .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(0, 0, 0), rgb(103, 103, 103), rgb(205, 205, 205) 15%, rgb(230, 230, 230), rgb(255, 255, 255) 22%, rgb(255, 255, 255), rgb(255, 255, 255) 28%, rgb(228, 239, 201), rgb(186, 244, 132), rgb(228, 239, 201), rgb(255, 255, 255) 72%, rgb(255, 255, 255), rgb(255, 255, 255) 78%, rgb(230, 230, 230), rgb(205, 205, 205) 85%, rgb(103, 103, 103), rgb(0, 0, 0));
}

.fx-pride-aro .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(60, 170, 65), rgb(179, 207, 164), rgb(255, 255, 255) 45%, rgb(255, 255, 255), rgb(255, 255, 255) 55%, rgb(128, 128, 128), rgb(0, 0, 0));
}

.fx-pride-ace .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(60, 170, 65), rgb(179, 207, 164), rgb(255, 255, 255) 45%, rgb(255, 255, 255), rgb(255, 255, 255) 55%, rgb(128, 128, 128), rgb(0, 0, 0));
}

.fx-pride-bi .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(255, 0, 128), rgb(200, 37, 157), rgb(140, 71, 153), rgb(68, 46, 159), rgb(0, 50, 160));
}

.fx-pride-gayman .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(7, 141, 111), rgb(152, 202, 153), rgb(255, 255, 255) 45%, rgb(255, 255, 255), rgb(255, 255, 255) 55%, rgb(205, 208, 234), rgb(123, 173, 226) 70%, rgb(69, 76, 189), rgb(63, 26, 121));
}

.fx-pride-genderfluid .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(255, 120, 166), rgb(247, 196, 210), rgb(255, 255, 255) 23%, rgb(255, 255, 255), rgb(255, 255, 255) 28%, rgb(219, 148, 213), rgb(190, 20, 215), rgb(89, 22, 85), rgb(0, 0, 0) 73%, rgb(0, 0, 0), rgb(0, 0, 0) 78%, rgb(51, 36, 87), rgb(50, 60, 191));
}

.fx-pride-genderqueer .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(185, 154, 222), rgb(225, 209, 232), rgb(255, 255, 255) 45%, rgb(255, 255, 255), rgb(255, 255, 255) 55%, rgb(187, 191, 159), rgb(107, 142, 58));
}

.fx-pride-intersex .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(255, 217, 0), rgb(230, 54, 97), rgb(157, 0, 253));
}

.fx-pride-lesbian .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(213, 44, 0), rgb(226, 150, 136), rgb(255, 255, 255) 45%, rgb(255, 255, 255), rgb(255, 255, 255) 55%, rgb(210, 127, 164), rgb(162, 2, 98));
}

.fx-pride-pride .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 27%, rgb(241, 235, 27), rgb(241, 235, 27) 33%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));
}

.fx-pride-enby .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(253, 219, 0), rgb(238, 212, 143), rgb(255, 255, 255) 30%, rgb(255, 255, 255), rgb(255, 255, 255) 36%, rgb(212, 181, 222), rgb(156, 92, 212), rgb(88, 50, 96), rgb(0, 0, 0));
}

.fx-pride-pan .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(255, 30, 140) 10%, rgb(255, 102, 57), rgb(255, 230, 29) 40%, rgb(255, 230, 29), rgb(255, 230, 29) 60%, rgb(87, 229, 98), rgb(31, 179, 253) 85%, rgb(31, 179, 253), rgb(31, 179, 253));
}

.fx-pride-poc .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(0, 0, 0), rgb(54, 35, 18), rgb(120, 79, 23), rgb(181, 63, 27), rgb(237, 34, 36), rgb(243, 91, 34), rgb(249, 150, 33), rgb(245, 193, 30), rgb(241, 235, 27) 48%, rgb(241, 235, 27), rgb(241, 235, 27) 52%, rgb(99, 199, 32), rgb(12, 155, 73), rgb(33, 135, 141), rgb(57, 84, 165), rgb(97, 55, 155), rgb(147, 40, 142));
}

.fx-pride-trans .user_name {
    color: transparent;
    background-clip: text !important;
    background: linear-gradient(to right, rgb(85, 205, 252), rgb(179, 157, 233), rgb(247, 168, 184), rgb(246, 216, 221), rgb(255, 255, 255));
}