Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Дайте пожалуйста екстра лесс

Ноя
2,013
6,815
Команда форума
Администратор
CSS:
/********* public:extra.less ********/
.username--style13 {
    background-image: linear-gradient(270deg, #d0001d, #afff74, #ff8ea7) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: rainbowHueMaster 10s linear infinite !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0)
}

@keyframes rainbowHueMaster {
    from {
        filter: hue-rotate(0deg)
    }

    to {
        filter: hue-rotate(360deg)
    }
}

.thBranding {
    display: none
}

.p-footer-copyright {
    font-size: 0px
}

.red {
    color: white;
    background: linear-gradient(to right, #f00, #900);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.green {
    color: white;
    background: linear-gradient(to right, #228b22, #008000);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.orange {
    color: white;
    background: linear-gradient(to right, #ffa500, #ff8c00);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.skyred {
    color: white;
    background: linear-gradient(to right, #f24666, #f24666);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.yellow {
    color: white;
    background: linear-gradient(to right, #ff0, #ffa500);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.blockMessage p:last-child,.blockStatus p:last-child,.block-row p:last-child {
    color: #ff7a29;
    margin-bottom: 0;
    background: #ff7a291c;
    padding: 10px;
    border-radius: 8px;
    margin-top: 5px
}

.fr-word-counter {
    display: none !important
}

.userBanner.userBanner--staff,.plaxi,.premium,.pivo,.vlad,.razrab,.rukovod,.zamvlad,.komforum,.forumbot,.ga,.zga,.stadmin,.kur,.PRManager,.techspec2,.stadm,.adm,.stmoderator,.mladm,.moderator,.lider,.glsled,.zamglsled,.l,.lerenda,.user,.moscow,.piter,.dedmoroz,.ekb,.noo,.kn,.specadm,.tex,.tex3,.tex4 {
    color: rgba(255,255,255,0.95);
    border: none;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: default;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-height: 30px;
    margin: 0 4px 5px 0;
    line-height: 1.2;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: rgba(30,30,40,0.65) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.15),inset 0 -1px 0 rgba(0,0,0,0.1);
    border: 1.5px solid;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3)
}

.userBanner.userBanner--staff::after,.plaxi::after,.premium::after,.pivo::after,.vlad::after,.razrab::after,.rukovod::after,.zamvlad::after,.komforum::after,.forumbot::after,.ga::after,.zga::after,.stadmin::after,.kur::after,.PRManager::after,.techspec2::after,.stadm::after,.adm::after,.stmoderator::after,.mladm::after,.moderator::after,.lider::after,.glsled::after,.zamglsled::after,.l::after,.lerenda::after,.user::after,.moscow::after,.piter::after,.dedmoroz::after,.ekb::after,.noo::after,.kn::after,.specadm::after,.tex::after,.tex3::after,.tex4::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0.9;
    filter: blur(.5px);
    animation: neonPulse 3s ease-in-out infinite
}

@keyframes neonPulse {
    0%,100% {
        opacity: 0.6;
        transform: scale(.9)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }
}

.userBanner.userBanner--staff:hover,.pivo:hover,.vlad:hover,.razrab:hover,.rukovod:hover,.zamvlad:hover,.komforum:hover,.forumbot:hover,.ga:hover,.zga:hover,.stadmin:hover,.kur:hover,.PRManager:hover,.techspec2:hover,.stadm:hover,.adm:hover,.stmoderator:hover,.mladm:hover,.moderator:hover,.lider:hover,.glsled:hover,.zamglsled:hover,.l:hover,.lerenda:hover,.user:hover,.moscow:hover,.piter:hover,.dedmoroz:hover,.ekb:hover,.noo:hover,.kn:hover,.specadm:hover,.tex:hover,.tex3:hover,.tex4:hover,.premium:hover {
    transform: translateY(-2px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.1),0 0 15px currentColor,inset 0 1px 0 rgba(255,255,255,0.2);
    z-index: 10
}

.vlad {
    border-color: #ff0000;
    box-shadow: 0 0 10px rgba(255,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: vladPulse 2s infinite alternate !important
}

.vlad::after {
    background: #ff0000;
    box-shadow: 0 0 8px #f00
}

@keyframes vladPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,0,0,0.3);
        border-color: rgba(255,0,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,0,0,0.9);
        border-color: #ff0000
    }
}

.razrab {
    border-color: #ff0000;
    box-shadow: 0 0 10px rgba(255,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: razrabPulse 2s infinite alternate !important
}

.razrab::after {
    background: #ff0000;
    box-shadow: 0 0 8px #f00
}

@keyframes razrabPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,0,0,0.3);
        border-color: rgba(255,0,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,0,0,0.9);
        border-color: #ff0000
    }
}

