.vv-session { display:inline-flex; align-items:center; gap:.5rem; min-height:2.5rem; border-radius:.5rem; font:inherit; text-decoration:none; white-space:nowrap; }
.vv-session--authenticated { min-width:13.75rem; display:grid; grid-template-columns:2.25rem minmax(0,1fr) 1rem; gap:.625rem; padding:.375rem .5rem; border:1px solid transparent; border-radius:.6875rem; color:inherit; text-align:left; transition:border-color 180ms ease,background-color 180ms ease; }
.vv-session--authenticated:hover { border-color:color-mix(in srgb,currentColor 18%,transparent); background:color-mix(in srgb,currentColor 4%,transparent); }
.vv-session--anonymous { padding:.5rem .75rem; border:1px solid currentColor; color:inherit; }
.vv-session__avatar { display:grid; width:2.25rem; height:2.25rem; place-items:center; border-radius:50%; background:color-mix(in srgb, currentColor 15%, transparent); font-size:.72em; font-weight:700; }
.vv-session__avatar img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.vv-session__meta { min-width:0; display:flex; flex-direction:column; gap:.1875rem; }.vv-session__name,.vv-session__email { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.vv-session__name { font-size:.75rem; font-weight:600; }.vv-session__email { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:.5625rem; opacity:.65; }.vv-session__chevron { color:inherit; opacity:.55; font-size:1rem; }
.vv-session--loading,.vv-session--unavailable { font-size:.8125rem; color:inherit; opacity:.8; }
@media (max-width:640px) { .vv-session--authenticated { min-width:0; grid-template-columns:2.25rem 1rem; }.vv-session__meta { display:none; } }