.roles[data-v-877def03]{--ink:#18181b;--muted:#71717a;--faint:#a1a1aa;--hair:#e4e4e7;--soft:#f4f4f5;--brand:#d64f28;background:#fff;border-radius:var(--art-inner-radius,1rem);color:var(--ink);container:roles/inline-size;display:grid;font-family:Gtwalsheimpro,Helvetica Neue,Arial,sans-serif;font-size:.8125rem;gap:.8rem;line-height:1.4;min-width:0;padding:clamp(.85rem,2.4cqi,1.25rem);width:100%}.roles__head[data-v-877def03]{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between}.roles__head>div[data-v-877def03]{display:grid}.roles__head small[data-v-877def03]{color:var(--muted);font-size:.66rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.roles__head strong[data-v-877def03]{font-size:1rem;font-weight:700}.roles__invite[data-v-877def03]{align-items:center;background:var(--ink);border-radius:.5rem;color:#fff;display:inline-flex;font-size:.74rem;font-weight:700;gap:.3rem;height:1.95rem;padding:0 .75rem 0 .6rem;white-space:nowrap}.roles__invite svg[data-v-877def03]{fill:none;height:.8rem;stroke:currentColor;stroke-linecap:round;stroke-width:1.8;width:.8rem}.roles__grid[data-v-877def03]{border:1px solid var(--hair);border-radius:.6rem;overflow:hidden}.roles__grid[data-v-877def03],.roles__tr[data-v-877def03]{display:grid;position:relative}.roles__tr[data-v-877def03]{align-items:center;border-top:1px solid var(--hair);min-height:2.3rem;z-index:1}.roles__tr--head[data-v-877def03]{background:#fafafa;border-top:0;min-height:2.6rem}.roles__screen-h[data-v-877def03]{color:var(--muted);font-size:.68rem;font-weight:650;padding:0 .75rem}.roles__screen[data-v-877def03]{font-weight:600;overflow:hidden;padding:0 .75rem;text-overflow:ellipsis;white-space:nowrap}.roles__role[data-v-877def03]{align-self:stretch;background:transparent;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:.72rem;font-weight:650;line-height:1.15;min-width:0;padding:.25rem .2rem;transition:color .25s ease}.roles__role.is-active[data-v-877def03],.roles__role[data-v-877def03]:hover{color:var(--ink)}.roles__role[data-v-877def03]:focus-visible{border-radius:.3rem;outline:2px solid var(--brand);outline-offset:-2px}.roles__cell[data-v-877def03]{display:grid;min-width:0;opacity:.5;place-items:center;transition:opacity .3s ease}.roles__cell.is-active[data-v-877def03]{opacity:1}.roles__yes[data-v-877def03]{fill:none;height:1rem;stroke:#15803d;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1rem}.roles__no[data-v-877def03]{background:#d4d4d8;border-radius:1px;height:1.5px;width:.6rem}.roles__own[data-v-877def03]{background:#dcfce7;border-radius:.3rem;color:#166534;font-size:.64rem;font-style:normal;font-weight:700;padding:.05rem .38rem;white-space:nowrap}.roles__band[data-v-877def03]{bottom:0;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.roles__band[data-v-877def03]:before{background:#fdf1ec;bottom:0;box-shadow:inset 0 2px 0 var(--brand);content:"";left:calc(var(--screen-w) + (100% - var(--screen-w))/4*var(--col));position:absolute;top:0;transition:left .45s cubic-bezier(.2,.8,.2,1);width:calc((100% - var(--screen-w))/4)}.roles__grid[data-v-877def03]{--screen-w:clamp(7.5rem,34%,11rem)}.roles__tr[data-v-877def03]{grid-template-columns:var(--screen-w) repeat(4,minmax(0,1fr))}.roles__person[data-v-877def03]{align-items:center;background:#fafafa;border:1px solid var(--hair);border-radius:.6rem;display:flex;gap:.7rem;padding:.65rem .75rem}.roles__avatar[data-v-877def03]{border-radius:50%;color:#fff;display:grid;flex:none;font-size:.8rem;font-weight:750;height:2rem;place-items:center;width:2rem}.roles__who[data-v-877def03]{display:grid;flex:1;min-width:0}.roles__who strong[data-v-877def03]{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roles__who em[data-v-877def03]{background:#fff;border:1px solid var(--hair);border-radius:.3rem;color:var(--muted);font-size:.64rem;font-style:normal;font-weight:650;margin-left:.3rem;padding:.02rem .38rem}.roles__who span[data-v-877def03]{align-items:center;color:var(--muted);display:flex;font-size:.72rem;gap:.3rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roles__who svg[data-v-877def03]{fill:none;flex:none;height:.75rem;stroke:currentColor;stroke-width:1.5;width:.75rem}.roles__twofa[data-v-877def03]{align-items:center;background:#eef6ee;border-radius:999px;color:#256b37;display:inline-flex;flex:none;font-size:.66rem;font-weight:700;gap:.3rem;padding:.2rem .5rem;white-space:nowrap}.roles__twofa svg[data-v-877def03]{fill:none;height:.8rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:.8rem}.roles-person-enter-active[data-v-877def03],.roles-person-leave-active[data-v-877def03]{transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.roles-person-enter-from[data-v-877def03]{opacity:0;transform:translateY(.25rem)}.roles-person-leave-to[data-v-877def03]{opacity:0}@container roles (max-width: 27rem){.roles__grid[data-v-877def03]{--screen-w:5.9rem}.roles__screen[data-v-877def03],.roles__screen-h[data-v-877def03]{font-size:.72rem;padding:.3rem .55rem}.roles__screen[data-v-877def03]{line-height:1.2;white-space:normal}.roles__role[data-v-877def03],.roles__screen[data-v-877def03]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.roles__role[data-v-877def03]{font-size:.62rem;padding:.3rem .1rem}.roles__twofa[data-v-877def03]{font-size:0;gap:0;padding:.3rem}}@media(prefers-reduced-motion:reduce){.roles[data-v-877def03] *,.roles[data-v-877def03] :after,.roles[data-v-877def03] :before{animation:none!important;transition:none!important}}