/* Expanded from the project's AffectUI Team Invite: one manager, two teams,
   and one cursor carrying two people into their teams in sequence. */
.ui-ti{
  --u:calc(100cqw / 600);
  --ui-ti-bubble:#fff;
  --ui-ti-bubble-ring:rgba(10,10,10,.06);
  --ui-ti-face:#eef0f4;
  --ui-ti-line-a:#d6cde1;
  --ui-ti-line-b:#cbdbe8;
  --ui-ti-dash:#d9d9de;
  --ui-ti-plus:#bcbac4;
  --ui-ti-cursor:#27272d;
  --ui-ti-loop:8.4s;
  --ui-ti-ease:cubic-bezier(.7,0,.25,1);
  --ui-ti-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) #0000000c,0 calc(2 * var(--u)) calc(5 * var(--u)) #00000008;
  --ui-ti-lift:0 calc(16 * var(--u)) calc(30 * var(--u)) #00000017,0 calc(3 * var(--u)) calc(8 * var(--u)) #0000000d;
  position:relative;width:100%;aspect-ratio:15 / 19;overflow:hidden;container-type:inline-size;
}
.ui-ti *,.ui-ti *::before,.ui-ti *::after{box-sizing:border-box}
.team-invite-visual{width:100%;min-width:0}
.ui-ti-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ui-ti-stop-a{stop-color:var(--ui-ti-line-a)}
.ui-ti-stop-b{stop-color:var(--ui-ti-line-b)}
.ui-ti-line{fill:none;stroke-width:2.2;stroke-linecap:round}
.ui-ti-team-frame{fill:#ffffff38;stroke:#d9d9df;stroke-width:1}
.ui-ti-line--slot{stroke:var(--ui-ti-dash);stroke-dasharray:6 7.23}
.ui-ti-plus{fill:none;stroke:var(--ui-ti-plus);stroke-width:1.8;stroke-linecap:round}
.ui-ti-slot{transform-box:fill-box;transform-origin:center}
.ui-ti-slot.ui-ti-first{animation:org-slot-first var(--ui-ti-loop) linear infinite}
.ui-ti-slot.ui-ti-second{animation:org-slot-second var(--ui-ti-loop) linear infinite}
.ui-ti-node{position:absolute;left:calc(var(--node-x) * var(--u));top:calc(var(--node-y) * var(--u));width:calc(var(--node-size) * var(--u));height:calc(var(--node-size) * var(--u));margin:calc(var(--node-size) * var(--u) * -.5) 0 0 calc(var(--node-size) * var(--u) * -.5);padding:calc(4 * var(--u));border-radius:50%;background:var(--ui-ti-bubble);box-shadow:inset 0 0 0 calc(1 * var(--u)) var(--ui-ti-bubble-ring),var(--ui-ti-shadow)}
.ui-ti-face{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:var(--ui-ti-face)}
.ui-ti-face img{display:block;width:100%;height:100%;object-fit:cover;user-select:none}
.ui-ti-label{position:absolute;transform:translateX(-50%);font-size:clamp(11px,calc(14 * var(--u)),14px);font-weight:450;line-height:1.25;white-space:nowrap;color:var(--body,#696871);padding:1px 5px;background:var(--surface,#f0f0ee)}
.ui-ti-manager-label{left:calc(300 * var(--u));top:calc(8 * var(--u))}
.ui-ti-team-one-label{left:calc(178 * var(--u));top:calc(235 * var(--u));background:transparent}
.ui-ti-team-two-label{left:calc(422 * var(--u));top:calc(452 * var(--u));background:transparent}
.ui-ti-drag{position:absolute}
.ui-ti-drag--first{--invite-rise:-165;left:calc(139 * var(--u));top:calc(465 * var(--u));animation:org-invite-first var(--ui-ti-loop) var(--ui-ti-ease) infinite}
.ui-ti-drag--second{--invite-rise:-145;left:calc(383 * var(--u));top:calc(680 * var(--u));animation:org-invite-second var(--ui-ti-loop) var(--ui-ti-ease) infinite}
.ui-ti-new--first{animation:org-lift-first var(--ui-ti-loop) var(--ui-ti-ease) infinite}
.ui-ti-new--second{animation:org-lift-second var(--ui-ti-loop) var(--ui-ti-ease) infinite}
.ui-ti-cursor{position:absolute;left:0;top:0;width:calc(32 * var(--u));height:calc(38.5 * var(--u));overflow:visible;transform-origin:calc(3.78 * var(--u)) calc(.44 * var(--u));filter:drop-shadow(0 calc(3 * var(--u)) calc(7 * var(--u)) #00000029);animation:org-cursor var(--ui-ti-loop) var(--ui-ti-ease) infinite}
.ui-ti-cursor path{fill:var(--ui-ti-cursor);stroke:#fff;stroke-width:1.7;stroke-linejoin:round;paint-order:stroke}
/* Swift pickup and sub-second drags; both additions hold on the members' row. */
@keyframes org-invite-first{
  0%,9%{transform:translate(0,0);opacity:1}
  19%,88%{transform:translate(0,calc(var(--invite-rise) * var(--u)));opacity:1}
  94%{transform:translate(0,calc(var(--invite-rise) * var(--u)));opacity:0}
  95%{transform:translate(0,0);opacity:0}
  100%{transform:translate(0,0);opacity:1}
}
@keyframes org-invite-second{
  0%,43%{transform:translate(0,0);opacity:1}
  53%,88%{transform:translate(0,calc(var(--invite-rise) * var(--u)));opacity:1}
  94%{transform:translate(0,calc(var(--invite-rise) * var(--u)));opacity:0}
  95%{transform:translate(0,0);opacity:0}
  100%{transform:translate(0,0);opacity:1}
}
@keyframes org-lift-first{0%,6%,23%,100%{transform:scale(1);box-shadow:inset 0 0 0 calc(1 * var(--u)) var(--ui-ti-bubble-ring),var(--ui-ti-shadow)}9%,18%{transform:scale(1.07);box-shadow:inset 0 0 0 calc(1 * var(--u)) var(--ui-ti-bubble-ring),var(--ui-ti-lift)}}
@keyframes org-lift-second{0%,40%,58%,100%{transform:scale(1);box-shadow:inset 0 0 0 calc(1 * var(--u)) var(--ui-ti-bubble-ring),var(--ui-ti-shadow)}43%,52%{transform:scale(1.07);box-shadow:inset 0 0 0 calc(1 * var(--u)) var(--ui-ti-bubble-ring),var(--ui-ti-lift)}}
@keyframes org-cursor{
  0%,6%{transform:translate(calc(151 * var(--u)),calc(477 * var(--u))) scale(1);opacity:1}
  9%{transform:translate(calc(151 * var(--u)),calc(477 * var(--u))) scale(.86);opacity:1}
  19%{transform:translate(calc(151 * var(--u)),calc(312 * var(--u))) scale(.86);opacity:1}
  23%{transform:translate(calc(151 * var(--u)),calc(312 * var(--u))) scale(1);opacity:1}
  35%,40%{transform:translate(calc(395 * var(--u)),calc(692 * var(--u))) scale(1);opacity:1}
  43%{transform:translate(calc(395 * var(--u)),calc(692 * var(--u))) scale(.86);opacity:1}
  53%{transform:translate(calc(395 * var(--u)),calc(547 * var(--u))) scale(.86);opacity:1}
  58%{transform:translate(calc(395 * var(--u)),calc(547 * var(--u))) scale(1);opacity:1}
  65%,94%{transform:translate(calc(570 * var(--u)),calc(680 * var(--u))) scale(1);opacity:0}
  95%{transform:translate(calc(151 * var(--u)),calc(477 * var(--u))) scale(1);opacity:0}
  100%{transform:translate(calc(151 * var(--u)),calc(477 * var(--u))) scale(1);opacity:1}
}
@keyframes org-slot-first{0%,15%{opacity:1;transform:scale(1)}22%,92%{opacity:0;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}
@keyframes org-slot-second{0%,49%{opacity:1;transform:scale(1)}56%,92%{opacity:0;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){.ui-ti:not([data-team-visible]) *{animation-play-state:paused}}
@media(max-width:740px){.ui-ti-manager-label{top:0}}
@media(prefers-reduced-motion:reduce){
  .ui-ti *{animation:none!important}
  .ui-ti-drag--first,.ui-ti-drag--second{transform:translate(0,calc(var(--invite-rise) * var(--u)))}
  .ui-ti-slot,.ui-ti-cursor{opacity:0}
}
.ui-ti .it-beam-nameplate{top:calc(100% - 3px);width:max(calc(104 * var(--u)),70px);padding:4px 3px;gap:1px}
.ui-ti .it-beam-nameplate-title{font-size:clamp(7px,calc(9.5 * var(--u)),9.5px);gap:3px}
.ui-ti .it-beam-nameplate-title svg{width:10px;height:10px}
.ui-ti .it-beam-nameplate-role{font-size:clamp(7.5px,calc(10 * var(--u)),10px)}