:root {
    --frame-sz: 80px
}

.ultra-frame {
    position: relative;
    width: var(--frame-sz);
    height: var(--frame-sz);
    display: flex;
    align-items: center;
    justify-content: center
}

.ultra-frame .tdavatar,.ultra-frame .avav,.ultra-frame .acav,.ultra-frame .avatar_profile,.ultra-frame .pstyleavatar {
    width: 100%;
    height: 100%;
    border-radius: 50%!important;
    position: relative;
    z-index: 5;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.3)
}

@keyframes uf_rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes uf_float {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-8px)
    }
}

@keyframes uf_pulse {
    0% {
        box-shadow: 0 0 0 0 var(--uf-c);
        opacity: 0.8
    }

    100% {
        box-shadow: 0 0 0 20px transparent;
        opacity: 0
    }
}

@keyframes uf_flyUp {
    0% {
        transform: translate(0,0) scale(0);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    100% {
        transform: translate(var(--uf-x),var(--uf-y)) rotate(20deg);
        opacity: 0
    }
}

.uf-ring {
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    z-index: 1;
    -webkit-mask: radial-gradient(circle,transparent calc(var(--frame-sz) / 2),#000 calc(var(--frame-sz) / 2 + 1px));
    mask: radial-gradient(circle,transparent calc(var(--frame-sz) / 2),#000 calc(var(--frame-sz) / 2 + 1px))
}

.uf-top-icon {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: var(--uf-c);
    z-index: 10;
    filter: drop-shadow(0 0 8px var(--uf-c));
    animation: uf_float 3s ease-in-out infinite
}

.uf-badge {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 22px;
    height: 22px;
    background: #b39213;
    border-radius: 50%;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    box-shadow: 0 0 8px var(--uf-c)
}

.uf-badge i {
    color: #fff;
    font-size: 12px
}

.uf-particle {
    position: absolute;
    font-size: 16px;
    color: var(--uf-c);
    opacity: 0;
    z-index: 6;
    pointer-events: none;
    animation: uf_flyUp 3s infinite
}

.uframe1 {
    --uf-c: #ff1493;
    --uf-glow: 0 0 15px rgba(255,20,147,0.6)
}

.uframe1 .uf-ring {
    background: conic-gradient(from 0deg,var(--uf-c),transparent,var(--uf-c))!important;
    animation: uf_rotate 4s linear infinite!important
}

.uframe2 {
    --uf-c: #ff0055;
    --uf-glow: 0 0 15px rgba(255,0,85,0.6)
}

.uframe2 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 10s linear infinite!important
}

.uframe3 {
    --uf-c: #e91e63;
    --uf-glow: 0 0 15px rgba(233,30,99,0.6)
}

.uframe3::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2.5s infinite!important
}

.uframe4 {
    --uf-c: #1a1a1a;
    --uf-glow: 0 0 15px rgba(255,255,255,0.4)
}

.uframe4 .uf-ring {
    background: linear-gradient(var(--uf-c),transparent)!important;
    animation: uf_rotate 3s ease-in-out infinite alternate!important
}

.uframe5 {
    --uf-c: #9e9e9e;
    --uf-glow: 0 0 15px rgba(158,158,158,0.6)
}

.uframe5 .uf-ring {
    border: 2px solid var(--uf-c)!important;
    box-shadow: var(--uf-glow)!important;
    animation: uf_pulse 3s infinite alternate!important
}

.uframe6 {
    --uf-c: #050505;
    --uf-glow: 0 0 15px rgba(255,0,85,0.8)
}

.uframe6 .uf-ring {
    border: 2px double var(--uf-c)!important;
    animation: uf_rotate 15s linear infinite reverse!important
}

.uframe7 {
    --uf-c: #607d8b;
    --uf-glow: 0 0 15px rgba(96,125,139,0.6)
}

.uframe7 .uf-ring {
    background: radial-gradient(circle,transparent 60%,var(--uf-c) 100%)!important;
    animation: uf_pulse 1.5s infinite!important
}

.uframe8 {
    --uf-c: #ff1744;
    --uf-glow: 0 0 15px rgba(255,23,68,0.6)
}

.uframe8::after {
    content: ''!important;
    position: absolute!important;
    inset: -5px!important;
    border-radius: 50%!important;
    border: 1px solid var(--uf-c)!important;
    opacity: 0.5!important;
    animation: uf_rotate 20s linear infinite!important
}

.uframe9 {
    --uf-c: #2c3e50;
    --uf-glow: 0 0 15px rgba(255,215,0,0.6)
}

.uframe9 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 8s linear infinite!important
}

