@layer loosethreads{.lt-avatar{--lt-avatar-size:var(--size-40);--lt-avatar-type:var(--t-small);--lt-avatar-ring-w:var(--s-0);--lt-avatar-ring-style:solid;--lt-avatar-ring:var(--c-type);--lt-avatar-ring-gap:var(--line-w);--lt-avatar-ring-out:calc(var(--lt-avatar-ring-gap) + var(--lt-avatar-ring-w));--lt-avatar-wash:transparent;--lt-avatar-dur:var(--dur-quick);box-sizing:border-box;justify-content:center;place-items:center;gap:var(--s-8);border-radius:var(--r-pill);appearance:none;min-width:0;max-width:100%;color:var(--c-type);font-family:var(--f-reading);vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;flex:none;margin:0;padding:0;display:inline-grid;position:relative}.lt-avatar--inline{--lt-avatar-size:var(--size-24);--lt-avatar-type:var(--t-label)}.lt-avatar--profile{--lt-avatar-size:var(--size-64);--lt-avatar-type:var(--t-title)}.lt-avatar--portrait{--lt-avatar-size:var(--size-120);--lt-avatar-type:var(--t-heading);--lt-avatar-ring-gap:var(--ring-offset)}.lt-avatar--tile{--lt-avatar-size:var(--s-32);--lt-avatar-type:var(--t-small)}.lt-avatar__disc{width:var(--lt-avatar-size);height:var(--lt-avatar-size);border-radius:var(--r-pill);display:block;position:relative}.lt-avatar__disc:before{content:"";inset:calc(-1 * var(--lt-avatar-ring-out));border:var(--lt-avatar-ring-w) var(--lt-avatar-ring-style) var(--lt-avatar-ring);border-radius:var(--r-pill);pointer-events:none;position:absolute}.lt-avatar__face{border-radius:var(--r-pill);background-color:var(--c-band);color:var(--c-muted);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.lt-avatar--tile,.lt-avatar--tile .lt-avatar__disc,.lt-avatar--tile .lt-avatar__face{border-radius:var(--corner-chip-sm)}.lt-avatar__face:after{content:"";border-radius:inherit;background-color:var(--lt-avatar-wash);pointer-events:none;transition:background-color var(--lt-avatar-dur) var(--ease-leave);position:absolute;inset:0}.lt-avatar__photo{object-fit:cover;width:100%;height:100%;filter:var(--c-photo-filter);display:block}.lt-avatar__initials{color:var(--c-type);font-family:var(--f-display);font-size:var(--lt-avatar-type);line-height:var(--lh-title);font-weight:var(--w-strong);white-space:nowrap;text-transform:uppercase}.lt-avatar__glyph{width:100%;height:100%;display:block}.lt-avatar__disc[data-ring=public-figure]{--lt-avatar-ring-w:var(--line-w);--lt-avatar-ring-style:dashed}.lt-avatar__disc[data-ring=onboarded]{--lt-avatar-ring-w:var(--line-w)}.lt-avatar__disc[data-ring=on-video]{--lt-avatar-ring-w:var(--ring-w)}.lt-avatar__disc[data-ring=kyc-verified]{--lt-avatar-ring-w:calc(var(--ring-w) + var(--ring-w));--lt-avatar-ring-style:double}.lt-avatar[data-tier=public-figure],.lt-avatar[data-tier=onboarded]{--lt-avatar-ring-w:var(--line-w)}.lt-avatar[data-tier=on-video]{--lt-avatar-ring-w:var(--ring-w)}.lt-avatar[data-tier=kyc-verified]{--lt-avatar-ring-w:calc(var(--ring-w) + var(--ring-w))}.lt-avatar[data-face=hidden] .lt-avatar__face{border:var(--line-w) dashed var(--edge)}.lt-avatar:is([data-face=loading],[data-face=making]) .lt-avatar__face{animation:lt-avatar-breathe var(--dur-loader) var(--ease-move) infinite alternate}@keyframes lt-avatar-breathe{0%{opacity:1}to{opacity:var(--dim)}}.lt-avatar[data-face=failed] .lt-avatar__face{background-color:var(--c-danger-soft);color:var(--c-danger)}.lt-avatar--captioned{border-radius:var(--corner-card)}.lt-avatar__caption{min-width:0;max-width:100%;color:var(--c-type);font-size:var(--t-caption);line-height:var(--lh-body);font-weight:var(--w-regular);text-align:center;overflow-wrap:anywhere;text-wrap:balance;justify-items:center;display:grid}.lt-avatar__retry{font-weight:var(--w-strong);text-decoration:underline;text-decoration-thickness:var(--underline);text-underline-offset:var(--s-2)}.lt-avatar--button{cursor:pointer}@media (hover:hover){.lt-avatar--button:hover{--lt-avatar-wash:var(--c-accent-soft)}.lt-avatar--button:hover .lt-avatar__retry{text-decoration-thickness:var(--underline-hover)}}@media (pointer:coarse){.lt-avatar--button{min-width:var(--touch-min);min-height:var(--touch-min)}}@media (prefers-reduced-motion:reduce){.lt-avatar{--lt-avatar-dur:var(--dur-none)}.lt-avatar:is([data-face=loading],[data-face=making]) .lt-avatar__face{animation:none}}:where([data-motion=reduce]) .lt-avatar{--lt-avatar-dur:var(--dur-none)}:where([data-motion=reduce]) .lt-avatar:is([data-face=loading],[data-face=making]) .lt-avatar__face{animation:none}}
