.grid-wrap[data-v-57cc1d53]{display:grid;grid-column-gap:30px;grid-row-gap:15px;grid-template-columns:repeat(3,1fr)}.view-character-staff[data-v-57cc1d53]{grid-template-areas:"character staff"}.role-card[data-v-57cc1d53]{background:rgb(var(--color-foreground));border-radius:3px;display:inline-grid;grid-template-columns:50% 50%;height:80px;overflow:hidden}.role-card>div[data-v-57cc1d53]{display:inline-grid;grid-template-columns:60px auto;grid-template-areas:"image content"}.character[data-v-57cc1d53]{grid-area:character}.cover[data-v-57cc1d53]{background-position:50%;background-repeat:no-repeat;background-size:cover;grid-area:image}.content[data-v-57cc1d53]{font-size:1.2rem;grid-area:content;overflow:hidden;padding:10px}.content .name[data-v-57cc1d53]{display:block;height:48px;line-height:1.3}.content .role[data-v-57cc1d53]{color:rgb(var(--color-text-lighter));font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width:1540px){.grid-wrap[data-v-57cc1d53]{grid-template-columns:repeat(2,1fr)}}@media (max-width:1040px){.grid-wrap[data-v-57cc1d53]{grid-template-columns:repeat(1,1fr)}}.characters .content-wrap[data-v-21495d57]{background:rgb(var(--color-foreground));border-radius:4px;font-size:1.4rem;padding:20px}.characters>div[data-v-21495d57]{margin-bottom:30px}@media (max-width:760px){.button[data-v-21495d57],.external-links .rankings[data-v-21495d57],.external-links[data-v-21495d57],.rankings[data-v-21495d57],.tags[data-v-21495d57]{display:none}.description-wrap[data-v-21495d57]{display:block}}