@define accentColor: #A9372E;PopupSeasonalRankedLeaderboards{width: 700px;height: 600px;flow-children: down;}.PopupPanel, PopupSeasonalRankedLeaderboards{padding: 0px;border: 0px;background-color: gradient( linear, 0% 0%, 0% 100%, from( #272d2e ), to( #121212 ) );box-shadow: #E2C3970B 0px 0px 8px 0px ;}#MainContainer{horizontal-align: center;width: 100%;background-image: url("s2r://panorama/images/compendium/spring2016/battepointlog_purchase_header_psd.vtex");background-size: 100%;border-top: 1px solid #77849519;border-left: 1px solid #77849509;border-right: 1px solid #77849509;flow-children: down;height: 100%;}#HeaderTitleContainer{height: 90px;width: 100%;}.PopupTitle{margin-bottom: 0px;text-transform: uppercase;color: #E2C397;font-size: 30px;text-align: center;vertical-align: center;margin-top: 15px;padding-left: 30px;font-weight: medium;width: 95%;}.PopupMessage{horizontal-align: center;margin-bottom: 40px;}#CancelButton{width: 30px;height: 30px;background-size: 18px;background-color: #000000bb;margin-top: 8px;margin-right: 9px;horizontal-align: right;transition-property: background-color, brightness;transition-duration: .3s;transition-timing-function: ease-in-out;}#CancelButton:hover{background-color: #000000dd;}.LeaderboardsContainer{flow-children: right;}.LeaderboardWell{height: 450px;overflow: clip;border: 1px solid #505A5A55;width: 300px;margin-left: 32px;}.LeaderboardPanel{width: 100%;height: 100%;padding-top: 6px;flow-children: down;background-color: black;}.LeaderboardList{width: 100%;height: 100%;background-color: black;overflow: clip scroll;padding: 16px;flow-children: down;opacity-mask: url("s2r://panorama/images/masks/softedge_vertical_vscroll_psd.vtex") 1.0;}.LeaderBoardHeader{text-transform: uppercase;letter-spacing: 1px;color: #666464;margin-top: 16px;text-shadow: 0px 1px 1px 2.0 #000000;margin-left: 16px;margin-right: 16px;}.ContentsHeader{height: 30px;background-color: #3E3C38;text-align: center;color: white;font-size: 16px;padding: 6px;letter-spacing: 2.25px;text-transform: uppercase;z-index: 2;transition-property: border, background-color, color;transition-duration: .5s;transition-timing-function: ease-in-out;}.HomeLeaderboard{width: 100%;margin-top: -16px;}VerticalScrollBar{background-color: #000000;width: 6px;}VerticalScrollBar .ScrollThumb,
VerticalScrollBar:active .ScrollThumb,
VerticalScrollBar:hover .ScrollThumb{background-color: #65302D;border: 1px solid #ffffff02;}#ExplanationContainer{margin-top: 10px;width: 100%;height: 40px;padding-left: 32px;padding-right: 32px;}#Explanation{width: 100%;text-align: center;font-weight: thinner;color: #484444;text-shadow: 1px 1px 1px black;vertical-align: center;font-size: 16px;}.LeaderListRow{margin-top: 1px;margin-bottom: 1px;padding-right: 6px;}.LeaderListRow.IsCurrentUser{background-color: #45201D;}.LeaderListRow.IsCurrentUser Label{color: white;}.LeaderListRow:hover Label{brightness: 2;}.LeaderListRow.IsCurrentUser:hover Label{color: white;}.LeaderListAvatar{width: 24px;height: 24px;background-color: #333333;border: 1px solid black;}.LeaderListName{margin-left: 32px;width: 134px;height: 24px;}.LeaderListName .PersonaName{color: #BBB9B5;}.IsCurrentUser .LeaderListName .PersonaName{color: white;}.LeaderListName:hover{brightness: 2;}.LeaderListValue{color: #666262;horizontal-align: right;text-align: right;}.NormalValue{visibility: visible;}.CalibrationValue{visibility: collapse;}.IsCalibrating .NormalValue{visibility: collapse;}.IsCalibrating .CalibrationValue{visibility: visible;}