/*
 * POLSKAELITA.PL - FORMATY LOGINOW
 * Green Dark | MyBB 1.8.41
 * 24 grupy - zgodne z legenda
 */

.pe-login {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    vertical-align: middle;
    gap: 5px;
    box-sizing: border-box;
    min-height: 22px;
    max-width: 100%;
    padding: 2px 8px;
    margin: 0;
    color: var(--pe-login-color, #c5d0cb) !important;
    background: var(--pe-login-bg, #20282c);
    border: 1px solid var(
        --pe-login-border,
        rgba(255,255,255,.14)
    );
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    transition: border-color .2s ease, filter .2s ease;
}

.pe-login i {
    flex: 0 0 auto;
    color: inherit;
    font-size: 10px;
    line-height: 1;
}

.pe-login:hover,
a .pe-login:hover,
a.pe-login:hover {
    text-decoration: none !important;
    border-color: var(--pe-login-color, #c5d0cb);
    filter: brightness(1.05);
}

a .pe-login,
a.pe-login {
    text-decoration: none !important;
}

/* 01 - WLASCICIEL */
.pe-login.pe-owner {
    --pe-login-color: #f4c84c;
    --pe-login-bg: #2a2414;
    --pe-login-border: rgba(244,200,76,.45);
}

/* 02 - ADMINISTRATOR */
.pe-login.pe-admin {
    --pe-login-color: #ff7d7d;
    --pe-login-bg: #2b1c20;
    --pe-login-border: rgba(255,125,125,.45);
}

/* 03 - JUNIOR ADMIN - LEKKO CZERWONY */
.pe-login.pe-junioradmin {
    --pe-login-color: #eb8c91;
    --pe-login-bg: #2e1d22;
    --pe-login-border: rgba(235,140,145,.50);
}

/* 04 - OPIEKUN MODERACJI */
.pe-login.pe-modchief {
    --pe-login-color: #c89dff;
    --pe-login-bg: #251f31;
    --pe-login-border: rgba(200,157,255,.45);
}

/* 05 - MODERATOR */
.pe-login.pe-moderator {
    --pe-login-color: #409b70;
    --pe-login-bg: #11271e;
    --pe-login-border: rgba(64,155,112,.55);
}

/* 06 - REDAKTOR */
.pe-login.pe-redaktor {
    --pe-login-color: #8fdc70;
    --pe-login-bg: #202a1a;
    --pe-login-border: rgba(143,220,112,.45);
}

/* 07 - GRAFIK */
.pe-login.pe-grafik {
    --pe-login-color: #e89dd7;
    --pe-login-bg: #2a1f28;
    --pe-login-border: rgba(232,157,215,.45);
}

/* 08 - UBTEAM */
.pe-login.pe-ubteam {
    --pe-login-color: #b88fff;
    --pe-login-bg: #251d31;
    --pe-login-border: rgba(184,143,255,.45);
}

/* 09 - ZASLUZONY */
.pe-login.pe-honored {
    --pe-login-color: #86c7b9;
    --pe-login-bg: #17302e;
    --pe-login-border: rgba(134,199,185,.45);
}

/* 10 - SPONSOR - NIEBIESKI */
.pe-login.pe-sponsor {
    --pe-login-color: #608ed2;
    --pe-login-bg: #142437;
    --pe-login-border: rgba(96,142,210,.55);
}

/* 11 - DONATOR - IDENTYCZNY NIEBIESKI */
.pe-login.pe-donator {
    --pe-login-color: #608ed2;
    --pe-login-bg: #142437;
    --pe-login-border: rgba(96,142,210,.55);
}

/* 12 - WLASCICIEL SERWERA */
.pe-login.pe-serverowner {
    --pe-login-color: #f0b56f;
    --pe-login-bg: #2d241b;
    --pe-login-border: rgba(240,181,111,.45);
}

/* 13 - OPIEKUN SERWERA */
.pe-login.pe-servercaretaker {
    --pe-login-color: #e5a58e;
    --pe-login-bg: #31211f;
    --pe-login-border: rgba(229,165,142,.45);
}

/* 14 - ADMIN CS 1.6 */
.pe-login.pe-cs16 {
    --pe-login-color: #eda35e;
    --pe-login-bg: #30231a;
    --pe-login-border: rgba(237,163,94,.45);
}

/* 15 - ADMIN CS2 */
.pe-login.pe-cs2 {
    --pe-login-color: #ffb05e;
    --pe-login-bg: #2b231b;
    --pe-login-border: rgba(255,176,94,.45);
}

/* 16 - ADMIN DISCORD */
.pe-login.pe-discord {
    --pe-login-color: #93a3ff;
    --pe-login-bg: #21253a;
    --pe-login-border: rgba(147,163,255,.45);
}

/* 17 - TYPER */
.pe-login.pe-typer {
    --pe-login-color: #b38cf0;
    --pe-login-bg: #251b37;
    --pe-login-border: rgba(179,140,240,.50);
}

/* 18 - VIP */
.pe-login.pe-vip {
    --pe-login-color: #f2cf5e;
    --pe-login-bg: #2a2517;
    --pe-login-border: rgba(242,207,94,.45);
}

/* 19 - PARTNER */
.pe-login.pe-partner {
    --pe-login-color: #71c6e8;
    --pe-login-bg: #1b2730;
    --pe-login-border: rgba(113,198,232,.45);
}

/* 20 - PRZYJACIEL */
.pe-login.pe-friend {
    --pe-login-color: #8bd7ff;
    --pe-login-bg: #173041;
    --pe-login-border: rgba(139,215,255,.50);
}

/* 21 - KOBIETA */
.pe-login.pe-woman {
    --pe-login-color: #f0a4d2;
    --pe-login-bg: #2c1f29;
    --pe-login-border: rgba(240,164,210,.45);
}

/* 22 - UZYTKOWNIK */
.pe-login.pe-user {
    --pe-login-color: #ffa358;
    --pe-login-bg: #302315;
    --pe-login-border: rgba(255,163,88,.50);
}

/* 23 - URLOP */
.pe-login.pe-urlop {
    --pe-login-color: #90cf93;
    --pe-login-bg: #1c2b22;
    --pe-login-border: rgba(144,207,147,.45);
}

/* 24 - ZBANOWANY */
.pe-login.pe-banned {
    --pe-login-color: #a7adb3;
    --pe-login-bg: #24292d;
    --pe-login-border: rgba(167,173,179,.35);
}

/* SHOUTBOX I ELEMENTY FORUM */

.statics .pe-login,
.sidebar .pe-login,
.shoutbox .pe-login,
.dvz_shoutbox .pe-login,
.forum_lastpost .pe-login,
.lastpost .pe-login,
.author .pe-login,
.lthr .pe-login {
    min-height: 20px;
    padding: 2px 7px;
    font-size: 10px;
}

/* TELEFONY */

@media screen and (max-width: 480px) {
    .pe-login {
        min-height: 20px;
        padding: 2px 7px;
        font-size: 10px;
    }

    .pe-login i {
        font-size: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pe-login {
        transition: none;
    }
}