.referral__graph{margin:2rem 0;padding:0 10px}.referral__graph__contentbox{padding:5px;border-radius:8px;display:inline-block;font-size:11px;position:relative}.referral__graph__contentbox--type1{background-color:#a020f0}.referral__graph__contentbox--type1:after{border-left:6px solid #a020f0}.referral__graph__contentbox--type2{background-color:#ff69b4}.referral__graph__contentbox--type2:after{border-left:6px solid #ff69b4}.referral__graph__contentbox--type3{background-color:#4ee177}.referral__graph__contentbox--type3:after{border-left:6px solid #4ee177}.referral__graph__contentbox:after{position:absolute;content:"";border-bottom:6px solid transparent;border-top:6px solid transparent;left:100%;top:calc(50% - 3px)}.referral__graph__leveltitle{font-size:15px}.referral .table__wraper{margin:2rem 0;font-size:12px}.referral .table__wraper .pure-table td,.referral .table__wraper .pure-table th{padding:.8rem .35em;vertical-align:middle}.referral .table__wraper .pure-table thead{color:inherit;background:linear-gradient(180deg,#7850f9,#4c16fb);border-radius:4px 4px 0 0}.referral .table__wraper .pure-table thead tr th:first-child{border-radius:6px 0 0 0}.referral .table__wraper .pure-table thead tr th:last-child{border-radius:0 6px 0 0}.referral .table__wraper .pure-table tbody tr{color:inherit;background:#4d21dc}.referral .table__wraper .pure-table tbody tr:nth-child(odd){background:#3a11be}.referral .table__wraper .pure-table tbody tr:last-child td:first-child{border-radius:0 0 0 6px}.referral .table__wraper .pure-table tbody tr:last-child td:last-child{border-radius:0 0 6px 0}.pg-content{padding:15px 10px}