.abc-feature-role-item{border-radius:24px;height:280px;overflow:hidden;padding:32px}.abc-feature-role-item .role-avatar-image{border-radius:50%;height:64px;overflow:hidden;width:64px}.abc-feature-role-item .role-avatar-image>img{height:100%;width:100%}.abc-feature-role-item .role-desc-wrapper{flex:1;margin-top:24px}.abc-feature-role-item .role-desc-wrapper .role-desc{margin-top:8px}.abc-feature-role-item .role-desc-title{color:var(--td-text-color-primary,#253042);font-size:24px;font-weight:600;line-height:32px}@media screen and (max-width:788px){.abc-feature-role-item{align-items:flex-start;display:flex;gap:.4266666667rem;height:3.52rem;padding:.64rem;width:100%}.abc-feature-role-item .role-avatar-image{height:1.7066666667rem;max-height:1.7066666667rem;max-width:1.7066666667rem;width:1.7066666667rem}.abc-feature-role-item .role-desc-wrapper{margin-top:0}.abc-feature-role-item .role-desc-wrapper .role-desc{margin-top:4px}.abc-feature-role-item .role-desc-title{font-size:.5333333333rem;line-height:.6933333333rem}}.abc-feature-role-list-wrapper{display:grid;width:100%;grid-column-gap:24px}@media screen and (max-width:788px){.abc-feature-role-list-wrapper{grid-template-columns:100%!important;grid-column-gap:0;grid-row-gap:.4266666667rem}}