Помощь по стилю и красок

Denis_B · Вторник в 16:40

Можете дать стиль и краски у данного форума

https://forum.keeper-nexus.com/

(Не реклама)

Kejerxf · Вторник в 16:45

Denis_B написал(а):
Можете дать стиль и краски у данного форума

https://forum.keeper-nexus.com/
(Не реклама)

OFFTOP

Тяжело

yyklimenko · Вторник в 19:41

Denis_B написал(а):
Можете дать стиль и краски у данного форума

https://forum.keeper-nexus.com/
(Не реклама)

CSS:

.actual-svg {
    background: #289db936;
    color: #00ceffa8;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.arkhiv-svg {
    background: #4b4b4b;
    color: #bbbbbb;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.yuo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.vo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.zo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.po-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.fo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.chandler-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.so-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.mo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.nrassm-svg {
    background: #ffeaa970;
    color: #ffce6d;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.otkaz-svg {
    background: #53000070;
    color: #a90000;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.odobr-svg {
    background: #14591473;
    color: #55b500;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.rassm-svg {
    background: #14591473;
    color: #55b500;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.prefix-custom-svg {
    background: #ffa1a136;
    color: #ff0000bd;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.info-svg {
    background: #829cff36;
    color: #a9a9a9;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.chs-svg {
    background: #000000;
    color: #b1b1b1;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.userBanner--keeperdev {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    font-size: 12px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(66,13,13,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(66,13,13,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #420d0d !important;
    font-weight: bold !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--keeperdev::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
    font-size: 16px !important;
    z-index: 2 !important
}