.rukovod {
    border-color: #ff4500;
    box-shadow: 0 0 10px rgba(255,69,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: rukovodPulse 2s infinite alternate !important
}

.rukovod::after {
    background: #ff4500;
    box-shadow: 0 0 8px #ff4500
}

@keyframes rukovodPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,69,0,0.3);
        border-color: rgba(255,69,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,69,0,0.9);
        border-color: #ff4500
    }
}

.specadm {
    border-color: #ff0000;
    box-shadow: 0 0 10px rgba(255,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: specadmPulse 2s infinite alternate !important
}

.specadm::after {
    background: #ff0000;
    box-shadow: 0 0 8px #f00
}

@keyframes specadmPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,0,0,0.3);
        border-color: rgba(255,0,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,0,0,0.9);
        border-color: #ff0000
    }
}

.zamvlad {
    border-color: #ff4500;
    box-shadow: 0 0 10px rgba(255,69,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: zamvladPulse 2s infinite alternate !important
}

.zamvlad::after {
    background: #ff4500;
    box-shadow: 0 0 8px #ff4500
}

@keyframes zamvladPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,69,0,0.3);
        border-color: rgba(255,69,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,69,0,0.9);
        border-color: #ff4500
    }
}

.komforum {
    border-color: #ffca00;
    box-shadow: 0 0 10px rgba(255,202,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: komforumPulse 2s infinite alternate !important
}

.komforum::after {
    background: #ffca00;
    box-shadow: 0 0 8px #ffca00
}

@keyframes komforumPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,202,0,0.3);
        border-color: rgba(255,202,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,202,0,0.9);
        border-color: #ffca00
    }
}

.forumbot {
    border-color: #ff4500;
    box-shadow: 0 0 10px rgba(255,69,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: forumbotPulse 2s infinite alternate !important
}

.forumbot::after {
    background: #ff4500;
    box-shadow: 0 0 8px #ff4500
}

@keyframes forumbotPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,69,0,0.3);
        border-color: rgba(255,69,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,69,0,0.9);
        border-color: #ff4500
    }
}

