/* POLOK_KICK_BADGES_V2_RUNTIME */

.polok-badge-dynamic-v2 {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;

    min-width: var(--badge-size, 28px);
    height: var(--badge-size, 28px);
    padding: 0 0.3em;

    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 0.34em;

    color: #ffffff;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.24),
            rgba(255, 255, 255, 0.05)
        );

    font-size: calc(
        var(--badge-size, 28px) * 0.33
    );

    font-weight: 900;
    line-height: 1;
    white-space: nowrap;

    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.24),
        0 1px 4px rgba(0, 0, 0, 0.35);
}

.polok-badge-viewer-level-v2 {
    color: #101010;
    border-color: #b8ff83;
    background:
        linear-gradient(
            145deg,
            #d8ff57,
            #53fc18
        );
}

.polok-badge-sub-gifter-v2 {
    border-color: #e5a56d;
    background:
        linear-gradient(
            145deg,
            #b56f35,
            #673414
        );
}

.polok-badge-sub-gifter-v2[data-tier="silver"] {
    border-color: #ffffff;
    background:
        linear-gradient(
            145deg,
            #d7d7d7,
            #686868
        );
}

.polok-badge-sub-gifter-v2[data-tier="gold"] {
    color: #191200;
    border-color: #fff080;
    background:
        linear-gradient(
            145deg,
            #ffe45c,
            #d38d00
        );
}

.polok-badge-sub-gifter-v2[data-tier="diamond"] {
    color: #05181d;
    border-color: #d9ffff;
    background:
        linear-gradient(
            145deg,
            #a4ffff,
            #37b9de
        );
}