.prototype-roles{display:flex;flex-direction:column;gap:5px;width:100%;align-items:center;padding:4px 3px;border-top:1px solid #435364;border-bottom:1px solid #435364}
.prototype-roles-title{color:#aab7c4;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.prototype-roles button{display:flex;align-items:center;justify-content:center;width:48px;min-height:35px;padding:5px 2px;border:1px solid #536271;border-radius:5px;background:transparent;color:#c8d3df;font-size:9px;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.prototype-roles button[aria-pressed=true]{background:#548bc4;color:#fff;border-color:#7dadde}
.prototype-roles button:hover{border-color:#9cbcdf}
.prototype-roles button:focus-visible{outline:2px solid #c3dfff;outline-offset:2px}

.prototype-roles button{flex-direction:column;gap:3px;min-height:43px}
.prototype-person-name{font-size:10px;font-weight:600;white-space:nowrap}
.prototype-person-role{font-size:8px;opacity:.78}