.userBanner--keeperdev::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(66,13,13,0.3) 0%, rgba(66,13,13,0.15) 50%, rgba(50,10,10,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--keeperdev:hover {
    background: rgba(66,13,13,0.3) !important;
    border-color: rgba(66,13,13,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--turquoise2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(20,184,166,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(20,184,166,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #5eead4 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--turquoise2::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--turquoise2:hover {
    background: rgba(20,184,166,0.3) !important;
    border-color: rgba(20,184,166,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--turquoise {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 55px !important;
    padding: 0 16px !important;
    background: rgba(20,184,166,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(20,184,166,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #5eead4 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--turquoise::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--turquoise:hover {
    background: rgba(20,184,166,0.3) !important;
    border-color: rgba(20,184,166,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(0,187,204,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(0,187,204,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #6f8d95 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(0,187,204,0.74) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(0,187,204,0.3) 0%, rgba(0,187,204,0.15) 50%, rgba(0,150,163,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderator:hover {
    background: rgba(0,187,204,0.3) !important;
    border-color: rgba(0,187,204,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--senior-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,204,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,204,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #c7a21c !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #ffd738 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--senior-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--senior-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,204,0,0.3) 0%, rgba(255,204,0,0.15) 50%, rgba(199,162,28,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--senior-moderator:hover {
    background: rgba(255,204,0,0.3) !important;
    border-color: rgba(255,204,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderation-watcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(60,0,255,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(60,0,255,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #333aff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(60,0,255,0.52) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderation-watcher::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderation-watcher::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(60,0,255,0.3) 0%, rgba(60,0,255,0.15) 50%, rgba(51,58,255,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderation-watcher:hover {
    background: rgba(60,0,255,0.3) !important;
    border-color: rgba(60,0,255,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--special-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(99,102,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(99,102,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--special-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--special-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--special-moderator:hover {
    background: rgba(99,102,241,0.3) !important;
    border-color: rgba(99,102,241,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderation-curator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(212,101,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(212,101,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #d465f1 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #d867f4 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderation-curator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderation-curator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(212,101,241,0.3) 0%, rgba(212,101,241,0.15) 50%, rgba(192,86,218,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderation-curator:hover {
    background: rgba(212,101,241,0.3) !important;
    border-color: rgba(212,101,241,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--deputy-chief-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(136,180,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(136,180,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #88B400 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #b5e133 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--deputy-chief-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--deputy-chief-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(136,180,0,0.3) 0%, rgba(136,180,0,0.15) 50%, rgba(109,144,0,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--deputy-chief-moderator:hover {
    background: rgba(136,180,0,0.3) !important;
    border-color: rgba(136,180,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--chief-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(23,147,25,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(23,147,25,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #179319 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #179219 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--chief-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--chief-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(23,147,25,0.3) 0%, rgba(23,147,25,0.15) 50%, rgba(18,118,20,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--chief-moderator:hover {
    background: rgba(23,147,25,0.3) !important;
    border-color: rgba(23,147,25,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--event-host {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,182,193,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,182,193,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ffb6c1 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(255,182,193,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--event-host::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--event-host::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,182,193,0.3) 0%, rgba(255,182,193,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--event-host:hover {
    background: rgba(255,182,193,0.3) !important;
    border-color: rgba(255,182,193,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--main-admin {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(0,100,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(0,100,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #4d9f4d !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(0,100,0,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--main-admin::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--main-admin::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(0,100,0,0.3) 0%, rgba(0,100,0,0.15) 50%, rgba(0,80,0,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--main-admin:hover {
    background: rgba(0,100,0,0.3) !important;
    border-color: rgba(0,100,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--discord-curator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(220,38,38,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(220,38,38,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #f87171 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(220,38,38,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--discord-curator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--discord-curator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(220,38,38,0.3) 0%, rgba(220,38,38,0.15) 50%, rgba(185,28,28,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--discord-curator:hover {
    background: rgba(220,38,38,0.3) !important;
    border-color: rgba(220,38,38,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--discord-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(185,28,28,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(185,28,28,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ef4444 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(185,28,28,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--discord-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--discord-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(185,28,28,0.3) 0%, rgba(185,28,28,0.15) 50%, rgba(153,27,27,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--discord-director:hover {
    background: rgba(185,28,28,0.3) !important;
    border-color: rgba(185,28,28,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--host-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,192,203,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,192,203,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ffc0cb !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(255,192,203,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--host-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--host-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,192,203,0.3) 0%, rgba(255,192,203,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--host-director:hover {
    background: rgba(255,192,203,0.3) !important;
    border-color: rgba(255,192,203,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--ecosystem-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(239,68,68,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(239,68,68,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #fca5a5 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(239,68,68,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--ecosystem-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--ecosystem-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(239,68,68,0.3) 0%, rgba(239,68,68,0.15) 50%, rgba(220,38,38,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--ecosystem-director:hover {
    background: rgba(239,68,68,0.3) !important;
    border-color: rgba(239,68,68,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--community {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(34,139,34,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(34,139,34,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #4ade80 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(34,139,34,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--community::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--community::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(34,139,34,0.3) 0%, rgba(34,139,34,0.15) 50%, rgba(22,101,52,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--community:hover {
    background: rgba(34,139,34,0.3) !important;
    border-color: rgba(34,139,34,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--special-moderator-vk {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 55px !important;
    padding: 0 16px !important;
    background: rgba(99,102,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(99,102,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--special-moderator-vk::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--special-moderator-vk::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

Denis_B · Вторник в 23:58

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

CSS:

.actual-svg {
    background: #289db936;
    color: #00ceffa8;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.arkhiv-svg {
    background: #4b4b4b;
    color: #bbbbbb;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.yuo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.vo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.zo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.po-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.fo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.chandler-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.so-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.mo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.nrassm-svg {
    background: #ffeaa970;
    color: #ffce6d;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.otkaz-svg {
    background: #53000070;
    color: #a90000;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.odobr-svg {
    background: #14591473;
    color: #55b500;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.rassm-svg {
    background: #14591473;
    color: #55b500;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.prefix-custom-svg {
    background: #ffa1a136;
    color: #ff0000bd;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.info-svg {
    background: #829cff36;
    color: #a9a9a9;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.chs-svg {
    background: #000000;
    color: #b1b1b1;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.userBanner--keeperdev {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    font-size: 12px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(66,13,13,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(66,13,13,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #420d0d !important;
    font-weight: bold !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--keeperdev::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
    font-size: 16px !important;
    z-index: 2 !important
}

.userBanner--keeperdev::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(66,13,13,0.3) 0%, rgba(66,13,13,0.15) 50%, rgba(50,10,10,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--keeperdev:hover {
    background: rgba(66,13,13,0.3) !important;
    border-color: rgba(66,13,13,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--turquoise2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(20,184,166,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(20,184,166,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #5eead4 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--turquoise2::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--turquoise2:hover {
    background: rgba(20,184,166,0.3) !important;
    border-color: rgba(20,184,166,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--turquoise {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 55px !important;
    padding: 0 16px !important;
    background: rgba(20,184,166,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(20,184,166,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #5eead4 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--turquoise::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--turquoise:hover {
    background: rgba(20,184,166,0.3) !important;
    border-color: rgba(20,184,166,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(0,187,204,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(0,187,204,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #6f8d95 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(0,187,204,0.74) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(0,187,204,0.3) 0%, rgba(0,187,204,0.15) 50%, rgba(0,150,163,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderator:hover {
    background: rgba(0,187,204,0.3) !important;
    border-color: rgba(0,187,204,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--senior-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,204,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,204,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #c7a21c !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #ffd738 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--senior-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--senior-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,204,0,0.3) 0%, rgba(255,204,0,0.15) 50%, rgba(199,162,28,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--senior-moderator:hover {
    background: rgba(255,204,0,0.3) !important;
    border-color: rgba(255,204,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderation-watcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(60,0,255,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(60,0,255,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #333aff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(60,0,255,0.52) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderation-watcher::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderation-watcher::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(60,0,255,0.3) 0%, rgba(60,0,255,0.15) 50%, rgba(51,58,255,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderation-watcher:hover {
    background: rgba(60,0,255,0.3) !important;
    border-color: rgba(60,0,255,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--special-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(99,102,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(99,102,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--special-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--special-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--special-moderator:hover {
    background: rgba(99,102,241,0.3) !important;
    border-color: rgba(99,102,241,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderation-curator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(212,101,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(212,101,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #d465f1 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #d867f4 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderation-curator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderation-curator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(212,101,241,0.3) 0%, rgba(212,101,241,0.15) 50%, rgba(192,86,218,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderation-curator:hover {
    background: rgba(212,101,241,0.3) !important;
    border-color: rgba(212,101,241,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--deputy-chief-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(136,180,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(136,180,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #88B400 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #b5e133 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--deputy-chief-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--deputy-chief-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(136,180,0,0.3) 0%, rgba(136,180,0,0.15) 50%, rgba(109,144,0,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--deputy-chief-moderator:hover {
    background: rgba(136,180,0,0.3) !important;
    border-color: rgba(136,180,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--chief-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(23,147,25,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(23,147,25,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #179319 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #179219 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--chief-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--chief-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(23,147,25,0.3) 0%, rgba(23,147,25,0.15) 50%, rgba(18,118,20,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--chief-moderator:hover {
    background: rgba(23,147,25,0.3) !important;
    border-color: rgba(23,147,25,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--event-host {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,182,193,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,182,193,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ffb6c1 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(255,182,193,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--event-host::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--event-host::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,182,193,0.3) 0%, rgba(255,182,193,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--event-host:hover {
    background: rgba(255,182,193,0.3) !important;
    border-color: rgba(255,182,193,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--main-admin {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(0,100,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(0,100,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #4d9f4d !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(0,100,0,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--main-admin::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--main-admin::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(0,100,0,0.3) 0%, rgba(0,100,0,0.15) 50%, rgba(0,80,0,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--main-admin:hover {
    background: rgba(0,100,0,0.3) !important;
    border-color: rgba(0,100,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--discord-curator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(220,38,38,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(220,38,38,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #f87171 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(220,38,38,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--discord-curator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--discord-curator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(220,38,38,0.3) 0%, rgba(220,38,38,0.15) 50%, rgba(185,28,28,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--discord-curator:hover {
    background: rgba(220,38,38,0.3) !important;
    border-color: rgba(220,38,38,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--discord-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(185,28,28,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(185,28,28,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ef4444 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(185,28,28,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--discord-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--discord-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(185,28,28,0.3) 0%, rgba(185,28,28,0.15) 50%, rgba(153,27,27,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--discord-director:hover {
    background: rgba(185,28,28,0.3) !important;
    border-color: rgba(185,28,28,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--host-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,192,203,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,192,203,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ffc0cb !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(255,192,203,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--host-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--host-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,192,203,0.3) 0%, rgba(255,192,203,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--host-director:hover {
    background: rgba(255,192,203,0.3) !important;
    border-color: rgba(255,192,203,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--ecosystem-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(239,68,68,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(239,68,68,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #fca5a5 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(239,68,68,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--ecosystem-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--ecosystem-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(239,68,68,0.3) 0%, rgba(239,68,68,0.15) 50%, rgba(220,38,38,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--ecosystem-director:hover {
    background: rgba(239,68,68,0.3) !important;
    border-color: rgba(239,68,68,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--community {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(34,139,34,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(34,139,34,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #4ade80 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(34,139,34,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--community::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--community::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(34,139,34,0.3) 0%, rgba(34,139,34,0.15) 50%, rgba(22,101,52,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--community:hover {
    background: rgba(34,139,34,0.3) !important;
    border-color: rgba(34,139,34,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--special-moderator-vk {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 55px !important;
    padding: 0 16px !important;
    background: rgba(99,102,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(99,102,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--special-moderator-vk::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--special-moderator-vk::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

Не работает

Александри Македонский · Вчера в 14:24

@Denis_B, потому что у них сами баннеры залиты на хостинг

Denis_B · Вчера в 16:55

Александри Македонский написал(а):
@Denis_B, потому что у них сами баннеры залиты на хостинг

А как сделать,уже не как?

'мистер' 'ноунейм' · Вчера в 16:58

Как зделать так же синию галочку? У меня обычная типо

Denis_B · Вчера в 17:11

'мистер' 'ноунейм' написал(а):
Посмотреть вложение 20301
Как зделать так же синию галочку? У меня обычная типо

Мне только краски,хотя бы,стиль похожий найду

COLTON · Вчера в 17:13

Denis_B написал(а):
Мне только краски,хотя бы,стиль похожий найду

Сяду за компьютер, если не забуду скину.

Denis_B · Вчера в 17:17

COLTON написал(а):
Сяду за компьютер, если не забуду скину.

Ок

'мистер' 'ноунейм' · Вчера в 17:17

COLTON написал(а):
Сяду за компьютер, если не забуду скину.

Броу как изменить цвет галочки типо чтобы была синяя?

Сама галочка - far fa-badge-check

А цвет как не зделать?

COLTON · Вчера в 17:19

'мистер' 'ноунейм' написал(а):
Броу как изменить цвет галочки типо чтобы была синяя?
Посмотреть вложение 20302
Сама галочка - far fa-badge-check

А цвет как не зделать?

Так поменять картинку галочки. То бишь " far fa-badge-check"

COLTON · Вчера в 17:44

Так надо:

.actual-svg {
    background: #289db936;
    color: #00ceffa8;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.arkhiv-svg {
    background: #4b4b4b;
    color: #bbbbbb;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.yuo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.vo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.zo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.po-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.fo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.chandler-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.so-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.mo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.nrassm-svg {
    background: #ffeaa970;
    color: #ffce6d;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.otkaz-svg {
    background: #53000070;
    color: #a90000;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.odobr-svg {
    background: #14591473;
    color: #55b500;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.rassm-svg {
    background: #14591473;
    color: #55b500;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.prefix-custom-svg {
    background: #ffa1a136;
    color: #ff0000bd;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.info-svg {
    background: #829cff36;
    color: #a9a9a9;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.chs-svg {
    background: #000000;
    color: #b1b1b1;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.userBanner--keeperdev {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    font-size: 12px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(66,13,13,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(66,13,13,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #420d0d !important;
    font-weight: bold !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--keeperdev::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
    font-size: 16px !important;
    z-index: 2 !important
}

.userBanner--keeperdev::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(66,13,13,0.3) 0%, rgba(66,13,13,0.15) 50%, rgba(50,10,10,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--keeperdev:hover {
    background: rgba(66,13,13,0.3) !important;
    border-color: rgba(66,13,13,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--turquoise2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(20,184,166,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(20,184,166,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #5eead4 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--turquoise2::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--turquoise2:hover {
    background: rgba(20,184,166,0.3) !important;
    border-color: rgba(20,184,166,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--turquoise {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 55px !important;
    padding: 0 16px !important;
    background: rgba(20,184,166,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(20,184,166,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #5eead4 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--turquoise::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--turquoise:hover {
    background: rgba(20,184,166,0.3) !important;
    border-color: rgba(20,184,166,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(0,187,204,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(0,187,204,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #6f8d95 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(0,187,204,0.74) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(0,187,204,0.3) 0%, rgba(0,187,204,0.15) 50%, rgba(0,150,163,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderator:hover {
    background: rgba(0,187,204,0.3) !important;
    border-color: rgba(0,187,204,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--senior-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,204,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,204,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #c7a21c !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #ffd738 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--senior-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--senior-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,204,0,0.3) 0%, rgba(255,204,0,0.15) 50%, rgba(199,162,28,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--senior-moderator:hover {
    background: rgba(255,204,0,0.3) !important;
    border-color: rgba(255,204,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderation-watcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(60,0,255,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(60,0,255,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #333aff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(60,0,255,0.52) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderation-watcher::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderation-watcher::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(60,0,255,0.3) 0%, rgba(60,0,255,0.15) 50%, rgba(51,58,255,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderation-watcher:hover {
    background: rgba(60,0,255,0.3) !important;
    border-color: rgba(60,0,255,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--special-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(99,102,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(99,102,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--special-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--special-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--special-moderator:hover {
    background: rgba(99,102,241,0.3) !important;
    border-color: rgba(99,102,241,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderation-curator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(212,101,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(212,101,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #d465f1 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #d867f4 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderation-curator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderation-curator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(212,101,241,0.3) 0%, rgba(212,101,241,0.15) 50%, rgba(192,86,218,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderation-curator:hover {
    background: rgba(212,101,241,0.3) !important;
    border-color: rgba(212,101,241,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--deputy-chief-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(136,180,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(136,180,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #88B400 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #b5e133 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--deputy-chief-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--deputy-chief-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(136,180,0,0.3) 0%, rgba(136,180,0,0.15) 50%, rgba(109,144,0,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--deputy-chief-moderator:hover {
    background: rgba(136,180,0,0.3) !important;
    border-color: rgba(136,180,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--chief-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(23,147,25,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(23,147,25,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #179319 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #179219 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--chief-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--chief-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(23,147,25,0.3) 0%, rgba(23,147,25,0.15) 50%, rgba(18,118,20,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--chief-moderator:hover {
    background: rgba(23,147,25,0.3) !important;
    border-color: rgba(23,147,25,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--event-host {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,182,193,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,182,193,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ffb6c1 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(255,182,193,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--event-host::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--event-host::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,182,193,0.3) 0%, rgba(255,182,193,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--event-host:hover {
    background: rgba(255,182,193,0.3) !important;
    border-color: rgba(255,182,193,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--main-admin {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(0,100,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(0,100,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #4d9f4d !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(0,100,0,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--main-admin::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--main-admin::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(0,100,0,0.3) 0%, rgba(0,100,0,0.15) 50%, rgba(0,80,0,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--main-admin:hover {
    background: rgba(0,100,0,0.3) !important;
    border-color: rgba(0,100,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--discord-curator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(220,38,38,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(220,38,38,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #f87171 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(220,38,38,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--discord-curator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--discord-curator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(220,38,38,0.3) 0%, rgba(220,38,38,0.15) 50%, rgba(185,28,28,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--discord-curator:hover {
    background: rgba(220,38,38,0.3) !important;
    border-color: rgba(220,38,38,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--discord-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(185,28,28,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(185,28,28,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ef4444 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(185,28,28,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--discord-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--discord-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(185,28,28,0.3) 0%, rgba(185,28,28,0.15) 50%, rgba(153,27,27,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--discord-director:hover {
    background: rgba(185,28,28,0.3) !important;
    border-color: rgba(185,28,28,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--host-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,192,203,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,192,203,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ffc0cb !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(255,192,203,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--host-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--host-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,192,203,0.3) 0%, rgba(255,192,203,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--host-director:hover {
    background: rgba(255,192,203,0.3) !important;
    border-color: rgba(255,192,203,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--ecosystem-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(239,68,68,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(239,68,68,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #fca5a5 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(239,68,68,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--ecosystem-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--ecosystem-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(239,68,68,0.3) 0%, rgba(239,68,68,0.15) 50%, rgba(220,38,38,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--ecosystem-director:hover {
    background: rgba(239,68,68,0.3) !important;
    border-color: rgba(239,68,68,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--community {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(34,139,34,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(34,139,34,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #4ade80 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(34,139,34,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--community::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--community::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(34,139,34,0.3) 0%, rgba(34,139,34,0.15) 50%, rgba(22,101,52,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--community:hover {
    background: rgba(34,139,34,0.3) !important;
    border-color: rgba(34,139,34,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--special-moderator-vk {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 55px !important;
    padding: 0 16px !important;
    background: rgba(99,102,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(99,102,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--special-moderator-vk::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--special-moderator-vk::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

Добавляешь данный код в extra.less на форуме сохраняешь, потом идёшь Группы и Права - Группы Пользователей - Группа которая тебе нужна и вставляешь вот это:

Pawn:

userBanner--community

И получаешь результат:

Александри Македонский · Вчера в 18:00

@'мистер' 'ноунейм', заменить в плагине код и все

'мистер' 'ноунейм' · Вчера в 18:05

Александри Македонский написал(а):
@'мистер' 'ноунейм', заменить в плагине код и все

Тдац код на синию галочку такую
fa-shield-check

Александри Македонский · Вчера в 18:07

@'мистер' 'ноунейм',
.fa-pidoras {
display: inline-block;
width: 1em;
height: 1em;
background-image: url(

https://imgur.com/ZnytRLm

background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}

Александри Македонский · Вчера в 18:08

@COLTON, иконки не отображаются

Denis_B · Вчера в 18:10

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

Так надо:

.actual-svg {
    background: #289db936;
    color: #00ceffa8;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.arkhiv-svg {
    background: #4b4b4b;
    color: #bbbbbb;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.yuo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.vo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.zo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.po-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.fo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.chandler-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.so-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.mo-svg {
    background: #795b0070;
    color: #ffa900;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.nrassm-svg {
    background: #ffeaa970;
    color: #ffce6d;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.otkaz-svg {
    background: #53000070;
    color: #a90000;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.odobr-svg {
    background: #14591473;
    color: #55b500;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.rassm-svg {
    background: #14591473;
    color: #55b500;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.prefix-custom-svg {
    background: #ffa1a136;
    color: #ff0000bd;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.info-svg {
    background: #829cff36;
    color: #a9a9a9;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.chs-svg {
    background: #000000;
    color: #b1b1b1;
    display: inline-block;
    border: none;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 80% !important;
    line-height: 1.26 !important;
    text-decoration: none
}

.userBanner--keeperdev {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    font-size: 12px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(66,13,13,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(66,13,13,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #420d0d !important;
    font-weight: bold !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--keeperdev::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/code.svg?v=5.15.3') no-repeat center;
    font-size: 16px !important;
    z-index: 2 !important
}

.userBanner--keeperdev::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(66,13,13,0.3) 0%, rgba(66,13,13,0.15) 50%, rgba(50,10,10,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--keeperdev:hover {
    background: rgba(66,13,13,0.3) !important;
    border-color: rgba(66,13,13,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--turquoise2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(20,184,166,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(20,184,166,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #5eead4 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--turquoise2::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--turquoise2:hover {
    background: rgba(20,184,166,0.3) !important;
    border-color: rgba(20,184,166,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--turquoise {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 55px !important;
    padding: 0 16px !important;
    background: rgba(20,184,166,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(20,184,166,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #5eead4 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(20,184,166,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--turquoise::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(20,184,166,0.3) 0%, rgba(20,184,166,0.15) 50%, rgba(13,148,136,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--turquoise:hover {
    background: rgba(20,184,166,0.3) !important;
    border-color: rgba(20,184,166,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(0,187,204,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(0,187,204,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #6f8d95 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(0,187,204,0.74) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(0,187,204,0.3) 0%, rgba(0,187,204,0.15) 50%, rgba(0,150,163,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderator:hover {
    background: rgba(0,187,204,0.3) !important;
    border-color: rgba(0,187,204,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--senior-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,204,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,204,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #c7a21c !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #ffd738 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--senior-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-tie.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--senior-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,204,0,0.3) 0%, rgba(255,204,0,0.15) 50%, rgba(199,162,28,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--senior-moderator:hover {
    background: rgba(255,204,0,0.3) !important;
    border-color: rgba(255,204,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderation-watcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(60,0,255,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(60,0,255,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #333aff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(60,0,255,0.52) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderation-watcher::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/eye.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderation-watcher::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(60,0,255,0.3) 0%, rgba(60,0,255,0.15) 50%, rgba(51,58,255,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderation-watcher:hover {
    background: rgba(60,0,255,0.3) !important;
    border-color: rgba(60,0,255,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--special-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(99,102,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(99,102,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--special-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--special-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--special-moderator:hover {
    background: rgba(99,102,241,0.3) !important;
    border-color: rgba(99,102,241,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--moderation-curator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(212,101,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(212,101,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #d465f1 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #d867f4 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--moderation-curator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-check.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--moderation-curator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(212,101,241,0.3) 0%, rgba(212,101,241,0.15) 50%, rgba(192,86,218,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--moderation-curator:hover {
    background: rgba(212,101,241,0.3) !important;
    border-color: rgba(212,101,241,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--deputy-chief-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(136,180,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(136,180,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #88B400 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #b5e133 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--deputy-chief-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/shield-alt.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--deputy-chief-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(136,180,0,0.3) 0%, rgba(136,180,0,0.15) 50%, rgba(109,144,0,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--deputy-chief-moderator:hover {
    background: rgba(136,180,0,0.3) !important;
    border-color: rgba(136,180,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--chief-moderator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(23,147,25,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(23,147,25,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #179319 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: #179219 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--chief-moderator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/crown.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--chief-moderator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(23,147,25,0.3) 0%, rgba(23,147,25,0.15) 50%, rgba(18,118,20,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--chief-moderator:hover {
    background: rgba(23,147,25,0.3) !important;
    border-color: rgba(23,147,25,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--event-host {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,182,193,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,182,193,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ffb6c1 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(255,182,193,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--event-host::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/microphone.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--event-host::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,182,193,0.3) 0%, rgba(255,182,193,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--event-host:hover {
    background: rgba(255,182,193,0.3) !important;
    border-color: rgba(255,182,193,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--main-admin {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(0,100,0,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(0,100,0,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #4d9f4d !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(0,100,0,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--main-admin::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-shield.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--main-admin::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(0,100,0,0.3) 0%, rgba(0,100,0,0.15) 50%, rgba(0,80,0,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--main-admin:hover {
    background: rgba(0,100,0,0.3) !important;
    border-color: rgba(0,100,0,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--discord-curator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(220,38,38,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(220,38,38,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #f87171 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(220,38,38,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--discord-curator::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/comments.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--discord-curator::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(220,38,38,0.3) 0%, rgba(220,38,38,0.15) 50%, rgba(185,28,28,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--discord-curator:hover {
    background: rgba(220,38,38,0.3) !important;
    border-color: rgba(220,38,38,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--discord-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(185,28,28,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(185,28,28,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ef4444 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(185,28,28,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--discord-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/user-crown.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--discord-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(185,28,28,0.3) 0%, rgba(185,28,28,0.15) 50%, rgba(153,27,27,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--discord-director:hover {
    background: rgba(185,28,28,0.3) !important;
    border-color: rgba(185,28,28,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--host-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(255,192,203,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(255,192,203,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #ffc0cb !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(255,192,203,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--host-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/users.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--host-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(255,192,203,0.3) 0%, rgba(255,192,203,0.15) 50%, rgba(255,160,175,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--host-director:hover {
    background: rgba(255,192,203,0.3) !important;
    border-color: rgba(255,192,203,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--ecosystem-director {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(239,68,68,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(239,68,68,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #fca5a5 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(239,68,68,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--ecosystem-director::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/sitemap.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--ecosystem-director::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(239,68,68,0.3) 0%, rgba(239,68,68,0.15) 50%, rgba(220,38,38,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--ecosystem-director:hover {
    background: rgba(239,68,68,0.3) !important;
    border-color: rgba(239,68,68,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--community {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 39px !important;
    padding: 0 16px !important;
    background: rgba(34,139,34,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(34,139,34,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #4ade80 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(34,139,34,0.7) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--community::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/users-cog.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--community::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(34,139,34,0.3) 0%, rgba(34,139,34,0.15) 50%, rgba(22,101,52,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.userBanner--community:hover {
    background: rgba(34,139,34,0.3) !important;
    border-color: rgba(34,139,34,0.6) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.2),inset 0 -1px 1px 0 rgba(0,0,0,0.15) !important
}

.userBanner--special-moderator-vk {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 190px !important;
    height: 55px !important;
    padding: 0 16px !important;
    background: rgba(99,102,241,0.2) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-radius: 14px !important;
    border: 1.5px solid rgba(99,102,241,0.4) !important;
    box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.15),inset 0 -1px 1px 0 rgba(0,0,0,0.1) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: rgba(99,102,241,0.6) 1px 1px 10px !important;
    position: relative !important;
    transition: all .3s ease !important
}

.userBanner--special-moderator-vk::before {
    display: inline-block;
    content: "";
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    width: 1.28571429em;
    mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    -webkit-mask: url('/styles/fa/regular/star.svg?v=5.15.3') no-repeat center;
    font-size: 15px !important;
    z-index: 2 !important
}

.userBanner--special-moderator-vk::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(99,102,241,0.3) 0%, rgba(99,102,241,0.15) 50%, rgba(79,70,229,0.25) 100%) !important;
    border-radius: 14px !important;
    pointer-events: none !important;
    z-index: 1 !important
}

Добавляешь данный код в extra.less на форуме сохраняешь, потом идёшь Группы и Права - Группы Пользователей - Группа которая тебе нужна и вставляешь вот это:

Pawn:

userBanner--community

И получаешь результат:
Посмотреть вложение 20307

Не работает...

Александри Македонский · Вчера в 18:14

@Denis_B, у меня все работает

Denis_B · Вчера в 18:15

Александри Македонский написал(а):
@Denis_B, у меня все работает

Какой стиль используешь?

Поиск

Welcome!

Помощь по стилю и красок

Denis_B

Kejerxf

yyklimenko

Denis_B

Александри Македонский

Denis_B

'мистер' 'ноунейм'

Denis_B

COLTON

Denis_B

'мистер' 'ноунейм'

COLTON

COLTON

Александри Македонский

'мистер' 'ноунейм'

Александри Македонский

Александри Македонский

Denis_B

Александри Македонский

Denis_B