https://www.kickchatapp.com/chunk-OR34ED56.js

1import{L as Y,ka as Z,la as ee}from"./chunk-C2UQXB2U.js";import{c as R}from"./chunk-MUELTYFN.js";import{a as W,c as H,e as J,q as K}from"./chunk-ELFEFDKU.js";import"./chunk-34G5H7F3.js";import"./chunk-2J72N7RJ.js";import{a as X}from"./chunk-UQHBQ3VF.js";import"./chunk-4UU54XN6.js";import{a as q}from"./chunk-XEKYVCSP.js";import"./chunk-YYQYXFKJ.js";import{D as G,G as B,q as v,w as j}from"./chunk-W36SUWTT.js";import{Db as z,Ga as p,Ha as m,Hb as Q,Ja as L,K as h,Ka as O,La as k,M as C,Ma as y,N as _,Na as r,Oa as o,Pa as w,Ua as S,Wa as u,X as b,Ya as d,cb as $,db as U,ga as N,gb as T,ib as a,ic as A,ja as c,jb as D,kb as x,ra as V}from"./chunk-LCIOTXJC.js";import"./chunk-B5BF5NTC.js";import{a as I,b as E}from"./chunk-DAQOROHW.js";var ie=["scrollSentinel"],ne=(n,t)=>t.id;function oe(n,t){if(n&1){let e=S();r(0,"button",9),u("click",function(){C(e);let l=d();return _(l.clearSearch())}),r(1,"span",10),a(2,"close"),o()()}}function re(n,t){if(n&1&&a(0),n&2){let e=d();x(" ",e.allClubsForSearch().length," ")}}function ae(n,t){if(n&1&&a(0),n&2){let e=d();x(" ",e.myClubs().length," ")}}function le(n,t){n&1&&(r(0,"div",13),w(1,"div",14)(2,"div",15)(3,"div",16)(4,"div",17),o())}function se(n,t){if(n&1&&(r(0,"div",11),O(1,le,5,0,"div",13,L),o()),n&2){let e=d(2);c(),k(e.skeletonItems)}}function ce(n,t){n&1&&(r(0,"div",12)(1,"span",18),a(2,"\u26BD"),o(),r(3,"p",19),a(4,"No clubs found"),o(),r(5,"p",20),a(6,"Try a different search term"),o()())}function de(n,t){n&1&&w(0,"span",31)}function ue(n,t){n&1&&(r(0,"span",10),a(1,"check"),o(),a(2," Following "))}function ge(n,t){n&1&&(r(0,"span",10),a(1,"add"),o(),a(2," Follow "))}function pe(n,t){if(n&1){let e=S();r(0,"div",23),u("click",function(){let l=C(e).$implicit,s=d(3);return _(s.openClub(l))}),r(1,"div",24)(2,"img",25),u("error",function(l){C(e);let s=d(3);return _(s.onImgError(l))}),o()(),r(3,"div",26)(4,"h3",27),a(5),o(),r(6,"p",28)(7,"span",29),a(8,"group"),o(),a(9),o()(),r(10,"button",30),u("click",function(l){let s=C(e).$implicit,g=d(3);return _(g.toggleFollow(l,s))}),p(11,de,1,0,"span",31)(12,ue,3,0)(13,ge,3,0),o(),r(14,"button",32),u("click",function(l){let s=C(e).$implicit,g=d(3);return _(g.goToGroupChat(l,s))}),r(15,"span",10),a(16,"forum"),o(),a(17," Group Chat "),o()()}if(n&2){let e=t.$implicit,i=d(3);c(2),y("src",i.getClubImageUrl(e.image),N)("alt",e.clubName),c(3),D(e.clubName),c(4),x(" ",i.formatCount(e.fanCount)," followers "),c(),T("club-follow-btn-following",i.isFollowing(e.id)),y("disabled",i.togglingId()===e.id),c(),m(i.togglingId()===e.id?11:i.isFollowing(e.id)?12:13)}}function me(n,t){n&1&&(r(0,"div",33),w(1,"div",34),o())}function be(n,t){if(n&1&&(r(0,"div",22,0),p(2,me,2,0,"div",33),o()),n&2){let e=d(3);c(2),m(e.isLoadingMore()?2:-1)}}function Ce(n,t){if(n&1&&(r(0,"div",11),O(1,pe,18,8,"div",21,ne),o(),p(3,be,3,1,"div",22)),n&2){let e=d(2);c(),k(e.filteredClubs()),c(2),m(e.hasMore()?3:-1)}}function _e(n,t){if(n&1&&p(0,se,3,0,"div",11)(1,ce,7,0,"div",12)(2,Ce,4,1),n&2){let e=d();m(e.isInitialLoading()?0:e.filteredClubs().length===0?1:2)}}function fe(n,t){n&1&&(r(0,"div",13),w(1,"div",14)(2,"div",15)(3,"div",16)(4,"div",17),o())}function he(n,t){if(n&1&&(r(0,"div",11),O(1,fe,5,0,"div",13,L),o()),n&2){let e=d(2);c(),k(e.skeletonItems)}}function xe(n,t){if(n&1&&(r(0,"div",12)(1,"span",18),a(2,"\u{1F3DF}\uFE0F"),o(),r(3,"p",19),a(4),o(),r(5,"p",20),a(6),o()()),n&2){let e=d(2);c(4),x(" ",e.searchQuery()?"No clubs match your search":"You don't follow any clubs yet"," "),c(2),x(" ",e.searchQuery()?"Try a different search term":"Switch to All Clubs to discover and follow clubs"," ")}}function ve(n,t){n&1&&w(0,"span",31)}function ye(n,t){n&1&&(r(0,"span",10),a(1,"check"),o(),a(2," Following "))}function we(n,t){if(n&1){let e=S();r(0,"div",23),u("click",function(){let l=C(e).$implicit,s=d(3);return _(s.openClub(l))}),r(1,"div",24)(2,"img",25),u("error",function(l){C(e);let s=d(3);return _(s.onImgError(l))}),o()(),r(3,"div",26)(4,"h3",27),a(5),o(),r(6,"p",28)(7,"span",29),a(8,"group"),o(),a(9),o()(),r(10,"button",35),u("click",function(l){let s=C(e).$implicit,g=d(3);return _(g.toggleFollow(l,s))}),p(11,ve,1,0,"span",31)(12,ye,3,0),o(),r(13,"button",32),u("click",function(l){let s=C(e).$implicit,g=d(3);return _(g.goToGroupChat(l,s))}),r(14,"span",10),a(15,"forum"),o(),a(16," Group Chat "),o()()}if(n&2){let e=t.$implicit,i=d(3);c(2),y("src",i.getClubImageUrl(e.image),N)("alt",e.clubName),c(3),D(e.clubName),c(4),x(" ",i.formatCount(e.fanCount)," followers "),c(),y("disabled",i.togglingId()===e.id),c(),m(i.togglingId()===e.id?11:12)}}function Me(n,t){if(n&1&&(r(0,"div",11),O(1,we,17,6,"div",21,ne),o()),n&2){let e=d(2);c(),k(e.filteredMyClubs())}}function Pe(n,t){if(n&1&&p(0,he,3,0,"div",11)(1,xe,7,2,"div",12)(2,Me,3,0,"div",11),n&2){let e=d();m(e.isMyClubsLoading()?0:e.filteredMyClubs().length===0?1:2)}}var M="ClubsPageComponent",te=class n{clubService=h(ee);socketService=h(q);userStore=h(R);router=h(A);toastService=h(X);analyticsService=h(Y);scrollSentinel=Q("scrollSentinel");activeTab=b("all");allClubs=b([]);myClubs=b([]);isInitialLoading=b(!0);isMyClubsLoading=b(!1);isLoadingMore=b(!1);hasMore=b(!0);togglingId=b(null);searchQuery=b("");intersectionObserver=null;myClubsLoaded=!1;allClubsForSearch=b([]);skeletonItems=[1,2,3,4,5,6];filteredClubs=z(()=>{let t=this.searchQuery().toLowerCase().trim();return t?this.allClubsForSearch().filter(e=>e.clubName.toLowerCase().includes(t)):this.allClubs()});filteredMyClubs=z(()=>{let t=this.searchQuery().toLowerCase().trim();return t?this.myClubs().filter(e=>e.clubName.toLowerCase().includes(t)):this.myClubs()});ngOnInit(){window.scrollTo({top:0,behavior:"instant"}),this.socketService.setupServerConnection(),this.loadInitialClubs(),this.loadMyClubs(),this.loadAllClubsForSearch(),this.listenForSocketUpdates()}ngOnDestroy(){this.intersectionObserver?.disconnect(),this.clubService.resetClubsPagination()}listenForSocketUpdates(){this.socketService.socket.on("global team update",t=>{let e=Z.fromJson(t.team);this.listenForDocumentChanges(e,t.type)})}listenForDocumentChanges(t,e){if(e!=="modified")return;let i=l=>{let s=l.findIndex(F=>F.id===t.id);if(s===-1)return l;let g=[...l];return g[s]=t,g};this.allClubs.update(i),this.allClubsForSearch.update(i),this.myClubs.update(i)}async loadAllClubsForSearch(){try{let t=await this.clubService.getAllClubs();this.allClubsForSearch.set(t)}catch(t){v(t,`[${M}.loadAllClubsForSearch]`,"error")}}async loadInitialClubs(){this.isInitialLoading.set(!0),this.clubService.resetClubsPagination();try{let t=await this.clubService.getClubsWithLimit(12);this.allClubs.set(t),this.hasMore.set(t.length>=12)}catch(t){this.showToast("Failed to load clubs",!0),v(t,`[${M}.loadInitialClubs]`,"error")}finally{this.isInitialLoading.set(!1),setTimeout(()=>this.setupIntersectionObserver(),100)}}setupIntersectionObserver(){this.intersectionObserver?.disconnect();let t=this.scrollSentinel()?.nativeElement;t&&(this.intersectionObserver=new IntersectionObserver(e=>{e[0].isIntersecting&&!this.isLoadingMore()&&this.hasMore()&&this.loadMoreClubs()},{threshold:.1}),this.intersectionObserver.observe(t))}async loadMoreClubs(){if(!(this.isLoadingMore()||!this.hasMore())){this.isLoadingMore.set(!0);try{let t=await this.clubService.getClubsWithLimit(12);t.length>0?(this.allClubs.update(e=>[...e,...t]),this.hasMore.set(t.length>=12)):this.hasMore.set(!1)}catch(t){this.showToast("Failed to load more clubs",!0),v(t,`[${M}

1.loadMoreClubs]`,"error")}finally{this.isLoadingMore.set(!1)}}}async loadMyClubs(){if(this.myClubsLoaded)return;this.isMyClubsLoading.set(!0);let t=this.userStore.user();if(!t){this.isMyClubsLoading.set(!1);return}try{let e=await this.clubService.getUserLikedTeams(t.userID);this.myClubs.set(e),this.myClubsLoaded=!0}catch(e){this.showToast("Failed to load your clubs",!0),v(e,`[${M}.loadMyClubs]`,"error")}finally{this.isMyClubsLoading.set(!1)}}setTab(t){this.activeTab.set(t),t==="all"&&setTimeout(()=>this.setupIntersectionObserver(),100)}onSearch(t){this.searchQuery.set(t)}clearSearch(){this.searchQuery.set("")}isFollowing(t){let e=this.userStore.user();return e?e.clubs.some(i=>i===t):!1}async toggleFollow(t,e){t.stopPropagation();let i=this.userStore.user();if(!i)return;let l=this.isFollowing(e.id);this.togglingId.set(e.id);try{let s=l?-1:1,g=l&&i.team===e.clubName;await this.clubService.updateClubFanCount(e.id,s,g,i);let F=P=>P.map(f=>f.id===e.id?E(I({},f),{fanCount:f.fanCount+s}):f);if(this.allClubs.update(F),l)this.myClubs.update(P=>P.filter(f=>f.id!==e.id)),this.analyticsService.logClubUnfollow(e.id,e.clubName),this.showToast(`Unfollowed "${e.clubName}"`);else{let P=E(I({},e),{fanCount:e.fanCount+1});this.myClubs.update(f=>[P,...f]),this.analyticsService.logClubFollow(e.id,e.clubName),this.showToast(`Following "${e.clubName}"`)}this.socketService.socket.emit("team updated",{clubId:e.id,type:"modified"})}catch(s){this.showToast("Something went wrong",!0),v(s,`[${M}.toggleFollow]`,"error")}finally{this.togglingId.set(null)}}goToGroupChat(t,e){t.stopPropagation();let i=this.userStore.user();if(!i)return;let l=i.clubs.some(s=>s===e.id);this.analyticsService.logClubGroupChatOpen(e.id,e.clubName),this.router.navigate(["/clubs",e.id,"group-chat"],{state:{clubName:e.clubName,clubImage:e.image,fanCount:e.fanCount,isJoined:l}})}async openClub(t){try{this.analyticsService.logClubClick(t.id,t.clubName);let e=await G(this.getClubImageUrl(t.image));this.router.navigate(["/clubs",t.id],{state:{clubName:t.clubName,image:t.image,fanCount:t.fanCount,paletteColor:e}})}catch(e){v(e,`[${M}

1.openClub]`,"error")}}getClubImageUrl(t){return t?t.startsWith("http")?t:B(`v1641150739/clubs/${t}`):"images/img_placeholder.svg"}formatCount(t){return j(t)}onImgError(t){let e=t.target;e.src="images/img_placeholder.svg"}showToast(t,e=!1){e?this.toastService.error(t):this.toastService.success(t)}static \u0275fac=function(e){return new(e||n)};static \u0275cmp=V({type:n,selectors:[["app-clubs-page"]],viewQuery:function(e,i){e&1&&$(i.scrollSentinel,ie,5),e&2&&U()},decls:21,vars:10,consts:[["scrollSentinel",""],[1,"clubs-page"],[1,"page-head"],[1,"teams-search"],[1,"search-icon","material-symbols-rounded"],["placeholder","Filter by club name\u2026",3,"ngModelChange","ngModel"],["aria-label","Clear search",1,"search-clear"],[1,"teams-filter-row"],[1,"vid-filter",3,"click"],["aria-label","Clear search",1,"search-clear",3,"click"],[1,"material-symbols-rounded"],[1,"clubs-grid"],[1,"empty-state"],[1,"club-card","skeleton-card"],[1,"skeleton-img"],[1,"skeleton-line","w-60"],[1,"skeleton-line","w-40"],[1,"skeleton-btn"],[1,"empty-icon"],[1,"empty-title"],[1,"empty-sub"],[1,"club-card"],[1,"scroll-sentinel"],[1,"club-card",3,"click"],[1,"club-card-img-wrap"],[1,"club-card-img",3,"error","src","alt"],[1,"club-card-body"],[1,"club-card-name"],[1,"club-card-fans"],[1,"material-symbols-rounded","fans-icon"],[1,"club-follow-btn",3,"click","disabled"],[1,"btn-spinner"],[1,"club-chat-btn",3,"click"],[1,"load-more-spinner"],[1,"spinner"],[1,"club-follow-btn","club-follow-btn-following",3,"click","disabled"]],template:function(e,i){e&1&&(r(0,"div",1)(1,"div",2)(2,"div")(3,"h1"),a(4,"Teams"),o(),r(5,"p"),a(6,"Follow clubs to see their posts, matches, and channels in your feed"),o()(),r(7,"div",3)(8,"span",4),a(9,"search"),o(),r(10,"input",5),u("ngModelChange",function(s){return i.onSearch(s)}),o(),p(11,oe,3,0,"button",6),o()(),r(12,"div",7)(13,"button",8),u("click",function(){return i.setTab("all")}),a(14," All clubs \xB7 "),p(15,re,1,1),o(),r(16,"button",8),u("click",function(){return i.setTab("mine")}),a(17," Following \xB7 "),p(18,ae,1,1),o()(),p(19,_e,3,1),p(20,Pe,3,1),o()),e&2&&(c(10),y("ngModel",i.searchQuery()),c(),m(i.searchQuery()?11:-1),c(2),T("active",i.activeTab()==="all"),c(2),m(i.allClubsForSearch().length>0?15:-1),c(),T("active",i.activeTab()==="mine"),c(2),m(i.myClubs().length>0?18:-1),c(),m(i.activeTab()==="all"?19:-1),c(),m(i.activeTab()==="mine"?20:-1))},dependencies:[K,W,H,J],styles:['@charset "UTF-8";.clubs-page[_ngcontent-%COMP%]{width:100%;padding-bottom:60px;min-height:100vh}.page-head[_ngcontent-%COMP%]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.page-head[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}.page-head[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin:4px 0 0;color:var(--ink-3);font-size:14px}.teams-search[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--r-full);min-width:260px;transition:border-color .12s,background .12s}.teams-search[_ngcontent-%COMP%]:focus-within{border-color:var(--accent);background:var(--bg-elev)}.teams-search[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{color:var(--ink-3);flex-shrink:0}.teams-search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{flex:1;border:0;background:transparent;outline:0;font-size:13.5px;color:var(--ink)}.teams-filter-row[_ngcontent-%COMP%]{display:flex;gap:8px;margin:4px 0 20px;flex-wrap:wrap}.vid-filter[_ngcontent-%COMP%]{padding:7px 14px;border-radius:var(--r-full);border:1px solid var(--line);background:var(--bg-elev);font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.vid-filter[_ngcontent-%COMP%]:hover{border-color:var(--line-strong);color:var(--ink)}.vid-filter.active[_ngcontent-%COMP%]{background:#4aa1f3;color:#fff;font-weight:700}.search-icon[_ngcontent-%COMP%]{font-size:20px;color:var(--text-secondary);flex-shrink:0}.search-clear[_ngcontent-%COMP%]{border:none;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;padding:0}.search-clear[_ngcontent-%COMP%]   .material-symbols-rounded[_ngcontent-%COMP%]{font-size:18px}.clubs-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:540px){.clubs-grid[_ngcontent-%COMP%]{grid-template-columns:repeat(3,1fr)}}

1@media(min-width:900px){.clubs-grid[_ngcontent-%COMP%]{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){.clubs-grid[_ngcontent-%COMP%]{grid-template-columns:repeat(5,1fr)}}.club-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:18px;padding:16px 12px 12px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;gap:8px;position:relative;overflow:hidden}.club-card[_ngcontent-%COMP%]:hover{border-color:var(--blue);box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.club-card-img-wrap[_ngcontent-%COMP%]{width:72px;height:72px;border-radius:50%;background:var(--bg-surface-alt);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--border-color);flex-shrink:0}.club-card-img[_ngcontent-%COMP%]{width:64px;height:64px;object-fit:contain}.club-card-body[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.club-card-name[_ngcontent-%COMP%]{font-size:13px;font-weight:700;color:var(--text-primary);margin:0;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.club-card-fans[_ngcontent-%COMP%]{display:flex;align-items:center;gap:3px;color:var(--text-secondary);margin:0;font-weight:500}.fans-icon[_ngcontent-%COMP%]{font-size:13px}.club-follow-btn[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:7px 10px;border-radius:10px;border:1.5px solid var(--blue);background:transparent;color:var(--blue);font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,color .15s;margin-top:4px}.club-follow-btn[_ngcontent-%COMP%]   .material-symbols-rounded[_ngcontent-%COMP%]{font-size:14px}.club-follow-btn[_ngcontent-%COMP%]:hover:not(:disabled){background:var(--accent-soft)}.club-follow-btn.club-follow-btn-following[_ngcontent-%COMP%]{background:var(--blue-soft);color:var(--accent-ink);border-color:transparent}.club-follow-btn.club-follow-btn-following[_ngcontent-%COMP%]:hover:not(:disabled){background:var(--live-soft);color:var(--live);border-color:var(--live)}.club-follow-btn[_ngcontent-%COMP%]:disabled{opacity:.6;cursor:not-allowed}.club-chat-btn[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:7px 10px;border-radius:10px;border:1.5px solid var(--line, #e0e0e0);background:transparent;color:var(--ink-2);font-weight:600;font-size:13px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.club-chat-btn[_ngcontent-%COMP%]   .material-symbols-rounded[_ngcontent-%COMP%]{font-size:14px}.club-chat-btn[_ngcontent-%COMP%]:hover{background:var(--bg-sunken);border-color:var(--line-strong, #bdbdbd);color:var(--ink)}.btn-spinner[_ngcontent-%COMP%]{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:_ngcontent-%COMP%_spin .7s linear infinite;display:inline-block}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card[_ngcontent-%COMP%]{cursor:default;pointer-events:none}.skeleton-img[_ngcontent-%COMP%]{width:72px;height:72px;border-radius:50%;background:linear-gradient(90deg,var(--bg-surface-alt) 25%,var(--bg-hover, #f0f0f0) 50%,var(--bg-surface-alt) 75%);background-size:400px 100%;animation:_ngcontent-%COMP%_shimmer 1.4s ease-in-out infinite}.skeleton-line[_ngcontent-%COMP%]{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bg-surface-alt) 25%,var(--bg-hover, #f0f0f0) 50%,var(--bg-surface-alt) 75%);background-size:400px 100%;animation:_ngcontent-%COMP%_shimmer 1.4s ease-in-out infinite}.skeleton-line.w-60[_ngcontent-%COMP%]{width:60%}.skeleton-line.w-40[_ngcontent-%COMP%]{width:40%}.skeleton-btn[_ngcontent-%COMP%]{width:100%;height:32px;border-radius:10px;background:linear-gradient(90deg,var(--bg-surface-alt) 25%,var(--bg-hover, #f0f0f0) 50%,var(--bg-surface-alt) 75%);background-size:400px 100%;animation:_ngcontent-%COMP%_shimmer 1.4s ease-in-out infinite;margin-top:4px}.scroll-sentinel[_ngcontent-%COMP%]{height:60px;display:flex;align-items:center;justify-content:center}.load-more-spinner[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;padding:16px}.spinner[_ngcontent-%COMP%]{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:_ngcontent-%COMP%_spin .8s linear infinite}.empty-state[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:8px;text-align:center}.empty-icon[_ngcontent-%COMP%]{font-size:48px;opacity:.5}.empty-title[_ngcontent-%COMP%]{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.empty-sub[_ngcontent-%COMP%]{font-size:13px;color:var(--text-secondary);margin:0}.toast[_ngcontent-%COMP%]{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:10px 20px;border-radius:999px;font-size:13px;font-weight:600;z-index:1000;box-shadow:0 4px 20px #0003;white-space:nowrap;animation:_ngcontent-%COMP%_fadeInUp .3s ease}.toast.toast-error[_ngcontent-%COMP%]{background:var(--live)}@keyframes _ngcontent-%COMP%_fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:767px){.page-head[_ngcontent-%COMP%]{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:14px}.page-head[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:20px}.page-head[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:13px}.teams-search[_ngcontent-%COMP%]{min-width:0;width:100%}.clubs-grid[_ngcontent-%COMP%]{gap:10px}.club-card[_ngcontent-%COMP%]{padding:14px 10px 10px;border-radius:14px}.club-card-img-wrap[_ngcontent-%COMP%]{width:60px;height:60px}.club-card-img[_ngcontent-%COMP%]{width:52px;height:52px}

1.club-card-name[_ngcontent-%COMP%]{font-size:12.5px}.club-follow-btn[_ngcontent-%COMP%], .club-chat-btn[_ngcontent-%COMP%]{padding:6px 8px;font-size:12px}}@media(max-width:480px){.clubs-grid[_ngcontent-%COMP%]{gap:8px}.club-card[_ngcontent-%COMP%]{padding:12px 8px 8px;border-radius:12px}.club-card-img-wrap[_ngcontent-%COMP%]{width:52px;height:52px}.club-card-img[_ngcontent-%COMP%]{width:44px;height:44px}.club-card-name[_ngcontent-%COMP%]{font-size:12px}.club-card-fans[_ngcontent-%COMP%]{font-size:11px}.club-follow-btn[_ngcontent-%COMP%], .club-chat-btn[_ngcontent-%COMP%]{padding:5px 6px;font-size:11.5px}}'],changeDetection:0})};export{te as ClubsPageComponent};