.leaderboard-header[data-v-6316c741]{color:rgba(85,106,137,.5);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:700;margin-bottom:8px}.rank[data-v-6316c741]{display:inline-block;text-align:center;min-width:50px}.detail[data-v-6316c741]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:16px;max-width:calc(100% - 66px)}.detail .user[data-v-6316c741]{margin-right:8px;max-width:calc(100vw - 212px);width:100%;overflow:hidden}.detail .user .user>div[data-v-6316c741]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.detail .user .user-detail[data-v-6316c741]{white-space:nowrap;position:relative;width:100%;overflow:hidden}.detail .user .avatar[data-v-6316c741]{background-color:#fff;border-radius:25.5px;height:51px;margin-right:16px;min-width:51px;width:51px}.detail .user .avatar img[data-v-6316c741]{display:none}.detail .user .name[data-v-6316c741]{display:inline-block;margin:0;margin-right:16px;white-space:nowrap;max-width:100%}.detail .user .school[data-v-6316c741]{color:rgba(29,57,98,.7);font-size:14px;font-weight:400;margin:0;white-space:nowrap;max-width:100%}@media screen and (min-width:600px){.detail .user .school[data-v-6316c741]{display:inline-block}}.detail .user .name[data-v-6316c741]:after,.detail .user .school[data-v-6316c741]:after{content:"";text-align:right;position:absolute;right:0;width:60px;height:1.2em;background:-webkit-gradient(linear,left top,right top,from(rgba(245,247,251,0)),to(#fff));background:linear-gradient(90deg,rgba(245,247,251,0),#fff)}@media screen and (min-width:380px){.detail .user[data-v-6316c741]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.detail .right-detail[data-v-6316c741]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:auto;z-index:2}.detail .right-detail .column[data-v-6316c741]{text-align:right;width:50px}.column[data-v-6316c741]{margin:0;padding-right:8px}.leaderboard-row[data-v-6316c741]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#1d3962;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:700;margin-bottom:8px}.separator[data-v-6316c741]{border:1px solid #eaeff7;margin-bottom:8px}.footer-wrapper[data-v-6316c741]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.footer-wrapper .link[data-v-6316c741]{color:#3b73c5;font-size:18px;font-weight:700;margin:auto;text-decoration:underline}.empty[data-v-6316c741]{color:rgba(85,106,137,.5);font-size:14px;margin:24px auto}.leaderboard .content[data-v-041fb510]{z-index:2;position:relative}.leaderboard[data-v-041fb510]:before{content:"";width:326.5px;height:368.5px;position:absolute;z-index:1;background:url(https://storage.pahamify.com/siteassets/web-component/to-akbar/piala-kiri.png);background-size:326.5px;left:-220px;top:100px}.leaderboard[data-v-041fb510]:after{content:"";width:326.5px;height:368.5px;position:absolute;z-index:1;background:url(https://storage.pahamify.com/siteassets/web-component/to-akbar/piala-kiri.png);background-size:220px;right:-222px;top:400px;background-repeat:no-repeat;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.card-wrapper[data-v-041fb510]{color:#1d3962;font-family:Nunito,sans-serif;padding:16px 24px}.card-wrapper .in-card-wrapper[data-v-041fb510]{width:100%}.card-wrapper .in-card-wrapper .select-wrapper[data-v-041fb510]{padding:4px!important}.card-wrapper .in-card-wrapper .header-option-wrapper[data-v-041fb510]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-wrapper .in-card-wrapper .header-option-wrapper .item[data-v-041fb510]{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-wrapper .in-card-wrapper .header-option-wrapper .item div[data-v-041fb510]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:8px}.selected-types .title[data-v-041fb510]{font-size:24px;font-weight:700;color:#4ebe7b}.selected-types .title-prange[data-v-041fb510]{color:#f08c30}@media only screen and (max-width:720px){.leaderboard[data-v-041fb510]:after,.leaderboard[data-v-041fb510]:before{display:none}.selected-types .title[data-v-041fb510]{font-size:18px}.header-option-wrapper .item[data-v-041fb510]{width:50%!important}.header-option-wrapper .item div[data-v-041fb510]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:8px}}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.w-100{width:100%}.choice{padding:8px 32px;background-color:#e0e8f3;border-radius:100px;text-align:center;margin-right:16px;margin-left:16px;cursor:pointer}.choice .title{font-size:18px;font-weight:700;color:#1d3962}.choice .title span{font-weight:400;font-size:18px}.choice .sub-title{font-size:14px;font-weight:400;color:#1d3962}.choice.active{padding:11px 68px;background-color:#3b73c5}.choice.active .title{color:#fff;font-size:24px}.choice.active .title span{font-size:24px}.choice.active .sub-title{color:#fff}.result-box-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.result-box-wrapper p{font-size:14px}.result-box-wrapper .item{-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.result-box-wrapper .item:first-child{padding-right:18px}.result-box-wrapper .item:nth-child(2){padding-left:18px}.header-title{font-size:24px;font-weight:700;color:#3b73c5;text-align:center;margin-top:8px;margin-bottom:16px}.row-title{font-size:16px;font-weight:700;color:rgba(85,106,137,.5)}.footer-link{text-align:center;padding-top:24px;padding-bottom:8px}.footer-link a{font-size:16px;font-weight:700;color:#3b73c5}@media only screen and (max-width:720px){.result-box-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.result-box-wrapper .item{width:100%!important;display:block;padding-right:0!important;padding-left:0!important}.result-box-wrapper .item .type-icon{width:48px!important}.choice{padding:8px 24px;margin-right:8px}.choice .title{font-size:14px}.choice .title span{font-weight:400;font-size:14px;display:block}.choice .sub-title{display:none;font-size:10px}.choice.active{padding:8px 24px}.choice.active .title{font-size:18px}.choice.active .title span{font-size:17px}}