.component_roles{display:none;align-items:center}
.component_roles.showSection{display:flex}
.component_roles .container_roles{background-color:#efefef;padding:4px;display:flex;flex-flow:row wrap;border-radius:8px}
.component_roles .container_roles button{border:0;padding:6px 12px;cursor:pointer;font-size:18px;line-height:23px;font-weight:700}
.component_roles .container_roles.first-case .buttonfirst{background:linear-gradient(90deg,#0033a1 0,#520da3 50%,#eb0b26 100%);color:#fff;min-width:108px}
.component_roles .container_roles.first-case .buttonsecond{color:#a5afbf;cursor:pointer;background:0;min-width:93px}
.component_roles .container_roles.first-case .referente{border-radius:8px 0 0 8px}
.component_roles .container_roles.first-case .enduser{border-radius:0 8px 8px 0}
div[role="alert"]+* .menu-list.show{top:122px}
.component_roles .container_roles+a{color:#333;text-decoration:none;color:#0033a1;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-decoration-line:underline;margin:0 0 0 14px}
.component_roles .container_roles.second-case #button1{background:linear-gradient(90deg,#0033a1 0,#520da3 50%,#eb0b26 100%);color:#fff;min-width:108px;border-radius:8px}
.component_roles .container_roles.second-case #button2{display:none;min-width:93px;color:#a5afbf}
.component_roles .container_roles.third-case #button1{display:none}
.component_roles .container_roles.third-case #button2{background:linear-gradient(90deg,#0033a1 0,#520da3 50%,#eb0b26 100%);color:#fff;min-width:93px;border-radius:8px}
[id*='case'].component_roles{padding:50px 0 16px 0;width:85.2vw;margin:auto}
[id*='case'].component_roles.showSection{@media(width <= 768px){padding-top:20px;width:calc(100vw - 32px);display:flex;flex-flow:column nowrap;align-items:flex-start;gap:8px}
}
@media(min-width:1279px){[id*='case'].component_roles{width:1090px}
}
@media(max-width:768px){.roles.aem-Grid.aem-Grid--12{justify-content:flex-start}
.component_roles .container_roles{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}
.component_roles .container_roles+a{margin-left:0}
.component_roles .container_roles button{padding:8px 12px;height:auto;font-weight:700}
}