.uframe10 {
    --uf-c: #c2185b;
    --uf-glow: 0 0 15px rgba(194,24,91,0.6)
}

.uframe10::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2s infinite!important
}

.uframe11 {
    --uf-c: #ffd700;
    --uf-glow: 0 0 15px rgba(255,215,0,0.6)
}

.uframe11 .uf-ring {
    background: conic-gradient(from 0deg,var(--uf-c),transparent,var(--uf-c))!important;
    animation: uf_rotate 4s linear infinite!important
}

.uframe12 {
    --uf-c: #ffeb3b;
    --uf-glow: 0 0 15px rgba(255,235,59,0.6)
}

.uframe12 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 10s linear infinite!important
}

.uframe13 {
    --uf-c: #ffc107;
    --uf-glow: 0 0 15px rgba(255,193,7,0.6)
}

.uframe13::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2.5s infinite!important
}

.uframe14 {
    --uf-c: #ff9800;
    --uf-glow: 0 0 15px rgba(255,152,0,0.6)
}

.uframe14 .uf-ring {
    background: linear-gradient(var(--uf-c),transparent)!important;
    animation: uf_rotate 3s ease-in-out infinite alternate!important
}

.uframe15 {
    --uf-c: #ff5722;
    --uf-glow: 0 0 15px rgba(255,87,34,0.6)
}

.uframe15 .uf-ring {
    border: 2px solid var(--uf-c)!important;
    box-shadow: var(--uf-glow)!important;
    animation: uf_pulse 3s infinite alternate!important
}

.uframe16 {
    --uf-c: #ffd54f;
    --uf-glow: 0 0 15px rgba(255,213,79,0.6)
}

.uframe16 .uf-ring {
    border: 2px double var(--uf-c)!important;
    animation: uf_rotate 15s linear infinite reverse!important
}

.uframe17 {
    --uf-c: #ffe082;
    --uf-glow: 0 0 15px rgba(255,224,130,0.6)
}

.uframe17 .uf-ring {
    background: radial-gradient(circle,transparent 60%,var(--uf-c) 100%)!important;
    animation: uf_pulse 1.5s infinite!important
}

.uframe18 {
    --uf-c: #fbc02d;
    --uf-glow: 0 0 15px rgba(251,192,45,0.6)
}

.uframe18::after {
    content: ''!important;
    position: absolute!important;
    inset: -5px!important;
    border-radius: 50%!important;
    border: 1px solid var(--uf-c)!important;
    opacity: 0.5!important;
    animation: uf_rotate 20s linear infinite!important
}

.uframe19 {
    --uf-c: #ffb300;
    --uf-glow: 0 0 15px rgba(255,179,0,0.6)
}

.uframe19 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 8s linear infinite!important
}

.uframe20 {
    --uf-c: #ac7a25;
    --uf-glow: 0 0 15px rgb(144 103 34 / 60%)
}

.uframe20::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid #000!important;
    animation: uf_pulse 2s infinite!important
}

.uframe21 {
    --uf-c: #9d00ff;
    --uf-glow: 0 0 15px rgba(157,0,255,0.6)
}

.uframe21 .uf-ring {
    background: conic-gradient(from 0deg,var(--uf-c),transparent,var(--uf-c))!important;
    animation: uf_rotate 4s linear infinite!important
}

.uframe22 {
    --uf-c: #aa00ff;
    --uf-glow: 0 0 15px rgba(170,0,255,0.6)
}

.uframe22 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 10s linear infinite!important
}

.uframe23 {
    --uf-c: #9c27b0;
    --uf-glow: 0 0 15px rgba(156,39,176,0.6)
}

.uframe23::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2.5s infinite!important
}

.uframe24 {
    --uf-c: #e040fb;
    --uf-glow: 0 0 15px rgba(224,64,251,0.6)
}

.uframe24 .uf-ring {
    background: linear-gradient(var(--uf-c),transparent)!important;
    animation: uf_rotate 3s ease-in-out infinite alternate!important
}

.uframe25 {
    --uf-c: #ea80fc;
    --uf-glow: 0 0 15px rgba(234,128,252,0.6)
}

