.people-picker{position:relative;display:block;inline-size:100%}
.people-picker-box{position:relative;display:flex;align-items:center}
.people-picker-input{inline-size:100%;min-block-size:var(--dawnby-interaction-comfortable-touch-target,48px);padding:0 76px 0 var(--dawnby-spacing-md,12px);border:1px solid var(--dawnby-control-border,#83849a);border-radius:var(--dawnby-radius-control,8px);background:var(--dawnby-white,#fff);color:var(--dawnby-ink,#17182b);font:inherit;font-size:1rem;box-sizing:border-box}
.people-picker-input:focus-visible{outline:3px solid var(--dawnby-action,#5145cd);outline-offset:2px}
.people-picker-clear{position:absolute;inset-inline-end:2px;min-block-size:48px;min-inline-size:48px;border:0;background:transparent;color:var(--dawnby-action,#5145cd);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;border-radius:var(--dawnby-radius-control,8px)}
.people-picker-clear:focus-visible{outline:3px solid var(--dawnby-action,#5145cd);outline-offset:-3px}
.people-picker-popup{position:absolute;z-index:30;inset-inline:0;margin-block-start:4px;max-block-size:min(360px,60vh);overflow-y:auto;background:var(--dawnby-white,#fff);border:1px solid var(--dawnby-line,#e1e1ec);border-radius:var(--dawnby-radius-card,12px);box-shadow:0 10px 30px #17182b26}
.people-picker-popup[hidden],.people-picker-empty[hidden],.people-picker-clear[hidden]{display:none}
.people-picker-count{margin:0;padding:var(--dawnby-spacing-sm,8px) var(--dawnby-spacing-md,12px);font-size:.8125rem;color:var(--dawnby-muted,#65667a);border-block-end:1px solid var(--dawnby-line,#e1e1ec)}
.people-picker-list{list-style:none;margin:0;padding:0}
.people-picker-option{display:flex;align-items:center;gap:var(--dawnby-spacing-md,12px);min-block-size:var(--dawnby-interaction-comfortable-touch-target,48px);padding:var(--dawnby-spacing-sm,8px) var(--dawnby-spacing-md,12px);cursor:pointer}
.people-picker-option.is-active{background:var(--dawnby-action-tint,#f0edff)}
.people-picker-option[aria-selected="true"] .people-picker-name{font-weight:700}
.people-picker-option.is-disabled{color:var(--dawnby-muted,#65667a);cursor:not-allowed}
.people-picker-avatar{position:relative;flex:none;display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:50%;overflow:hidden;background:transparent}
.people-picker-glyph{display:block;inline-size:40px;block-size:40px}
.people-picker-glyph-ground{fill:var(--dawnby-action-tint,#f0edff)}
.people-picker-glyph-head,.people-picker-glyph-body{fill:var(--dawnby-action,#5145cd)}
.people-picker-photo{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.people-picker-text{display:grid;min-inline-size:0}
.people-picker-name{overflow-wrap:anywhere}
.people-picker-second{font-size:.8125rem;color:var(--dawnby-muted,#65667a);overflow-wrap:anywhere}
.people-picker-empty{margin:0;padding:var(--dawnby-spacing-lg,16px) var(--dawnby-spacing-md,12px);color:var(--dawnby-muted,#65667a)}
.people-picker-native{position:absolute!important;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
@media(max-width:480px){.people-picker-popup{max-block-size:55vh}}