.vip-progress-block{position:relative;background-color:var(--color-primary-3);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:24px;overflow:hidden;box-shadow:0 2px 16px #100f0f,0 0 4px #ffffff3d inset}.vip-progress-block .vip-progress-content{display:flex;flex-direction:column;align-items:center;gap:24px}.vip-progress-block .vip-progress-content>*{width:100%}@media(min-width:900px){.vip-progress-block .vip-progress-content{flex-direction:row}}.vip-progress-block .vip-progress-info{flex:1;display:flex;flex-direction:column}.vip-progress-block .vip-level-title{color:var(--color-neutral-1);font-size:14px;font-weight:500;line-height:1}@media(max-width:899px){.vip-progress-block .vip-level-title{text-align:center}}.vip-progress-block .level-name{font-family:Unbounded,sans-serif;font-weight:700;font-size:24px;line-height:24px;margin-bottom:26px}@media(max-width:899px){.vip-progress-block .level-name{text-align:center}}.vip-progress-block .level-progress-container{margin-top:auto;display:flex;flex-direction:column;gap:8px}.vip-progress-block .level-progress-container:last-child{margin-top:16px}.vip-progress-block .progress-percentage{font-size:14px;font-weight:400;color:var(--color-neutral-1);display:flex;align-items:center;white-space:pre-wrap}.vip-progress-block .progress-percentage .progress-title{font-weight:700;flex:1}.vip-progress-block .progress-percentage .progress-full-count{color:var(--color-neutral-2)}.vip-progress-block .vip-progress-bar .bar{height:8px;background-color:var(--color-primary-1)}.vip-progress-block .vip-progress-bar .bar .progress{background-color:var(--color-neutral-1)}.vip-progress-block .vip-progress-logo-container{width:148px;height:148px;position:relative;display:flex;align-items:center;justify-content:center}.vip-progress-block .level-image{width:100%;height:100%;object-fit:contain;transform:scale(1.3)}.vip-progress-block .level-1{color:var(--color-neutral-1)}.vip-progress-block .level-2{background:linear-gradient(154deg,#ebd4b7 16.5%,#ffe3ce 84.17%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vip-progress-block .level-3{background:linear-gradient(107deg,#f2f2f9 36.12%,#fff 47.12% 52.38%,#e7e6ee 62.48%,#f3f3f3 72.59%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vip-progress-block .level-4{background:linear-gradient(107deg,#fff0ce 36.12%,#fff7e3 43.93%,#fffaef 52.38%,#fff1d9 59.79%,#f2ddb8 66.96%,#fff5de 80.44%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vip-progress-block .level-5{background:linear-gradient(107deg,#eaceff 36.12%,#f7e3ff 43.93%,#fbefff 52.38%,#f8d9ff 59.79%,#e8b8f2 66.96%,#f5deff 80.44%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vip-progress-block .level-6{background:linear-gradient(107deg,#cee4ff 36.12%,#f8e3ff 43.93%,#fffaef 52.38%,#d9f1ff 59.79%,#f2e6b8 66.96%,#efdeff 80.44%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vip-progress-block .level-7{background:linear-gradient(107deg,#d4d4d4 36.12%,#fff 43.93%,#c7c7c7 52.38%,#fff 59.79%,#b6b6b6 66.96%,#ddd 80.44%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vip-progress-block .level-8{background:linear-gradient(107deg,#fdf2d9 36.12%,#fff7e3 43.93%,#fffcf4 52.38%,#fff1d9 59.79%,#f3e0bf 66.96%,#fff5de 80.44%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vip-progress-block.in-profile-menu{padding:0;transition:opacity .1s ease-out}@media(min-width:900px){.vip-progress-block.in-profile-menu:hover{opacity:.9}}.vip-progress-block.in-profile-menu .vip-progress-content{gap:10px!important;flex-direction:row}.vip-progress-block.in-profile-menu .left-part{display:flex;flex-direction:column;gap:12px;align-items:center;width:110px;margin:4px}.vip-progress-block.in-profile-menu .left-part .vip-progress-logo-container{width:110px!important;height:110px!important}.vip-progress-block.in-profile-menu .left-part .in-profile-menu-level-title{text-align:center}.vip-progress-block.in-profile-menu .left-part .vip-level-title{font-size:12px;font-weight:500}.vip-progress-block.in-profile-menu .left-part .level-name{font-size:14px;margin-bottom:8px}.vip-progress-block.in-profile-menu .vip-progress-info{height:150px;justify-content:space-between;padding:18px 24px 20px 0}.vip-progress-block.in-profile-menu .vip-progress-info .level-progress-container{margin-top:0;gap:6px}.vip-progress-block.in-profile-menu .progress-title{font-size:12px;font-weight:700}.vip-progress-block.in-profile-menu .in-profile-menu-level-progress{color:var(--color-neutral-1);font-size:12px;font-weight:500}.vip-progress-block.in-profile-menu .in-profile-menu-level-progress .progress-full-count{color:var(--color-neutral-2)}.vip-progress-block.in-profile-menu .vip-progress-bar.mini .bar{height:4px}