.uframe25 .uf-ring {
    border: 2px solid var(--uf-c)!important;
    box-shadow: var(--uf-glow)!important;
    animation: uf_pulse 3s infinite alternate!important
}

.uframe26 {
    --uf-c: #3f51b5;
    --uf-glow: 0 0 15px rgba(63,81,181,0.6)
}

.uframe26 .uf-ring {
    border: 2px double var(--uf-c)!important;
    animation: uf_rotate 15s linear infinite reverse!important
}

.uframe27 {
    --uf-c: #311b92;
    --uf-glow: 0 0 15px rgba(49,27,146,0.6)
}

.uframe27 .uf-ring {
    background: radial-gradient(circle,transparent 60%,var(--uf-c) 100%)!important;
    animation: uf_pulse 1.5s infinite!important
}

.uframe28 {
    --uf-c: #6a1b9a;
    --uf-glow: 0 0 15px rgba(106,27,154,0.6)
}

.uframe28::after {
    content: ''!important;
    position: absolute!important;
    inset: -5px!important;
    border-radius: 50%!important;
    border: 1px solid var(--uf-c)!important;
    opacity: 0.5!important;
    animation: uf_rotate 20s linear infinite!important
}

.uframe29 {
    --uf-c: #7b1fa2;
    --uf-glow: 0 0 15px rgba(123,31,162,0.6)
}

.uframe29 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 8s linear infinite!important
}

.uframe30 {
    --uf-c: #8e24aa;
    --uf-glow: 0 0 15px rgba(142,36,170,0.6)
}

.uframe30::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2s infinite!important
}

.uframe31 {
    --uf-c: #00e5ff;
    --uf-glow: 0 0 15px rgba(0,229,255,0.6)
}

.uframe31 .uf-ring {
    background: conic-gradient(from 0deg,var(--uf-c),transparent,var(--uf-c))!important;
    animation: uf_rotate 4s linear infinite!important
}

.uframe32 {
    --uf-c: #1e90ff;
    --uf-glow: 0 0 15px rgba(30,144,255,0.6)
}

.uframe32 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 10s linear infinite!important
}

.uframe33 {
    --uf-c: #00bcd4;
    --uf-glow: 0 0 15px rgba(0,188,212,0.6)
}

.uframe33::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2.5s infinite!important
}

.uframe34 {
    --uf-c: #2196f3;
    --uf-glow: 0 0 15px rgba(33,150,243,0.6)
}

.uframe34 .uf-ring {
    background: linear-gradient(var(--uf-c),transparent)!important;
    animation: uf_rotate 3s ease-in-out infinite alternate!important
}

.uframe35 {
    --uf-c: #00d2ff;
    --uf-glow: 0 0 15px rgba(0,210,255,0.6)
}

.uframe35 .uf-ring {
    border: 2px solid var(--uf-c)!important;
    box-shadow: var(--uf-glow)!important;
    animation: uf_pulse 3s infinite alternate!important
}

.uframe36 {
    --uf-c: #4db6ac;
    --uf-glow: 0 0 15px rgba(77,182,172,0.6)
}

.uframe36 .uf-ring {
    border: 2px double var(--uf-c)!important;
    animation: uf_rotate 15s linear infinite reverse!important
}

.uframe37 {
    --uf-c: #00acc1;
    --uf-glow: 0 0 15px rgba(0,172,193,0.6)
}

.uframe37 .uf-ring {
    background: radial-gradient(circle,transparent 60%,var(--uf-c) 100%)!important;
    animation: uf_pulse 1.5s infinite!important
}

.uframe38 {
    --uf-c: #0288d1;
    --uf-glow: 0 0 15px rgba(2,136,209,0.6)
}

.uframe38::after {
    content: ''!important;
    position: absolute!important;
    inset: -5px!important;
    border-radius: 50%!important;
    border: 1px solid var(--uf-c)!important;
    opacity: 0.5!important;
    animation: uf_rotate 20s linear infinite!important
}

.uframe39 {
    --uf-c: #039be5;
    --uf-glow: 0 0 15px rgba(3,155,229,0.6)
}

.uframe39 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 8s linear infinite!important
}

.uframe40 {
    --uf-c: #0097a7;
    --uf-glow: 0 0 15px rgba(0,151,167,0.6)
}

.uframe40::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2s infinite!important
}

