div.postRankBarBox{display:flex;flex-direction:row;cursor:pointer;position:relative}div.postRankBarBox:hover{scale:1.01}div.postRankBarBox:active{scale:1.02}div.postRankBarBox>div.postRankBarNumber{width:40px;height:40px;flex-shrink:0;border-radius:10px 0;background:linear-gradient(135deg,#62C6FF,#FFF);box-shadow:0 4px 4px 0 rgba(255,222,222,.5);display:flex;justify-content:center;align-items:center}div.postRankBarBox>div.postRankBarNumber>span{color:#62c6ff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;font-family:Pretendard-SemiBold;font-size:28px;font-style:normal;font-weight:400;line-height:normal}div.postRankBarBox>img.postRankBarPostImg{width:40px;height:40px;flex-shrink:0;border-radius:10px;box-shadow:0 4px 4px 0 rgba(255,222,222,.5);object-fit:cover;animation:gradient2 2s linear infinite;background:linear-gradient(-45deg,#ffffff,rgba(98,198,255,.2),rgba(0,144,225,.4));background-size:300% 300%}div.postRankBarBox>div.postRankBarInfoBox{width:106px;height:40px;flex-shrink:0;border-radius:10px 0;background:linear-gradient(105deg,rgba(123,208,255,.2),rgba(255,255,255,.2));box-shadow:0 4px 4px 0 rgba(255,222,222,.5);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:4px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.postRankBarBox>div.postRankBarInfoBox>div.postRankBarInfo{display:flex;flex-direction:row;width:100%}div.postRankBarBox>div.postRankBarInfoBox>div.postRankBarInfo>img{width:16px;height:16px;flex-shrink:0;border-radius:5px;animation:gradient2 2s linear infinite;background:linear-gradient(-45deg,#ffffff,rgba(98,198,255,.2),rgba(0,144,225,.4));background-size:300% 300%}div.postRankBarBox>div.postRankBarInfoBox>div.postRankBarInfo>span{color:#0090e1;margin-left:4px;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#0090e1}div.postRankBarBox>div.postRankBarInfoBox>div.postRankBarInfo>span,div.postRankBarBox>div.postRankBarInfoBox>div.postRankBarInfoText{width:100%;font-size:12px;font-style:normal;font-weight:400;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div.postRankBarBox>div.postRankBarInfoBox>div.postRankBarInfoText{color:#444}div.postRealtimeRankBar{display:flex;flex-direction:row;width:146px;height:146px;animation:gradient2 2s linear infinite;background:linear-gradient(-45deg,#ffffff,rgba(98,198,255,.2),rgba(0,144,225,.4));background-size:300% 300%}@keyframes gradient2{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}div.postRealtimeRankBar{border-radius:10px;position:relative;cursor:pointer}div.postRealtimeRankBar>div.postRankBarNumber{width:40px;height:40px;flex-shrink:0;border-radius:10px 0;background:linear-gradient(135deg,rgba(98,198,255,.5),rgba(255,255,255,.5) 100%);display:flex;justify-content:center;align-items:center;z-index:2}div.postRealtimeRankBar>div.postRankBarNumber>span{color:#62c6ff;-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#fff;font-family:Pretendard-Bold;font-size:28px;font-style:normal;font-weight:400;line-height:normal}div.postRealtimeRankBar>img.postRankBarPostImg{position:absolute;z-index:1;width:100%;height:100%;border-radius:10px;object-fit:cover}div.postRealtimeRankBar>div.postRankBarInfoBox{width:106px;height:40px;flex-shrink:0;border-radius:10px 0;background:linear-gradient(105deg,rgba(123,208,255,.5),rgba(255,255,255,.5));display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:4px;box-sizing:border-box;margin-top:106px;z-index:1;overflow:hidden}div.postRealtimeRankBar>div.postRankBarInfoBox>div.postRankBarInfo{display:flex;flex-direction:row;overflow:hidden}div.postRealtimeRankBar>div.postRankBarInfoBox>div.postRankBarInfo>img{width:16px;height:16px;flex-shrink:0;border-radius:5px}div.postRealtimeRankBar>div.postRankBarInfoBox>div.postRankBarInfo>span{color:#000;margin-left:4px;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#62c6ff;font-size:12px;font-style:normal;font-weight:900;font-family:Pretendard-Bold;line-height:normal;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;width:100%}div.postRealtimeRankBar>div.postRankBarInfoBox>div.postRankBarInfoText{color:#444;font-size:12px;font-style:normal;font-weight:400;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Pretendard}@media screen and (max-width:1230px){div.postRankBarBox{width:100%}div.postRankBarBox>img.postRankBarPostImg{width:240px!important}div.postRankBarBox>div.postRankBarInfoBox{position:relative;flex:1 1}div.postRealtimeRankBar{width:100%;height:unset;aspect-ratio:1/1}div.postRealtimeRankBar>div.postRankBarNumber{width:20%;height:20%}div.postRealtimeRankBar>div.postRankBarInfoBox{margin-top:auto;margin-left:auto;width:80%;aspect-ratio:1/1}}@media screen and (max-width:976px){div.postRankBarBox>img.postRankBarPostImg{width:120px!important}}