.leaderboard[data-v-75369d19]{display:grid;gap:1rem;grid-template-columns:1fr 2.5fr;height:calc(100vh - 190px);padding:0 3rem}.top3[data-v-75369d19]{background-image:url(../png/leaderboard-bg.png);border-radius:10px;display:flex;flex-direction:column;gap:3rem;justify-content:center;padding:3rem}.top3.mobile[data-v-75369d19]{display:none}.top3 .item[data-v-75369d19]{align-items:center;display:flex;gap:1rem}.top3 .item .images[data-v-75369d19]{position:relative}.top3 .item .image[data-v-75369d19]{background-color:var(--white);height:180px;-webkit-mask-image:url(../svg/mask-star.svg);mask-image:url(../svg/mask-star.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;width:180px}.top3 .item .image img[data-v-75369d19]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.top3 .item p[data-v-75369d19]{color:var(--white);font-size:20px;font-weight:400;margin-bottom:7px}.top3 .item span[data-v-75369d19]{color:var(--primary);font-size:16px;font-weight:400}.top3 .item .images .star[data-v-75369d19]{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:-30px;transform:translate(-50%);width:50px}.top3 .item .images .star img[data-v-75369d19]{width:100%}.top3 .item:first-child .images .star img[data-v-75369d19]{position:relative}.top3 .item:nth-child(2) .images .star img[data-v-75369d19]{filter:brightness(0) saturate(100%) invert(82%) sepia(30%) saturate(6719%) hue-rotate(326deg) brightness(100%) contrast(98%);position:relative}.top3 .item:nth-child(3) .images .star img[data-v-75369d19]{filter:brightness(0) saturate(100%) invert(82%) sepia(35%) saturate(504%) hue-rotate(69deg) brightness(94%) contrast(87%);position:relative}.top3 .item:first-child .images .star[data-v-75369d19]:after,.top3 .item:nth-child(2) .images .star[data-v-75369d19]:after,.top3 .item:nth-child(3) .images .star[data-v-75369d19]:after{color:var(--black);font-size:16px;font-weight:700;height:100%;left:40%;position:absolute;top:37%;width:100%;z-index:4}.top3 .item:first-child .images .star[data-v-75369d19]:after{content:"1"}.top3 .item:nth-child(2) .images .star[data-v-75369d19]:after{content:"2"}.top3 .item:nth-child(3) .images .star[data-v-75369d19]:after{content:"3"}.boardList[data-v-75369d19]{background-color:var(--white);border:1px solid #d7d7d74d;border-radius:10px;box-shadow:0 3px 4px #00000008;height:100%;overflow:auto}.boardList[data-v-75369d19]::-webkit-scrollbar{display:none}.boardList .item[data-v-75369d19]{padding:0 1rem}.boardList .item.my[data-v-75369d19]{background-color:#f2eefb}.boardList .item .box[data-v-75369d19]{align-items:center;border-bottom:2px dashed #00000026;display:flex;justify-content:space-between;padding:1rem 0}.boardList .item:last-child .box[data-v-75369d19]{border:none}.boardList .item .box .number[data-v-75369d19]{color:transparent;width:40px;-webkit-text-stroke:1px #5d5fef;font-size:30px}.boardList .item .box .image[data-v-75369d19]{border:1px solid #ccc;border-radius:50%;height:70px;overflow:hidden;width:70px}.boardList .item .box .image img[data-v-75369d19]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.boardList .item .box .text p[data-v-75369d19]{font-size:18px;font-weight:400;margin-bottom:5px}.boardList .item .box .text span[data-v-75369d19]{font-size:16px;opacity:.6}.boardList .item .myRank[data-v-75369d19]{color:#5d5fef;font-size:16px;font-style:italic;font-weight:600}@media only screen and (max-width:800px){.leaderboard[data-v-75369d19]{gap:0;grid-template-columns:1fr;height:unset;padding:0}.top3[data-v-75369d19]{border-radius:0;display:none;flex-direction:row;gap:1rem;justify-content:space-between;padding:3rem 1rem 1rem}.top3.mobile[data-v-75369d19]{display:flex}.top3 .item[data-v-75369d19]{flex-direction:column;gap:0;text-align:center;width:100%}.top3 .item p[data-v-75369d19]{margin-bottom:2px}.top3 .item p[data-v-75369d19],.top3 .item span[data-v-75369d19]{font-size:14px}.top3 .item .image[data-v-75369d19]{height:115px;width:100%}.top3 .item:first-child .images .star[data-v-75369d19]:after{content:"2"}.top3 .item:nth-child(2) .images .star[data-v-75369d19]:after{content:"1"}.top3 .item:nth-child(3) .images .star[data-v-75369d19]:after{content:"3"}.top3 .item:first-child .images .star img[data-v-75369d19]{filter:brightness(0) saturate(100%) invert(82%) sepia(30%) saturate(6719%) hue-rotate(326deg) brightness(100%) contrast(98%);position:relative}.top3 .item:nth-child(2) .images .star img[data-v-75369d19]{filter:unset;position:relative}.top3 .item:nth-child(3) .images .star img[data-v-75369d19]{filter:brightness(0) saturate(100%) invert(82%) sepia(35%) saturate(504%) hue-rotate(69deg) brightness(94%) contrast(87%);position:relative}.top3 .item:first-child .images .star[data-v-75369d19]:after,.top3 .item:nth-child(2) .images .star[data-v-75369d19]:after,.top3 .item:nth-child(3) .images .star[data-v-75369d19]:after{font-size:16px;left:0;top:33%}.boardList[data-v-75369d19]{min-height:calc(100vh - 350px);padding-bottom:3.4rem}.boardList .item .box .image[data-v-75369d19]{height:40px;width:40px}.boardList .item .box .number[data-v-75369d19]{color:transparent;font-size:20px;width:20px}.boardList .item .myRank[data-v-75369d19]{font-size:14px}.boardList .item .box .text p[data-v-75369d19]{font-size:14px;margin:0}.boardList .item .box .text span[data-v-75369d19]{font-size:12px}}