@layer reset,tokens,base,layout,components,pages,utilities;@layer components{.progress-bar{--bar:var(--color-blue);inline-size:100%;block-size:calc(10 * var(--u));border-radius:var(--radius-pill);background:var(--color-fill-white-08);display:block;position:relative;overflow:hidden}.progress-bar__fill{inline-size:var(--progress-bar-value,0%);border-radius:inherit;background:var(--bar);box-shadow:0 0 calc(12 * var(--u)) color-mix(in srgb, var(--bar) 60%, transparent);position:absolute;inset-block:0;inset-inline-start:0}@media (prefers-reduced-motion:no-preference){.progress-bar__fill{transition:inline-size var(--duration-progress) var(--ease-out-emphasis)}}@media (width<1024px){.progress-bar{block-size:8px}.progress-bar__fill{box-shadow:0 0 12px color-mix(in srgb, var(--bar) 60%, transparent)}}.vip-emblem{--lv:var(--color-level-default);inline-size:calc(56 * var(--u));block-size:calc(56 * var(--u));border-radius:var(--radius-round);color:var(--color-text-strong);background:radial-gradient(circle at 30% 25%, var(--color-white-a45), transparent 55%), linear-gradient(145deg, var(--lv), color-mix(in srgb, var(--lv) 55%, var(--color-text-inverse)));box-shadow:0 0 0 calc(3 * var(--u)) color-mix(in srgb, var(--lv) 30%, transparent), 0 calc(8 * var(--u)) calc(24 * var(--u)) color-mix(in srgb, var(--lv) 35%, transparent);flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.vip-emblem__image{object-fit:contain;block-size:72%;inline-size:72%}.vip-emblem__icon{block-size:46%;inline-size:46%;filter:drop-shadow(0 1px 1px var(--color-black-a35))}@media (width<1024px){.vip-emblem{block-size:42px;inline-size:42px;box-shadow:0 0 0 3px color-mix(in srgb, var(--lv) 30%, transparent), 0 8px 24px color-mix(in srgb, var(--lv) 35%, transparent)}}}