.nini-rank-header{--nini-rank-header-accent: #ff9fca;--nini-rank-header-rank: #ff8fbd;--nini-rank-header-next: #f6c85f;--nini-rank-header-progress: 66%;--nini-rank-header-icon-size: 42px;--nini-rank-header-next-icon-size: 38px;--nini-rank-header-compact-icon-size: 36px;position:relative;width:100%;color:#fff4fa}.nini-rank-header__inner{display:grid;grid-template-columns:auto auto minmax(14rem,auto) minmax(10rem,1fr) auto;align-items:center;gap:1.2rem;width:100%;min-height:5.6rem;padding:.85rem 1.3rem;border-radius:1.9rem;border:.1rem solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff14,#ffffff05),#120f14c7;box-shadow:inset 0 0 0 .1rem #ffffff0d,0 0 2.8rem #ff5faf29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.nini-rank-header__inner:hover{transform:translateY(-1px);border-color:#ffaddc61;box-shadow:inset 0 0 0 .1rem #ffffff0d,0 0 3.6rem #ff5faf2e}.nini-rank-header__user,.nini-rank-header__rank{display:inline-flex;align-items:center;gap:.8rem;min-width:0}.nini-rank-header__avatar,.nini-rank-header__icon-wrap,.nini-rank-header__next-icon{width:3.6rem;height:3.6rem;display:grid;place-items:center;flex:0 0 auto}.nini-rank-header__avatar{border-radius:999px;overflow:hidden;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.95),transparent 24%),linear-gradient(135deg,#ffffff4d,#ff9fcaad);border:.1rem solid rgba(255,255,255,.22)}.nini-rank-header__icon-wrap{width:var(--nini-rank-header-icon-size);height:var(--nini-rank-header-icon-size)}.nini-rank-header__next-icon{width:var(--nini-rank-header-next-icon-size);height:var(--nini-rank-header-next-icon-size)}.nini-rank-header__avatar img{width:100%;height:100%;object-fit:cover}.nini-rank-header__avatar-core{font-family:Inter,system-ui,sans-serif;font-size:1.45rem;font-weight:700;color:#2a1322}.nini-rank-header__name,.nini-rank-header__label,.nini-rank-header__progress-text,.nini-rank-header__amount,.nini-rank-header__next-text,.nini-rank-header__next-label,.nini-rank-header__guest-label,.nini-rank-header__guest-text,.nini-rank-header__guest-button{font-family:Inter,system-ui,sans-serif}.nini-rank-header__name{font-size:1.45rem;font-weight:600;white-space:nowrap}.nini-rank-header__label{font-size:1.3rem;font-weight:700;color:var(--nini-rank-header-rank);white-space:nowrap}.nini-rank-header__icon,.nini-rank-header__icon:before,.nini-rank-header__icon:after{display:block}.nini-rank-header__icon{position:relative;width:100%;height:100%;border-radius:999px;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.96),transparent 22%),linear-gradient(145deg,color-mix(in srgb,var(--nini-rank-header-rank) 88%,#fff 12%),color-mix(in srgb,var(--nini-rank-header-rank) 70%,#1a0e17 30%));box-shadow:inset 0 0 0 .1rem #ffffff2e,0 0 1.6rem color-mix(in srgb,var(--nini-rank-header-rank) 34%,transparent)}.nini-rank-header__icon:before{content:"\2665";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.8rem;color:#fffffff5;text-shadow:0 .1rem .4rem rgba(0,0,0,.28)}.nini-rank-header__icon--silver:before,.nini-rank-header__icon--platinum:before{content:"\2726"}.nini-rank-header__icon--gold:after,.nini-rank-header__icon--vip:after{content:"\2655";position:absolute;top:-.7rem;left:50%;transform:translate(-50%);font-size:1rem;color:#ffe7a4;text-shadow:0 0 .6rem rgba(255,214,122,.45)}.nini-rank-header__icon-image{width:100%;height:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 0 1rem rgba(255,166,211,.16))}.nini-rank-header__progress-copy{display:grid;gap:.25rem;min-width:0}.nini-rank-header__progress-text{font-size:1.2rem;font-weight:600;color:#ffe2f0;white-space:nowrap}.nini-rank-header__amount{font-size:1.15rem;color:#fff1f7b8;white-space:nowrap}.nini-rank-header__progressbar-wrap{min-width:12rem}.nini-rank-header__bar{position:relative;display:block;width:100%;height:1.1rem;overflow:hidden;border-radius:999px;background:#ffffff1f;box-shadow:inset 0 0 0 .1rem #ffffff14}.nini-rank-header__bar-fill,.nini-rank-header__bar-glint{position:absolute;inset:0 auto 0 0;border-radius:inherit}.nini-rank-header__bar-fill{width:var(--nini-rank-header-progress);background:linear-gradient(90deg,color-mix(in srgb,var(--nini-rank-header-rank) 80%,#fff 20%),color-mix(in srgb,var(--nini-rank-header-next) 82%,#fff 18%));box-shadow:0 0 1rem color-mix(in srgb,var(--nini-rank-header-rank) 34%,transparent),inset 0 0 .4rem #ffffff4d}.nini-rank-header--platinum .nini-rank-header__bar-fill,.nini-rank-header--vip .nini-rank-header__bar-fill{background:linear-gradient(90deg,#f3f6ff,#f3d1fb 28%,#b9e7ff 55%,#ff87c4)}.nini-rank-header__bar-glint{width:min(4.6rem,var(--nini-rank-header-progress));left:max(calc(var(--nini-rank-header-progress) - 2.8rem),0rem);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);filter:blur(.2rem)}.nini-rank-header__next{display:grid;justify-items:end;gap:.2rem;min-width:max-content}.nini-rank-header__next-text{font-size:1.15rem;color:#ffd9ea}.nini-rank-header__next-label{font-size:1.15rem;font-weight:700;color:#ffffffc7}.nini-rank-header__inner--guest{grid-template-columns:minmax(0,1fr) auto}.nini-rank-header__guest-copy{display:grid;gap:.2rem}.nini-rank-header__guest-label{font-size:1.08rem;letter-spacing:.18em;text-transform:uppercase;color:var(--nini-rank-header-accent);font-weight:700}.nini-rank-header__guest-text{font-size:1.34rem;color:#fff4fa;font-weight:600;white-space:nowrap}.nini-rank-header__guest-button{padding:1rem 1.7rem;border-radius:999px;background:linear-gradient(135deg,#ff90c8,#ff5faf);color:#fff;font-size:1.24rem;font-weight:700;box-shadow:inset 0 0 0 .1rem #ffffff2e,0 0 1.8rem #ff5faf3d}.nini-rank-header--compact .nini-rank-header__inner{grid-template-columns:auto auto minmax(0,1fr);gap:.8rem;min-height:4.4rem;padding:.65rem .9rem;border-radius:1.6rem}.nini-rank-header--compact .nini-rank-header__avatar,.nini-rank-header--compact .nini-rank-header__icon-wrap{width:var(--nini-rank-header-compact-icon-size);height:var(--nini-rank-header-compact-icon-size)}.nini-rank-header--compact .nini-rank-header__name,.nini-rank-header--compact .nini-rank-header__amount,.nini-rank-header--compact .nini-rank-header__next,.nini-rank-header--compact .nini-rank-header__guest-text{display:none}.nini-rank-header--compact .nini-rank-header__progress-copy{gap:0}.nini-rank-header--compact .nini-rank-header__progress-text,.nini-rank-header--compact .nini-rank-header__label{font-size:1.1rem}@media screen and (max-width:1199px){.nini-rank-header__inner{grid-template-columns:auto auto minmax(12rem,auto) minmax(9rem,1fr)}.nini-rank-header__next{display:none}}@media screen and (max-width:989px){.nini-rank-header:not(.nini-rank-header--compact){display:none}}.nini-rank-header--compact .nini-rank-header__icon-wrap{width:var(--nini-rank-header-compact-icon-size);height:var(--nini-rank-header-compact-icon-size)}@media screen and (min-width:990px){.nini-rank-header--compact{display:none}}@media screen and (max-width:749px){.nini-rank-header__inner{grid-template-columns:auto auto minmax(0,1fr);gap:.8rem;padding:.65rem .9rem}.nini-rank-header__amount,.nini-rank-header__next,.nini-rank-header__guest-text{display:none}.nini-rank-header__progress-text,.nini-rank-header__guest-label{font-size:1.08rem}}.nini-rank-header--compact.is-guest .nini-rank-header__inner--guest{grid-template-columns:minmax(0,1fr) auto;gap:.9rem;min-height:4.8rem;overflow:hidden}.nini-rank-header--compact.is-guest .nini-rank-header__guest-copy{min-width:0}.nini-rank-header--compact.is-guest .nini-rank-header__guest-label,.nini-rank-header--compact.is-guest .nini-rank-header__guest-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nini-rank-header--compact.is-guest .nini-rank-header__guest-label{font-size:1rem;line-height:1.05}.nini-rank-header--compact.is-guest .nini-rank-header__guest-text{display:block;font-size:1.08rem;line-height:1.25}.nini-rank-header--compact.is-guest .nini-rank-header__guest-button{display:inline-flex;align-items:center;justify-content:center;width:6.8rem;min-width:6.8rem;height:3.7rem;padding:0;font-size:1.1rem;line-height:1}@media screen and (max-width:749px){.nini-header-home__mobile-rank{padding-inline:1.2rem;padding-bottom:.8rem}.nini-rank-header--compact.is-guest .nini-rank-header__inner--guest{padding:.62rem .78rem .62rem 1rem;border-radius:1.45rem}}@media screen and (max-width:374px){.nini-rank-header--compact.is-guest .nini-rank-header__inner--guest{gap:.65rem}.nini-rank-header--compact.is-guest .nini-rank-header__guest-label{font-size:.92rem}.nini-rank-header--compact.is-guest .nini-rank-header__guest-text{font-size:.98rem}.nini-rank-header--compact.is-guest .nini-rank-header__guest-button{width:5.9rem;min-width:5.9rem;height:3.4rem;font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/nini-rank-header.css.map */