Можно extra less префиксы

[Fancy Dress]

Можете дать extra less префиксы этого проекта

СÑÑÐ¾Ð²Ð°Ñ Ð Ð¾ÑÑÐ¸Ñ | ФоÑÑм

ФоÑÑм SA:MP Android игÑового пÑоекÑа СÑÑÐ¾Ð²Ð°Ñ Ð Ð¾ÑÑÐ¸Ñ (Harsh Russia)

f.hr-rp.ru

 

[Morazm]

.p-footer-rssLink span {
    display: none
}

.p-header-logo.p-header-logo--image img {
    animation: zoomLogo .5s both
}

@-webkit-keyframes zoomLogo {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

* {
    scrollbar-width: thin;
    scrollbar-color: #b01717 #3b414b
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #3b414b
}

::-webkit-scrollbar-thumb {
    background: #b01717;
    border-radius: 8px
}

@media (max-width: 480px) {
    .message-signature {
        display:block
    }

    .message-signature img {
        max-width: 320px
    }

    .message-signature img .smilie {
        width: inherit
    }
}

.bbCodeCode {
    background: #272822;
    color: #ccc;
    padding: 15px;
    margin: -5px -10px
}

.bbCodeCode .prism-token.prism-comment,.bbCodeCode .prism-token.prism-prolog,.bbCodeCode .prism-token.prism-doctype,.bbCodeCode .prism-token.prism-cdata {
    color: slategray
}

.bbCodeCode .prism-token.prism-punctuation {
    color: #f8f8f2
}

.bbCodeCode .prism-token .namespace {
    opacity: .7
}

.bbCodeCode .prism-token.prism-property,.bbCodeCode .prism-token.prism-tag,.bbCodeCode .prism-token.prism-constant,.bbCodeCode .prism-token.prism-symbol,.bbCodeCode .prism-token.prism-deleted {
    color: #f92672
}

.bbCodeCode .prism-token.prism-boolean,.bbCodeCode .prism-token.prism-number {
    color: #ae81ff
}

.bbCodeCode .prism-token.prism-selector,.bbCodeCode .prism-token.prism-attr-name,.bbCodeCode .prism-token.prism-string,.bbCodeCode .prism-token.prism-char,.bbCodeCode .prism-token.prism-builtin,.bbCodeCode .prism-token.prism-inserted {
    color: #a6e22e
}

.bbCodeCode .prism-token.prism-operator,.bbCodeCode .prism-token.prism-entity,.bbCodeCode .prism-token.prism-url,.language-css .bbCodeCode .prism-token.prism-string,.style .bbCodeCode .prism-token.prism-string,.bbCodeCode .prism-token.prism-variable {
    color: #f8f8f2
}

.bbCodeCode .prism-token.prism-atrule,.bbCodeCode .prism-token.prism-attr-value,.bbCodeCode .prism-token.prism-function {
    color: #e6db74
}

.bbCodeCode .prism-token.prism-keyword {
    color: #66d9ef
}

.bbCodeCode .prism-token.prism-regex,.bbCodeCode .prism-token.prism-important {
    color: #fd971f
}

.bbCodeCode .prism-token.prism-important,.bbCodeCode .prism-token.prism-bold {
    font-weight: bold
}

.bbCodeCode .prism-token.prism-italic {
    font-style: italic
}

.bbCodeCode .prism-token.prism-entity {
    cursor: help
}

.message-avatar-wrapper {
    margin-bottom: .5em
}

.message-avatar-wrapper .message-avatar-online {
    top: unset;
    border: none;
    left: 50%;
    margin-left: -.615em;
    bottom: -.5em
}

.message-avatar-wrapper .message-avatar-online:before {
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: 110%;
    font-weight: normal;
    line-height: inherit;
    width: auto;
    content: "\F0B55";
    text-align: center;
    line-height: 1;
    font-weight: bold;
    color: #7fb900;
    background: #313742;
    border: #313742 solid 2px;
    border-radius: 50%;
    display: inline-block
}

.userBanner {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 65%;
    padding: 3px 6px;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    color: #fff;
    border-radius: 30px;
    background: linear-gradient(270deg, #f00, #ff6347, #f00);
    background-size: 900% 900%
}

.userBanner.ga {
    background-image: linear-gradient(270deg, #ff7f50, #ff4500, #ff7f50)
}

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

.userBanner.userhr {
    background-image: linear-gradient(270deg, #878a88, #7b73a5, #648981)
}

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

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

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

.userBanner.gs {
    background-image: linear-gradient(270deg, #1e90ff, #4682b4, #1e90ff)
}

.userBanner.zgs {
    background-image: linear-gradient(270deg, #4682b4, #b0c4de, #4682b4)
}

.userBanner.fulladmin {
    background-image: linear-gradient(270deg, #1e90ff, #6495ed, #1e90ff)
}

.userBanner.aadmin {
    background-image: linear-gradient(270deg, #3cb371, #00ff7f, #3cb371)
}

.userBanner.moderforum {
    background-image: linear-gradient(270deg, #bdb76b, #bdb76b, #bdb76b)
}

.userBanner.admin {
    background-image: linear-gradient(270deg, #006400, #00ff7f, #008000)
}

.userBanner.snickers {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.sponsor {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.gab {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.pm {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.lk {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

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

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

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

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

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

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

.userBanner.prokyror {
    background-image: linear-gradient(270deg, #1e90ff, #6495ed, #1e90ff)
}

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

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

.userBanner.prp {
    background-image: linear-gradient(270deg, #ff6347, #ffa500, #ff6347)
}

.userBanner.ppm {
    background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0)
}

.userBanner.leader {
    background-image: linear-gradient(270deg, #40e0d0, #40e0d0, #40e0d0)
}

.userBanner.sledfamily {
    background-image: linear-gradient(270deg, #32cd32, #32cd32, #32cd32)
}

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

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

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

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

.userBanner.prt {
    background-image: linear-gradient(270deg, #87ceeb, #87ceeb, #87ceeb)
}

.userBanner.ka {
    background-image: linear-gradient(270deg, #da70d6, #9400d3, #da70d6)
}

.userBanner.sgoss {
    background-image: linear-gradient(270deg, #00f, #00f, #00f)
}

.userBanner.legenda {
    background-image: linear-gradient(270deg, #9acd32, #ffd700, #9acd32)
}

.userBanner.sm {
    background-image: linear-gradient(270deg, #adff2f, #7fff00, #adff2f)
}

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

.userBanner.kk {
    background-image: linear-gradient(270deg, #ffa07a, #ffa07a, #ffa07a)
}

.userBanner.nuser {
    background-image: linear-gradient(270deg, #000, #ff0, #000)
}

.userBanner.luser {
    background-image: linear-gradient(270deg, #0ff, #4682b4, #0ff)
}

.userBanner.auser {
    background-image: linear-gradient(270deg, #0ff, #4682b4, #0ff)
}

.userBanner.mest {
    background-image: linear-gradient(270deg, #4b0082, #f0f, #4b0082)
}

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

.userBanner.sledhelper {
    background-image: linear-gradient(270deg, #eee8aa, #eee8aa, #eee8aa)
}

.userBanner.glavmoder {
    background-image: linear-gradient(270deg, #ff8c00, #ffa07a, #ff8c00)
}

.userBanner.kbp {
    background-image: linear-gradient(270deg, #eee8aa, #eee8aa, #eee8aa)
}

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

.userBanner.media {
    background-image: linear-gradient(270deg, #ffe4b5, #ffe4b5, #ffe4b5)
}

.userBanner.ps {
    background-image: linear-gradient(270deg, #0f0, #7cfc00, #0f0)
}

.userBanner.spiker {
    background-image: linear-gradient(270deg, #ffe4b5, #ffe4b5, #ffe4b5)
}

.userBanner.gp {
    background-image: linear-gradient(270deg, #1e90ff, #1e90ff, #1e90ff)
}

.userBanner.kt {
    background-image: linear-gradient(270deg, #ffd700, #ffd700, #ffd700)
}

.userBanner.manager {
    background-image: linear-gradient(270deg, #90ee90, #90ee90, #90ee90)
}

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

.userBanner.helper {
    background-image: linear-gradient(270deg, #f4a460, #f4a460, #f4a460)
}

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

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

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

.owner {
    background: linear-gradient(to right, #27ae60, #2980b9, #e74c3c);
    color: white !important;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 3px;
    display: inline-block
}

@-webkit-keyframes wave {
    from {
        -webkit-mask-position: 150%
    }

    to {
        -webkit-mask-position: -50%
    }
}

.information {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff
}

.information::before,.information::after {
    display: none
}

.information:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.information:active {
    transform: translateY(1px) scale(.98)
}

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

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

.information {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #ff6347, #ffa500, #ff6347)
}

.information::before,.information::after {
    display: none
}

.information:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.information:active {
    transform: translateY(1px) scale(.98)
}

.information.staff {
    border-radius: 30px;
    background-image: linear-gradient(270deg, #f00, #ff6347, #f00);
    background-size: 900% 900%
}

.rejected {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #ff416c, #ff4b2b, #ff416c)
}

.rejected::before,.rejected::after {
    display: none
}

.rejected:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.rejected:active {
    transform: translateY(1px) scale(.98)
}

.important {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 900% 900%;
    animation: AnimBanner 8s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #f00, #ff6347, #f00)
}

.important::before,.important::after {
    display: none
}

.important:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.important:active {
    transform: translateY(1px) scale(.98)
}

.approved {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #00b09b, #96c93d, #00b09b)
}

.approved::before,.approved::after {
    display: none
}

.approved:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.approved:active {
    transform: translateY(1px) scale(.98)
}

.consideration {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ffa500)
}

.consideration::before,.consideration::after {
    display: none
}

.consideration:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.consideration:active {
    transform: translateY(1px) scale(.98)
}

.reviewed {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #4a00e0, #8e2de2, #4a00e0)
}

.reviewed::before,.reviewed::after {
    display: none
}

.reviewed:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.reviewed:active {
    transform: translateY(1px) scale(.98)
}

.open {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #00b09b, #96c93d, #00b09b)
}

.open::before,.open::after {
    display: none
}

.open:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.open:active {
    transform: translateY(1px) scale(.98)
}

.close {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #8b0000, #b22222, #8b0000)
}

.closed::before,.closed::after {
    display: none
}

.closed:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.closed:active {
    transform: translateY(1px) scale(.98)
}

.solved {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #1a1a1a;
    background-image: linear-gradient(270deg, #acb6e5, #86fde8, #acb6e5)
}

.solved::before,.solved::after {
    display: none
}

.solved:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.solved:active {
    transform: translateY(1px) scale(.98)
}

.viewed {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #616161, #9e9e9e, #616161)
}

.viewed::before,.viewed::after {
    display: none
}

.viewed:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.viewed:active {
    transform: translateY(1px) scale(.98)
}

.event {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #ff0080, #ff8c00, #ff0080)
}

.event::before,.event::after {
    display: none
}

.event:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.event:active {
    transform: translateY(1px) scale(.98)
}

.music {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #a0f, #f0a, #a0f)
}

.music::before,.music::after {
    display: none
}

.music:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.music:active {
    transform: translateY(1px) scale(.98)
}

.preftm {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #dc143c, #ff4500, #dc143c)
}

.preftm::before,.preftm::after {
    display: none
}

.preftm:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.preftm:active {
    transform: translateY(1px) scale(.98)
}

.prefga {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #dc143c, #ff4500, #dc143c)
}

.prefga::before,.prefga::after {
    display: none
}

.prefga:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.prefga:active {
    transform: translateY(1px) scale(.98)
}

.prefca {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #dc143c, #ff4500, #dc143c)
}

.prefga::before,.prefga::after {
    display: none
}

.prefga:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.prefga:active {
    transform: translateY(1px) scale(.98)
}

.preftc {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #ff8c00, #ffa500, #ff8c00)
}

.preftc::before,.preftc::after {
    display: none
}

.preftc:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.preftc:active {
    transform: translateY(1px) scale(.98)
}

.ojidanie {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #5a6268, #8f9aa0, #5a6268)
}

.ojidanie::before,.ojidanie::after {
    display: none
}

.ojidanie:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.ojidanie:active {
    transform: translateY(1px) scale(.98)
}

.relis {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #2e7d32, #4caf50, #2e7d32)
}

.relis::before,.relis::after {
    display: none
}

.relis:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.relis:active {
    transform: translateY(1px) scale(.98)
}

.npass {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #b8860b, #daa520, #b8860b)
}

.npass::before,.npass::after {
    display: none
}

.npass:hover {
    transform: translateY(-2px) scale(1.05);
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.npass:active {
    transform: translateY(1px) scale(.98)
}

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

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

@media (max-width: 768px) {
    .information,.rejected,.important,.approved,.consideration,.reviewed,.open,.closed,.solved,.viewed,.event,.music,.prefga,.preftc,.relis,.npass {
        padding:4px 8px;
        font-size: 70%;
        border-radius: 10px
    }
}

@media (max-width: 480px) {
    .information,.rejected,.important,.approved,.consideration,.reviewed,.open,.closed,.solved,.viewed,.event,.music,.prefga,.preftc,.relis,.npass {
        padding:3px 7px;
        font-size: 68%;
        letter-spacing: 0.3px
    }
}