.role[data-v-42a4e66f]{border-top:1px solid #eee;padding:20px;display:grid;grid-template-columns:128px 1fr;grid-gap:20px;cursor:pointer}.is-desktop .role[data-v-42a4e66f]{grid-template-columns:64px 1fr 300px;align-items:center}.role.is-selected[data-v-42a4e66f]{background-color:#e5f6ff}.role[data-v-42a4e66f]:not(.is-selected):first-child{border-color:transparent}.is-desktop .role[data-v-42a4e66f]:hover{background-color:#f4f9ff}.role-image[data-v-42a4e66f]{width:128px;height:128px;border-radius:10px;background-position:50% 50%;background-size:cover;background-color:#ebd6ea;text-align:center;line-height:128px;font-weight:700;font-size:32px;color:#a5329f}.is-desktop .role-image[data-v-42a4e66f]{height:64px;width:64px;line-height:64px;font-size:20px}.role-info[data-v-42a4e66f]{display:flex;flex-direction:column}.role-info-name[data-v-42a4e66f]{font-weight:700;color:#343434;font-size:14px;line-height:18px}.role-info-days[data-v-42a4e66f]{display:flex;flex-wrap:wrap;padding-top:10px}.is-desktop .role-info-days[data-v-42a4e66f]{padding-top:4px}.role-info-days-item[data-v-42a4e66f]{padding:4px 8px;background-color:#ddd;border-radius:4px;color:#343434;font-size:12px;font-weight:500;margin:0 2px 2px 0}.role-info-capacity[data-v-42a4e66f]{padding-top:10px}.is-desktop .role-info-capacity[data-v-42a4e66f]{padding-top:4px}.role-info-capacity-full[data-v-42a4e66f]{background-color:#eee;border-radius:4px;height:24px}.role-info-capacity-taken[data-v-42a4e66f]{background-color:#a5329f;border-radius:4px;height:24px;color:#fff;padding-right:8px;font-size:12px;text-align:right;font-weight:500;line-height:24px;min-width:64px}.role-info-capacity-remaining[data-v-42a4e66f]{font-size:12px;text-align:right;margin-top:4px;color:#666;font-weight:400;text-align:left}.is-desktop .role-info-capacity-remaining[data-v-42a4e66f]{margin-top:0}.roles-filter[data-v-80d1874e]{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.roles-filter[data-v-80d1874e] .input{margin-bottom:0}