.uframe41 {
    --uf-c: #1de9b6;
    --uf-glow: 0 0 15px rgba(29,233,182,0.6)
}

.uframe41 .uf-ring {
    background: conic-gradient(from 0deg,var(--uf-c),transparent,var(--uf-c))!important;
    animation: uf_rotate 4s linear infinite!important
}

.uframe42 {
    --uf-c: #2979ff;
    --uf-glow: 0 0 15px rgba(41,121,255,0.6)
}

.uframe42 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 10s linear infinite!important
}

.uframe43 {
    --uf-c: #00e676;
    --uf-glow: 0 0 15px rgba(0,230,118,0.6)
}

.uframe43::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2.5s infinite!important
}

.uframe44 {
    --uf-c: #00ced1;
    --uf-glow: 0 0 15px rgba(0,206,209,0.6)
}

.uframe44 .uf-ring {
    background: linear-gradient(var(--uf-c),transparent)!important;
    animation: uf_rotate 3s ease-in-out infinite alternate!important
}

.uframe45 {
    --uf-c: #40c4ff;
    --uf-glow: 0 0 15px rgba(64,196,255,0.6)
}

.uframe45 .uf-ring {
    border: 2px solid var(--uf-c)!important;
    box-shadow: var(--uf-glow)!important;
    animation: uf_pulse 3s infinite alternate!important
}

.uframe46 {
    --uf-c: #00b0ff;
    --uf-glow: 0 0 15px rgba(0,176,255,0.6)
}

.uframe46 .uf-ring {
    border: 2px double var(--uf-c)!important;
    animation: uf_rotate 15s linear infinite reverse!important
}

.uframe47 {
    --uf-c: #05c3de;
    --uf-glow: 0 0 15px rgba(5,195,222,0.6)
}

.uframe47 .uf-ring {
    background: radial-gradient(circle,transparent 60%,var(--uf-c) 100%)!important;
    animation: uf_pulse 1.5s infinite!important
}

.uframe48 {
    --uf-c: #00e5ff;
    --uf-glow: 0 0 15px rgba(0,229,255,0.6)
}

.uframe48::after {
    content: ''!important;
    position: absolute!important;
    inset: -5px!important;
    border-radius: 50%!important;
    border: 1px solid var(--uf-c)!important;
    opacity: 0.5!important;
    animation: uf_rotate 20s linear infinite!important
}

.uframe49 {
    --uf-c: #00e676;
    --uf-glow: 0 0 15px rgba(0,230,118,0.6)
}

.uframe49 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 8s linear infinite!important
}

.uframe50 {
    --uf-c: #00b8d4;
    --uf-glow: 0 0 15px rgba(0,184,212,0.6)
}

.uframe50::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2s infinite!important
}

.uframe51 {
    --uf-c: #f0e68c;
    --uf-glow: 0 0 15px rgba(240,230,140,0.6)
}

.uframe51 .uf-ring {
    background: conic-gradient(from 0deg,var(--uf-c),transparent,var(--uf-c))!important;
    animation: uf_rotate 4s linear infinite!important
}

.uframe52 {
    --uf-c: #fff;
    --uf-glow: 0 0 15px rgba(255,255,255,0.6)
}

.uframe52 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 10s linear infinite!important
}

.uframe53 {
    --uf-c: #eceff1;
    --uf-glow: 0 0 15px rgba(236,239,241,0.6)
}

.uframe53::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2.5s infinite!important
}

.uframe54 {
    --uf-c: #fff59d;
    --uf-glow: 0 0 15px rgba(255,245,157,0.6)
}

.uframe54 .uf-ring {
    background: linear-gradient(var(--uf-c),transparent)!important;
    animation: uf_rotate 3s ease-in-out infinite alternate!important
}

.uframe55 {
    --uf-c: #fff9c4;
    --uf-glow: 0 0 15px rgba(255,249,196,0.6)
}

.uframe55 .uf-ring {
    border: 2px solid var(--uf-c)!important;
    box-shadow: var(--uf-glow)!important;
    animation: uf_pulse 3s infinite alternate!important
}

.uframe56 {
    --uf-c: #e0f2f1;
    --uf-glow: 0 0 15px rgba(224,242,241,0.6)
}

.uframe56 .uf-ring {
    border: 2px double var(--uf-c)!important;
    animation: uf_rotate 15s linear infinite reverse!important
}

