section#page-roles{background-color:#f5f8fb;height:100%;padding-bottom:0}.cluster{-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;background:#fff;border:2px solid #014cdb;border-radius:100%;color:#000;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:40px;-webkit-justify-content:center;justify-content:center;outline:2px solid #014cdb;width:40px}.fade-in{-webkit-animation:fadeIn .3s;-moz-animation:fadeIn .3s;animation:fadeIn .3s}.circle{background-color:currentColor;border-radius:50%;color:var(--color);height:var(--radius);-webkit-transform:translate3d(0,16px,0);-moz-transform:translate3d(0,16px,0);transform:translate3d(0,16px,0);width:var(--radius)}.circle_element{background:#fff;border-radius:50%;display:inline-block;height:60%;left:50%;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:60%}.circle_title{background-color:#fff;border-radius:5px;color:var(--color);font-size:10px;left:32px;padding:2px 4px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap}