.xp-progress{font-variant-numeric:tabular-nums;background:#1b1f26;border:1px solid #2b3038;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;min-width:0;padding:18px 20px;display:grid}.xp-progress__heading{align-items:center;gap:28px;min-width:0;display:flex}.xp-progress__heading>div{min-width:0}.xp-progress__title{color:#a5afbf;margin:0;font-size:11px;font-weight:600;line-height:1.5}.xp-progress__level{color:#e0e6ee;overflow-wrap:anywhere;margin:3px 0 0;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:24px;font-weight:800;line-height:1.2}.xp-progress__total{gap:3px;display:grid}.xp-progress__total>span{color:#a5afbf;font-size:11px;line-height:1.5}.xp-progress__total strong{color:#e0e6ee;overflow-wrap:anywhere;font-size:20px;font-weight:700;line-height:1.4}.xp-progress__actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;display:flex}.xp-progress__links{flex-wrap:wrap;gap:8px;display:flex}.xp-progress__button,.xp-progress__history-btn{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:var(--button-fg,var(--control-fg));box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-bg);--button-hover:var(--control-hover);--button-pressed:var(--control-pressed);--button-fg:var(--control-fg);--button-sheen:var(--control-sheen);border-radius:var(--control-radius);border-radius:var(--control-radius-sm);text-align:center;white-space:normal;border:0;justify-content:center;align-items:center;gap:6px;height:auto;min-height:34px;padding:8px 12px;font-size:12px;font-weight:700;line-height:1.4;display:inline-flex}.xp-progress__button:is([aria-pressed=true],[aria-selected=true]),.xp-progress__history-btn:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.xp-progress__button:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):hover,.xp-progress__history-btn:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.xp-progress__button:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):active,.xp-progress__history-btn:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.xp-progress__button:focus-visible,.xp-progress__history-btn:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.xp-progress__button:disabled,.xp-progress__history-btn:disabled,.xp-progress__button[aria-disabled=true],.xp-progress__history-btn[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.xp-progress__button_primary{--button-bg:var(--control-primary-bg);--button-hover:var(--control-primary-hover);--button-pressed:var(--control-primary-pressed);--button-fg:var(--control-primary-fg);--button-sheen:var(--control-primary-sheen)}.xp-progress__history-btn[aria-expanded=true]{--button-bg:var(--control-selected-bg);--button-hover:var(--control-selected-hover);--button-pressed:var(--control-selected-pressed);--button-fg:var(--control-selected-fg)}.xp-progress__link-icon,.xp-progress__history-icon{flex:none}.xp-progress__history-btn[aria-expanded=true] .xp-progress__history-icon{transform:rotate(180deg)}[dir=rtl] .xp-progress__history-btn[aria-expanded=true] .xp-progress__history-icon{transform:rotate(-180deg)}.xp-progress__track{grid-column:1/-1;min-width:0}.xp-progress__labels{color:#bcc5d2;margin:0 0 7px;font-size:12px;line-height:1.5}.xp-progress__bar{appearance:none;accent-color:#4b83ff;background:#2b3038;border:0;border-radius:6px;width:100%;height:6px;display:block;overflow:hidden}.xp-progress__bar::-webkit-progress-bar{background:#2b3038;border-radius:6px}.xp-progress__bar::-webkit-progress-value{background:#4b83ff;border-radius:6px}.xp-progress__bar::-moz-progress-bar{background:#4b83ff;border-radius:6px}.xp-progress__today{color:#a5afbf;flex-wrap:wrap;grid-column:1/-1;gap:4px 18px;margin:0;font-size:12px;line-height:1.5;display:flex}.xp-progress__recent{border-block-start:1px solid #2b3038a6;grid-column:1/-1}.xp-progress__awards{margin:0;padding:0;list-style:none}.xp-progress__award{color:#bcc5d2;border-block-end:1px solid #2b3038a6;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding-block:10px;font-size:12px;line-height:1.5;display:grid}.xp-progress__award:last-child{border-block-end:0;padding-block-end:0}.xp-progress__award>span{overflow-wrap:anywhere}.xp-progress__award strong{color:#e0e6ee;font-weight:650}.xp-progress__award time{color:#a5afbf;grid-column:1/-1;font-size:11px}@media not screen and (width>=1100px){.xp-progress{grid-template-columns:minmax(0,1fr)}.xp-progress__heading{grid-row:1}.xp-progress__track{grid-row:2}.xp-progress__today{grid-row:3}.xp-progress__actions{grid-row:4;justify-content:start}}@media not screen and (width>=630px){.xp-progress{padding:16px}.xp-progress__heading{justify-content:space-between;gap:16px}.xp-progress__total{text-align:end}.xp-progress__total strong{font-size:18px}.xp-progress__actions,.xp-progress__links{width:100%}.xp-progress__links{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.xp-progress__links>:only-child{grid-column:1/-1}.xp-progress__button,.xp-progress__history-btn{min-height:44px}.xp-progress__history-btn{width:100%}}
