:root{--blue:#18a0fb;--blue3:rgba(24,145,251,.3);--purple:#7b61ff;--hot-pink:#f0f;--green:#1bc47d;--green-3:rgba(27,196,125,.3);--red:#f24822;--red-3:rgba(242,72,34,.3);--yellow:#ffeb00;--yellow-3:rgba(255,235,0,.3);--black:#000;--black8:rgba(0,0,0,.8);--black8-opaque:#333;--black3:rgba(0,0,0,.3);--black3-opaque:#b3b3b3;--white:#fff;--white8:hsla(0,0%,100%,.8);--white4:hsla(0,0%,100%,.4);--white8-opaque:#d3d3d3;--white4-opaque:#7a7a7a;--grey:#f0f0f0;--silver:#e5e5e5;--hud:#222;--toolbar:#2c2c2c;--black1:rgba(0,0,0,.1);--purple4:rgba(123,97,255,.4);--hover-fill:rgba(0,0,0,.06);--selection-a:#daebf7;--selection-b:#edf5fa;--white2:hsla(0,0%,100%,.2);--font-stack:"Inter",sans-serif;--font-size-11:11px;--font-size-12:12px;--font-size-13:13px;--font-size-14:14px;--font-size-16:16px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:600;--line-height-16:16px;--line-height-24:24px;--font-letter-spacing-pos-xsmall:0.005em;--font-letter-spacing-neg-xsmall:0.01em;--font-letter-spacing-pos-small:0;--font-letter-spacing-neg-small:0.005em;--font-letter-spacing-pos-large:-0.0025em;--font-letter-spacing-neg-large:0.0025em;--font-letter-spacing-pos-xlarge:-0.001em;--font-letter-spacing-neg-xlarge:-0.001em;--border-radius-small:2px;--border-radius-med:5px;--border-radius-large:6px;--shadow-hud:0 5px 17px rgba(0,0,0,.2),0 2px 7px rgba(0,0,0,.15);--shadow-floating-window:0 2px 14px rgba(0,0,0,.15);--size-xxxsmall:4px;--size-xxsmall:8px;--size-xsmall:16px;--size-small:24px;--size-medium:32px;--size-large:40px;--size-xlarge:48px;--size-xxlarge:64px;--size-xxxlarge:80px;--background:var(--hud);--foreground:var(--white);--foreground-light:var(--white4-opaque)}.user-page-container{align-items:center;display:flex;min-height:100vh;justify-content:center;padding:var(--size-xsmall);position:relative;width:100%}.user-page-container .contents{max-width:320px;width:100%}.user-page-container .icon-button.close-user-page{position:absolute;top:16px;right:16px}.user-page-container .page-title{text-align:center;margin-bottom:var(--size-small)}.user-page-container .account-row{border-top:1px solid var(--white2);padding:12px 0}.user-page-container .account-row.button-row{display:flex;gap:12px}.user-page-container .account-row.button-row .button{flex:1}.user-page-container .account-label{color:var(--white8);font-size:var(--font-size-11);line-height:var(--line-height-16)}.user-page-container .account-value{color:var(--white8);display:flex;align-items:center;font-size:var(--font-size-13);line-height:var(--line-height-24);gap:4px}