.username{display:inline-flex;align-items:center;color:inherit;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:inherit;border:none;background:none;padding:0;margin:0;font-family:inherit;line-height:inherit}.username__text{display:inline;color:inherit;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.username--sm{font-size:.875rem;line-height:1.25}.username--md{font-size:1rem;line-height:1.375}.username--lg{font-size:1.125rem;line-height:1.5}.username--normal{font-weight:400}.username--medium{font-weight:500}.username--bold{font-weight:600}.username--clickable{cursor:pointer}.username--clickable:hover{opacity:.8;text-decoration:underline}.username--clickable:focus{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:2px}.username--clickable:active{opacity:.7;transform:translateY(1px)}a.username{color:var(--brand-primary);text-decoration:none}a.username:hover{color:var(--brand-primary--dark);text-decoration:underline}a.username:visited,button.username{color:var(--brand-primary)}button.username{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer}button.username:hover{color:var(--brand-primary--dark)}button.username:focus{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:2px}@media (prefers-color-scheme:dark){a.username{color:var(--brand-primary--light)}a.username:hover{color:var(--brand-primary)}a.username:visited,button.username{color:var(--brand-primary--light)}button.username:hover{color:var(--brand-primary)}}@media (prefers-contrast:high){.username--clickable:focus{outline:3px solid currentColor;outline-offset:2px}}@media (prefers-reduced-motion:reduce){.username{transition:none}.username--clickable:active{transform:none}}