.roster-intro h2{margin:4px 0 10px}.roster-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.roster-steps li{background:#f7f2fc;border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.roster-steps li>span{color:#60417f;background:#e8dcf4;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-weight:750;display:grid}.roster-steps strong,.roster-steps small{display:block}.roster-steps strong{font-size:15px}.roster-steps small{color:#776b81;margin-top:3px;font-size:13px}.roster-add{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.roster-add label{flex:1;min-width:180px}.roster-add button{flex:none}.roster-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.roster-list-heading h2{margin:0}.roster-list-heading h2>span{color:#806d91;margin-left:8px;font-size:16px}.roster-list-heading label{max-width:280px;font-size:13px}.roster-student{border-bottom:1px solid #ece4f2;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;display:flex}.roster-student:last-of-type{border-bottom:0}.roster-person{align-items:center;gap:14px;min-width:0;display:flex}.roster-avatar{color:#59754f;background:#e8f1e6;border-radius:16px;flex:none;place-items:center;width:44px;height:44px;font-size:21px;font-weight:650;display:grid}.roster-person h3{overflow-wrap:anywhere;margin:0 0 4px;font-size:19px}.roster-membership{color:#82718d;font-size:13px}.roster-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.roster-actions a{white-space:nowrap;font-size:14px}.work-shell .roster-text-button{color:#70508e;box-shadow:none;background:0 0;border:0;padding:8px;font-size:14px}.roster-invitation textarea{overflow-wrap:anywhere;margin-bottom:14px;line-height:1.7;font-size:15px!important}.roster-invitation{scroll-margin-top:100px}.student-roster #students-heading{scroll-margin-top:110px}@media (width<=1000px){.roster-student{flex-direction:column;align-items:flex-start}.roster-actions{justify-content:flex-start}.roster-steps{gap:8px}.roster-steps li{align-items:flex-start;padding:12px}}@media (width<=600px){.roster-steps{grid-template-columns:1fr}.roster-steps li{align-items:center}.roster-add{align-items:stretch}.roster-add label,.roster-add button{flex:1 0 100%}.roster-actions{width:100%}.roster-actions>button:not(.roster-text-button){flex:1 0 100%}.roster-list-heading label{width:100%;max-width:none}.roster-intro>p{font-size:15px}}.roster-membership-row{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.work-shell .roster-convert{color:#664486;text-align:left;text-underline-offset:3px;min-height:32px;box-shadow:none;background:0 0;border:0;padding:6px 0;font-size:13px;font-weight:600;line-height:1.35;text-decoration:underline;display:block}.work-shell .roster-convert:hover{color:#41265d;background:0 0}.work-shell .roster-convert:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #7854ac}.work-shell .roster-convert:disabled{opacity:.55;cursor:wait}