@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
.awesome_ulist{display:table;table-layout:fixed;width:100%}
.awesome_ulist_rank{position:relative;left:5px;display:table-cell;vertical-align:middle;width:40px;height:40px;font-size:20px;border-radius:50px;text-align:center;overflow:hidden}
.awesome_ulist_rank img{width:24px !important;height:24px !important;display:block;margin:auto;object-fit:contain;max-width:100%;max-height:100%;flex-shrink:0;transition:opacity 0.2s ease}
.awesome_ulist_data{display:table-cell;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.awesome_ulist_counter{display:table;table-layout:fixed;width:100%;font-family:"Roboto Condensed",sans-serif;padding:3px 8px;border-top-right-radius:50px;border-bottom-right-radius:50px;font-weight:900;letter-spacing:0.5px;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.439)}

/* On-Air */
.awesome999 .awesome_ulist_rank{
    background: #00ff00;
    border: 2px solid #00cc00;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome999 .awesome_ulist_counter{
    background: linear-gradient(to right, #00ff00, #00cc00);
    color: #ffffff;
    border: 2px solid #00cc00;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* Founder */
.awesome100 .awesome_ulist_rank{
    background: #ff0000;
    border: 2px solid #cc0000;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome100 .awesome_ulist_counter{
    background: linear-gradient(to right, #ff0000, #cc0000);
    color: #ffffff;
    border: 2px solid #cc0000;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* Owner */
.awesome98 .awesome_ulist_rank{
    background: #f22222;
    border: 2px solid #fb5555;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome98 .awesome_ulist_counter{
    background: linear-gradient(to right, #f22222, #fb5555);
    color: #ffdbdb;
    border: 2px solid #fb5555;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* Super Admin */
.awesome90 .awesome_ulist_rank{
    background: #203397;
    border: 2px solid #495fd7;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome90 .awesome_ulist_counter{
    background: linear-gradient(to right,#203397,#495fd7);
    color: #dfe4ff;
    border: 2px solid #495fd7;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* Admin */
.awesome80 .awesome_ulist_rank{
    background: #7615b9;
    border: 2px solid #be60ff;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome80 .awesome_ulist_counter{
    background: linear-gradient(to right,#7615b9,#be60ff);
    color: #eed6ff;
    border: 2px solid #be60ff;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* Moderator */
.awesome70 .awesome_ulist_rank{
    background: #18a2b0;
    border: 2px solid #32dbec;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome70 .awesome_ulist_counter{
    background: linear-gradient(to right,#18a2b0,#32dbec);
    color: #cbfaff;
    border: 2px solid #32dbec;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* Bot */
.awesome69 .awesome_ulist_rank{
    background: #2f9d07;
    border: 2px solid #5cdb2f;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome69 .awesome_ulist_counter{
    background: linear-gradient(to right,#2f9d07,#5cdb2f);
    color: #bcf7a7;
    border: 2px solid #5cdb2f;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* Radio Head */
.awesome56 .awesome_ulist_rank{
    background: #ff6b6b;
    border: 2px solid #ff8e8e;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome56 .awesome_ulist_counter{
    background: linear-gradient(to right,#ff6b6b,#ff8e8e);
    color: #ffffff;
    border: 2px solid #ff8e8e;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* RJ/DJ */
.awesome55 .awesome_ulist_rank{
    background: #232a33;
    border: 2px solid #e85060;
}
.awesome55 .awesome_ulist_counter{
    background: #232a33;
    color: #fff;
    border: 2px solid #e85060;
    text-shadow: unset;
    font-weight: unset;
}

/* Heart */
.awesome54 .awesome_ulist_rank{
    background: #ff1493;
    border: 2px solid #ff69b4;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome54 .awesome_ulist_counter{
    background: linear-gradient(to right,#ff1493,#ff69b4);
    color: #ffffff;
    border: 2px solid #ff69b4;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* Legend */
.awesome53 .awesome_ulist_rank{
    background: #ffd700;
    border: 2px solid #ffeb3b;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome53 .awesome_ulist_counter{
    background: linear-gradient(to right,#ffd700,#ffeb3b);
    color: #000000;
    border: 2px solid #ffeb3b;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* Gold */
.awesome52 .awesome_ulist_rank{
    background: #ffd700;
    border: 2px solid #daa520;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome52 .awesome_ulist_counter{
    background: linear-gradient(to right,#ffd700,#daa520);
    color: #000000;
    border: 2px solid #daa520;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* Super VIP */
.awesome51 .awesome_ulist_rank{
    background: #9b59b6;
    border: 2px solid #8e44ad;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome51 .awesome_ulist_counter{
    background: linear-gradient(to right,#9b59b6,#8e44ad);
    color: #ffffff;
    border: 2px solid #8e44ad;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* VIP */
.awesome50 .awesome_ulist_rank{
    background: #333;
    border: 2px solid #ffb04c;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.31);
}
.awesome50 .awesome_ulist_counter{
    background: linear-gradient(to right,#333,#555);
    color: #eabc83;
    border: 2px solid #ffb04c;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.37);
}

/* User */
.awesome1 .awesome_ulist_rank{
    background: #2980b9;
    border: 2px solid #095282;
}
.awesome1 .awesome_ulist_counter{
    background: #2980b9;
    color: #fff;
    border: 2px solid #095282;
    text-shadow: unset;
    font-weight: unset;
}

/* Guest */
.awesome0 .awesome_ulist_rank{
    background: #fd278b;
    border: 2px solid #c1055d;
}
.awesome0 .awesome_ulist_counter{
    background: #fd278b;
    color: #fff;
    border: 2px solid #c1055d;
    text-shadow: unset;
    font-weight: unset;
}

/* Offline */
.awesome-1 .awesome_ulist_rank{
    background: #bf3122;
    border: 2px solid #972013;
}
.awesome-1 .awesome_ulist_counter{
    background: #bf3122;
    color: #fff;
    border: 2px solid #972013;
    text-shadow: unset;
    font-weight: unset;
}

/* User stay status styling */
.user_stay_fade {
    opacity: 1 !important;
    filter: none !important;
}

/* Prevent icon resizing glitches - only add necessary properties */
.awesome_ulist_rank img {
    flex-shrink: 0;
    transition: opacity 0.2s ease;
}

.awesome_ulist_rank img.loaded {
    opacity: 1;
}

.awesome_ulist_rank {
    flex-shrink: 0;
}

.awesome_ulist {
    min-height: 40px;
}

/* Loading placeholder */
.awesome_ulist_rank img:not([src]), 
.awesome_ulist_rank img[src=""] {
    background: #f0f0f0;
    border-radius: 2px;
    opacity: 0.3;
}

.offline {
    opacity: 0.5 !important;
    filter: grayscale(50%) !important;
}