@layer component{.form[data-v-4ead8671]{display:flex;flex-direction:column;gap:var(--sp-sm);position:relative}.loading-indicator.--overlay[data-v-4ead8671]{--over-cover:calc(var(--sp)*4);height:calc(100% + var(--over-cover)*2);left:calc(var(--over-cover)*-1);position:absolute;top:calc(var(--over-cover)*-1);width:calc(100% + var(--over-cover)*2);z-index:1}}@layer component{.person[data-v-f1b7ea13]{align-items:center;display:flex;gap:calc(var(--sp)*2);min-width:0}.avatar-wrapper[data-v-f1b7ea13]{display:block;flex-shrink:0;position:relative}.avatar[data-v-f1b7ea13]{block-size:calc(var(--sp)*6);border-radius:var(--border-radius-sm);display:block;inline-size:calc(var(--sp)*6)}.avatar.--placeholder[data-v-f1b7ea13]{box-sizing:content-box;display:inline-block;fill:currentcolor;height:1em;overflow:visible;vertical-align:-.12em;color:var(--fg-down);font-size:calc(var(--sp)*6)}.text[data-v-f1b7ea13]{display:flex;flex-direction:column;min-width:0}.name[data-v-f1b7ea13]{--line-height:var(--line-height-sm-base);line-height:var(--line-height);transition:--line-height var(--transition)}@media(width<768px){@container (width <= 230px){.name[data-v-f1b7ea13]{--line-height:var(--line-height-sm-tight)}}@container (width >= 461px){.name[data-v-f1b7ea13]{--line-height:var(--line-height-sm-open)}}}@media(768px<=width<1080px){@container (width <= 259px){.name[data-v-f1b7ea13]{--line-height:var(--line-height-sm-tight)}}@container (width >= 518px){.name[data-v-f1b7ea13]{--line-height:var(--line-height-sm-open)}}}@media(width>=1080px){@container (width <= 288px){.name[data-v-f1b7ea13]{--line-height:var(--line-height-sm-tight)}}@container (width >= 576px){.name[data-v-f1b7ea13]{--line-height:var(--line-height-sm-open)}}}.name[data-v-f1b7ea13]{font-size:var(--font-size-sm);font-family:var(--font);font-weight:400;letter-spacing:.02em;text-wrap:pretty}.name strong[data-v-f1b7ea13]{font-weight:700}.name[data-v-f1b7ea13]{color:var(--fg-up);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person.--away .name[data-v-f1b7ea13]{color:var(--fg-down)}.status[data-v-f1b7ea13]{--line-height:var(--line-height-xs-base);line-height:var(--line-height);transition:--line-height var(--transition)}@media(width<768px){@container (width <= 202px){.status[data-v-f1b7ea13]{--line-height:var(--line-height-xs-tight)}}@container (width >= 403px){.status[data-v-f1b7ea13]{--line-height:var(--line-height-xs-open)}}}@media(768px<=width<1080px){@container (width <= 230px){.status[data-v-f1b7ea13]{--line-height:var(--line-height-xs-tight)}}@container (width >= 461px){.status[data-v-f1b7ea13]{--line-height:var(--line-height-xs-open)}}}@media(width>=1080px){@container (width <= 259px){.status[data-v-f1b7ea13]{--line-height:var(--line-height-xs-tight)}}@container (width >= 518px){.status[data-v-f1b7ea13]{--line-height:var(--line-height-xs-open)}}}.status[data-v-f1b7ea13]{font-size:var(--font-size-xs);font-family:var(--font);font-weight:400;letter-spacing:.02em;text-wrap:pretty}.status strong[data-v-f1b7ea13]{font-weight:700}.status[data-v-f1b7ea13]{color:var(--person-accent,var(--fg-down));line-height:1;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition);white-space:nowrap}.status.--presence[data-v-f1b7ea13]{color:var(--color-green-80)}.person.--away .status.--presence[data-v-f1b7ea13]{color:var(--fg-down)}}@layer component{.person-row[data-v-aaef4de7]{--announce-speed:1s;--border-width:4px;border-inline-start:var(--border-width) solid var(--person-accent,transparent);display:grid;grid-template-rows:1fr;transition:border-color var(--transition)}.inner[data-v-aaef4de7]{min-block-size:0}.person-wrapper[data-v-aaef4de7]{align-items:center;display:flex;gap:calc(var(--sp)*2);justify-content:space-between;overflow:hidden;padding:calc(var(--sp)*2) var(--sp-sm) calc(var(--sp)*2) calc(var(--sp-sm) - var(--border-width));position:relative}.person-wrapper[data-v-aaef4de7]:after{background-image:linear-gradient(to right,transparent,oklch(from var(--person-accent,transparent) l c h/35%),transparent);content:"";inset:0;pointer-events:none;position:absolute;translate:-100% 0}.person-row.--open+.person-row:not(.--open) .person-wrapper[data-v-aaef4de7],.person-row:first-child .person-wrapper[data-v-aaef4de7]{padding-block-start:calc(var(--sp)*4)}.person-row:last-child .person-wrapper[data-v-aaef4de7]{padding-block-end:calc(var(--sp)*4)}.person-row.--announcing .person-wrapper[data-v-aaef4de7]:after{animation:person-announce-aaef4de7 var(--announce-speed) var(--ease-out)}@keyframes person-announce-aaef4de7{to{translate:100% 0}}@media(prefers-reduced-motion:reduce){.person-row.--announcing .person-wrapper[data-v-aaef4de7]:after{animation:none}}}