*{box-sizing:border-box}body{margin:0;background:#f7f7f7;color:#29292a;font:14px/1.5 Geist,sans-serif}.md-avatar-page{max-width:920px;margin:0 auto;padding:32px 24px 72px}nav{display:flex;gap:20px;font-size:12px}a{color:inherit}header{margin-block:48px 28px}header>span{font:10px 'IBM Plex Mono',monospace;color:#737374;letter-spacing:.06em}h1{font-size:32px;font-weight:500;letter-spacing:-.04em;margin:12px 0}header>p{color:#737374}h2{font-size:17px;font-weight:500}.md-avatar-controls{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:24px}.md-avatar-controls label{display:grid;gap:6px;font-size:11px;color:#737374}.md-avatar-controls select{min-height:36px;border:0;border-radius:8px;padding:0 28px 0 10px;background:#fcfcfc;box-shadow:0 0 0 .5px rgb(24 24 24 / .14);font:12px Geist;color:#29292a}.md-avatar-controls .md-avatar-check{display:flex;align-items:center;gap:6px;min-height:36px;font-size:12px}.md-avatar-check input{accent-color:#7770ad}.md-avatar-stage{--avatar-host-surface:#fcfcfc;display:grid;place-items:center;min-height:260px;padding:40px;border-radius:20px;background:var(--avatar-host-surface);box-shadow:0 0 0 .5px rgb(24 24 24 / .08)}.md-avatar-stage[data-surface=soft]{--avatar-host-surface:#f1f1f2}.md-avatar-stage[data-selected=true]{--avatar-host-surface:#f8f8fc}.md-avatar-stage[data-avatar-theme=dark]{--avatar-host-surface:#28282b;color:#ededf0}.md-avatar-stage[data-avatar-theme=dark][data-surface=soft]{--avatar-host-surface:#222225}.md-avatar-stage[data-avatar-theme=dark][data-selected=true]{--avatar-host-surface:#302e40}.md-avatar-stage[data-surface=pattern]{background:repeating-linear-gradient(135deg,var(--avatar-host-surface) 0 8px,#bcbcc3 8px 9px)}.md-avatar-stage[data-surface=pattern] .md-avatar-stack{--avatar-overlap:0px!important;--avatar-separator:0px!important;gap:8px}.md-avatar-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:6px;border:0;border-radius:10px;background:transparent;cursor:pointer;overflow:visible}.md-avatar-page [hidden]{display:none!important}.md-avatar-page :is(a,button,input,select,summary):focus-visible{outline:2px solid #7770ad;outline-offset:4px}.md-avatar-mode-note{margin-top:22px;color:#737374;font-size:13px}.md-avatar-metrics{font:11px 'IBM Plex Mono',monospace;color:#737374}.md-avatar-fallback-list{margin-top:36px}.md-participant-list{list-style:none;margin:0;padding:0}.md-participant-list li{border-bottom:1px solid rgb(128 128 128 / .14)}.md-participant-list summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px;cursor:pointer;list-style:none}.md-participant-list summary::-webkit-details-marker{display:none}.md-participant-list summary>span:last-child{min-width:0;overflow-wrap:anywhere}.md-participant-list details>p{padding:0 8px 16px 52px;margin:0;font-size:12px;color:#737374}.md-participant-list .md-avatar{--avatar-size:28px;--avatar-font-size:10px;box-shadow:none}.md-participant-list summary::after{content:'+';margin-inline-start:auto;color:#737374}.md-participant-list details[open] summary::after{content:'−'}dialog{width:min(420px,calc(100% - 32px));max-height:80dvh;overflow:auto;border:0;border-radius:16px;padding:20px;background:#fcfcfc;color:#29292a;box-shadow:0 0 0 .5px rgb(24 24 24 / .12),0 12px 40px -12px rgb(0 0 0 / .18)}dialog::backdrop{background:rgb(24 24 24 / .18)}dialog>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}dialog h2{margin:0}dialog>header button{min-height:44px;min-width:44px;border:0;background:transparent;border-radius:8px;font:22px Geist;color:inherit;cursor:pointer}html[data-avatar-page-theme=dark]{background:#18181a;color-scheme:dark}html[data-avatar-page-theme=dark] body{background:#18181a;color:#ededf0}html[data-avatar-page-theme=dark] :is(header>p,header>span,.md-avatar-mode-note,.md-avatar-metrics,.md-avatar-controls label){color:#aaaab2}html[data-avatar-page-theme=dark] select,html[data-avatar-page-theme=dark] dialog{background:#28282b;color:#ededf0}html[data-avatar-page-theme=dark] .md-participant-list details>p{color:#aaaab2}@media(max-width:480px){.md-avatar-page{padding-inline:20px}.md-avatar-controls{gap:12px}.md-avatar-controls select{min-height:44px}.md-avatar-stage{padding:32px 20px}h1{font-size:28px}.md-avatar-controls .md-avatar-check{min-height:44px}}@media(hover:hover){.md-avatar-trigger:hover{outline:.5px solid rgb(128 128 128 / .25);outline-offset:2px}.md-participant-list summary:hover{background:rgb(128 128 128 / .06)}}

.md-participant-list { --avatar-inner-width:1px;--avatar-inner-color:rgb(0 0 0 / .1); }
html[data-avatar-page-theme=dark] .md-participant-list { --avatar-inner-color:rgb(255 255 255 / .08); }