.kol-campaign-leader-board{background-color:#000;overflow:hidden}.kol-campaign-leader-board .kol-campaign-leader-board-container{padding:40px 0 80px;margin:0 auto;max-width:1140px}.kol-campaign-leader-board .loading{display:flex;flex-direction:column;grid-gap:48px;gap:48px}.kol-campaign-leader-board .loading .table{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.kol-campaign-leader-board .increase{color:#01bc8d!important}.kol-campaign-leader-board .decrease,.kol-campaign-leader-board .increase{display:flex!important;align-items:center!important;grid-gap:2px!important;gap:2px!important}.kol-campaign-leader-board .decrease{color:#ee4f52!important}.kol-campaign-leader-board .decrease svg{transform:rotate(180deg)}.kol-campaign-leader-board .kol-group-share{width:40px;height:40px;border:1px solid #189d70;border-radius:4px;display:flex;align-items:center;justify-content:center}.kol-campaign-leader-board .kol-group-join{height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:14px;leading-trim:NONE;line-height:19px;letter-spacing:0;color:#fff;background-color:#189d70;width:130px}.kol-campaign-leader-board .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.kol-campaign-leader-board .header .title{display:flex;align-items:center;grid-gap:16px;gap:16px;font-weight:700;font-size:40px;line-height:100%;letter-spacing:0;color:#fff}.kol-campaign-leader-board .header .group-button{display:flex;align-items:center;grid-gap:8px;gap:8px}.kol-campaign-leader-board .leader{padding:40px 48px;display:flex;flex-direction:column;border-radius:8px;border:1px solid #2f2f2f;background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.024));margin-bottom:13px;position:relative}.kol-campaign-leader-board .leader .user-info{display:flex;align-items:center;justify-content:space-between;width:100%}.kol-campaign-leader-board .leader .user-info .avatar-username{display:flex;align-items:center;grid-gap:14px;gap:14px}.kol-campaign-leader-board .leader .user-info .avatar-username .avatar{width:56px;height:56px;background-color:#393939;border-radius:999px;overflow:hidden}.kol-campaign-leader-board .leader .user-info .avatar-username .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.kol-campaign-leader-board .leader .user-info .avatar-username .username{display:flex;flex-direction:column}.kol-campaign-leader-board .leader .user-info .avatar-username .username span:first-child{font-weight:400;font-size:14px;line-height:19px;letter-spacing:0;color:#6e6e6e}.kol-campaign-leader-board .leader .user-info .avatar-username .username span:last-child{font-weight:500;font-size:20px;line-height:34px;letter-spacing:0;color:#fff}.kol-campaign-leader-board .leader .user-info .members{display:flex;flex-direction:column}.kol-campaign-leader-board .leader .user-info .members span:first-child{font-weight:400;font-size:14px;line-height:19px;letter-spacing:0;text-align:right;color:#6e6e6e}.kol-campaign-leader-board .leader .user-info .members span:last-child{font-weight:500;font-size:20px;line-height:34px;letter-spacing:0;text-align:right;color:#fff}.kol-campaign-leader-board .leader .divider{width:100%;height:1px;margin:24px 0;background:radial-gradient(50% 13153.34% at 50%,at 50%,hsla(0,0%,100%,.5) 0,rgba(75,64,54,0) 100%);background:radial-gradient(50% 13153.34% at 50% 50%,hsla(0,0%,100%,.5) 0,rgba(75,64,54,0) 100%)}.kol-campaign-leader-board .leader .data{display:flex;align-items:center;justify-content:space-between}.kol-campaign-leader-board .leader .data div{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.kol-campaign-leader-board .leader .data div span:first-child{font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;color:#7f7f7f}.kol-campaign-leader-board .leader .data div span:last-child{font-weight:500;font-size:20px;line-height:100%;letter-spacing:0;text-align:right;color:#fff}.kol-campaign-leader-board .leader .data div:nth-child(2){align-items:flex-start}.kol-campaign-leader-board .leader .data div:nth-child(3){align-items:center}.kol-campaign-leader-board .leader .data div:nth-child(4){align-items:flex-end}.kol-campaign-leader-board .leader .data div.mobile-view{display:none}[dir=ltr] .kol-campaign-leader-board .leader .medal{left:42px}[dir=rtl] .kol-campaign-leader-board .leader .medal{right:42px}.kol-campaign-leader-board .leader .medal{position:absolute;top:25px}.kol-campaign-leader-board .data .data-header{display:flex;align-items:center;padding:0 24px 16px;border-bottom:1px solid #2a2a2a;font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;color:#fff}.kol-campaign-leader-board .data .data-item{padding:18px 24px;border-bottom:1px solid #2a2a2a;display:flex;align-items:center}.kol-campaign-leader-board .data .data-item div:first-child{font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;color:#969696}.kol-campaign-leader-board .data .data-item div:first-child span{display:inline-block;width:30px;text-align:center}.kol-campaign-leader-board .data .data-item div:nth-child(2){display:flex;align-items:center;grid-gap:12px;gap:12px;font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;color:#969696}.kol-campaign-leader-board .data .data-item div:nth-child(2) .img{width:36px;height:36px;border-radius:999px;overflow:hidden;background-color:#393939}.kol-campaign-leader-board .data .data-item div:nth-child(2) .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.kol-campaign-leader-board .data .data-item div:nth-child(2) .name{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.kol-campaign-leader-board .data .data-item div:nth-child(2) .name .disqualified-badge{padding:5px 8px;border-radius:999px;background-color:#2c0505;font-weight:500;font-style:Medium;font-size:12px;leading-trim:NONE;line-height:100%;letter-spacing:0;color:#f75151}.kol-campaign-leader-board .data .data-item div:nth-child(3),.kol-campaign-leader-board .data .data-item div:nth-child(4){font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;color:#969696}.kol-campaign-leader-board .data .data-item div:nth-child(5){font-weight:500;font-size:14px;line-height:100%;letter-spacing:0;text-align:right;color:#02e5ac}.kol-campaign-leader-board .data .data-item div.violated{color:#ff6161}.kol-campaign-leader-board .data .pagination{margin-top:32px;display:flex;justify-content:center}.kol-campaign-leader-board .kol-campaign-join-team{padding:40px 32px;position:relative;background-color:#1a1a1a}[dir=ltr] .kol-campaign-leader-board .kol-campaign-join-team .close-button{right:20px}[dir=rtl] .kol-campaign-leader-board .kol-campaign-join-team .close-button{left:20px}.kol-campaign-leader-board .kol-campaign-join-team .close-button{width:20px;height:20px;position:absolute;top:20px;color:#fff}.kol-campaign-leader-board .kol-campaign-join-team .icon{width:100%;display:flex;justify-content:center;margin-bottom:24px;height:80px}.kol-campaign-leader-board .kol-campaign-join-team .title{text-align:center;width:100%;font-weight:700;font-size:24px;line-height:22px;letter-spacing:0;color:#fff;margin-bottom:16px;display:inline-block}.kol-campaign-leader-board .kol-campaign-join-team .description{font-weight:400;font-size:16px;line-height:22px;letter-spacing:0;color:#9b9b9b;margin-bottom:32px}.kol-campaign-leader-board .kol-campaign-join-team .actions{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:16px}.kol-campaign-leader-board .kol-campaign-join-team .actions button{flex:1 1 0;box-sizing:border-box;padding:10px 0 11px;height:40px;color:#fff;border:1px solid #363636;border-radius:4px}.kol-campaign-leader-board .kol-campaign-join-team .actions a{display:flex;align-items:center;justify-content:center;flex:1 1 0;box-sizing:border-box;padding:10px 0 11px;height:40px;color:#fff;border-radius:4px;background-color:#189d70}.kol-campaign-leader-board .kol-campaign-join-team .note{font-size:14px;line-height:19px;letter-spacing:0;color:#7e7e7e}.kol-campaign-leader-board .kol-campaign-join-team .note strong{color:#fff}.kol-campaign-leader-board .mobile-view{display:none}.kol-campaign-leader-board .leader-prize{padding:23px 32px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background-color:rgba(2,229,172,.102);margin-bottom:40px}.kol-campaign-leader-board .leader-prize span:first-child{font-weight:500;font-style:Medium;font-size:20px;leading-trim:NONE;line-height:100%;letter-spacing:0;color:#fff}.kol-campaign-leader-board .leader-prize span:last-child{font-weight:700;font-style:Bold;font-size:20px;leading-trim:NONE;line-height:34px;letter-spacing:0;text-align:right;color:#02e5ac}@media screen and (max-width:1024px){.kol-campaign-leader-board .kol-campaign-leader-board-container{padding:32px 16px}.kol-campaign-leader-board .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.kol-campaign-leader-board .header .title{font-size:24px}.kol-campaign-leader-board .header .group-button{display:none}.kol-campaign-leader-board .leader{padding:38px 20px 24px;margin-bottom:16px}.kol-campaign-leader-board .leader .user-info .avatar-username{grid-gap:12px;gap:12px}.kol-campaign-leader-board .leader .user-info .members{display:none}.kol-campaign-leader-board .leader .divider{margin:20px 0 16px}.kol-campaign-leader-board .leader .data{flex-direction:column;grid-gap:15px;gap:15px}.kol-campaign-leader-board .leader .data div{display:flex!important;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.kol-campaign-leader-board .leader .data div span:first-child{font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;color:#7f7f7f}.kol-campaign-leader-board .leader .data div span:last-child{font-weight:500;font-size:14px;line-height:100%;letter-spacing:0;text-align:right}.kol-campaign-leader-board .leader .data div:first-child{order:1;align-items:flex-start}.kol-campaign-leader-board .leader .data div:nth-child(2){order:4;align-items:flex-start}.kol-campaign-leader-board .leader .data div:nth-child(3){order:2;align-items:flex-start}.kol-campaign-leader-board .leader .data div:nth-child(4){order:3;align-items:flex-start}.kol-campaign-leader-board .leader .data div.mobile-view{display:none}[dir=ltr] .kol-campaign-leader-board .leader .medal{left:15px}[dir=rtl] .kol-campaign-leader-board .leader .medal{right:15px}.kol-campaign-leader-board .leader .medal{top:24px}.kol-campaign-leader-board .data{display:none}.kol-campaign-leader-board .mobile-view{display:block}.kol-campaign-leader-board .mobile-view .group-button{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:16px}.kol-campaign-leader-board .mobile-view .data-mobile{display:flex;flex-direction:column;width:100%;border:1px solid #2e2c28;border-radius:8px;overflow:hidden}.kol-campaign-leader-board .mobile-view .data-mobile .item{padding:21px 24px 12px;position:relative;overflow:hidden;z-index:0}.kol-campaign-leader-board .mobile-view .data-mobile .item .user-info{margin-bottom:10px;display:flex;align-items:center;grid-gap:8px;gap:8px}[dir=ltr] .kol-campaign-leader-board .mobile-view .data-mobile .item .user-info .rank{margin-right:2px}[dir=rtl] .kol-campaign-leader-board .mobile-view .data-mobile .item .user-info .rank{margin-left:2px}.kol-campaign-leader-board .mobile-view .data-mobile .item .user-info .rank{font-weight:700;font-size:14px;line-height:100%;letter-spacing:0;color:#fff}.kol-campaign-leader-board .mobile-view .data-mobile .item .user-info .rank.violated{color:#f75151}.kol-campaign-leader-board .mobile-view .data-mobile .item .user-info .avatar{width:30px;min-width:30px;height:30px;background-color:#393939;border-radius:999px;position:relative}.kol-campaign-leader-board .mobile-view .data-mobile .item .user-info .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:999px}.kol-campaign-leader-board .mobile-view .data-mobile .item .user-info .nickname{display:flex;flex-direction:column}.kol-campaign-leader-board .mobile-view .data-mobile .item .user-info .nickname span{font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;color:#fff}.kol-campaign-leader-board .mobile-view .data-mobile .item .data{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.kol-campaign-leader-board .mobile-view .data-mobile .item .data li{display:flex;align-items:center;justify-content:space-between}.kol-campaign-leader-board .mobile-view .data-mobile .item .data li span:first-child{font-weight:400;font-size:12px;line-height:100%;letter-spacing:0;color:#7f7f7f}.kol-campaign-leader-board .mobile-view .data-mobile .item .data li span:last-child{font-weight:500;font-size:12px;line-height:100%;letter-spacing:0;text-align:right;color:#fff;display:flex;align-items:center}.kol-campaign-leader-board .mobile-view .data-mobile .item .data li .violated{color:#f75151!important}[dir=ltr] .kol-campaign-leader-board .mobile-view .data-mobile .item .medal{left:-4px}[dir=rtl] .kol-campaign-leader-board .mobile-view .data-mobile .item .medal{right:-4px}.kol-campaign-leader-board .mobile-view .data-mobile .item .medal{width:15px;height:10.5px;position:absolute;top:-6px}.kol-campaign-leader-board .mobile-view .data-mobile .item .disqualified-badge{margin-top:8px;padding:5px 8px;border-radius:999px;background-color:#2c0505;font-weight:500;font-style:Medium;font-size:12px;leading-trim:NONE;line-height:100%;letter-spacing:0;color:#f75151;display:inline-block}.kol-campaign-leader-board .mobile-view .data-mobile .item:nth-child(2n):after{z-index:-1;background-color:red;content:"";position:absolute;width:870px;height:870px;top:-329px;left:-282px;background:radial-gradient(50% 50% at 50%,at 50%,rgba(190,161,135,.4) 0,rgba(88,75,63,0) 100%);background:radial-gradient(50% 50% at 50% 50%,rgba(190,161,135,.4) 0,rgba(88,75,63,0) 100%)}.kol-campaign-leader-board .mobile-view .pagination{margin-top:20px;display:flex;justify-content:center}.kol-campaign-leader-board .kol-campaign-join-team{padding:20px}.kol-campaign-leader-board .kol-campaign-join-team .icon{maargin-bottom:16px;height:56px}.kol-campaign-leader-board .kol-campaign-join-team .icon svg{width:56px;height:56px}.kol-campaign-leader-board .kol-campaign-join-team .title{line-height:22px}.kol-campaign-leader-board .kol-campaign-join-team .description{margin-bottom:22px}.kol-campaign-leader-board .leader-prize{margin-bottom:16px;padding:16px 12px}.kol-campaign-leader-board .leader-prize span:first-child,.kol-campaign-leader-board .leader-prize span:last-child{font-size:12px}}[dir=rtl] .kol-campaign-leader-board .header .title svg,[dir=rtl] .kol-campaign-leader-board .leader .medal,[dir=rtl] .kol-campaign-leader-board .mobile-view .data-mobile .item .medal{transform:rotateY(180deg)}