.saas-role-list{gap:var(--saas-space-md);flex-direction:column;display:flex}.saas-role-list__chips{gap:var(--saas-space-xs);border-block-end:1px solid var(--saas-border-default);flex-wrap:wrap;padding-block-end:var(--saas-space-md);display:flex}.saas-role-list__chip{padding-block:var(--saas-space-xs);padding-inline:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-full);background:var(--saas-bg-surface);color:var(--saas-text-secondary);font:inherit;font-size:var(--saas-font-body-sm);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), color var(--saas-motion-micro) var(--saas-ease-standard)}.saas-role-list__chip:hover{border-color:var(--saas-border-strong)}.saas-role-list__chip[aria-pressed=true]{border-color:var(--saas-brand-primary);background:var(--saas-brand-primary);color:var(--saas-brand-on-primary)}.saas-role-list__chip:focus-visible,.saas-role-card__main:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-role-list__empty{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);margin:0}.saas-role-list__items{gap:var(--saas-space-sm);max-block-size:720px;flex-direction:column;margin:0;padding:0;padding-inline-end:var(--saas-space-xs);list-style:none;display:flex;overflow-y:auto}.saas-role-card{align-items:center;gap:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard), background-color var(--saas-motion-micro) var(--saas-ease-standard);padding-inline-end:var(--saas-space-sm);display:flex;position:relative}.saas-role-card:hover{border-color:var(--saas-border-strong)}.saas-role-card[data-selected=true]{border-color:var(--saas-brand-primary);background:linear-gradient(90deg, var(--saas-brand-subtle), var(--saas-bg-surface) 70%);box-shadow:inset 4px 0 0 var(--saas-brand-primary)}[dir=rtl] .saas-role-card[data-selected=true]{background:linear-gradient(270deg, var(--saas-brand-subtle), var(--saas-bg-surface) 70%);box-shadow:inset -4px 0 0 var(--saas-brand-primary)}.saas-role-card__main{align-items:center;gap:var(--saas-space-md);min-inline-size:0;padding:var(--saas-space-md);border-radius:var(--saas-radius-lg);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;display:flex}.saas-role-card__icon{border-radius:var(--saas-radius-lg);background:var(--saas-tint-blue-bg);block-size:48px;inline-size:48px;color:var(--saas-tint-blue-fg);flex:none;justify-content:center;align-items:center;display:inline-flex}.saas-role-card__icon[data-tone=green]{background:var(--saas-tint-green-bg);color:var(--saas-tint-green-fg)}.saas-role-card__icon[data-tone=yellow]{background:var(--saas-tint-yellow-bg);color:var(--saas-tint-yellow-fg)}.saas-role-card__icon[data-tone=red]{background:var(--saas-tint-red-bg);color:var(--saas-tint-red-fg)}.saas-role-card__icon[data-tone=purple]{background:var(--saas-subject-5-bg);color:var(--saas-subject-5-ink)}.saas-role-card__icon[data-tone=teal]{background:var(--saas-subject-8-bg);color:var(--saas-subject-8-ink)}.saas-role-card__text{gap:var(--saas-space-2xs);flex-direction:column;min-inline-size:0;display:flex}.saas-role-card__name{color:var(--saas-text-primary);font-size:var(--saas-font-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.saas-role-card__meta{gap:var(--saas-space-sm) var(--saas-space-md);color:var(--saas-text-secondary);font-size:var(--saas-font-caption);flex-wrap:wrap;display:flex}.saas-role-card__meta>span{align-items:center;gap:var(--saas-space-2xs);display:inline-flex}.saas-role-card__dot{border-radius:var(--saas-radius-full);background:var(--saas-border-strong);flex:none;block-size:10px;inline-size:10px}.saas-role-card__dot[data-active=true]{background:var(--saas-status-success-fill)}@media (width<=599px){.saas-role-list__items{max-block-size:none}.saas-role-card__icon{block-size:40px;inline-size:40px}}