.iv{--iv-surface:#ffffff;--iv-well:#f4f4f5;--iv-token:#e8e8eb;--iv-ink:#18181b;--iv-muted:#71717a;--iv-faint:#a1a1aa;--iv-line:rgb(24 24 27/0.08);--iv-border:rgb(24 24 27/0.12);--iv-good:#16a34a;--iv-bad:#e5484d;display:grid;align-content:start;width:480px;max-width:100%;min-height:470px;color:var(--iv-ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.dark .iv{--iv-surface:#1c1c1f;--iv-well:#26262b;--iv-token:#313137;--iv-ink:#fafafa;--iv-muted:#a1a1aa;--iv-faint:#63636b;--iv-line:rgb(255 255 255/0.07);--iv-border:rgb(255 255 255/0.14);--iv-good:#4ade80;--iv-bad:#ff6369}.iv h4,.iv p{margin:0}.iv-card{overflow:clip;border-radius:22px;background:var(--iv-surface)}.iv-content{display:grid;gap:16px;padding:18px 16px 16px}.iv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.iv-title{display:grid;gap:1px}.iv-title strong{font-size:17px;font-weight:650;letter-spacing:-.02em}.iv-count{color:var(--iv-muted);font-size:12.5px}.iv-avatar{position:relative;display:grid;flex:none;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(180deg,oklch(.74 .09 var(--hue)),oklch(.6 .1 var(--hue)));color:#fff;font-weight:600;letter-spacing:.02em}.iv-avatar:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#b4b4bc,#8e8e96);transition:opacity .6s ease}.dark .iv-avatar:before{background:linear-gradient(180deg,#6b6b73,#4f4f56)}.iv-avatar[data-member]:before{opacity:0}.iv-avatar>span{position:relative}.iv-invite,.iv-shaker{display:grid}.iv-field{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0;min-height:48px;padding:6px 6px 6px 12px;border:1.8px solid var(--iv-border);border-radius:14px;background:var(--iv-surface);font-size:14px;cursor:text;transition:border-color .18s}.iv-field:focus-within{border-color:var(--iv-ink)}.iv-field[data-invalid]{border-color:var(--iv-bad)}.iv-to{margin-right:3px;color:var(--iv-faint);font-size:13px;font-weight:500}.iv-entry{display:flex;flex:1 1 180px;align-items:center;gap:6px;min-width:0}.iv-input{flex:1;min-width:0;height:32px;padding:0 2px;border:0;outline:0;background:none;color:inherit;font:inherit;text-overflow:ellipsis}.iv-input::placeholder{color:var(--iv-faint)}.iv-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:28px;padding:0 4px 0 3px;border-radius:999px;background:var(--iv-token)}.iv-chip-avatar{width:22px;height:22px;font-size:8.5px}.iv-chip-email{overflow:hidden;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.iv-chip-remove{display:grid;flex:none;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:none;color:var(--iv-muted);cursor:pointer}@media (hover:hover) and (pointer:fine){.iv-chip-remove:hover{background:color-mix(in oklab,var(--iv-ink) 8%,transparent);color:var(--iv-ink)}}.iv-chip-remove svg{width:11px;height:11px}.iv-send{display:grid;flex:none;place-items:center;height:34px;padding:0 15px;border:0;border-radius:10px;background:var(--iv-ink);color:var(--iv-surface);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background-color .25s,color .25s}.iv-send:disabled{background:color-mix(in oklab,var(--iv-ink) 8%,transparent);color:var(--iv-faint);cursor:default}.iv-send[data-sent]{background:var(--iv-good);color:#fff}.dark .iv-send[data-sent]{color:#0a0a0b}.iv-chip-remove:focus-visible,.iv-person-revoke:focus-visible,.iv-send:focus-visible{outline:2px solid var(--iv-ink);outline-offset:2px}.iv-error{overflow:clip;color:var(--iv-bad);font-size:12.5px;font-weight:500}.iv-error>span{display:block;padding:8px 4px 0}.iv-people{position:relative;display:grid;margin:0 -8px;padding:0;list-style:none}.iv-person{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;padding:0 10px 0 8px;border-radius:14px;transition:background-color .2s}@media (hover:hover) and (pointer:fine){.iv-person:hover{background:var(--iv-well)}}.iv-person-face{position:relative;display:grid;flex:none}.iv-person-face:after{content:"";position:absolute;inset:-4px;border:1.5px dashed var(--iv-faint);border-radius:50%;opacity:0;pointer-events:none;transition:opacity .5s ease,border-color .3s ease}.iv-person[data-invited] .iv-person-face:after{opacity:1;animation:iv-wait 9s linear infinite}.iv-person[data-joined] .iv-person-face:after{border-style:solid;border-color:var(--iv-good);opacity:1}@keyframes iv-wait{to{rotate:1turn}}.iv-person-avatar{width:36px;height:36px;font-size:12.5px}.iv-person-copy{display:grid;flex:1;min-width:0}.iv-person-name{font-size:14px;font-weight:600}.iv-person-email,.iv-person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iv-person-email{color:var(--iv-muted);font-size:12.5px}.iv-person-role{flex:none;color:var(--iv-muted);font-size:13px;transition:color .3s}.iv-person[data-invited] .iv-person-role{color:var(--iv-faint)}.iv-person[data-joined] .iv-person-role{color:var(--iv-good);font-weight:600}.iv-person-revoke{display:grid;flex:none;place-items:center;width:24px;height:24px;margin-left:-4px;padding:0;border:0;border-radius:50%;background:none;color:var(--iv-faint);cursor:pointer;transition:opacity .15s,background-color .15s,color .15s}.iv-person-revoke svg{width:11px;height:11px}@media (hover:hover) and (pointer:fine){.iv-person-revoke{opacity:0}.iv-person-revoke:focus-visible,.iv-person:hover .iv-person-revoke{opacity:1}.iv-person-revoke:hover{background:color-mix(in oklab,var(--iv-bad) 12%,transparent);color:var(--iv-bad)}}.iv-status{min-height:16px;padding:0 12px;overflow:hidden;color:var(--iv-muted);font-size:12px;white-space:nowrap;transition:color .3s}.iv-status[data-tone=good]{color:var(--iv-good)}@media (prefers-reduced-motion:reduce){.iv-person[data-invited] .iv-person-face:after{animation:none}.iv-avatar:before,.iv-send,.iv-status{transition:none}}