.uframe57 {
    --uf-c: #fffde7;
    --uf-glow: 0 0 15px rgba(255,253,231,0.6)
}

.uframe57 .uf-ring {
    background: radial-gradient(circle,transparent 60%,var(--uf-c) 100%)!important;
    animation: uf_pulse 1.5s infinite!important
}

.uframe58 {
    --uf-c: #ffff8d;
    --uf-glow: 0 0 15px rgba(255,255,141,0.6)
}

.uframe58::after {
    content: ''!important;
    position: absolute!important;
    inset: -5px!important;
    border-radius: 50%!important;
    border: 1px solid var(--uf-c)!important;
    opacity: 0.5!important;
    animation: uf_rotate 20s linear infinite!important
}

.uframe59 {
    --uf-c: #eceff1;
    --uf-glow: 0 0 15px rgba(236,239,241,0.6)
}

.uframe59 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 8s linear infinite!important
}

.uframe60 {
    --uf-c: #fff176;
    --uf-glow: 0 0 15px rgba(255,241,118,0.6)
}

.uframe60::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2s infinite!important
}

.uframe61 {
    --uf-c: #32cd32;
    --uf-glow: 0 0 15px rgba(50,205,50,0.6)
}

.uframe61 .uf-ring {
    background: conic-gradient(from 0deg,var(--uf-c),transparent,var(--uf-c))!important;
    animation: uf_rotate 4s linear infinite!important
}

.uframe62 {
    --uf-c: #00ff41;
    --uf-glow: 0 0 15px rgba(0,255,65,0.6)
}

.uframe62 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 10s linear infinite!important
}

.uframe63 {
    --uf-c: #4caf50;
    --uf-glow: 0 0 15px rgba(76,175,80,0.6)
}

.uframe63::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2.5s infinite!important
}

.uframe64 {
    --uf-c: #8bc34a;
    --uf-glow: 0 0 15px rgba(139,195,74,0.6)
}

.uframe64 .uf-ring {
    background: linear-gradient(var(--uf-c),transparent)!important;
    animation: uf_rotate 3s ease-in-out infinite alternate!important
}

.uframe65 {
    --uf-c: #a7ffeb;
    --uf-glow: 0 0 15px rgba(167,255,235,0.6)
}

.uframe65 .uf-ring {
    border: 2px solid var(--uf-c)!important;
    box-shadow: var(--uf-glow)!important;
    animation: uf_pulse 3s infinite alternate!important
}

.uframe66 {
    --uf-c: #b9f6ca;
    --uf-glow: 0 0 15px rgba(185,246,202,0.6)
}

.uframe66 .uf-ring {
    border: 2px double var(--uf-c)!important;
    animation: uf_rotate 15s linear infinite reverse!important
}

.uframe67 {
    --uf-c: #aed581;
    --uf-glow: 0 0 15px rgba(174,213,129,0.6)
}

.uframe67 .uf-ring {
    background: radial-gradient(circle,transparent 60%,var(--uf-c) 100%)!important;
    animation: uf_pulse 1.5s infinite!important
}

.uframe68 {
    --uf-c: #adff2f;
    --uf-glow: 0 0 15px rgba(173,255,47,0.6)
}

.uframe68::after {
    content: ''!important;
    position: absolute!important;
    inset: -5px!important;
    border-radius: 50%!important;
    border: 1px solid var(--uf-c)!important;
    opacity: 0.5!important;
    animation: uf_rotate 20s linear infinite!important
}

.uframe69 {
    --uf-c: #69f0ae;
    --uf-glow: 0 0 15px rgba(105,240,174,0.6)
}

.uframe69 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 8s linear infinite!important
}

.uframe70 {
    --uf-c: #43a047;
    --uf-glow: 0 0 15px rgba(67,160,71,0.6)
}

.uframe70::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2s infinite!important
}

.uframe71 {
    --uf-c: #ff4500;
    --uf-glow: 0 0 15px rgba(255,69,0,0.6)
}

.uframe71 .uf-ring {
    background: conic-gradient(from 0deg,var(--uf-c),transparent,var(--uf-c))!important;
    animation: uf_rotate 4s linear infinite!important
}

.uframe72 {
    --uf-c: #ff5722;
    --uf-glow: 0 0 15px rgba(255,87,34,0.6)
}

.uframe72 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 10s linear infinite!important
}