.ga {
    border-color: #008000;
    box-shadow: 0 0 10px rgba(0,128,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: gaPulse 2s infinite alternate !important
}

.ga::after {
    background: #008000;
    box-shadow: 0 0 8px #008000
}

@keyframes gaPulse {
    0% {
        box-shadow: 0 0 10px rgba(0,128,0,0.3);
        border-color: rgba(0,128,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(0,128,0,0.9);
        border-color: #008000
    }
}

.zga {
    border-color: #6DB36D;
    box-shadow: 0 0 10px rgba(109,179,109,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: zgaPulse 2s infinite alternate !important
}

.zga::after {
    background: #6DB36D;
    box-shadow: 0 0 8px #6db36d
}

@keyframes zgaPulse {
    0% {
        box-shadow: 0 0 10px rgba(109,179,109,0.3);
        border-color: rgba(109,179,109,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(109,179,109,0.9);
        border-color: #6DB36D
    }
}

.stadmin {
    border-color: #6d8ce8;
    box-shadow: 0 0 10px rgba(65,105,225,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: stadminPulse 2s infinite alternate !important
}

.stadmin::after {
    background: #4169e1;
    box-shadow: 0 0 8px #4169e1
}

@keyframes stadminPulse {
    0% {
        box-shadow: 0 0 10px rgba(65,105,225,0.3);
        border-color: rgba(65,105,225,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(65,105,225,0.9);
        border-color: #4169e1
    }
}

.kur {
    border-color: #9676f5;
    box-shadow: 0 0 10px rgba(150,118,245,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: kurPulse 2s infinite alternate !important
}

.kur::after {
    background: #9676f5;
    box-shadow: 0 0 8px #9676f5
}

@keyframes kurPulse {
    0% {
        box-shadow: 0 0 10px rgba(150,118,245,0.3);
        border-color: rgba(150,118,245,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(150,118,245,0.9);
        border-color: #9676f5
    }
}

.PRManager {
    border-color: #ff9800;
    box-shadow: 0 0 10px rgba(255,152,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: prmanagerPulse 2s infinite alternate !important
}

.PRManager::after {
    background: #ff9800;
    box-shadow: 0 0 8px #ff9800
}

@keyframes prmanagerPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,152,0,0.3);
        border-color: rgba(255,152,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,152,0,0.9);
        border-color: #ff9800
    }
}

.techspec2 {
    border-color: #FF4F00;
    box-shadow: 0 0 10px rgba(255,79,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: techspec2Pulse 2s infinite alternate !important
}

.techspec2::after {
    background: #FF4F00;
    box-shadow: 0 0 8px #ff4f00
}

@keyframes techspec2Pulse {
    0% {
        box-shadow: 0 0 10px rgba(255,79,0,0.3);
        border-color: rgba(255,79,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,79,0,0.9);
        border-color: #FF4F00
    }
}

.stadm {
    border-color: #6495ED;
    box-shadow: 0 0 10px rgba(100,149,237,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: stadmPulse 2s infinite alternate !important
}

.stadm::after {
    background: #6495ED;
    box-shadow: 0 0 8px #6495ed
}

@keyframes stadmPulse {
    0% {
        box-shadow: 0 0 10px rgba(100,149,237,0.3);
        border-color: rgba(100,149,237,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(100,149,237,0.9);
        border-color: #6495ED
    }
}

.adm {
    border-color: #ffbf00;
    box-shadow: 0 0 10px rgba(255,191,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: admPulse 2s infinite alternate !important
}

.adm::after {
    background: #ffbf00;
    box-shadow: 0 0 8px #ffbf00
}

@keyframes admPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,191,0,0.3);
        border-color: rgba(255,191,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,191,0,0.9);
        border-color: #ffbf00
    }
}

.stmoderator {
    border-color: #00b300;
    box-shadow: 0 0 10px rgba(0,128,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: stmoderatorPulse 2s infinite alternate !important
}

.stmoderator::after {
    background: #008000;
    box-shadow: 0 0 8px #008000
}

@keyframes stmoderatorPulse {
    0% {
        box-shadow: 0 0 10px rgba(0,128,0,0.3);
        border-color: rgba(0,128,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(0,128,0,0.9);
        border-color: #00b300
    }
}

.mladm {
    border-color: #ffcc66;
    box-shadow: 0 0 10px rgba(255,204,102,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: mladmPulse 2s infinite alternate !important
}

.mladm::after {
    background: #ffcc66;
    box-shadow: 0 0 8px #fc6
}

@keyframes mladmPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,204,102,0.3);
        border-color: rgba(255,204,102,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,204,102,0.9);
        border-color: #ffcc66
    }
}

.moderator {
    border-color: #87ceeb;
    box-shadow: 0 0 10px rgba(135,206,235,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: moderatorPulse 2s infinite alternate !important
}

.moderator::after {
    background: #87ceeb;
    box-shadow: 0 0 8px #87ceeb
}

@keyframes moderatorPulse {
    0% {
        box-shadow: 0 0 10px rgba(135,206,235,0.3);
        border-color: rgba(135,206,235,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(135,206,235,0.9);
        border-color: #87ceeb
    }
}

.lider {
    border-color: #a5d6ea;
    box-shadow: 0 0 10px rgba(124,195,224,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: liderPulse 2s infinite alternate !important
}

.lider::after {
    background: #7cc3e0;
    box-shadow: 0 0 8px #7cc3e0
}

@keyframes liderPulse {
    0% {
        box-shadow: 0 0 10px rgba(124,195,224,0.3);
        border-color: rgba(124,195,224,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(124,195,224,0.9);
        border-color: #a5d6ea
    }
}

.glsled {
    border-color: #004eff;
    box-shadow: 0 0 10px rgba(0,78,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: glsledPulse 2s infinite alternate !important
}

.glsled::after {
    background: #004eff;
    box-shadow: 0 0 8px #004eff
}

@keyframes glsledPulse {
    0% {
        box-shadow: 0 0 10px rgba(0,78,255,0.3);
        border-color: rgba(0,78,255,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(0,78,255,0.9);
        border-color: #004eff
    }
}

.zamglsled {
    border-color: #004eff;
    box-shadow: 0 0 10px rgba(0,78,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: zamglsledPulse 2s infinite alternate !important
}

.zamglsled::after {
    background: #004eff;
    box-shadow: 0 0 8px #004eff
}

@keyframes zamglsledPulse {
    0% {
        box-shadow: 0 0 10px rgba(0,78,255,0.3);
        border-color: rgba(0,78,255,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(0,78,255,0.9);
        border-color: #004eff
    }
}

.l {
    border-color: #20B2AA;
    box-shadow: 0 0 10px rgba(32,178,170,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: lPulse 2s infinite alternate !important
}

.l::after {
    background: #20B2AA;
    box-shadow: 0 0 8px #20b2aa
}

@keyframes lPulse {
    0% {
        box-shadow: 0 0 10px rgba(32,178,170,0.3);
        border-color: rgba(32,178,170,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(32,178,170,0.9);
        border-color: #20B2AA
    }
}

.lerenda {
    border-color: #F0E68C;
    box-shadow: 0 0 10px rgba(240,230,140,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: lerendaPulse 2s infinite alternate !important
}

.lerenda::after {
    background: #F0E68C;
    box-shadow: 0 0 8px #f0e68c
}

@keyframes lerendaPulse {
    0% {
        box-shadow: 0 0 10px rgba(240,230,140,0.3);
        border-color: rgba(240,230,140,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(240,230,140,0.9);
        border-color: #F0E68C
    }
}

.user {
    border-color: #C0C0C0;
    box-shadow: 0 0 10px rgba(192,192,192,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: userPulse 2s infinite alternate !important
}

.user::after {
    background: #C0C0C0;
    box-shadow: 0 0 8px #c0c0c0
}

@keyframes userPulse {
    0% {
        box-shadow: 0 0 10px rgba(192,192,192,0.3);
        border-color: rgba(192,192,192,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(192,192,192,0.9);
        border-color: #C0C0C0
    }
}

.moscow {
    border-color: #ff2b3b;
    box-shadow: 0 0 10px rgba(255,43,59,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: moscowPulse 2s infinite alternate !important
}

.moscow::after {
    background: #ff2b3b;
    box-shadow: 0 0 8px #ff2b3b
}

@keyframes moscowPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,43,59,0.3);
        border-color: rgba(255,43,59,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,43,59,0.9);
        border-color: #ff2b3b
    }
}

.piter {
    border-color: #11a6fa;
    box-shadow: 0 0 10px rgba(17,166,250,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: piterPulse 2s infinite alternate !important
}

.piter::after {
    background: #11a6fa;
    box-shadow: 0 0 8px #11a6fa
}

@keyframes piterPulse {
    0% {
        box-shadow: 0 0 10px rgba(17,166,250,0.3);
        border-color: rgba(17,166,250,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(17,166,250,0.9);
        border-color: #11a6fa
    }
}

.dedmoroz {
    border-color: #ffb6c1;
    box-shadow: 0 0 10px rgba(220,20,60,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: dedmorozPulse 2s infinite alternate !important
}

.dedmoroz::after {
    background: #ffb6c1;
    box-shadow: 0 0 8px #dc143c
}

@keyframes dedmorozPulse {
    0% {
        box-shadow: 0 0 10px rgba(220,20,60,0.3);
        border-color: rgba(220,20,60,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(220,20,60,0.9);
        border-color: #ffb6c1
    }
}

.pivo {
    border-color: #ffb6c1;
    box-shadow: 0 0 10px rgba(220,20,60,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: pivoPulse 2s infinite alternate !important
}

.pivo::after {
    background: #ffb6c1;
    box-shadow: 0 0 8px #ffb6c1
}

@keyframes pivoPulse {
    0% {
        box-shadow: 0 0 10px rgba(220,20,60,0.3);
        border-color: rgba(220,20,60,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(220,20,60,0.9);
        border-color: #ffb6c1
    }
}

.plaxi {
    border-color: #00FF00;
    box-shadow: 0 0 10px rgba(220,20,60,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: plaxiPulse 2s infinite alternate !important
}

.plaxi::after {
    background: #00FF00;
    box-shadow: 0 0 8px #0f0
}

@keyframes plaxiPulse {
    0% {
        box-shadow: 0 0 10px rgba(220,20,60,0.3);
        border-color: rgba(220,20,60,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(220,20,60,0.9);
        border-color: #00FF00
    }
}

.ekb {
    border-color: #4f27de;
    box-shadow: 0 0 10px rgba(79,39,222,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: ekbPulse 2s infinite alternate !important
}

.ekb::after {
    background: #4f27de;
    box-shadow: 0 0 8px #4f27de
}

@keyframes ekbPulse {
    0% {
        box-shadow: 0 0 10px rgba(79,39,222,0.3);
        border-color: rgba(79,39,222,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(79,39,222,0.9);
        border-color: #4f27de
    }
}

.noo {
    border-color: #000000;
    box-shadow: 0 0 10px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: nooPulse 2s infinite alternate !important
}

.noo::after {
    background: #000000;
    box-shadow: 0 0 8px #000
}

@keyframes nooPulse {
    0% {
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        border-color: rgba(0,0,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(0,0,0,0.9);
        border-color: #000000
    }
}

.kn {
    border-color: #FFCC00;
    box-shadow: 0 0 10px rgba(255,204,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    color: #FFFFFF;
    animation: knPulse 2s infinite alternate !important
}

.kn::after {
    background: #FFCC00;
    box-shadow: 0 0 8px #fc0
}

@keyframes knPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,204,0,0.3);
        border-color: rgba(255,204,0,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,204,0,0.9);
        border-color: #FFCC00
    }
}

.tex {
    border-color: #09bd72;
    box-shadow: 0 0 10px rgba(9,189,114,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: texPulse 2s infinite alternate !important
}

.tex::after {
    background: #09bd72;
    box-shadow: 0 0 8px #f0f
}

@keyframes texPulse {
    0% {
        box-shadow: 0 0 10px rgba(9,189,114,0.3);
        border-color: rgba(9,189,114,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(9,189,114,0.9);
        border-color: #09bd72
    }
}

.tex3 {
    border-color: transparent;
    box-shadow: 0 0 10px rgba(255,255,255,0.15),inset 0 1px 0 rgba(255,255,255,0.1)
}

.tex3::after {
    background: rgba(255,255,255,0.6);
    box-shadow: 0 0 8px rgba(255,255,255,0.6)
}

.tex4 {
    border-color: #6C5CE7;
    box-shadow: 0 0 10px rgba(108,92,231,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: tex4Pulse 2s infinite alternate !important
}

.tex4::after {
    background: #6C5CE7;
    box-shadow: 0 0 8px #6c5ce7
}

@keyframes tex4Pulse {
    0% {
        box-shadow: 0 0 10px rgba(108,92,231,0.3);
        border-color: rgba(108,92,231,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(108,92,231,0.9);
        border-color: #6C5CE7
    }
}

.premium {
    border-color: #09bd72;
    box-shadow: 0 0 10px rgba(9,189,114,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: premPulse 2s infinite alternate !important
}

.premium::after {
    background: #09bd72;
    box-shadow: 0 0 8px #09bd72
}

@keyframes premPulse {
    0% {
        box-shadow: 0 0 10px rgba(9,189,114,0.3);
        border-color: rgba(9,189,114,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(9,189,114,0.9);
        border-color: #09bd72
    }
}

@keyframes premRainbow {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.userBanner.userBanner--staff {
    border-color: #ffffff !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(255,255,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);
    animation: staffPulse 2s infinite alternate !important
}

.userBanner.userBanner--staff * {
    color: #ffffff !important
}

.userBanner.userBanner--staff::after {
    background: #ffffff;
    box-shadow: 0 0 8px #fff
}

@keyframes staffPulse {
    0% {
        box-shadow: 0 0 10px rgba(255,255,255,0.3);
        border-color: rgba(255,255,255,0.6)
    }

    100% {
        box-shadow: 0 0 15px rgba(255,255,255,0.9);
        border-color: #ffffff
    }
}

@media (max-width: 768px) {
    .userBanner.userBanner--staff,.plaxi,.premium,.pivo,.vlad,.razrab,.rukovod,.zamvlad,.komforum,.forumbot,.ga,.zga,.stadmin,.kur,.PRManager,.techspec2,.stadm,.adm,.stmoderator,.mladm,.moderator,.lider,.glsled,.zamglsled,.l,.lerenda,.user,.moscow,.piter,.dedmoroz,.ekb,.noo,.kn,.specadm,.tex,.tex3,.tex4 {
        font-size:0.6rem;
        padding: 4px 10px;
        min-height: 26px;
        border-radius: 8px;
        margin: 0 2px 3px 0;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px)
    }

    .userBanner.userBanner--staff::after,.plaxi::after,.premium::after,.pivo::after,.vlad::after,.razrab::after,.rukovod::after,.zamvlad::after,.komforum::after,.forumbot::after,.ga::after,.zga::after,.stadmin::after,.kur::after,.PRManager::after,.techspec2::after,.stadm::after,.adm::after,.stmoderator::after,.mladm::after,.moderator::after,.lider::after,.glsled::after,.zamglsled::after,.l::after,.lerenda::after,.user::after,.moscow::after,.piter::after,.dedmoroz::after,.ekb::after,.noo::after,.kn::after,.specadm::after,.tex::after,.tex3::after,.tex4::after {
        display: none
    }
}

@media (prefers-color-scheme: dark) {
    .userBanner.userBanner--staff,.plaxi,.premium,.pivo,.vlad,.razrab,.rukovod,.zamvlad,.komforum,.forumbot,.ga,.zga,.stadmin,.kur,.PRManager,.techspec2,.stadm,.adm,.stmoderator,.mladm,.moderator,.lider,.glsled,.zamglsled,.l,.lerenda,.user,.moscow,.piter,.dedmoroz,.ekb,.noo,.kn,.specadm,.tex,.tex3,.tex4 {
        background:rgba(20,20,30,0.7) !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2)
    }
}
 
Сверху