[СЛИВ] extra less CRMP ONLINE

Kirushka · Вчера в 14:39

Сливаю вам extra.less добавлены новые роли по типу чвк Вагнер Kasper и ещё что то

Extra less:

@charset "UTF-8";

/********* public:extra.less ********/
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 69%;
    border-radius: 90px 60px 90px 60px;
    padding: 5px 7px;
    background-size: 700% 700%;
    border: .6mm ridge rgba(255, 255, 255, 0.4);
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255, 255, 255, 0.4);
    background: linear-gradient(270deg, #1a1a2e, #16213e, #0f3460, #533483, #e94560, #533483, #0f3460, #16213e, #1a1a2e);
    background-size: 900% 900%
}

.userBanner.sixseven {
    background-image: linear-gradient(270deg, #f00, #ffa500, #ff8c00)
}

.userBanner.direktor {
    background-image: linear-gradient(270deg, #ff4500, #ff8c00, #ff6347)
}

.userBanner.pdirektor {
    background-image: linear-gradient(270deg, #00f, #191970, #8b4513, #4169e1)
}

.userBanner.kurserv {
    background-image: linear-gradient(270deg, #4682b4, #20b2aa, #00ff7f, #008080)
}

.userBanner.pkurserv {
    background-image: linear-gradient(270deg, #0f0, #0ff, #0f0)
}

.userBanner.rukadminov {
    background-image: linear-gradient(270deg, #f00, #ff8c00, #ff6347)
}

.userBanner.zukadminov {
    background-image: linear-gradient(270deg, #b22222, #800000, #a52a2a)
}

.userBanner.rukproj {
    background-image: linear-gradient(270deg, #f00, #dc143c, #b22222, #cd5c5c)
}

.userBanner.prukadminov {
    background-image: linear-gradient(270deg, #ff4500, #800000, #dc143c)
}

.userBanner.kuropg {
    background-image: linear-gradient(270deg, #808000, #6b8e23, #008080)
}

.userBanner.kurgoss {
    background-image: linear-gradient(270deg, #00f, #191970, #4682b4)
}

.userBanner.natural {
    background-image: linear-gradient(270deg, #8b00ff, #00008b)
}

.userBanner.lega {
    background-image: linear-gradient(270deg, #f36, #ff6b3d, #ffd700, #2ecc71, #00bcd4, #9b59b6, #e84393, #6c5ce7, #00cec9, #fd79a8, #fdcb6e, #0984e3, #f36)
}

.userBanner.ogn {
    background-image: linear-gradient(270deg, #ffa500, #f00, #800080)
}

.userBanner.sponsorf {
    color: #000000;
    background-image: linear-gradient(270deg, #e0f7ff, #fff, #a0e0ff, #e0f0ff, #fff, #b3e4ff)
}

.userBanner.malishi {
    background-image: linear-gradient(270deg, #7fff00, #32cd32, #008000, #808000)
}

.userBanner.borukones {
    background-image: linear-gradient(270deg, #008000, #ffc0cb, #ff0)
}

.userBanner.Lixvizz {
    background-image: linear-gradient(270deg, #ff1493, #ffc0cb, #c71585)
}

.userBanner.takers {
    background-image: linear-gradient(270deg, #1d0101, #4a0000, #b80000, #4a0000, #1d0101) !important;
    background-size: 700% 700% !important;
    animation: AnimBanner 10s ease infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 69% !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 50px !important;
    padding: 2px 16px 2px 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.45) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    letter-spacing: 0.6px !important;
    box-sizing: border-box !important;
    height: 30px !important;
    transition: transform .2s ease-in-out !important;
    vertical-align: middle;
    line-height: 1
}

.userBanner.takers::before {
    content: '';
    background-image: url('https://i.postimg.cc/FRf3Ss5c/I-HDVhegjz-TTYTk-YGQ24l-mfl-Rcr-V6tpydyt-Z3STk-LDG9p0d-Gp0Bgpht8s-Jyn-FHVKMf-Gvm02VKC7YSz3QZ62xc.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    border: 1.5px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    flex-shrink: 0 !important;
    vertical-align: middle
}

.userBanner.takers:hover {
    transform: scale(1.04) !important
}

.userBanner.zablok {
    background-image: linear-gradient(270deg, #000, #808080, #fff)
}

.userBanner.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #06f, #04b)
}

.userBanner.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.userBanner.furman {
    background-image: linear-gradient(270deg, #f00, #ff69b4, #0ff)
}

.userBanner.furmanteam {
    background-image: linear-gradient(270deg, #ff0, #ffa500, #008000)
}

.userBanner.michikatsu {
    background-image: linear-gradient(270deg, #f0f, #800080, #ffc0cb)
}

.userBanner.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

.userBanner.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.userBanner.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.userBanner.admin {
    background-image: linear-gradient(270deg, #8b008b, #4b0082, #9400d3)
}

.userBanner.ds {
    background-image: linear-gradient(270deg, #0ff, #1e90ff, #0000cd)
}

.userBanner.persona {
    background-image: linear-gradient(270deg, #ff69b4, #ff1493, #f0f)
}

.userBanner.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.userBanner.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: black
}

.userBanner.super {
    background-image: linear-gradient(270deg, #ffd700, #ffed4e, #daa520, #b8860b, #8b0000, #c41e3a, #800020, #4b0082, #6a0dad, #9400d3, #191970, #003153, #2e8b57, #50c878, #ffd700)
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.userBanner.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

.userBanner.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.mod {
    background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
}

.userBanner.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

.hassle {
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

.devilschmo {
    background-image: linear-gradient(270deg, #8b4513, #f0f, #0ff)
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.dobryak {
    background-image: linear-gradient(270deg, #ff2400, #ff4d00, #ff6800)
}

.Cybers {
    background-image: linear-gradient(270deg, #800080, #8b008b, #800080)
}

.moderforuma {
    background-image: linear-gradient(270deg, #191970, #00bfff, #0ff)
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

.spec {
    background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c)
}

.founder {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10, #ff8c00)
}

.dominic {
    background-image: linear-gradient(270deg, #ffb3ff, #4d4dff, #8b4513)
}

.rasta {
    background-image: linear-gradient(270deg, #f00, #ff0, #008000)
}

.zamfounder {
    background-image: linear-gradient(270deg, #ffd700, #fff, #ff8c00, #fff);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.takeshka {
    background-image: linear-gradient(270deg, #f0f, #ee82ee, #800080)
}

.ded {
    background-image: linear-gradient(270deg, #f00, #8b0000)
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.shumov {
    background: linear-gradient(270deg, #ff1a1a, #f00, #c00, #900, #c00, #f00, #ff1a1a);
    background-size: 400% 400%;
    animation: redFlow 6s ease infinite
}

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

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

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

.ryk {
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75)
}

.sledfrac {
    background-image: linear-gradient(270deg, #0000cd, #00f, #00bfff)
}

.zrp {
    background: linear-gradient(135deg, #dc143c, #cd5c5c, #8b0000);
    background-size: 300% 300%
}

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

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

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

.pref {
    background-color: #ff0000;
    font-size: 77%;
    color: white;
    border: 3px solid #f00;
    text-align: center;
    border-radius: 6px
}

.pref.otkr {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.otk {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.rech {
    background-color: #f24666;
    border: 3px solid #f24666
}

.pref.inf {
    background-color: #ffbb00;
    border: 3px solid #fb0
}

.pref.zakr {
    background-color: #ff2b2b;
    border: 3px solid #ff2b2b
}

.pref.ras {
    background-color: #0044ff;
    border: 3px solid #04f
}

.pref.prov {
    background-color: #ee7700;
    border: 3px solid #e70
}

.pref.pr {
    background-color: #00bbff;
    border: 3px solid #0bf
}

.p-header-logo.p-header-logo--image img {
    max-width: 100%;
    max-height: 100px
}

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px
}

.v {
    background: #ff0000;
    box-shadow: 0 0 12px #f00
}

.ras {
    background: #0044ff;
    box-shadow: 0 0 12px #04f
}

.otk {
    background: #00AA00;
    box-shadow: 0 0 12px #0a0
}

.rasm {
    background: #ee7700;
    box-shadow: 0 0 12px #e70
}

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0
}

.pref {
    background-color: #ff0000;
    font-size: 77%;
    color: white;
    border: 3px solid #f00;
    text-align: center;
    border-radius: 6px
}

.pref.otkr {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.otk {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.rech {
    background-color: #f24666;
    border: 3px solid #f24666
}

.pref.inf {
    background-color: #ffbb00;
    border: 3px solid #fb0
}

.pref.zakr {
    background-color: #ff2b2b;
    border: 3px solid #ff2b2b
}

.pref.ras {
    background-color: #0044ff;
    border: 3px solid #04f
}

.pref.prov {
    background-color: #ee7700;
    border: 3px solid #e70
}

.pref.pr {
    background-color: #00bbff;
    border: 3px solid #0bf
}

.p-header-logo.p-header-logo--image img {
    max-width: 100%;
    max-height: 100px
}

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px
}

.v {
    background: #ff0000;
    box-shadow: 0 0 12px #f00
}

.ras {
    background: #0044ff;
    box-shadow: 0 0 12px #04f
}

.otk {
    background: #00AA00;
    box-shadow: 0 0 12px #0a0
}

.rasm {
    background: #ee7700;
    box-shadow: 0 0 12px #e70
}

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0
}

.p-header-logo.p-header-logo--image img {
    max-width: 140%;
    max-height: 80px
}

.userBanner.shumovPaint {
    position: relative;
    border: 0 !important;
    color: #fff !important;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 6px;
    overflow: hidden
}

.userBanner.shumovPaint::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg, #f00, #b30000, #7a0000, #b30000, #f00);
    background-size: 400% 400%;
    animation: shumovRedFlow 6s ease-in-out infinite;
    z-index: 0
}

.userBanner.shumovPaint span,
.userBanner.shumovPaint {
    position: relative;
    z-index: 1
}

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

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

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

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

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

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

.memberTooltip.memberTooltip-userGroup--49572 {
    box-shadow: 0 0 25px #00f
}

.memberTooltip.memberTooltip-userGroup--49572 {
    box-shadow: 0 0 10px #f00;
    animation: rainbow 2s linear infinite
}

@keyframes rainbow {
    0% {
        box-shadow: 0 0 10px #f00
    }

    12.5% {
        box-shadow: 0 0 10px #ff7f00
    }

    25% {
        box-shadow: 0 0 10px #ff0
    }

    37.5% {
        box-shadow: 0 0 10px #0f0
    }

    50% {
        box-shadow: 0 0 10px #0ff
    }

    62.5% {
        box-shadow: 0 0 10px #00f
    }

    75% {
        box-shadow: 0 0 10px #8000ff
    }

    87.5% {
        box-shadow: 0 0 10px #f0f
    }

    100% {
        box-shadow: 0 0 10px #f00
    }
}

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

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

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

.p-navEl-link--test {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--amn1), var(--amn2));
    color: var(--amnText);
    font-weight: 700;
    letter-spacing: .2px;
    text-decoration: none;
    border: 0;
    box-shadow: none;
    background-clip: padding-box;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease
}

.p-navEl--test {
    --amn1: #16a249;
    --amn2: #059467;
    --amnText: #fff
}

.username--style1:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f007";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style1:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style2:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2bd";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style2:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f09c";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style3:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style4:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0ae";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style4:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style5:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f464";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style5:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style6:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f21b";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style6:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style8:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f132";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style8:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style9:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f091";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style9:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style10:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0f3";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style10:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style12:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6df";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style12:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style14:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style14:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style15:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f1b2";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style15:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style16:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f109";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style16:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style17:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f12e";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style17:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style24:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0e4";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style24:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style26:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f005";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style26:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style32:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f044";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style32:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style35:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0b1";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style35:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style38:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f155";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style38:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style43:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f19d";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

style43:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style50:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f559";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style50:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style70:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0e3";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style70:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style95:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4bb";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style95:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style115:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style115:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style118:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f55f";
    font-weight: 900;
    padding-right: 4px;
    display: inline-block
}

.username--style118:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style119:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f544";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style119:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style124:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f21b";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style124:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style131:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f1b3";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style131:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style145:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0b1";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style145:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style154:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f03e";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style154:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style162:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f392";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style162:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style192:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4bc";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style192:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style193:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f445";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style193:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style199:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f109";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style199:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style202:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6cc";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style202:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style206:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f3ed";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style206:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style248:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style248:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style211:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f51f";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style211:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style212:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f189";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style212:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style225:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f219";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style225:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style226:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0d6";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style225:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style249:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style249:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style250:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f52d";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style250:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style251:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f729";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style256:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f755";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style256:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style257:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6b5";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style257:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style258:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style258:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style259:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f762";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style259:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style261:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f7b6";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block;
    transform: scale(1) translateY(0);
    transition: all .8s cubic-bezier(.25, 1, .5, 1)
}

.username--style261:hover:before {
    transform: scale(1.15) translateY(-2px);
    transition: all .8s cubic-bezier(.25, 1, .5, 1)
}

.kforuma {
    background-image: linear-gradient(270deg, #f819a7, #4619f8, #1a0a8c, #0d0668, #2b1bb8, #3c1ad4, #0f0778, #1e1090, #f819a7, #4619f8);
    background-size: 400% 100%;
    border-color: rgba(255, 0, 212, 0.6)
}

.testaf {
    background-image: linear-gradient(270deg, #cd5c5c, #dc143c, #c71585, #db7093, #ffa500);
    background-size: 250% 100%
}

.dalaner {
    background-image: linear-gradient(270deg, #000, #2f4f4f, #696969, #808080, #a9a9a9, #c0c0c0, #d3d3d3, #dcdcdc, #f5f5f5, #fff, #800000, #8b4513, #a0522d, #a52a2a, #bc8f8f, #cd853f, #d2691e, #d2b48c, #daa520, #deb887, #f4a460, #f5deb3, #ffdead, #ffe4c4, #ffebcd, #fff8dc, #bdb76b, #f0e68c, #eee8aa, #ffdab9, #ffe4b5, #ffefd5, #fafad2, #fffacd, #ffffe0, #ff0, #ffd700, #ffa500, #ff8c00, #ff7f50, #ff6347, #ff4500, #ffa07a, #fa8072, #e9967a, #f08080, #cd5c5c, #dc143c, #b22222, #8b0000, #f00, #ff69b4, #ff1493, #ffb6c1, #ffc0cb, #db7093, #c71585, #800080, #8b008b, #9400d3, #9932cc, #4b0082, #8a2be2, #ba55d3, #9370db, #6a5acd, #483d8b, #da70d6, #dda0dd, #d8bfd8, #ee82ee, #e6e6fa, #f0f, #000080, #00008b, #0000cd, #00f, #191970, #4169e1, #1e90ff, #00bfff, #6495ed, #7b68ee, #87cefa, #87ceeb, #add8e6, #b0c4de, #b0e0e6, #4682b4, #5f9ea0, #00ced1, #48d1cc, #40e0d0, #0ff, #7fffd4, #afeeee, #e0ffff, #006400, #008000, #228b22, #2e8b57, #32cd32, #3cb371, #00fa9a, #00ff7f, #90ee90, #98fb98, #0f0, #7cfc00, #7fff00, #adff2f, #9acd32, #6b8e23, #808000, #556b2f, #8fbc8f, #66cdaa, #20b2aa, #008080, #008b8b, #fff0f5, #ffe4e1, #fffafa, #f0fff0, #f5fffa, #f0ffff, #f0f8ff, #f8f8ff, #fff5ee, #f5f5dc, #fdf5e6, #fffaf0, #fffff0, #faebd7, #faf0e6);
    background-size: 6000% 100%;
    animation: dalaner-rainbow 15s linear infinite;
    border-color: rgba(148, 0, 211, 0.6);
    border-radius: 10px 0px 10px 0px
}

.userBanner.chapman-team {
    position: relative;
    background: transparent !important;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 5px 16px;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    z-index: 0
}

@keyframes chapmanSpin {
    0% {
        background-position: 0% 0%
    }

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

.userBanner.chapman-team::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(90deg, #f00, #fff, #42aaff, #f00);
    background-size: 300% 100%;
    border-radius: 12px;
    z-index: -1;
    animation: slideRightSmooth 2s ease-in-out infinite alternate
}

.userBanner.Sherlock {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 72%;
    border-radius: 6px;
    padding: 5.3px 7.3px;
    background: linear-gradient(135deg, #00f3ff, #ff00d4, #7000ff, #00f3ff, #ff00d4);
    background-size: 300% 300%;
    animation: AnimBanner 10s ease infinite;
    box-shadow: 0 0 10px #00bfff, 0 0 20px rgba(138, 43, 226, 0.6);
    position: relative;
    overflow: visible
}

.userBanner.Sherlock:before {
    content: '';
    background-image: url(https://forum.crmp.online/data/avatars/o/48/48946.jpg?1765984317);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    border: 1.5px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    flex-shrink: 0 !important;
    vertical-align: middle
}

@keyframes slideRightSmooth {
    0% {
        background-position: 0% 0%
    }

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

@keyframes dalaner-rainbow {
    0% {
        background-position: 0% 0%
    }

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

.kasperok {
    background-image: linear-gradient(90deg, #8b0000, #ee204d, #cd5c5c, #954535, #3b0918, #ff355e, #301934, #8b0000);
    background-size: 400% 100%
}

.kasper {
    font-family: 'Akira Expanded', 'Akira Expander', sans-serif !important;
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    animation: wagnerShimmer 3s ease-in-out infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    border: none !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 0 10px rgba(255, 0, 0, 0.7) !important;
    letter-spacing: 1px !important;
    min-height: 22px !important;
    max-height: 24px !important;
    line-height: 1.3 !important
}

.kasper::after {
    content: '';
    background-image: url('https://steamuserimages-a.akamaihd.net/ugc/2017102299334556140/2850FEB3E6AA7B24685305EC7610E5BCC874983F/?imw=512&imh=619&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29px;
    height: 29px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.8), 0 0 18px rgba(255, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.3);
    animation: wagnerPhoto 3s ease-in-out infinite;
    flex-shrink: 0 !important;
    align-self: center !important;
    filter: brightness(1.15) contrast(1.08) saturate(1.2)
}

.kasper:hover {
    animation: wagnerPulse .5s ease-in-out !important;
    transform: scale(1.04) !important
}

.kasper:hover::after {
    transform: scale(1.15) !important;
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.9), 0 0 25px rgba(255, 0, 0, 0.7), 0 4px 8px rgba(0, 0, 0, 0.4)
}

.pluxuryt {
    background-image: linear-gradient(270deg, #cd5c5c, #dc143c, #c71585, #db7093, #ffa500);
    background-size: 250% 100%
}

.my-unique-admin-container {
    display: flex !important;
    justify-content: flex-start !important;
    padding: 6px 0 !important;
    background: transparent !important;
    width: 100% !important;
    box-sizing: border-box !important
}

.my-unique-admin-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(145deg, #1a1a1a, #2a2a2a) !important;
    border: 1.5px solid #e87a20 !important;
    border-radius: 6px !important;
    padding: 5px 12px !important;
    width: 100% !important;
    color: #f5a623 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 0 #0d0d0d, 0 4px 12px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(232, 122, 32, 0.1) !important;
    transition: all .15s ease-in-out !important;
    cursor: pointer !important;
    user-select: none !important;
    position: relative !important;
    overflow: hidden !important;
    letter-spacing: 0.2px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important
}

.my-unique-admin-btn i {
    color: #e87a20 !important;
    font-size: 13px !important
}

.my-unique-admin-btn::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(232, 122, 32, 0.05), transparent) !important;
    transition: left .5s ease !important;
    pointer-events: none !important
}

.my-unique-admin-btn:hover::before {
    left: 100% !important
}

.my-unique-admin-btn:hover {
    border-color: #f58a2e !important;
    box-shadow: 0 2px 0 #0d0d0d, 0 6px 18px rgba(232, 122, 32, 0.15), inset 0 1px 0 rgba(232, 122, 32, 0.2) !important;
    transform: translateY(-1px) !important
}

.my-unique-admin-btn:active {
    transform: translateY(2px) !important;
    box-shadow: 0 1px 0 #0d0d0d, 0 3px 8px rgba(0, 0, 0, 0.4) !important
}

.crmp-roster {
    max-width: 640px;
    margin: 0 auto;
    padding: 20px 16px 30px;
    background: linear-gradient(180deg, #100b07 0%, #170f09 100%);
    color: #f3e8db;
    font-family: 'Oswald', Arial, sans-serif;
    border-radius: 14px;
    border: 1px solid #3c2712
}

.crmp-roster .crmp-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px
}

.crmp-roster .crmp-head .crmp-logo {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    object-fit: cover;
    border: 1.5px solid #ff7a1a
}

.crmp-roster .crmp-title {
    font-size: 26px;
    letter-spacing: 2px;
    color: #ffd27a;
    margin: 0
}

.crmp-roster .crmp-subtitle {
    font-size: 11px;
    color: #9c8064;
    margin-top: 4px
}

.crmp-roster .crmp-section {
    margin-bottom: 22px
}

.crmp-roster .crmp-section .crmp-section-title {
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #ffb066;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #3c2712
}

.crmp-roster .crmp-card {
    background: #1c130a;
    border: 1px solid #3c2712;
    border-left: 3px solid #ff7a1a;
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 8px;
    transition: border-color .15s ease
}

.crmp-roster .crmp-card:hover {
    border-color: #b8460a
}

.crmp-roster .crmp-card .crmp-nick {
    font-size: 15px;
    font-weight: 600;
    color: #f3e8db
}

.crmp-roster .crmp-card .crmp-role {
    font-size: 12px;
    color: #9c8064;
    margin-top: 3px
}

.crmp-roster .crmp-card .crmp-tag {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 7px;
    font-size: 9.5px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #ffb066;
    background: rgba(255, 122, 26, 0.1);
    border: 1px solid rgba(255, 122, 26, 0.25);
    border-radius: 5px
}

.crmp-roster .crmp-tier-founder {
    border-left-color: #ffd27a
}

.crmp-roster .crmp-tier-leadership {
    border-left-color: #ffb066
}

.crmp-roster .crmp-tier-forum {
    border-left-color: #d98c3f
}

.crmp-roster .crmp-tier-special {
    border-left-color: #ff7a1a
}

.crmp-roster .crmp-tier-chief {
    border-left-color: #b8460a
}

.crmp-roster .crmp-footer {
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #3c2712;
    text-align: center;
    font-size: 10.5px;
    color: #6b543d
}

.crmp-roster .crmp-footer b {
    color: #ffb066
}

@media (max-width:420px) {
    .crmp-roster .crmp-title {
        font-size: 21px
    }
}

.memberHeader--userId53187 .userTitle {
    color: black !important
}

.block-header {
    position: relative
}

.p-staffBar-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(145deg, #1a1a1a, #2a2a2a) !important;
    border: 1.5px solid #e87a20 !important;
    border-radius: 6px !important;
    padding: 5px 12px !important;
    width: 100% !important;
    color: #f5a623 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 0 #0d0d0d, 0 4px 12px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(232, 122, 32, 0.1) !important;
    transition: all .15s ease-in-out !important;
    cursor: pointer !important;
    user-select: none !important;
    position: relative !important;
    overflow: hidden !important;
    letter-spacing: 0.2px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important
}

.p-staffBar-link:before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(232, 122, 32, 0.05), transparent) !important;
    transition: left .5s ease !important;
    pointer-events: none !important
}

groznygyy · Вчера в 15:01

Kirushka написал(а):

Сливаю вам extra.less добавлены новые роли по типу чвк Вагнер Kasper и ещё что то

Extra less:

@charset "UTF-8";

/********* public:extra.less ********/
.userBanner {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 69%;
    border-radius: 90px 60px 90px 60px;
    padding: 5px 7px;
    background-size: 700% 700%;
    border: .6mm ridge rgba(255, 255, 255, 0.4);
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    border: .6mm ridge rgba(255, 255, 255, 0.4);
    background: linear-gradient(270deg, #1a1a2e, #16213e, #0f3460, #533483, #e94560, #533483, #0f3460, #16213e, #1a1a2e);
    background-size: 900% 900%
}

.userBanner.sixseven {
    background-image: linear-gradient(270deg, #f00, #ffa500, #ff8c00)
}

.userBanner.direktor {
    background-image: linear-gradient(270deg, #ff4500, #ff8c00, #ff6347)
}

.userBanner.pdirektor {
    background-image: linear-gradient(270deg, #00f, #191970, #8b4513, #4169e1)
}

.userBanner.kurserv {
    background-image: linear-gradient(270deg, #4682b4, #20b2aa, #00ff7f, #008080)
}

.userBanner.pkurserv {
    background-image: linear-gradient(270deg, #0f0, #0ff, #0f0)
}

.userBanner.rukadminov {
    background-image: linear-gradient(270deg, #f00, #ff8c00, #ff6347)
}

.userBanner.zukadminov {
    background-image: linear-gradient(270deg, #b22222, #800000, #a52a2a)
}

.userBanner.rukproj {
    background-image: linear-gradient(270deg, #f00, #dc143c, #b22222, #cd5c5c)
}

.userBanner.prukadminov {
    background-image: linear-gradient(270deg, #ff4500, #800000, #dc143c)
}

.userBanner.kuropg {
    background-image: linear-gradient(270deg, #808000, #6b8e23, #008080)
}

.userBanner.kurgoss {
    background-image: linear-gradient(270deg, #00f, #191970, #4682b4)
}

.userBanner.natural {
    background-image: linear-gradient(270deg, #8b00ff, #00008b)
}

.userBanner.lega {
    background-image: linear-gradient(270deg, #f36, #ff6b3d, #ffd700, #2ecc71, #00bcd4, #9b59b6, #e84393, #6c5ce7, #00cec9, #fd79a8, #fdcb6e, #0984e3, #f36)
}

.userBanner.ogn {
    background-image: linear-gradient(270deg, #ffa500, #f00, #800080)
}

.userBanner.sponsorf {
    color: #000000;
    background-image: linear-gradient(270deg, #e0f7ff, #fff, #a0e0ff, #e0f0ff, #fff, #b3e4ff)
}

.userBanner.malishi {
    background-image: linear-gradient(270deg, #7fff00, #32cd32, #008000, #808000)
}

.userBanner.borukones {
    background-image: linear-gradient(270deg, #008000, #ffc0cb, #ff0)
}

.userBanner.Lixvizz {
    background-image: linear-gradient(270deg, #ff1493, #ffc0cb, #c71585)
}

.userBanner.takers {
    background-image: linear-gradient(270deg, #1d0101, #4a0000, #b80000, #4a0000, #1d0101) !important;
    background-size: 700% 700% !important;
    animation: AnimBanner 10s ease infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 69% !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 50px !important;
    padding: 2px 16px 2px 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.45) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    letter-spacing: 0.6px !important;
    box-sizing: border-box !important;
    height: 30px !important;
    transition: transform .2s ease-in-out !important;
    vertical-align: middle;
    line-height: 1
}

.userBanner.takers::before {
    content: '';
    background-image: url('https://i.postimg.cc/FRf3Ss5c/I-HDVhegjz-TTYTk-YGQ24l-mfl-Rcr-V6tpydyt-Z3STk-LDG9p0d-Gp0Bgpht8s-Jyn-FHVKMf-Gvm02VKC7YSz3QZ62xc.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    border: 1.5px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    flex-shrink: 0 !important;
    vertical-align: middle
}

.userBanner.takers:hover {
    transform: scale(1.04) !important
}

.userBanner.zablok {
    background-image: linear-gradient(270deg, #000, #808080, #fff)
}

.userBanner.razrab {
    background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #06f, #04b)
}

.userBanner.soskags {
    background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

.userBanner.furman {
    background-image: linear-gradient(270deg, #f00, #ff69b4, #0ff)
}

.userBanner.furmanteam {
    background-image: linear-gradient(270deg, #ff0, #ffa500, #008000)
}

.userBanner.michikatsu {
    background-image: linear-gradient(270deg, #f0f, #800080, #ffc0cb)
}

.userBanner.soskazgs {
    background-image: linear-gradient(270deg, #06f, #ba55d3)
}

.userBanner.redadmin {
    background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.userBanner.user {
    background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

.userBanner.admin {
    background-image: linear-gradient(270deg, #8b008b, #4b0082, #9400d3)
}

.userBanner.ds {
    background-image: linear-gradient(270deg, #0ff, #1e90ff, #0000cd)
}

.userBanner.persona {
    background-image: linear-gradient(270deg, #ff69b4, #ff1493, #f0f)
}

.userBanner.mlmoder {
    background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}

.userBanner.stadm {
    background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.stmod {
    background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.userBanner.osnov {
    background-image: linear-gradient(270deg, #feea10, #ff931e);
    color: black
}

.userBanner.super {
    background-image: linear-gradient(270deg, #ffd700, #ffed4e, #daa520, #b8860b, #8b0000, #c41e3a, #800020, #4b0082, #6a0dad, #9400d3, #191970, #003153, #2e8b57, #50c878, #ffd700)
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.userBanner.lider {
    background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.kur {
    background-image: linear-gradient(270deg, #b0284d, #497fff)
}

.userBanner.adm {
    background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.mod {
    background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
}

.userBanner.teh {
    background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.moder {
    background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}

.grand {
    background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.black {
    background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.sueta {
    background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

.hassle {
    background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}

.test {
    background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

.devilschmo {
    background-image: linear-gradient(270deg, #8b4513, #f0f, #0ff)
}

.melky {
    background-image: linear-gradient(270deg, #9370db, #9932cc, #da70d6)
}

.project {
    background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

.dobryak {
    background-image: linear-gradient(270deg, #ff2400, #ff4d00, #ff6800)
}

.Cybers {
    background-image: linear-gradient(270deg, #800080, #8b008b, #800080)
}

.moderforuma {
    background-image: linear-gradient(270deg, #191970, #00bfff, #0ff)
}

.sponsor {
    background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

.spec {
    background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c)
}

.founder {
    background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10, #ff8c00)
}

.dominic {
    background-image: linear-gradient(270deg, #ffb3ff, #4d4dff, #8b4513)
}

.rasta {
    background-image: linear-gradient(270deg, #f00, #ff0, #008000)
}

.zamfounder {
    background-image: linear-gradient(270deg, #ffd700, #fff, #ff8c00, #fff);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

.Gladmin {
    background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

.takeshka {
    background-image: linear-gradient(270deg, #f0f, #ee82ee, #800080)
}

.ded {
    background-image: linear-gradient(270deg, #f00, #8b0000)
}

.ZGadmin {
    background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

.shumov {
    background: linear-gradient(270deg, #ff1a1a, #f00, #c00, #900, #c00, #f00, #ff1a1a);
    background-size: 400% 400%;
    animation: redFlow 6s ease infinite
}

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

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

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

.ryk {
    background-image: linear-gradient(270deg, #8b006d, #f00)
}

.pluxury {
    background-image: linear-gradient(270deg, #ff6745, #ffe7ab, #feb0ff, #ff8178, #ebb894, #ffcfad, #ffaf75)
}

.sledfrac {
    background-image: linear-gradient(270deg, #0000cd, #00f, #00bfff)
}

.zrp {
    background: linear-gradient(135deg, #dc143c, #cd5c5c, #8b0000);
    background-size: 300% 300%
}

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

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

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

.pref {
    background-color: #ff0000;
    font-size: 77%;
    color: white;
    border: 3px solid #f00;
    text-align: center;
    border-radius: 6px
}

.pref.otkr {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.otk {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.rech {
    background-color: #f24666;
    border: 3px solid #f24666
}

.pref.inf {
    background-color: #ffbb00;
    border: 3px solid #fb0
}

.pref.zakr {
    background-color: #ff2b2b;
    border: 3px solid #ff2b2b
}

.pref.ras {
    background-color: #0044ff;
    border: 3px solid #04f
}

.pref.prov {
    background-color: #ee7700;
    border: 3px solid #e70
}

.pref.pr {
    background-color: #00bbff;
    border: 3px solid #0bf
}

.p-header-logo.p-header-logo--image img {
    max-width: 100%;
    max-height: 100px
}

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px
}

.v {
    background: #ff0000;
    box-shadow: 0 0 12px #f00
}

.ras {
    background: #0044ff;
    box-shadow: 0 0 12px #04f
}

.otk {
    background: #00AA00;
    box-shadow: 0 0 12px #0a0
}

.rasm {
    background: #ee7700;
    box-shadow: 0 0 12px #e70
}

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0
}

.pref {
    background-color: #ff0000;
    font-size: 77%;
    color: white;
    border: 3px solid #f00;
    text-align: center;
    border-radius: 6px
}

.pref.otkr {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.otk {
    background-color: #33ff33;
    border: 3px solid #3f3
}

.pref.rech {
    background-color: #f24666;
    border: 3px solid #f24666
}

.pref.inf {
    background-color: #ffbb00;
    border: 3px solid #fb0
}

.pref.zakr {
    background-color: #ff2b2b;
    border: 3px solid #ff2b2b
}

.pref.ras {
    background-color: #0044ff;
    border: 3px solid #04f
}

.pref.prov {
    background-color: #ee7700;
    border: 3px solid #e70
}

.pref.pr {
    background-color: #00bbff;
    border: 3px solid #0bf
}

.p-header-logo.p-header-logo--image img {
    max-width: 100%;
    max-height: 100px
}

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px
}

.v {
    background: #ff0000;
    box-shadow: 0 0 12px #f00
}

.ras {
    background: #0044ff;
    box-shadow: 0 0 12px #04f
}

.otk {
    background: #00AA00;
    box-shadow: 0 0 12px #0a0
}

.rasm {
    background: #ee7700;
    box-shadow: 0 0 12px #e70
}

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0
}

.p-header-logo.p-header-logo--image img {
    max-width: 140%;
    max-height: 80px
}

.userBanner.shumovPaint {
    position: relative;
    border: 0 !important;
    color: #fff !important;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 6px;
    overflow: hidden
}

.userBanner.shumovPaint::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg, #f00, #b30000, #7a0000, #b30000, #f00);
    background-size: 400% 400%;
    animation: shumovRedFlow 6s ease-in-out infinite;
    z-index: 0
}

.userBanner.shumovPaint span,
.userBanner.shumovPaint {
    position: relative;
    z-index: 1
}

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

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

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

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

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

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

.memberTooltip.memberTooltip-userGroup--49572 {
    box-shadow: 0 0 25px #00f
}

.memberTooltip.memberTooltip-userGroup--49572 {
    box-shadow: 0 0 10px #f00;
    animation: rainbow 2s linear infinite
}

@keyframes rainbow {
    0% {
        box-shadow: 0 0 10px #f00
    }

    12.5% {
        box-shadow: 0 0 10px #ff7f00
    }

    25% {
        box-shadow: 0 0 10px #ff0
    }

    37.5% {
        box-shadow: 0 0 10px #0f0
    }

    50% {
        box-shadow: 0 0 10px #0ff
    }

    62.5% {
        box-shadow: 0 0 10px #00f
    }

    75% {
        box-shadow: 0 0 10px #8000ff
    }

    87.5% {
        box-shadow: 0 0 10px #f0f
    }

    100% {
        box-shadow: 0 0 10px #f00
    }
}

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

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

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

.p-navEl-link--test {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--amn1), var(--amn2));
    color: var(--amnText);
    font-weight: 700;
    letter-spacing: .2px;
    text-decoration: none;
    border: 0;
    box-shadow: none;
    background-clip: padding-box;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease
}

.p-navEl--test {
    --amn1: #16a249;
    --amn2: #059467;
    --amnText: #fff
}

.username--style1:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f007";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style1:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style2:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f2bd";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style2:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f09c";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style3:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style4:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0ae";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style4:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style5:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f464";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style5:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style6:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f21b";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style6:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style8:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f132";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style8:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style9:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f091";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style9:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style10:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0f3";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style10:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style12:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6df";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style12:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style14:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style14:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style15:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f1b2";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style15:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style16:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f109";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style16:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style17:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f12e";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style17:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style24:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0e4";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style24:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style26:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f005";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style26:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style32:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f044";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style32:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style35:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0b1";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style35:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style38:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f155";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style38:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style43:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f19d";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

style43:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style50:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f559";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style50:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style70:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0e3";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style70:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style95:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4bb";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style95:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style115:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style115:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style118:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f55f";
    font-weight: 900;
    padding-right: 4px;
    display: inline-block
}

.username--style118:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style119:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f544";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style119:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style124:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f21b";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style124:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style131:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f1b3";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style131:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style145:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0b1";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style145:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style154:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f03e";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style154:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style162:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f392";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style162:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style192:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4bc";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style192:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style193:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f445";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style193:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style199:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f109";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style199:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style202:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6cc";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style202:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style206:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f3ed";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style206:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style248:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f521";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style248:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style211:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f51f";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style211:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style212:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f189";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style212:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style225:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f219";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style225:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style226:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0d6";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style225:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style249:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style249:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style250:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f52d";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style250:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style251:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f729";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style256:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f755";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style256:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style257:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6b5";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style257:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style258:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style258:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style259:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f762";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block
}

.username--style259:hover:before {
    transform: rotate(360deg);
    transition: all .8s
}

.username--style261:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f7b6";
    font-weight: 600;
    padding-right: 4px;
    display: inline-block;
    transform: scale(1) translateY(0);
    transition: all .8s cubic-bezier(.25, 1, .5, 1)
}

.username--style261:hover:before {
    transform: scale(1.15) translateY(-2px);
    transition: all .8s cubic-bezier(.25, 1, .5, 1)
}

.kforuma {
    background-image: linear-gradient(270deg, #f819a7, #4619f8, #1a0a8c, #0d0668, #2b1bb8, #3c1ad4, #0f0778, #1e1090, #f819a7, #4619f8);
    background-size: 400% 100%;
    border-color: rgba(255, 0, 212, 0.6)
}

.testaf {
    background-image: linear-gradient(270deg, #cd5c5c, #dc143c, #c71585, #db7093, #ffa500);
    background-size: 250% 100%
}

.dalaner {
    background-image: linear-gradient(270deg, #000, #2f4f4f, #696969, #808080, #a9a9a9, #c0c0c0, #d3d3d3, #dcdcdc, #f5f5f5, #fff, #800000, #8b4513, #a0522d, #a52a2a, #bc8f8f, #cd853f, #d2691e, #d2b48c, #daa520, #deb887, #f4a460, #f5deb3, #ffdead, #ffe4c4, #ffebcd, #fff8dc, #bdb76b, #f0e68c, #eee8aa, #ffdab9, #ffe4b5, #ffefd5, #fafad2, #fffacd, #ffffe0, #ff0, #ffd700, #ffa500, #ff8c00, #ff7f50, #ff6347, #ff4500, #ffa07a, #fa8072, #e9967a, #f08080, #cd5c5c, #dc143c, #b22222, #8b0000, #f00, #ff69b4, #ff1493, #ffb6c1, #ffc0cb, #db7093, #c71585, #800080, #8b008b, #9400d3, #9932cc, #4b0082, #8a2be2, #ba55d3, #9370db, #6a5acd, #483d8b, #da70d6, #dda0dd, #d8bfd8, #ee82ee, #e6e6fa, #f0f, #000080, #00008b, #0000cd, #00f, #191970, #4169e1, #1e90ff, #00bfff, #6495ed, #7b68ee, #87cefa, #87ceeb, #add8e6, #b0c4de, #b0e0e6, #4682b4, #5f9ea0, #00ced1, #48d1cc, #40e0d0, #0ff, #7fffd4, #afeeee, #e0ffff, #006400, #008000, #228b22, #2e8b57, #32cd32, #3cb371, #00fa9a, #00ff7f, #90ee90, #98fb98, #0f0, #7cfc00, #7fff00, #adff2f, #9acd32, #6b8e23, #808000, #556b2f, #8fbc8f, #66cdaa, #20b2aa, #008080, #008b8b, #fff0f5, #ffe4e1, #fffafa, #f0fff0, #f5fffa, #f0ffff, #f0f8ff, #f8f8ff, #fff5ee, #f5f5dc, #fdf5e6, #fffaf0, #fffff0, #faebd7, #faf0e6);
    background-size: 6000% 100%;
    animation: dalaner-rainbow 15s linear infinite;
    border-color: rgba(148, 0, 211, 0.6);
    border-radius: 10px 0px 10px 0px
}

.userBanner.chapman-team {
    position: relative;
    background: transparent !important;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 5px 16px;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    z-index: 0
}

@keyframes chapmanSpin {
    0% {
        background-position: 0% 0%
    }

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

.userBanner.chapman-team::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(90deg, #f00, #fff, #42aaff, #f00);
    background-size: 300% 100%;
    border-radius: 12px;
    z-index: -1;
    animation: slideRightSmooth 2s ease-in-out infinite alternate
}

.userBanner.Sherlock {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 72%;
    border-radius: 6px;
    padding: 5.3px 7.3px;
    background: linear-gradient(135deg, #00f3ff, #ff00d4, #7000ff, #00f3ff, #ff00d4);
    background-size: 300% 300%;
    animation: AnimBanner 10s ease infinite;
    box-shadow: 0 0 10px #00bfff, 0 0 20px rgba(138, 43, 226, 0.6);
    position: relative;
    overflow: visible
}

.userBanner.Sherlock:before {
    content: '';
    background-image: url(https://forum.crmp.online/data/avatars/o/48/48946.jpg?1765984317);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    border: 1.5px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    flex-shrink: 0 !important;
    vertical-align: middle
}

@keyframes slideRightSmooth {
    0% {
        background-position: 0% 0%
    }

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

@keyframes dalaner-rainbow {
    0% {
        background-position: 0% 0%
    }

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

.kasperok {
    background-image: linear-gradient(90deg, #8b0000, #ee204d, #cd5c5c, #954535, #3b0918, #ff355e, #301934, #8b0000);
    background-size: 400% 100%
}

.kasper {
    font-family: 'Akira Expanded', 'Akira Expander', sans-serif !important;
    color: #fff;
    border: none;
    background-image: linear-gradient(210deg, #8b0000, #000, #8b0000, #000, #8b0000, #000, #8b0000, #000);
    background-size: 900% 900%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    animation: wagnerShimmer 3s ease-in-out infinite !important;
    color: white !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    border: none !important;
    position: relative !important;
    overflow: visible !important;
    box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 4px !important;
    text-shadow: 0 0 10px rgba(255, 0, 0, 0.7) !important;
    letter-spacing: 1px !important;
    min-height: 22px !important;
    max-height: 24px !important;
    line-height: 1.3 !important
}

.kasper::after {
    content: '';
    background-image: url('https://steamuserimages-a.akamaihd.net/ugc/2017102299334556140/2850FEB3E6AA7B24685305EC7610E5BCC874983F/?imw=512&imh=619&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29px;
    height: 29px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.8), 0 0 18px rgba(255, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.3);
    animation: wagnerPhoto 3s ease-in-out infinite;
    flex-shrink: 0 !important;
    align-self: center !important;
    filter: brightness(1.15) contrast(1.08) saturate(1.2)
}

.kasper:hover {
    animation: wagnerPulse .5s ease-in-out !important;
    transform: scale(1.04) !important
}

.kasper:hover::after {
    transform: scale(1.15) !important;
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.9), 0 0 25px rgba(255, 0, 0, 0.7), 0 4px 8px rgba(0, 0, 0, 0.4)
}

.pluxuryt {
    background-image: linear-gradient(270deg, #cd5c5c, #dc143c, #c71585, #db7093, #ffa500);
    background-size: 250% 100%
}

.my-unique-admin-container {
    display: flex !important;
    justify-content: flex-start !important;
    padding: 6px 0 !important;
    background: transparent !important;
    width: 100% !important;
    box-sizing: border-box !important
}

.my-unique-admin-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(145deg, #1a1a1a, #2a2a2a) !important;
    border: 1.5px solid #e87a20 !important;
    border-radius: 6px !important;
    padding: 5px 12px !important;
    width: 100% !important;
    color: #f5a623 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 0 #0d0d0d, 0 4px 12px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(232, 122, 32, 0.1) !important;
    transition: all .15s ease-in-out !important;
    cursor: pointer !important;
    user-select: none !important;
    position: relative !important;
    overflow: hidden !important;
    letter-spacing: 0.2px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important
}

.my-unique-admin-btn i {
    color: #e87a20 !important;
    font-size: 13px !important
}

.my-unique-admin-btn::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(232, 122, 32, 0.05), transparent) !important;
    transition: left .5s ease !important;
    pointer-events: none !important
}

.my-unique-admin-btn:hover::before {
    left: 100% !important
}

.my-unique-admin-btn:hover {
    border-color: #f58a2e !important;
    box-shadow: 0 2px 0 #0d0d0d, 0 6px 18px rgba(232, 122, 32, 0.15), inset 0 1px 0 rgba(232, 122, 32, 0.2) !important;
    transform: translateY(-1px) !important
}

.my-unique-admin-btn:active {
    transform: translateY(2px) !important;
    box-shadow: 0 1px 0 #0d0d0d, 0 3px 8px rgba(0, 0, 0, 0.4) !important
}

.crmp-roster {
    max-width: 640px;
    margin: 0 auto;
    padding: 20px 16px 30px;
    background: linear-gradient(180deg, #100b07 0%, #170f09 100%);
    color: #f3e8db;
    font-family: 'Oswald', Arial, sans-serif;
    border-radius: 14px;
    border: 1px solid #3c2712
}

.crmp-roster .crmp-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px
}

.crmp-roster .crmp-head .crmp-logo {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    object-fit: cover;
    border: 1.5px solid #ff7a1a
}

.crmp-roster .crmp-title {
    font-size: 26px;
    letter-spacing: 2px;
    color: #ffd27a;
    margin: 0
}

.crmp-roster .crmp-subtitle {
    font-size: 11px;
    color: #9c8064;
    margin-top: 4px
}

.crmp-roster .crmp-section {
    margin-bottom: 22px
}

.crmp-roster .crmp-section .crmp-section-title {
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #ffb066;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #3c2712
}

.crmp-roster .crmp-card {
    background: #1c130a;
    border: 1px solid #3c2712;
    border-left: 3px solid #ff7a1a;
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 8px;
    transition: border-color .15s ease
}

.crmp-roster .crmp-card:hover {
    border-color: #b8460a
}

.crmp-roster .crmp-card .crmp-nick {
    font-size: 15px;
    font-weight: 600;
    color: #f3e8db
}

.crmp-roster .crmp-card .crmp-role {
    font-size: 12px;
    color: #9c8064;
    margin-top: 3px
}

.crmp-roster .crmp-card .crmp-tag {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 7px;
    font-size: 9.5px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #ffb066;
    background: rgba(255, 122, 26, 0.1);
    border: 1px solid rgba(255, 122, 26, 0.25);
    border-radius: 5px
}

.crmp-roster .crmp-tier-founder {
    border-left-color: #ffd27a
}

.crmp-roster .crmp-tier-leadership {
    border-left-color: #ffb066
}

.crmp-roster .crmp-tier-forum {
    border-left-color: #d98c3f
}

.crmp-roster .crmp-tier-special {
    border-left-color: #ff7a1a
}

.crmp-roster .crmp-tier-chief {
    border-left-color: #b8460a
}

.crmp-roster .crmp-footer {
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #3c2712;
    text-align: center;
    font-size: 10.5px;
    color: #6b543d
}

.crmp-roster .crmp-footer b {
    color: #ffb066
}

@media (max-width:420px) {
    .crmp-roster .crmp-title {
        font-size: 21px
    }
}

.memberHeader--userId53187 .userTitle {
    color: black !important
}

.block-header {
    position: relative
}

.p-staffBar-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(145deg, #1a1a1a, #2a2a2a) !important;
    border: 1.5px solid #e87a20 !important;
    border-radius: 6px !important;
    padding: 5px 12px !important;
    width: 100% !important;
    color: #f5a623 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 0 #0d0d0d, 0 4px 12px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(232, 122, 32, 0.1) !important;
    transition: all .15s ease-in-out !important;
    cursor: pointer !important;
    user-select: none !important;
    position: relative !important;
    overflow: hidden !important;
    letter-spacing: 0.2px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important
}

.p-staffBar-link:before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(232, 122, 32, 0.05), transparent) !important;
    transition: left .5s ease !important;
    pointer-events: none !important
}

OFFTOP

его сотню раз сливали, последний раз в четыерг скинули, код один и тот же. Удаляй

Kirushka · Вчера в 15:18

groznygyy написал(а):
OFFTOP
его сотню раз сливали, последний раз в четыерг скинули, код один и тот же. Удаляй

Вряд ли я там не увидел роли Каспер

Dev Cold · Вчера в 15:18

OFFTOP

ура очередной слив шедевроекстралесскрмпонлайн

groznygyy · Вчера в 15:33

Kirushka написал(а):
Вряд ли я там не увидел роли Каспер

OFFTOP

так в чем смысл, это один и тот же код, каспер там всегда был

Kirushka · Вчера в 15:34

groznygyy написал(а):
OFFTOP
так в чем смысл, это один и тот же код, каспер там всегда был

OFFTOP

ну так самый конец листни поймешь

пи диддии · Вчера в 17:13

OFFTOP

краски вагнера и Каспера я делал кстати

Kirushka · Вчера в 17:25

пи диддии написал(а):
OFFTOP
краски вагнера и Каспера я делал кстати

OFFTOP

красава

Поиск

Welcome!

[СЛИВ] extra less CRMP ONLINE

Kirushka

groznygyy

Kirushka

Dev Cold

groznygyy

Kirushka

пи диддии

Kirushka