.uframe73 {
    --uf-c: #ff9800;
    --uf-glow: 0 0 15px rgba(255,152,0,0.6)
}

.uframe73::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2.5s infinite!important
}

.uframe74 {
    --uf-c: #ffc107;
    --uf-glow: 0 0 15px rgba(255,193,7,0.6)
}

.uframe74 .uf-ring {
    background: linear-gradient(var(--uf-c),transparent)!important;
    animation: uf_rotate 3s ease-in-out infinite alternate!important
}

.uframe75 {
    --uf-c: #ffcc00;
    --uf-glow: 0 0 15px rgba(255,204,0,0.6)
}

.uframe75 .uf-ring {
    border: 2px solid var(--uf-c)!important;
    box-shadow: var(--uf-glow)!important;
    animation: uf_pulse 3s infinite alternate!important
}

.uframe76 {
    --uf-c: #ff6f00;
    --uf-glow: 0 0 15px rgba(255,111,0,0.6)
}

.uframe76 .uf-ring {
    border: 2px double var(--uf-c)!important;
    animation: uf_rotate 15s linear infinite reverse!important
}

.uframe77 {
    --uf-c: #f57c00;
    --uf-glow: 0 0 15px rgba(245,124,0,0.6)
}

.uframe77 .uf-ring {
    background: radial-gradient(circle,transparent 60%,var(--uf-c) 100%)!important;
    animation: uf_pulse 1.5s infinite!important
}

.uframe78 {
    --uf-c: #ff3d00;
    --uf-glow: 0 0 15px rgba(255,61,0,0.6)
}

.uframe78::after {
    content: ''!important;
    position: absolute!important;
    inset: -5px!important;
    border-radius: 50%!important;
    border: 1px solid var(--uf-c)!important;
    opacity: 0.5!important;
    animation: uf_rotate 20s linear infinite!important
}

.uframe79 {
    --uf-c: #e65100;
    --uf-glow: 0 0 15px rgba(230,81,0,0.6)
}

.uframe79 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 8s linear infinite!important
}

.uframe80 {
    --uf-c: #ffa000;
    --uf-glow: 0 0 15px rgba(255,160,0,0.6)
}

.uframe80::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2s infinite!important
}

.uframe81 {
    --uf-c: #483d8b;
    --uf-glow: 0 0 15px rgba(72,61,139,0.6)
}

.uframe81 .uf-ring {
    background: conic-gradient(from 0deg,var(--uf-c),transparent,var(--uf-c))!important;
    animation: uf_rotate 4s linear infinite!important
}

.uframe82 {
    --uf-c: #263238;
    --uf-glow: 0 0 15px rgba(38,50,56,1)
}

.uframe82 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 10s linear infinite!important
}

.uframe83 {
    --uf-c: #37474f;
    --uf-glow: 0 0 15px rgba(55,71,79,1)
}

.uframe83::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2.5s infinite!important
}

.uframe84 {
    --uf-c: #546e7a;
    --uf-glow: 0 0 15px rgba(84,110,122,0.6)
}

.uframe84 .uf-ring {
    background: linear-gradient(var(--uf-c),transparent)!important;
    animation: uf_rotate 3s ease-in-out infinite alternate!important
}

.uframe85 {
    --uf-c: #303f9f;
    --uf-glow: 0 0 15px rgba(48,63,159,0.6)
}

.uframe85 .uf-ring {
    border: 2px solid var(--uf-c)!important;
    box-shadow: var(--uf-glow)!important;
    animation: uf_pulse 3s infinite alternate!important
}

.uframe86 {
    --uf-c: #1a237e;
    --uf-glow: 0 0 15px rgba(26,35,126,0.6)
}

.uframe86 .uf-ring {
    border: 2px double var(--uf-c)!important;
    animation: uf_rotate 15s linear infinite reverse!important
}

.uframe87 {
    --uf-c: #283593;
    --uf-glow: 0 0 15px rgba(40,53,147,0.6)
}

.uframe87 .uf-ring {
    background: radial-gradient(circle,transparent 60%,var(--uf-c) 100%)!important;
    animation: uf_pulse 1.5s infinite!important
}

.uframe88 {
    --uf-c: #3f51b5;
    --uf-glow: 0 0 15px rgba(63,81,181,0.6)
}

.uframe88::after {
    content: ''!important;
    position: absolute!important;
    inset: -5px!important;
    border-radius: 50%!important;
    border: 1px solid var(--uf-c)!important;
    opacity: 0.5!important;
    animation: uf_rotate 20s linear infinite!important
}

