.userButton{background:none;border:none;border-radius:var(--size-x4);cursor:pointer;display:flex;gap:var(--size-x2);min-width:0;padding:var(--size-x3) var(--size-x5);width:100%}.userButton:active{transform:translateY(.1rem)}.userButton__capital{align-content:center;background:linear-gradient(180deg,#c8f051,#0285f1 65.5%);border-radius:var(--size-x4);color:#fff;flex-shrink:0;font-size:1.6rem;font-weight:600;height:var(--size-x12);line-height:var(--size-x10);text-transform:capitalize;width:var(--size-x12)}.userButton:hover .userButton__capital{background:linear-gradient(180deg,#daf098,#40a5f8 65%);outline:none}.userButton:focus-visible{outline:var(--outline-set);outline-offset:var(--outline-offset)}.userButton:focus:not(:focus-visible){outline:none}.userButton:active .userButton__capital{background:linear-gradient(180deg,#a6db09,#0d7fdc 65%)}.userButton__userName{color:var(--text-neutral-900,#05060f);font-size:1.6rem;font-style:normal;font-weight:600;line-height:var(--size-x12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}