.dashboard section.content>main#content .container.roles{max-width:1140px}.dashboard section.content>main#content .roles p.no-roles{display:flex;flex-grow:1;align-self:center}.dashboard section.content>main#content .roles .grid{justify-content:center}.dashboard section.content>main#content .roles .grid section.tile header{flex-direction:column}.dashboard section.content>main#content .roles .grid section.tile main{align-items:center}.dashboard section.content>main#content .roles .grid section.tile main h3{display:flex;flex-shrink:0}.dashboard section.content>main#content .roles .grid section.tile footer{justify-content:center}.dashboard section.content>main#content .roles .grid section.tile footer .switch{display:flex;flex-shrink:0}.dashboard section.content>main#content .roles h3.type{font-weight:300}.dashboard section.content>main#content .roles h3.recruitmentAgencyName{font-weight:400}.dashboard section.content>main#content .roles p.no-roles{padding-top:1rem;padding-left:1rem;font-size:1.25rem}.dashboard section.content>main#content .roles .grid section.tile header{padding-top:.25rem;padding-bottom:.25rem;height:calc(.5rem + 32px)}.dashboard section.content>main#content .roles .grid section.tile img,.dashboard section.content>main#content .roles .grid section.tile svg.role{height:32px}.dashboard section.content>main#content .roles h3.type{font-size:1rem;padding-top:.25rem}@supports(grid-gap:2rem){.dashboard section.content>main#content .roles .grid{padding:2rem}}@media(min-width:768px){.dashboard section.content>main#content .roles .grid section.tile header{height:calc(.5rem + 64px)}.dashboard section.content>main#content .roles .grid section.tile img{height:64px}.dashboard section.content>main#content .roles .switch{font-size:.9rem}}