.roles-layout{height:90vh;display:flex;position:relative;overflow:hidden}.roles-layout--expanded .roles-layout__detail-panel{width:100%}.roles-layout--expanded .role-listing-panel{display:none}.roles-layout__detail-panel{width:65%;height:100%;transition:width .5s;animation:.22s ease-out forwards detailSlideIn;position:absolute;top:0;right:0;overflow:hidden}@media screen and (max-width:1024px){.roles-layout__detail-panel{z-index:10;background:#fff;width:100%;position:relative}}@keyframes detailSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:767px){.roles-layout{height:85vh}}