.uframe89 {
    --uf-c: #1c2331;
    --uf-glow: 0 0 15px rgba(28,35,49,1)
}

.uframe89 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 8s linear infinite!important
}

.uframe90 {
    --uf-c: #0d47a1;
    --uf-glow: 0 0 15px rgba(13,71,161,0.6)
}

.uframe90::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2s infinite!important
}

.uframe91 {
    --uf-c: #00e676;
    --uf-glow: 0 0 15px rgba(0,230,118,0.6)
}

.uframe91 .uf-ring {
    background: conic-gradient(from 0deg,var(--uf-c),transparent,var(--uf-c))!important;
    animation: uf_rotate 4s linear infinite!important
}

.uframe92 {
    --uf-c: #4caf50;
    --uf-glow: 0 0 15px rgba(76,175,80,0.6)
}

.uframe92 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 10s linear infinite!important
}

.uframe93 {
    --uf-c: #2e7d32;
    --uf-glow: 0 0 15px rgba(46,125,50,0.6)
}

.uframe93::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2.5s infinite!important
}

.uframe94 {
    --uf-c: #1b5e20;
    --uf-glow: 0 0 15px rgba(27,94,32,1)
}

.uframe94 .uf-ring {
    background: linear-gradient(var(--uf-c),transparent)!important;
    animation: uf_rotate 3s ease-in-out infinite alternate!important
}

.uframe95 {
    --uf-c: #81c784;
    --uf-glow: 0 0 15px rgba(129,199,132,0.6)
}

.uframe95 .uf-ring {
    border: 2px solid var(--uf-c)!important;
    box-shadow: var(--uf-glow)!important;
    animation: uf_pulse 3s infinite alternate!important
}

.uframe96 {
    --uf-c: #00c853;
    --uf-glow: 0 0 15px rgba(0,200,83,0.6)
}

.uframe96 .uf-ring {
    border: 2px double var(--uf-c)!important;
    animation: uf_rotate 15s linear infinite reverse!important
}

.uframe97 {
    --uf-c: #a5d6a7;
    --uf-glow: 0 0 15px rgba(165,214,167,0.6)
}

.uframe97 .uf-ring {
    background: radial-gradient(circle,transparent 60%,var(--uf-c) 100%)!important;
    animation: uf_pulse 1.5s infinite!important
}

.uframe98 {
    --uf-c: #388e3c;
    --uf-glow: 0 0 15px rgba(56,142,60,0.6)
}

.uframe98::after {
    content: ''!important;
    position: absolute!important;
    inset: -5px!important;
    border-radius: 50%!important;
    border: 1px solid var(--uf-c)!important;
    opacity: 0.5!important;
    animation: uf_rotate 20s linear infinite!important
}

.uframe99 {
    --uf-c: #66bb6a;
    --uf-glow: 0 0 15px rgba(102,187,106,0.6)
}

.uframe99 .uf-ring {
    border: 2px dashed var(--uf-c)!important;
    animation: uf_rotate 8s linear infinite!important
}

.uframe100 {
    --uf-c: #054f15;
    --uf-glow: 0 0 15px rgba(5,79,21,1)
}

.uframe100::before {
    content: ''!important;
    position: absolute!important;
    inset: 0!important;
    border-radius: 50%!important;
    border: 2px solid var(--uf-c)!important;
    animation: uf_pulse 2s infinite!important
}

.profile_avatar .ultra-frame {
    --frame-sz: 130px;
    margin: 5px 0
}

.profile_avatar .uf-top-icon {
    font-size: 38px;
    top: -35px
}

.profile_avatar .uf-badge {
    width: 34px;
    height: 34px;
    border-width: 3px
}

.profile_avatar .uf-badge i {
    font-size: 18px
}

.profile_avatar .uf-ring {
    inset: -8px
}

.user_item_avatar .ultra-frame {
    --frame-sz: 60px;
    margin: 4px 0
}

.user_item_avatar .uf-top-icon {
    font-size: 18px;
    top: -15px
}

.user_item_avatar .uf-badge {
    width: 18px;
    height: 18px;
    border-width: 1.5px
}

.user_item_avatar .uf-badge i {
    font-size: 10px
}

.user_item_avatar .uf-ring {
    inset: -4px
}