.native-scrollbar{scrollbar-width:thin!important;scrollbar-face-color:rgba(128,128,128,.5);scrollbar-track-color:#fff;scrollbar-color:rgba(128,128,128,.5) #fff}.native-scrollbar::-webkit-scrollbar{-webkit-appearance:none}.native-scrollbar::-webkit-scrollbar:vertical{width:11px}.native-scrollbar::-webkit-scrollbar:horizontal{height:11px}.native-scrollbar::-webkit-scrollbar-thumb{border:4px solid #fff;border-radius:0;background-color:#80808080}.native-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#808080bf}.native-scrollbar::-webkit-scrollbar-track{background:#fff}@keyframes panelFadeIn{0%{transform:translateY(.25rem);opacity:0}50%{opacity:0;transform:translateY(.25rem)}to{transform:translateY(0);opacity:1}}.personPanelSection{z-index:1}.personPanelSection__stats{display:flex;margin-bottom:1.5rem;align-items:center}.personPanelSection__stats>span{width:1px;background:#acacac4d;height:3.75rem}.personPanelSection__stats>a{margin:.5rem;padding:.5rem;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:.875rem;color:#888}.personPanelSection__stats>a:not([href]){pointer-events:none}.personPanelSection__stats>a>span{pointer-events:none;padding:.25rem 0;color:#242424;font-size:1.5rem}.personPanelSection .roleActionBox__rolesBox,.personPanelSection .roleActionBox__roleRatingBox>div{animation:panelFadeIn .5s ease-in}.personPanelSection .roleActionBox__rolesBox .slider__nav{top:-4.25rem}@media (max-width: 767px){.personPanelSection__panel{box-shadow:0 -.625rem 1rem #0000000d}.personPanelSection__stats{background:linear-gradient(to bottom,#00000012,#0000 60%)}}@media (min-width: 768px) and (max-width: 1151px){.personPanelSection{display:none}}