.competition{width:100%;background-color:#fff}@media screen and (max-width: 1000px){.competition .breadcrumb.content{padding:10px 16px}}@media screen and (max-width: 1000px){.competition{background-color:#f5f5f5}}@media screen and (max-width: 1000px){.competition .content{padding:0}}.competition .desc{color:#000;font-size:18px}.competition .info{margin-bottom:40px;background-color:#fff}@media screen and (max-width: 1000px){.competition .info{border-bottom:1px solid #dfdfdf;margin-bottom:12px}}.competition .left-content{max-width:640px}.competition .detail{width:640px;min-width:640px;position:relative;padding-top:16px}@media screen and (max-width: 1000px){.competition .detail{width:100%;min-width:unset;position:unset;padding:8px 16px 24px}}.competition .detail p{margin-top:16px;font-size:16px;line-height:20px;font-weight:400;color:#000;white-space:pre-line}@media screen and (max-width: 1000px){.competition .detail p{margin-top:8px;font-size:17px;line-height:22px}}.competition .detail>.btn{margin-top:0;margin-bottom:24px;border-radius:24px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px;line-height:24px}@media screen and (max-width: 1000px){.competition .detail>.btn{font-size:17px;line-height:22px}}.competition h1{font-size:32px;font-weight:700;line-height:40px;color:#000}@media screen and (max-width: 1000px){.competition h1{font-size:24px;line-height:26px;max-height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}}.competition h2{font-size:24px;font-weight:700;line-height:28px;margin:40px 0 24px;color:#000}@media screen and (max-width: 1000px){.competition h2{margin:0;padding:24px 0;font-size:18px;font-weight:700;line-height:24px}}.competition .imgs{position:relative;padding-bottom:24px;line-height:0px}@media screen and (max-width: 1000px){.competition .imgs{padding-bottom:16px}}.competition .imgs .cover{object-fit:cover;width:100%;height:220px;border-radius:14px}@media screen and (max-width: 1000px){.competition .imgs .cover{border-radius:0;height:104px}}.competition .imgs .icon{position:absolute;width:104px;height:104px;left:24px;bottom:0;border-radius:8px}@media screen and (max-width: 1000px){.competition .imgs .icon{left:16px;width:80px;height:80px}}.competition .stats{display:flex;padding:24px 0;justify-content:space-between;justify-items:center;width:100%}@media screen and (max-width: 1000px){.competition .stats{padding:16px 0}}.competition .stats .icon{width:32px;height:32px;border-radius:50%;border:1px solid #FFFFFF;vertical-align:middle;object-fit:cover;display:inline-block}.competition .stats .icon:not(:first-of-type){margin-left:-8px}.competition .stats .icon:last-of-type{margin-right:16px}@media screen and (max-width: 1000px){.competition .stats .icon:last-of-type{margin-right:10px}}.competition .stats .item{display:block;line-height:32px;font-size:0}.competition .stats .item span{font-size:16px;line-height:20px;font-weight:400;color:#565656;display:inline-block;vertical-align:middle}@media screen and (max-width: 1000px){.competition .stats .item span{font-size:17px;line-height:22px}}.competition .right{width:320px;position:absolute;top:0;padding-top:16px;right:-360px;display:flex;flex-direction:column;gap:24px;z-index:4}.competition .right .qrcode{flex-basis:unset;border-radius:14px;height:127px;background-color:#f5f5f5;padding:16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.competition .right .qrcode span{flex:1;font-size:16px;font-weight:600;line-height:20px;color:#000}.competition .right .qrcode img{flex-basis:unset;width:95px;min-width:95px;height:95px}.competition .owner-club{width:100%;padding:40px 24px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:14px;border:1px solid #DFDFDF;box-shadow:0 2px #dfdfdf}@media screen and (max-width: 1000px){.competition .owner-club{border:none;box-shadow:none;padding:24px 24px 0}}.competition .owner-club a{display:block;width:100%;height:100%}.competition .owner-club .icon{width:72px;height:72px;border-radius:8px}.competition .owner-club .title{display:flex;flex-direction:row;align-items:center;gap:8px}.competition .owner-club .marker{height:24px;width:24px}.competition .owner-club h2{font-size:14px;font-weight:500;line-height:18px;margin:0;color:#565656;padding:8px;text-transform:uppercase}@media screen and (max-width: 1000px){.competition .owner-club h2{font-size:15px;font-weight:400;line-height:18px}}.competition .owner-club h3{font-size:24px;line-height:28px;font-weight:700;margin:0;color:#000;padding:0}.competition .owner-club .desc{font-size:16px;line-height:20px;font-weight:400}@media screen and (max-width: 1000px){.competition .owner-club .desc{font-size:17px;line-height:22px}}.competition .owner-club .btn{margin-top:16px;width:100%;border-radius:24px}.competition .rules{width:100%;display:flex;flex-direction:column;gap:4px}.competition .rules .item{display:flex;flex-direction:row;gap:16px}@media screen and (max-width: 1000px){.competition .rules .item{gap:10px}}.competition .rules .item .icon{width:32px;height:32px;filter:brightness(0)}.competition .rules span{font-size:16px;line-height:20px;font-weight:400}@media screen and (max-width: 1000px){.competition .rules span{font-size:17px;line-height:22px}}.competition .rules .rule-desc{margin-top:5px;flex:1;display:flex;flex-direction:column;gap:4px;color:#000}.competition .rules .rule-sub{font-size:16px;line-height:20px;font-weight:400;color:#565656}.competition .detail-info{width:100%;display:flex;flex-direction:column;gap:26px;font-size:16px;font-weight:400;line-height:20px;color:#565656}@media screen and (max-width: 1000px){.competition .detail-info{gap:24px}}.competition .detail-info p{font-size:16px;font-weight:400;line-height:20px;color:#565656;white-space:pre-wrap}@media screen and (max-width: 1000px){.competition .detail-info p{font-size:17px;line-height:22px}}.competition .detail-info>div{display:flex;flex-direction:column;gap:12px}.competition .detail-info>div:not(:last-child){padding-bottom:24px;border-bottom:1px solid #DFDFDF}.competition .detail-info>div p:not(:first-of-type){margin-top:10px}.competition .detail-info>div h3{font-weight:600;font-size:16px;line-height:20px;color:#000}@media screen and (max-width: 1000px){.competition .detail-info>div h3{font-size:17px;line-height:22px}}.competition .detail-info .rules .item .icon{filter:grayscale(100%)}.competition .detail-info .rules .rule-desc{color:#565656}.competition .detail-info .rules .rule-sub{color:gray}.competition .detail-info .badges{display:flex;flex-flow:row wrap;gap:8px;justify-content:center;align-items:flex-start}.competition .detail-info .badges .item{display:flex;flex-direction:column;width:96px;min-height:88px;justify-content:center;align-items:center;color:gray;margin:24px 0;gap:8px}@media screen and (max-width: 1000px){.competition .detail-info .badges .item{margin:8px 0;min-height:96px}}.competition .detail-info .badges .item img{width:64px;height:64px}@media screen and (max-width: 1000px){.competition .detail-info .badges .item img{width:72px;height:72px}}.competition .detail-info .badges .item span{font-size:12px;line-height:15px;font-weight:400;display:block;text-align:center}@media screen and (max-width: 1000px){.competition .detail-info .badges .item span{line-height:16px}}.competition .scores{width:100%;display:flex;flex-direction:column;gap:16px}.competition .scores>div{width:100%}.competition .scores .group-score{width:100%;background-color:#f5f5f5;border-radius:14px;font-size:16px;font-weight:400;line-height:20px;color:#565656;padding:24px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 1000px){.competition .scores .group-score{height:160px;padding:16px}}.competition .scores .group-score>:first-child{flex:1;padding-left:16px;display:flex;flex-direction:column;gap:24px}@media screen and (max-width: 1000px){.competition .scores .group-score>:first-child{padding-left:0;gap:20px}}.competition .scores .group-score .group-info{display:flex;flex-direction:row;align-items:center;gap:16px}@media screen and (max-width: 1000px){.competition .scores .group-score .group-info{gap:10px}}.competition .scores .group-score .group-info .icon{width:40px;height:40px;border-radius:5px}.competition .scores .group-score .data{display:flex;flex-direction:row;align-items:center;gap:8px}@media screen and (max-width: 1000px){.competition .scores .group-score .data{flex-direction:column;align-items:flex-start;gap:4px}}.competition .scores .group-score .data .current{font-size:17px;font-weight:500;color:#000}.competition .scores .group-score .data .goal{font-size:14px;line-height:18px}.competition .scores .group-score .progress{width:132px;height:132px;position:relative}.competition .scores .group-score .progress .bar{width:100%}.competition .scores .group-score .progress .medal{width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.competition .scores .group-score .progress .percent{position:absolute;bottom:0;left:50%;transform:translate(-50%,-35%)}.competition .scores .custom-select{width:200px}.svg{display:block;width:100%}.custom-select{position:relative;width:100%;height:40px}.custom-select span{font-size:16px;font-weight:500;line-height:20px}.custom-select .select-button{width:100%;padding:8px;background-color:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;line-height:20px;color:#565656}.custom-select .select-button:hover{border-color:#328fde;color:#328fde}.custom-select .select-button:hover>div{border-left:#328FDE solid 1px}.custom-select .select-button:hover .arrow{filter:invert(38%) sepia(54%) saturate(571%) hue-rotate(179deg) brightness(92%) contrast(89%)}.custom-select .select-button>div{height:24px;width:24px;padding-left:8px;border-left:#B2B2B2 solid 1px;display:flex;justify-content:center;align-items:center}.custom-select .select-button>div .arrow{transform:rotate(90deg);transition:transform .2s ease}.custom-select .select-button>div .arrow.open{transform:rotate(-90deg)}.custom-select .options-list{position:absolute;top:47px;left:0;right:0;background-color:#fff;border:1px solid #DFDFDF;border-radius:8px;list-style-type:none;padding:0;margin:0;max-height:200px;overflow-y:auto;z-index:1;box-shadow:0 8px 16px #00000026}.custom-select .option-item{padding:10px;height:40px;cursor:pointer;color:#000}.custom-select .option-item:hover{color:#328fde}.custom-select .option-item.selected{background-color:#328fde;color:#fff}.challenge-rank{width:100%}.challenge-rank .header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-bottom:8px;padding-top:8px;border-bottom:1px solid #DFDFDF}.challenge-rank .header span{color:#000;text-transform:uppercase;font-size:14px;font-weight:600;line-height:18px}@media screen and (max-width: 1000px){.challenge-rank .header span{font-size:13px;font-weight:600;line-height:16px}}.challenge-rank .header span.other{text-align:right;width:80px}.challenge-rank .header span.rank{flex:1;text-align:left}@media screen and (max-width: 1000px){.challenge-rank .header span.like.other{width:50px;text-align:right}}.challenge-rank .header span.arrow.other{text-align:center}@media screen and (max-width: 1000px){.challenge-rank .header span.arrow.other{width:50px;text-align:right}}.challenge-rank .body{padding-bottom:16px;width:100%;overflow:hidden}.challenge-rank .body.loading{min-height:240px;display:flex;flex-direction:column;align-items:center;padding-top:56px}.challenge-rank .body>img{width:56px;height:56px}.challenge-rank .body p{font-size:16px;font-weight:400;line-height:20px;letter-spacing:.0141666699px;color:gray}.challenge-rank .body .loading{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.challenge-rank .body a{display:block;width:100%;text-decoration:none}.challenge-rank .body .row{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:8px 0 8px 8px;border-bottom:1px solid #DFDFDF;height:56px}.challenge-rank .body .row>div{font-size:16px;line-height:20px;font-weight:500;color:#000}.challenge-rank .body .row>div.rank{text-align:center;width:56px}@media screen and (max-width: 1000px){.challenge-rank .body .row>div.rank{width:36px;padding-right:12px}}.challenge-rank .body .row>div.rank img{width:24px;height:24px}.challenge-rank .body .row>div.joined_entity{flex:1;display:flex;flex-direction:row;align-items:center;gap:16px}@media screen and (max-width: 1000px){.challenge-rank .body .row>div.joined_entity{min-width:0px;flex:1}}.challenge-rank .body .row>div.joined_entity img{width:40px;height:40px;border-radius:50%;background-color:#b2b2b2}.challenge-rank .body .row>div.joined_entity img.square{border-radius:5px}.challenge-rank .body .row>div.joined_entity span{min-width:0px;max-width:300px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:20px;font-weight:500}.challenge-rank .body .row>div.other{width:80px;color:#565656;text-align:right;font-weight:400}.challenge-rank .body .row>div.like{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:40px}@media screen and (max-width: 1000px){.challenge-rank .body .row>div.like{width:50px;padding-left:11px}}.challenge-rank .body .row>div.like img{cursor:pointer;width:16px;height:16px}.challenge-rank .body .row>div.like span{font-size:12px;line-height:14px;font-weight:400}.challenge-rank .body .row>div.arrow{padding-left:40px;text-align:center}@media screen and (max-width: 1000px){.challenge-rank .body .row>div.arrow{padding-left:20px;width:50px}}.challenge-rank .pagi{justify-content:end}