@charset "UTF-8";.wrapper{width:640px;padding-bottom:40px;border-bottom:1px solid #dfdfdf}.wrapper h2{font-size:24px;font-weight:700;line-height:28px;margin:40px 0 24px;color:#000}.club-info{display:flex;gap:40px;padding-bottom:40px}.club-info .detail{width:640px;min-width:640px}.club-info .detail .title{display:flex;gap:24px;align-items:center}.club-info .detail .title img{min-width:104px;width:104px;height:104px;border-radius:8px;background-color:#b2b2b2}.club-info .detail .title .name-code{display:flex;flex-direction:column;gap:8px}.club-info .detail .title .name-code h1{font-size:32px;font-weight:700;line-height:36px;color:#000}.club-info .detail .title .name-code .code{font-size:16px;font-weight:400;line-height:20px;color:#565656}.club-info .detail .feature{display:flex;flex-direction:row;gap:16px;align-items:center;margin-top:24px}.club-info .detail .feature .item{display:flex;flex-direction:row;align-items:center;gap:4px}.club-info .detail .feature .item img{min-width:16px;width:16px;height:16px}.club-info .detail .feature .item span{font-size:16px;font-weight:400;line-height:20px;color:#565656;text-transform:capitalize}.club-info .detail .desc h2{margin-top:40px;font-size:24px;font-weight:700;line-height:28px;color:#000}.club-info .detail .desc p{margin-top:8px;font-size:16px;font-weight:400;line-height:20px;color:#000;white-space:pre-line}.club-info .detail .topic-url{display:flex;flex-direction:row;gap:40px}.club-info .detail .topic-url .topic,.club-info .detail .topic-url .url{margin-top:24px;width:300px;min-width:300px}.club-info .detail .topic-url .topic h2,.club-info .detail .topic-url .url h2{font-size:24px;font-weight:700;line-height:28px;margin-bottom:8px;color:#000}.club-info .detail .topic-url .topic span,.club-info .detail .topic-url .topic a,.club-info .detail .topic-url .url span,.club-info .detail .topic-url .url a{display:block;font-size:16px;font-weight:400;line-height:20px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.club-info .detail .topic-url .topic a:hover,.club-info .detail .topic-url .url a:hover{text-decoration:underline}.club-info .detail>.btn{margin-top:24px;border-radius:24px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px;line-height:24px}.club-info .overview{width:320px}.club-info .overview .qrcode{border-radius:8px;height:127px;background-color:#f5f5f5;padding:16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.club-info .overview .qrcode span{width:180px;font-size:16px;font-weight:600;line-height:20px;color:#000}.club-info .overview .qrcode img{width:95px;min-width:95px;height:95px}.club-info .overview .numbers{display:flex;flex-direction:row;align-items:center;margin-top:24px}.club-info .overview .numbers .item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.club-info .overview .numbers .item span{color:#565656;font-size:14px;font-weight:400;line-height:20px;text-transform:uppercase}.club-info .overview .numbers .item .value{color:#000;font-size:20px;font-weight:500;line-height:24px}.club-info .overview .numbers .divide{width:1px;height:32px;background-color:#dfdfdf}.club .competitions{display:flex;gap:16px;flex-wrap:wrap}.club .competitions.loading{min-height:240px;display:flex;flex-direction:column;align-items:center;padding-top:56px}.club .competitions>img{width:56px;height:56px}.club .competitions p{font-size:16px;font-weight:400;line-height:20px;letter-spacing:.0141666699px;color:gray}.club .competitions .loading{animation:spin 2s linear infinite}.club .pagi{margin-top:16px;justify-content:end}.modal .modal-content{width:480px;height:312px;border-radius:8px;padding:40px}.modal .modal-content .close{position:absolute;width:24px;height:24px;top:16px;right:16px;cursor:pointer}.modal .modal-content .body{display:flex}.modal .modal-content .body .desktop{display:flex;flex-direction:column;align-items:center;gap:24px}.modal .modal-content .body .desktop img{width:160px;height:160px}.modal .modal-content .body .desktop p{font-size:18px;font-weight:400;line-height:24px;text-align:center;color:#2d2e2f}.join-club{display:none}@media screen and (max-width: 1000px){.wrapper{width:100%;padding:0 16px 24px;background-color:#fff;margin-bottom:12px;border-top:1px solid #dfdfdf}.wrapper h2{margin:0;padding:24px 0;font-size:18px;font-weight:700;line-height:24px}.wrapper:first-child{border-top:none}#leaderboard{border-top:0}.club-info{background-color:#fff;padding-bottom:24px;border-bottom:1px solid #dfdfdf;margin-bottom:12px}.club-info .detail{width:100%;min-width:unset}.club-info .detail .title{gap:16px}.club-info .detail .title img{width:72px;min-width:72px;height:72px}.club-info .detail .title .name-code{gap:4px}.club-info .detail .title .name-code h1{font-size:24px;font-weight:700;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}.club-info .detail .title .name-code .code{font-size:16px;font-weight:400;line-height:20px}.club-info .detail .feature{margin-top:14px;flex-wrap:wrap;gap:6px 16px}.club-info .detail .feature .item{gap:4px}.club-info .detail .desc{position:relative}.club-info .detail .desc h2{margin-top:24px;font-size:18px;font-weight:700;line-height:22px}.club-info .detail .desc p{font-size:17px;font-weight:400;line-height:22px;max-height:44px;overflow:hidden}.club-info .detail .desc .show{max-height:none}.club-info .detail .topic-url{flex-direction:column;gap:0}.club-info .detail .topic-url .topic,.club-info .detail .topic-url .url{margin-top:24px;width:100%;min-width:unset}.club-info .detail .topic-url .topic h2,.club-info .detail .topic-url .url h2{font-size:18px;font-weight:700;line-height:24px;margin-bottom:8px}.club-info .detail .topic-url .topic span,.club-info .detail .topic-url .url span{font-size:17px;font-weight:400;line-height:22px}.club-info .detail>.btn{margin-top:16px;font-size:17px;line-height:22px}.club .content{padding:0}.club .competitions{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:16px}}@media screen and (max-width: 1000px) and (max-width: 640px){.club .competitions{grid-template-columns:repeat(1,minmax(160px,1fr))}}@media screen and (max-width: 1000px){.club .pagi{justify-content:end}.join-club{position:fixed;padding:14px 38px;border-radius:25px;bottom:32px;width:max-content;left:50%;z-index:10;transform:translate(-50%)}.modal{padding:0 40px}.modal .modal-content{height:160px;padding:24px;bottom:0}.modal .modal-content .mobile{flex-direction:column;align-items:center;gap:24px}.modal .modal-content .mobile p{font-size:18px;font-weight:500;line-height:24px;color:#2d2e2f;text-align:center}.modal .modal-content .mobile .btns{display:flex;flex-direction:row;gap:7px}.modal .modal-content .mobile .btns .btn{width:130px;height:40px;border-radius:20px;font-size:16px;font-weight:400;line-height:20px;text-align:center}}.leaderboard{width:100%}.leaderboard .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #DFDFDF}.leaderboard .header span{color:#000;text-transform:uppercase;font-size:14px;font-weight:600;line-height:18px}.leaderboard .body.loading{min-height:240px;display:flex;flex-direction:column;align-items:center;padding-top:56px}.leaderboard .body>img{width:56px;height:56px}.leaderboard .body p{font-size:16px;font-weight:400;line-height:20px;letter-spacing:.0141666699px;color:gray}.leaderboard .body .loading{animation:spin 2s linear infinite}.leaderboard .body .row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0 8px 8px;border-bottom:1px solid #DFDFDF;gap:10px}.leaderboard .body .row .ranking{display:flex;flex-direction:row;align-items:center}.leaderboard .body .row .ranking .medal{color:#000;text-align:center;width:56px;height:24px;line-height:24px;min-width:56px;font-size:13px;font-weight:700;margin-right:8px}.leaderboard .body .row .ranking .medal img{min-width:24px;width:24px}.leaderboard .body .row .ranking>img{width:40px;min-width:40px;height:40px;margin-right:16px;border-radius:50%;background-color:#b2b2b2}.leaderboard .body .row .ranking span{font-size:16px;font-weight:500;line-height:20px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:400px}.leaderboard .body .row .others span{font-size:16px;font-weight:400;line-height:20px;color:#565656}@media screen and (max-width: 1000px){.leaderboard .header{height:21px}.leaderboard .header span{font-size:13px;font-weight:600;line-height:16px}.leaderboard .body .row{padding:8px 0 8px 8px}.leaderboard .body .row .ranking .medal{width:24px;min-width:24px;margin-right:16px}.leaderboard .body .row .ranking>img{margin-right:16px}.leaderboard .body .row .ranking span{font-size:17px;font-weight:500;line-height:20px;width:140px}.leaderboard .body .row .others span{font-size:17px;font-weight:400;line-height:20px}}.clubs-cluster-app{max-width:1000px;margin:0 auto}.clubs-cluster-app h1{font-size:32px;font-weight:700;line-height:40px;color:#000;margin-top:24px}.clubs-cluster-app h2{font-size:24px;font-weight:700;line-height:28px;color:#000}.clubs-cluster-app p{font-size:16px;font-weight:400;line-height:20px;margin-top:16px;color:#000}.clubs-cluster-app .responsive-description{display:block}.clubs-cluster-app .catalog-content-wrapper{max-width:1000px;display:flex;gap:40px;margin-bottom:40px;margin-top:40px;padding-bottom:40px;border-bottom:1px solid #dfdfdf}.clubs-cluster-app .section-filter{width:320px}.clubs-cluster-app .section-filter .group{display:flex;flex-direction:column;padding-bottom:16px}.clubs-cluster-app .section-filter .group .title{font-size:24px;font-weight:600;line-height:30px;color:#000;margin-bottom:16px}.clubs-cluster-app .section-filter .group .list{display:flex;flex-direction:column;max-width:100%;width:100%;box-sizing:border-box}.clubs-cluster-app .section-filter .group .list .item{margin-bottom:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;border:1px solid transparent}.clubs-cluster-app .section-filter .group .list .item:hover{color:#328fde;text-decoration:underline}.clubs-cluster-app .section-filter .group .list .item:hover input[type=checkbox]{border-color:#328fde}.clubs-cluster-app .section-filter .group .list .item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-right:12px;cursor:pointer;position:relative;background-color:transparent;border:none}.clubs-cluster-app .section-filter .group .list .item input[type=checkbox]:before{content:"";display:block;width:100%;height:100%;background-color:#f5f5f5;border-radius:2px;border:1px solid #808080}.clubs-cluster-app .section-filter .group .list .item input[type=checkbox]:hover:before{background-color:#328fde1a;border-color:#328fde}.clubs-cluster-app .section-filter .group .list .item input[type=checkbox]:checked:before{background-color:#328fde1a;border-color:#328fde}.clubs-cluster-app .section-filter .group .list .item input[type=checkbox]:checked:after{content:"";position:absolute;top:calc(50% + 1px);left:calc(50% + 1px);transform:translate(-50%,-50%);width:16px;height:16px;background-image:url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 8L7 11L12 5" stroke="%23328FDE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');background-size:contain;background-repeat:no-repeat}.clubs-cluster-app .section-filter .group .list .item.selected{color:#328fde}.clubs-cluster-app .section-filter .group .list .item.disabled{color:#b2b2b2;cursor:not-allowed;pointer-events:none}.clubs-cluster-app .section-filter .group .list .item.disabled input[type=checkbox]:before{border:1px solid #b2b2b2}.clubs-cluster-app .section-filter .group .list .item.disabled:hover{color:#b2b2b2;text-decoration:none}.clubs-cluster-app .list-header{display:flex;margin-bottom:16px}.clubs-cluster-app .list-header .title{font-size:16px;font-weight:500;line-height:20px;margin:0}.clubs-cluster-app .list-header .filter-count-info{height:24px;display:flex;align-items:center;background-color:#328fde26;padding:10px;border-radius:12px;margin-left:8px}.clubs-cluster-app .list-header .filter-count-info:hover{cursor:pointer;background-color:#328fde4d}.clubs-cluster-app .list-header .filter-count-info .count{color:#328fde;font-size:16px;margin-right:8px}.clubs-cluster-app .list-header .filter-count-info .remove{color:#328fde;cursor:pointer}.clubs-cluster-app .list-header .sort-container{margin-left:auto;position:relative}.clubs-cluster-app .list-header .sort-container .actions-icon-container{display:none}.clubs-cluster-app .list-header .sort-container .info{height:24px;font-size:16px;font-weight:500;line-height:20px;display:flex;align-items:center}.clubs-cluster-app .list-header .sort-container .info:hover *{cursor:pointer;color:#328fde;fill:#328fde}.clubs-cluster-app .list-header .sort-container .dropdown-list{position:absolute;top:100%;right:0;width:198px;background-color:#fff;border-radius:8px;border:1px solid #dfdfdf;box-shadow:0 4px 6px #0000001a;z-index:10;margin-top:5px}.clubs-cluster-app .list-header .sort-container .dropdown-list ul{list-style:none;padding:0;margin:0}.clubs-cluster-app .list-header .sort-container .dropdown-list li{padding:10px;cursor:pointer;font-size:16px;font-weight:500;line-height:20px}.clubs-cluster-app .list-header .sort-container .dropdown-list li:hover{color:#328fde}.clubs-cluster-app .list-header .sort-container .dropdown-list li.highlight{background-color:#328fde;color:#fff}.clubs-cluster-app .list-header .sort-container .dropdown-list li.highlight:hover{color:#fff}.clubs-cluster-app .list-header .sort-container .dropdown-list li:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.clubs-cluster-app .list-header .sort-container .dropdown-list li:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.clubs-cluster-app .list-header .sort-container .info svg{display:inline}.clubs-cluster-app .list-header .sort-container svg{display:none}.clubs-cluster-app .list-container{width:100%}.clubs-cluster-app .list-container .main-list{flex-grow:1;display:grid;grid-template-columns:1fr;gap:0px;border-top:1px solid #dfdfdf;width:100%;box-sizing:border-box;margin-bottom:24px}.clubs-cluster-app .list-container .main-list.loading{min-height:640px;display:flex;flex-direction:column;align-items:center;padding-top:160px;border-bottom:1px solid #dfdfdf}.clubs-cluster-app .list-container .main-list>img{width:56px;height:56px}.clubs-cluster-app .list-container .main-list p{font-size:16px;font-weight:400;line-height:20px;letter-spacing:.0141666699px;color:gray}.clubs-cluster-app .list-container .main-list .loading{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clubs-cluster-app .list-container .main-list .no-data{min-height:640px;display:flex;flex-direction:column;align-items:center;padding-top:160px;border-bottom:1px solid #dfdfdf}.clubs-cluster-app .list-container .main-list .no-data img{width:56px;height:56px}.clubs-cluster-app .list-container .main-list .item{width:100%;border-bottom:1px solid #dfdfdf;overflow:hidden;box-sizing:border-box;display:flex;align-items:flex-start;padding:24px 0}.clubs-cluster-app .list-container .main-list .item:hover .info .name{text-decoration:underline}.clubs-cluster-app .list-container .main-list .item .info{max-width:100%;margin-right:16px;overflow:hidden;box-sizing:border-box;flex-grow:1;display:flex;flex-direction:column;align-items:flex-start}.clubs-cluster-app .list-container .main-list .item .info h4{font-size:18px;color:#000}.clubs-cluster-app .list-container .main-list .item .info .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;font-size:18px;font-weight:600;line-height:22px;color:#000;max-width:100%}.clubs-cluster-app .list-container .main-list .item .info .members{margin-top:8px;display:flex;align-items:center;height:18px}.clubs-cluster-app .list-container .main-list .item .info .members img{width:16px;height:16px}.clubs-cluster-app .list-container .main-list .item .info .members span{font-size:16px;font-weight:400;line-height:20px;color:gray;margin-left:4px}.clubs-cluster-app .list-container .main-list .item .info .description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:16px;font-weight:400;line-height:20px;color:#000;margin-top:8px}.clubs-cluster-app .list-container .main-list .item .image{width:80px;height:80px;object-fit:cover;border-radius:10px;background-color:#b2b2b2}.clubs-cluster-app .list-container .main-list .item .image img{width:80px;height:80px;object-fit:cover;border-radius:10px}.clubs-cluster-app .list-container .pagination{display:flex;justify-content:flex-end}.clubs-cluster-app .section-gap{display:none;width:100vw;height:12px;background-color:#f5f5f5;border-top:#dfdfdf 1px solid;border-bottom:#dfdfdf 1px solid;margin-left:-16px;margin-right:-26px}.clubs-cluster-app .catalog-more-clubs{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #dfdfdf}.clubs-cluster-app .catalog-more-clubs .list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px 16px;margin-top:24px}.clubs-cluster-app .catalog-more-clubs .list .item{flex:0 0 calc(25% - 12px);display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid #dfdfdf;position:relative}.clubs-cluster-app .catalog-more-clubs .list .item .header-image-container{width:100%;height:116px;object-fit:cover;overflow:hidden;background:#b2b2b2}.clubs-cluster-app .catalog-more-clubs .list .item .header-image-container img{width:100%;height:100%;object-fit:cover;background-color:#b2b2b2;transition:all .5s ease}.clubs-cluster-app .catalog-more-clubs .list .item .header-image-container img:hover{transform:scale(1.07)}.clubs-cluster-app .catalog-more-clubs .list .item .icon-image{width:56px;height:56px;background:#b2b2b2;border:1px solid #fff;object-fit:cover;border-radius:8px;position:absolute;top:76px;left:16px}.clubs-cluster-app .catalog-more-clubs .list .item .info{display:flex;flex-direction:column;margin-top:24px;text-align:left}.clubs-cluster-app .catalog-more-clubs .list .item .info .name{font-size:18px;font-weight:600;line-height:22px;color:#000;text-align:left;margin-left:16px;margin-right:16px;margin-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.clubs-cluster-app .catalog-more-clubs .list .item .info .members{font-size:14px;font-weight:400;line-height:18px;color:#565656;text-align:left;margin-left:16px;margin-right:16px;margin-bottom:16px}.clubs-cluster-app .content-faq{border-bottom:none}.clubs-cluster-app .content-faq h2+.faq{border-top:none}@media screen and (max-width: 1000px){.clubs-cluster-app .content-faq{border-bottom:1px solid #dfdfdf}}.clubs-cluster-app .default-faqs{padding:0}@media screen and (max-width: 1000px){.clubs-cluster-app .default-faqs{margin-top:24px}}.clubs-cluster-app .default-faqs .faq{max-width:unset}.clubs-cluster-app .default-faqs .faq:nth-child(3){border-bottom:1px solid #dfdfdf}.clubs-cluster-app .default-faqs .faq:last-child{padding-bottom:40px}@media screen and (max-width: 1000px){.clubs-cluster-app .default-faqs .faq:last-child{padding-bottom:24px;border-bottom:none}}.clubs-cluster-app .modify-time{width:1000px;text-align:end;margin:0 auto;padding:24px 0}@media screen and (max-width: 1000px){.clubs-cluster-app .modify-time{width:100%;text-align:center;padding:16px 0}}.clubs-cluster-app .filter-panel{position:fixed;bottom:0;left:0;width:100%;height:calc(100% - 64px);background-color:#fff;z-index:1000;transform:translateY(100%);transition:transform .3s ease;will-change:transform}.clubs-cluster-app .filter-panel .header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #dfdfdf}.clubs-cluster-app .filter-panel .header .tip{font-size:24px;font-weight:700;line-height:28px;color:#000}.clubs-cluster-app .filter-panel .close-btn{width:24px;height:24px;background:none;border:none;font-size:24px;cursor:pointer}.clubs-cluster-app .filter-panel .panel-body{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1;padding:16px;height:calc(100% - 88px)}.clubs-cluster-app .filter-panel .panel-body .group{padding-bottom:24px;border-bottom:#dfdfdf 1px solid;margin-bottom:24px}.clubs-cluster-app .filter-panel .panel-body .group .title{font-size:18px;font-weight:600;line-height:22px;color:#000;margin-bottom:16px}.clubs-cluster-app .filter-panel .panel-body .group .list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 16px}.clubs-cluster-app .filter-panel .panel-body .group .list .item{flex:0 0 calc(50% - 12px);height:40px;display:flex;align-items:center;justify-content:center;position:relative;gap:8px;border:#dfdfdf 1px solid;box-sizing:border-box;border-radius:5px}.clubs-cluster-app .filter-panel .panel-body .group .list .item:hover{color:#328fde;border:#328fde 1px solid}.clubs-cluster-app .filter-panel .panel-body .group .list .item.selected{border:#328fde 1px solid}.clubs-cluster-app .filter-panel .panel-body .group .list .item.selected p{color:#328fde}.clubs-cluster-app .filter-panel .panel-body .group .list .item.selected img{display:block}.clubs-cluster-app .filter-panel .panel-body .group .list .item.disabled p{color:#b2b2b2}.clubs-cluster-app .filter-panel .panel-body .group .list .item:not(.selected){color:#000;border:#dfdfdf 1px solid}.clubs-cluster-app .filter-panel .panel-body .group .list .item p{font-size:16px;font-weight:400;line-height:20px;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:center;margin-left:10px;margin-right:10px;margin-top:0}.clubs-cluster-app .filter-panel .panel-body .group .list .item img{position:absolute;top:-1px;right:-1px;width:16px;height:16px;display:none}.clubs-cluster-app .filter-panel .footer{position:absolute;bottom:0;left:0;right:0;padding:16px;background-color:#fff;box-shadow:0 -4px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dfdfdf}.clubs-cluster-app .filter-panel .footer .clear-btn{background-color:transparent;color:#000;padding:8px 16px;border:none;cursor:pointer;font-size:16px;font-weight:500;line-height:20px}.clubs-cluster-app .filter-panel .footer .apply-btn{height:40px;padding:8px 16px;border:none;border-radius:20px;cursor:pointer;color:#fff;font-size:16px;font-weight:500;line-height:20px}.clubs-cluster-app .filter-panel .footer .apply-btn.disabled{background-color:#dfdfdf;cursor:not-allowed}.clubs-cluster-app .filter-panel .footer .apply-btn.active{background-color:#328fde}.clubs-cluster-app .filter-panel.open{opacity:1;animation:filterPanelOpen .3s ease;transform:translateY(0)}.clubs-cluster-app .filter-panel.closed{transform:translateY(100%);animation:filterPanelClose .3s ease}@keyframes filterPanelOpen{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes filterPanelClose{0%{transform:translateY(0)}99%{opacity:1}to{transform:translateY(100%);opacity:0}}@media screen and (max-width: 1000px){.clubs-cluster-app{background-color:#fff;padding:0 16px}.clubs-cluster-app h1{font-size:24px;font-weight:700;line-height:28px;margin-top:0;padding-top:16px}.clubs-cluster-app h2{margin:0;font-size:18px;font-weight:700;line-height:24px}.clubs-cluster-app .responsive-description{display:none}.clubs-cluster-app .catalog-content-wrapper{margin-top:16px;flex-direction:column;margin-bottom:0;padding-bottom:24px;border-bottom:1px solid #ffffff}.clubs-cluster-app .section-gap{display:flex}.clubs-cluster-app .section-filter{display:none}.clubs-cluster-app .list-header{display:flex;align-items:center;justify-content:flex-start}.clubs-cluster-app .list-header .title{font-size:17px;font-weight:500;line-height:22px;margin:0}.clubs-cluster-app .list-header .filter-count-info{display:none}.clubs-cluster-app .list-header .sort-container .actions-icon-container{display:inline-flex;gap:16px}.clubs-cluster-app .list-header .sort-container .actions-icon-container svg{position:relative}.clubs-cluster-app .list-header .sort-container .actions-icon-container svg:hover *{cursor:pointer;stroke:#328fde}.clubs-cluster-app .list-header .sort-container .actions-icon-container .icon-badge{position:absolute;top:-4px;right:-4px;background-color:#328fde;color:#fff;border-radius:50%;border:#fff 2px solid;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.clubs-cluster-app .list-header .sort-container .info{display:none}.clubs-cluster-app .list-header .sort-container svg{display:inline}.clubs-cluster-app .list-container .main-list{grid-template-columns:1fr}.clubs-cluster-app .list-container .main-list.loading,.clubs-cluster-app .list-container .main-list .no-data{min-height:320px;padding-top:72px}.clubs-cluster-app .list-container .main-list .no-data img{width:56px;height:56px}.clubs-cluster-app .list-container .main-list .item{padding:16px 0}.clubs-cluster-app .list-container .main-list .item .info{margin-right:16px}.clubs-cluster-app .list-container .main-list .item .info .name{-webkit-line-clamp:2;font-size:17px;font-weight:600;line-height:22px}.clubs-cluster-app .list-container .main-list .item .info .members span{font-size:15px;font-weight:400;line-height:18px}.clubs-cluster-app .list-container .main-list .item .info .description{-webkit-line-clamp:2;font-size:17px;font-weight:400;line-height:22px}.clubs-cluster-app .list-container .main-list .item .image{width:96px;height:96px;object-fit:cover;border-radius:8px;background-color:#b2b2b2}.clubs-cluster-app .list-container .main-list .item .image img{width:96px;height:96px;object-fit:cover;border-radius:8px}.clubs-cluster-app .catalog-club-topics{width:100%;margin-bottom:20px}.clubs-cluster-app .catalog-more-clubs{padding-top:24px;margin-bottom:0;padding-bottom:24px;border-bottom:1px solid #fff}.clubs-cluster-app .catalog-more-clubs .title{font-size:18px;margin-bottom:16px}.clubs-cluster-app .catalog-more-clubs .list{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:24px 16px;overflow-x:auto;scroll-behavior:smooth;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.clubs-cluster-app .catalog-more-clubs .list .item{flex:0 0 298px}.clubs-cluster-app .catalog-more-clubs .list .item .header-image-container{height:146px}.clubs-cluster-app .catalog-more-clubs .list .item .icon-image{width:72px;height:72px;top:98px;left:16px}.clubs-cluster-app .catalog-more-clubs .list .item .info{margin-top:32px}.clubs-cluster-app .catalog-more-clubs .list .item .info .members{font-size:15px}.clubs-cluster-app .catalog-more-clubs .list::-webkit-scrollbar{display:none}}.challenge-card{width:312px;height:289px;border-radius:14px;display:block;overflow:hidden;position:relative;border:1px solid #dfdfdf}.challenge-card .badge{position:absolute;width:80px;height:80px;top:48px;left:16px;z-index:1}.challenge-card .card{display:flex;flex-direction:column}.challenge-card .card .bg-wrapper{width:100%;height:95px;overflow:hidden;position:relative}.challenge-card .card .bg-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a}.challenge-card .card .bg-wrapper .bg{width:100%;height:100%;background-color:#b2b2b2;object-fit:cover;transition:all .5s ease}.challenge-card .card .bg-wrapper .bg:hover{transform:scale(1.07)}.challenge-card .card .body{height:100%;padding:32px 16px 16px}.challenge-card .card .body .info{display:flex;flex-direction:column;gap:4px;height:68px}.challenge-card .card .body .info .title{font-size:18px;font-weight:600;line-height:22px;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.challenge-card .card .body .info .desc{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;line-height:20px;color:#000}.challenge-card .card .body .status{display:flex;flex-direction:row;justify-content:space-between;margin:10px 0 16px}.challenge-card .card .body .status .participant,.challenge-card .card .body .status .day-left{font-size:15px;font-weight:400;line-height:20px;color:#565656;text-transform:capitalize}.challenge-card .card .body .btn{padding:6px 0;font-size:16px;font-weight:400;border-radius:8px;line-height:20px;text-align:center;border:1px solid #328fde}.challenge-card .card .body .btn.primary{border:none}@media screen and (max-width: 1000px){.challenge-card{width:100%;margin:0 auto;height:294px}.challenge-card:first-child{margin-top:0}.challenge-card .card .bg-wrapper{height:104px}.challenge-card .card .body{padding:32px 16px 15px}.challenge-card .card .body .info .title{font-size:18px;font-weight:600;line-height:22px;text-align:left;color:#000}.challenge-card .card .body .info .desc{font-size:16px;font-weight:400;line-height:20px;text-align:left}.challenge-card .card .body .status .participant,.challenge-card .card .body .status .day-left{font-size:16px}.challenge-card .card .body .btn{padding:7px 0 6px;font-size:16px;font-weight:400;line-height:20px;text-align:center}}
