.um,.um-mock{--um-page:var(--surface-2);--um-side:var(--surface-2);--um-card:var(--surface);--um-panel:var(--surface);--um-seg:var(--surface-2);--um-hover:var(--surface-3);--um-ink:var(--ink);--um-ink-2:var(--ink-2);--um-muted:var(--muted-ink);--um-line:var(--line);--um-link:var(--info-ink);--um-avatar:var(--surface-3);--um-shadow:var(--shadow-lg);--um-light-fill:var(--brand-soft);--um-light-edge:var(--brand-border);--um-light-ink:var(--brand-on-soft);--um-dark-fill:var(--kind-group-soft);--um-dark-edge:color-mix(in srgb, var(--um-dark-ink) 45%, var(--surface));--um-dark-ink:var(--kind-group);--um-system-fill:var(--kind-diagram-soft);--um-system-edge:color-mix(in srgb, var(--kind-diagram) 45%, var(--surface));--um-system-ink:var(--kind-diagram);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark] .um,:root[data-theme=dark] .um-mock{--um-page:var(--card-area);--um-side:var(--table-bg);--um-card:var(--table-bg);--um-panel:var(--table-head-bg);--um-seg:var(--table-bg);--um-hover:var(--table-row-hover);--um-ink:var(--table-row-ink);--um-ink-2:var(--ink-3);--um-muted:var(--muted-ink);--um-line:var(--card-edge);--um-link:var(--card-band-ink);--um-avatar:var(--table-head-bg);--um-shadow:var(--card-shadow);--um-light-fill:color-mix(in srgb, var(--brand-mark) 18%, var(--table-head-bg));--um-light-edge:var(--table-row-selected-edge);--um-light-ink:color-mix(in srgb, var(--brand-soft) 70%, var(--brand-mark));--um-dark-fill:color-mix(in srgb, var(--kind-group) 35%, var(--table-head-bg));--um-dark-edge:color-mix(in srgb, var(--kind-group) 30%, var(--kind-group-soft));--um-dark-ink:var(--kind-group-ink);--um-system-fill:color-mix(in srgb, var(--kind-diagram) 40%, var(--table-head-bg));--um-system-edge:color-mix(in srgb, var(--kind-diagram) 30%, var(--kind-diagram-soft));--um-system-ink:var(--kind-diagram-soft);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.um{min-width:0;position:relative}.um-trigger,.um-look,.um-item{--btn-hover:var(--um-hover)}.um-trigger{justify-content:flex-start;align-items:center;gap:var(--space-3);width:100%;min-width:0;padding:var(--space-2);border-radius:var(--radius-md);color:var(--um-ink);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.um-trigger:hover,.um-trigger[aria-expanded=true]{background:var(--um-hover)}.um-trigger:focus-visible{outline:var(--focus-outline);outline-offset:2px}.um-avatar{border-radius:var(--radius-round);background:var(--um-avatar);width:31px;height:31px;color:var(--um-ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-shrink:0;place-items:center;display:grid}.um-chevrons{color:var(--um-muted);flex-shrink:0;margin-left:auto}.um-who{gap:2px;min-width:0;display:grid}.um-who strong,.um-who small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.um-who strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.um-who small{font-size:var(--text-xs);color:var(--um-muted)}.um-pop{z-index:40;box-sizing:border-box;width:288px;max-width:calc(100vw - 16px);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--um-panel);color:var(--um-ink);box-shadow:var(--um-shadow);gap:2px;display:grid;position:fixed}.um-looks{gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-2);margin-bottom:var(--space-1);box-shadow:0 1px 0 var(--um-line);display:grid}.um-head{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--um-ink-2)}.um-seg{border-radius:var(--radius-md);background:var(--um-seg);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;display:grid}.um-look{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;height:var(--control-height-sm);padding:0 var(--space-1);border-radius:var(--radius-sm);color:var(--um-ink-2);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;border:0;display:inline-flex}.um-look:hover{background:var(--um-hover);color:var(--um-ink)}.um-look[aria-pressed=true][data-look=light]{background:var(--um-light-fill);box-shadow:inset 0 0 0 1px var(--um-light-edge);color:var(--um-light-ink)}.um-look[aria-pressed=true][data-look=dark]{background:var(--um-dark-fill);box-shadow:inset 0 0 0 1px var(--um-dark-edge);color:var(--um-dark-ink)}.um-look[aria-pressed=true][data-look=system]{background:var(--um-system-fill);box-shadow:inset 0 0 0 1px var(--um-system-edge);color:var(--um-system-ink)}.um-look[aria-pressed=true]{font-weight:var(--weight-semibold)}.um-item{justify-content:flex-start;align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--um-ink);font-size:var(--text-md);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.um-item:hover{background:var(--um-hover)}.um-look:focus-visible,.um-item:focus-visible{outline:var(--focus-outline);outline-offset:-2px}.profile.profile-menu{padding:6px 0}.profile-menu>.um{flex:1}.profile-menu .um-avatar{background:var(--brand-soft);width:36px;height:36px;color:var(--brand-on-soft)}.profile-menu .um-who strong{font-size:var(--text-md)}.profile-menu .um-pop{width:224px}.um-mock{background:var(--um-page);min-height:100vh;color:var(--um-ink);grid-template-columns:244px minmax(0,1fr);display:grid}.um-mock-side{box-sizing:border-box;background:var(--um-side);height:100vh;box-shadow:1px 0 0 var(--um-line);flex-direction:column;padding:28px 18px 0;display:flex;position:sticky;top:0;overflow:hidden}.um-mock-brand{margin:0 0 var(--space-5);font-size:var(--text-lg);font-weight:var(--weight-bold)}.um-mock-nav{gap:var(--space-1);font-size:var(--text-md);color:var(--um-ink-2);margin:0;padding:0;list-style:none;display:grid}.um-mock-nav li{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.um-mock-foot{padding:var(--space-3) 0;box-shadow:0 -1px 0 var(--um-line);margin-top:auto}.um-mock-main{align-content:start;gap:var(--space-4);padding:var(--space-6);min-width:0;display:grid}.um-mock-main h1{font-size:var(--text-2xl);margin:0}.um-mock-card{gap:var(--space-2);max-width:520px;padding:var(--space-5);border-radius:var(--radius-card-area);background:var(--um-card);box-shadow:var(--card-shadow), 0 0 0 1px var(--um-line);display:grid}.um-mock-card h2{font-size:var(--text-lg);margin:0}.um-mock-card p{font-size:var(--text-md);color:var(--um-ink-2);margin:0;line-height:1.5}.um-mock-link{font-size:var(--text-md);color:var(--um-link);justify-self:start}.um-mock-said{max-width:520px;font-size:var(--text-md);color:var(--um-ink-2);margin:0}@media (width<=720px){.um-mock{grid-template-columns:minmax(0,1fr);align-content:start}.um-mock-side{height:auto;padding-top:var(--space-5);box-shadow:0 1px 0 var(--um-line);position:static}.um-mock-nav{grid-template-columns:repeat(3,auto);justify-content:start}.um-mock-foot{margin-top:var(--space-4)}.um-mock-main{padding:var(--space-5) var(--space-4)}}