:root{--color-primary:#22c55e;--color-primary-hover:#16a34a;--color-secondary:#14b8a6;--color-accent:#fb923c;--color-red:#c1121f;--color-bg:#f0fdf4;--color-text:#052e16;--font-heading:"Bebas Neue", sans-serif;--font-body:"Inter", sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:var(--color-bg);height:100%;margin:0;padding:0;font-size:16px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);margin:0;padding:0;transition:all .1s}h1{font-size:clamp(2.2rem,5vw,5rem)}h2{font-size:clamp(1.8rem,4vw,4rem)}h3{font-size:clamp(1.6rem,3vw,3rem)}h4{font-size:clamp(1.4rem,2.5vw,2.5rem)}h5{font-size:clamp(1.3rem,2vw,2rem)}h6{font-size:clamp(1.2rem,1.7vw,1.5rem)}p{font-family:var(--font-body);color:var(--color-text);max-width:60ch;height:min-content;margin:0;padding:0;font-size:clamp(.8rem,.8rem + .4vw,1rem);font-weight:500}a{color:var(--color-secondary);cursor:pointer;text-decoration:underline}a:hover{color:var(--color-accent)}a:visited{background-color:color-mix(in srgb, var(--color-accent) 50%, transparent)}main{height:min-content;min-height:100vh;position:relative;overflow:hidden}main>*{z-index:1;overflow:scroll}.bg-icon{z-index:0;opacity:.08;z-index:0;pointer-events:none;height:250vh;fill:var(--color-text);position:absolute;right:-30%}input,textarea{all:unset;font-family:var(--font-body);border:.1rem solid var(--color-text);background:var(--color-bg);border-radius:1rem;padding:.5rem;font-size:clamp(.8rem,.8rem + .4vw,1rem)}input:placeholder-shown,textarea:placeholder-shown{font-style:italic}input:disabled,textarea:disabled{opacity:.4}button{all:unset;font-family:var(--font-heading);background:var(--color-primary);border:.1rem solid var(--color-text);text-align:center;cursor:pointer;border-radius:1rem;min-height:clamp(1.2rem,2vw,2rem);padding:.3rem .8rem;font-size:clamp(1rem,1.5vw,1.5rem);transition:background .2s}button:hover{background:var(--color-accent)}button:disabled{background-color:color-mix(in srgb, var(--color-primary) 50%, transparent)}button.ui{font-family:var(--font-body);color:var(--color-text);background:0 0;border:none;line-height:0}button.ui:hover{color:var(--color-primary);background:0 0}button.bg{background:var(--color-bg);white-space:nowrap;border-radius:999px}button.bg:hover{background:var(--color-accent)}button.bg.active{background:var(--color-primary)}button.red{background:var(--color-red)}button.red:hover{background:var(--color-accent)}.input-pair{border:.1rem solid var(--color-text);border-radius:1rem;flex-direction:column;gap:.3rem;padding:.7rem;display:flex}.input-pair input{border:none;border-radius:0;padding:0}.attribute-tag{border:.1rem solid var(--color-text);background:var(--color-primary);white-space:nowrap;border-radius:999px;width:fit-content;padding:.3rem .5rem;font-size:clamp(.65rem,.5rem + .3vw,.85rem)}.attribute-tag.primary{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-primary)}.attribute-tag.secondary{border-color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 10%, transparent);color:var(--color-secondary)}.attribute-tag.accent{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--color-accent)}.popups-cont{pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;overflow:hidden}.popups-cont>*{pointer-events:auto}header{border-bottom:.2rem solid var(--color-text);background:var(--color-bg);z-index:100;padding:1rem 2rem;position:sticky;top:0}header nav{grid-template-columns:repeat(2, fit-content);gap:0;display:flex;position:relative}header nav>div{align-items:center;width:100%;display:flex}header nav>div:first-child{justify-content:flex-start}header nav>div:last-child{justify-content:flex-end}header .logo-section .nav-link{flex-direction:row;justify-content:center;align-items:center;text-decoration:none;display:flex}header .logo-section .nav-link:hover .brand-title{color:var(--color-primary)}header .notification-section{flex-direction:row;justify-content:flex-end;align-items:center;padding:0 1rem;display:flex}header .nav-section.burger,header .nav-section .close-menu{display:none}header .nav-section button svg{stroke:var(--color-text);width:1.5rem;height:auto;transition:stroke .1s}header .nav-section button:hover svg{stroke:var(--color-accent)}header .nav-section.hidable{flex-direction:row;justify-content:flex-end;gap:2rem}header .nav-section.hidable .nav-link{opacity:.8;border-bottom:.2rem solid #0000;text-decoration:none;transition:all .1s}header .nav-section.hidable .nav-link:hover{border-color:var(--color-accent);opacity:1}header .nav-section.hidable .nav-link.active{border-color:var(--color-text);opacity:1}header .nav-section.hidable .nav-link:hover h5{color:var(--color-accent)}header .profile-section{flex-direction:row;justify-content:center;align-items:center;gap:1rem;text-decoration:none;display:flex;border-bottom-color:#0000!important}header .profile-section h5{opacity:.8}header .profile-section img{aspect-ratio:1;border:.1rem solid var(--color-text);object-fit:cover;border-radius:999px;place-items:center;width:2.5rem;height:auto;transition:border .1s}header .profile-section:hover{border-bottom-color:#0000!important}header .profile-section:hover h5{border-bottom:.2rem solid var(--color-accent);color:var(--color-accent);opacity:1}header .profile-section:hover img{border-color:var(--color-accent)}@media (width<=1024px){header .nav-section.burger{width:min-content;display:flex!important}header .notification-section{padding:0}header .nav-section.hidable{background:var(--color-bg);border-left:.2rem solid var(--color-text);align-items:flex-end;width:100vw;height:100vh;padding:1rem;transition:transform .4s;position:fixed;top:0;right:0;transform:translate(100%);flex-direction:column!important;justify-content:flex-start!important;gap:1rem!important}header .nav-section.hidable.active{transform:translate(0)}header .nav-section.hidable .close-menu{display:flex}header .nav-section.hidable .nav-link h5,header .profile-section h5{font-size:3rem}}.notification-btn{background:0 0;border:none;border-radius:999px;position:relative}.notification-btn:hover{background:0 0}.notification-btn .num-notifs{background:var(--color-red);color:var(--color-bg);border-radius:999px;padding:.1rem .3rem;font-size:.8rem;position:absolute;top:0;right:.5rem}.notification-btn svg{width:1.5rem;height:auto;fill:var(--color-text);transition:fill .1s}.notification-btn:hover svg{fill:var(--color-accent)}.container{pointer-events:none;z-index:125;background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.container.no-pt-events{pointer-events:all;background-color:color-mix(in srgb, var(--color-text) 20%, transparent);transition:opacity .1s}.container.no-pt-events:has(.closed){pointer-events:none;opacity:0}.popup-wrapper{transition:transform .4s ease-in-out;display:inline-block;position:relative;transform:translateY(0)}.popup-wrapper.max-width{box-sizing:border-box;width:100%;position:fixed;bottom:0;left:0}.popup-wrapper.closed{transform:translateY(200%)}.popup{pointer-events:auto;border:.3rem solid var(--color-text);background:var(--color-bg);border-radius:2rem;flex-direction:column;align-items:center;gap:1rem;min-width:min(80vw,400px);max-height:calc(100vh - 5rem);margin:1rem;padding:1.5rem;transition:transform .4s ease-in-out;display:flex;overflow-y:scroll}.popup.max-width{box-sizing:border-box;border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100vw;max-width:100%;height:90vh;margin:0}.popup .titles-cont{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.popup .titles-cont .subtitle{opacity:.7}.popup .content{width:100%}@media (width<=480px){.popup-wrapper{box-sizing:border-box;width:100%;height:95vh;margin:0;display:block;position:fixed;bottom:0;left:0}.popup{border-bottom:none;border-left:none;border-right:none;border-bottom-right-radius:0;border-bottom-left-radius:0;width:calc(100vw - 3rem);max-width:100vw;height:100%;margin:0;padding:1rem 1.5rem}}.sign-action .content{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.sign-action .input-pair{width:90%}.sign-action .message{text-align:center;color:var(--color-primary)}.sign-action .message.invalid{color:var(--color-red)}.sign-action .did-not-recieve{opacity:.7;margin-top:2rem}.close{z-index:125;position:absolute;top:1.5rem;right:1.5rem}.close .close-icon{stroke:var(--color-text);width:2rem;height:auto;transition:transform .4s,stroke .1s}.close:hover .close-icon{stroke:var(--color-primary);transform:rotate(90deg)}@media (width<=480px){.close{right:0}}.button{position:relative;overflow:hidden}.button .pickleball{color:var(--color-text);opacity:.08;width:75%;transition:transform .2s;position:absolute;top:-10px;right:40%}.button:hover .pickleball{transform:translateY(-50%)}.loading-cont,.error-cont{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:300px;display:flex}.events-comp{border:.1rem solid var(--color-text);cursor:pointer;background:var(--color-bg);border-radius:1rem;flex-direction:row;display:flex;position:relative;overflow:hidden}.events-comp>*{padding:1rem}.events-comp .bg-icon{width:50%;height:auto;transition:transform .4s;position:absolute;top:-200%;right:0;transform:translateY(20%)}.events-comp:hover .bg-icon{transform:translateY(0)}.events-comp .left-side{background:color-mix(in srgb, var(--color-primary) 20%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:background .1s;display:flex}.events-comp:hover .left-side{background:var(--color-primary)}.events-comp .left-side .time{white-space:nowrap}.events-comp .left-side .type,.events-comp .right-side .other-info h6{opacity:.7}.events-comp .right-side{border-left:.1rem solid var(--color-text);flex-direction:column;justify-content:space-between;gap:1rem;width:100%;display:flex}.events-comp .right-side .heading-info{flex-direction:row;gap:1rem;display:flex;position:relative}.events-comp .right-side .heading-info .joined{position:absolute;top:0;right:0}.events-comp .right-side .heading-info .tags{flex-flow:wrap;gap:.5rem;display:flex}.events-comp .right-side .other-info{flex-direction:row;gap:.5rem;display:flex}@media (width<=1024px){.events-comp .right-side .heading-info{flex-direction:column;gap:.2rem}}@media (width<=540px){.events-comp .right-side .heading-info .tags{display:none}}@media (width<=420px){.events-comp .right-side .other-info .hosted-by{display:none}}.calendar-comp-cont{flex-direction:column;gap:1rem;display:flex}.calendar-comp-cont .tabs{flex-direction:row;gap:1rem;display:flex}.calendar-comp-cont .events-list-cont,.calendar-comp-cont .events-on-date{flex-direction:column;gap:1rem;display:flex}.club-members-cont{flex-direction:column;display:flex}.dropdown-btn{background:var(--color-bg);border:none;border-radius:0;flex-direction:row;align-items:center;gap:.5rem;transition:all .1s;display:flex}.dropdown-btn:hover{color:var(--color-accent);background:var(--color-bg)}.dropdown-btn .arrow{width:clamp(.95rem,.8rem + .4vw,1.1rem);height:auto;fill:var(--color-text);transition:all .1s}.dropdown-btn:hover .arrow{fill:var(--color-accent)}.dropdown-btn.active .arrow{transform:rotate(-90deg)}.user-header-mini-cont{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex;position:relative}.user-header-mini-cont>*{transition:all .1s}.user-header-mini-cont .unpaid{position:absolute;top:0;left:50%}.user-header-mini-cont .profile-pic{border:.1rem solid var(--color-text);aspect-ratio:1;object-fit:cover;border-radius:999px;place-items:center;width:clamp(3rem,8vw,5rem);height:auto}.user-header-mini-cont:hover .profile-pic{border-color:var(--color-accent)}.user-header-mini-cont:hover .name{color:var(--color-accent)}.users-dropdown-cont{border-bottom:.1rem solid var(--color-text);flex-direction:column;width:100%;height:max-content;display:flex;overflow:hidden}.users-dropdown-cont .dropdown{flex-direction:column;transition:height .2s;display:flex}.users-dropdown-cont .dropdown.mini{grid-template-columns:repeat(auto-fit,minmax(3rem,5rem));place-items:center;gap:1rem;padding:0 1rem;transition:height .2s;display:grid}.users-dropdown-cont .dropdown.mini.active{padding:.3rem 1rem}@media (width<=640px){.users-dropdown-cont .dropdown.mini{grid-template-columns:repeat(auto-fit,minmax(2.5rem,3rem))}}.user-header-cont{border-top:.1rem solid var(--color-text);border-bottom:.1rem solid var(--color-text);background:var(--color-bg);cursor:pointer;flex-direction:row;gap:1rem;padding:.5rem;display:flex}.user-header-cont:hover{border-color:var(--color-primary)}.user-header-cont .user-profile-pic{border:.1rem solid var(--color-text);object-fit:cover;aspect-ratio:1;border-radius:999px;width:3rem;height:3rem}.user-header-cont .user-body{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.user-header-cont .user-content{flex-direction:column;justify-content:center;align-items:start;display:flex}.user-header-cont .user-content .name-cont{flex-direction:row;gap:2rem;display:flex}.user-header-cont .user-content .role{opacity:.7;font-size:1.2rem}.user-header-cont .req-btns-cont{flex-direction:row;justify-content:center;align-items:center;display:flex}.user-header-cont .req-btns-cont button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.user-header-cont .req-btns-cont button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.user-header-cont .req-btns-cont button:only-child{border-radius:999px}.add-btn-cont{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;display:flex}.add-btn-cont .add-btn{box-sizing:border-box;border-radius:0}.add-btn-cont .add-btn.mini{aspect-ratio:1;border-radius:999px;justify-content:center;align-items:center;width:clamp(3rem,8vw,5rem);height:auto;padding:0}.add-btn-cont .add-btn svg{width:1.5rem;height:auto;fill:var(--color-text);stroke:var(--color-text);transition:transform .3s;transform:rotate(45deg)}.add-btn-cont .add-btn:hover svg{transform:rotate(135deg)}.add-btn-cont .filler{opacity:0}.container:has(.opened-club){align-items:end}.opened-club{border-bottom:none;border-radius:4rem 4rem 0 0;flex-direction:column;justify-content:start;gap:1rem;display:flex;overflow:hidden scroll}.opened-club .top-right-cont{background:var(--color-primary);border:.1rem solid var(--color-text);z-index:10;border-radius:1.5rem;flex-direction:row;justify-content:center;align-self:flex-end;align-items:center;margin:-1.8rem 0;display:flex;position:sticky;top:0}.opened-club .top-right-cont .close,.opened-club .top-right-cont .more{padding:.3rem}.opened-club .top-right-cont button .more-icon:hover,.opened-club .top-right-cont button .close-icon:hover{fill:var(--color-text);color:var(--color-text);stroke:var(--color-text)}.opened-club .top-right-cont .close{position:relative;top:0;right:0}.opened-club .top-right-cont .more-cont{position:relative}.opened-club .more-options-content{flex-direction:column;justify-content:center;align-items:center;width:auto;display:flex;position:absolute;top:100%;right:0}.opened-club .more-options-content button{white-space:nowrap;width:100%}.opened-club .more-options-content button:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.opened-club .more-options-content button:last-child{border-top-left-radius:0;border-top-right-radius:0}.opened-club .banner{border:.1rem solid var(--color-text);border-radius:3rem;width:99%;min-height:min(400px,30vh);max-height:min(400px,30vh);display:flex;overflow:hidden}.opened-club .banner img{object-fit:cover;place-self:stretch stretch;width:100%;height:100%}.opened-club .width-bound{flex-direction:column;width:100%;max-width:110ch;display:flex}.opened-club .content{gap:1rem;position:relative}.opened-club .content .modify-club-cont{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;top:0;right:1rem}.opened-club .content .profile-pic{border:.1rem solid var(--color-text);aspect-ratio:1;object-fit:cover;border-radius:999px;width:max(100px,25%);min-width:120px;height:auto;position:absolute;top:-50%;left:2rem}.opened-club .content .headers{flex-direction:column;width:65%;margin-left:auto;display:flex}.opened-club .content .club-attributes{flex-direction:row;gap:.5rem;display:flex}.opened-club .content .desc{padding:1rem 0}.opened-club .club-tab-cont .tabs{scrollbar-width:none;flex-direction:row;place-self:center;gap:.5rem;width:100%;margin-top:1rem;padding:.5rem;display:flex;overflow:scroll hidden}.opened-club .club-tab-cont .tabs>*{flex-shrink:0}.opened-club .club-tab-cont .tab-content{border-top:.1rem solid var(--color-text)}@media (width<=640px){.opened-club .content .headers{width:100%;margin-top:2.5rem;padding:0 1rem}.opened-club .content .profile-pic{top:-40%;left:1rem}.opened-club .content .modify-club-cont{flex-direction:column-reverse;gap:.5rem;right:0}.opened-club .banner{width:99%;min-height:min(200px,30vh);max-height:min(200px,30vh);display:flex}.opened-club .content .headers{padding-top:1rem}}@media (width<=480px){.opened-club{height:100%;min-height:100%;max-height:100%}}.edit .edit-icon{fill:var(--color-text);width:1.5rem;height:auto;transition:fill .1s}.edit:hover .edit-icon,.edit:active .edit-icon{fill:var(--color-secondary);animation:.2s move}@keyframes move{0%,to{transform:translate(0)}33%{transform:translate(2px)}66%{transform:translate(-2px)}}.delete .delete-icon{width:1.5rem;height:auto;fill:var(--color-text);transition:fill .1s}.delete:hover .delete-icon,.delete:active .delete-icon{fill:var(--color-red);animation:.2s shake}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}.club-reqs-cont{flex-direction:column;display:flex}.club-reqs-cont .no-reqs{text-align:center;padding:2rem}.chooser{flex-direction:column;min-width:15ch;display:flex;position:relative}.chooser .current{z-index:1;transition:border-radius .1s;position:relative}.chooser:has(.drop-down.active) .current{border-bottom-right-radius:0;border-bottom-left-radius:0}.chooser .drop-down{z-index:0;opacity:0;pointer-events:none;flex-direction:column;width:100%;transition:transform .4s,opacity .2s;display:flex;position:absolute;top:100%;transform:translateY(-100%)}.chooser .drop-down.active{pointer-events:auto;opacity:1;transform:translateY(0%)}.chooser .drop-down button{border-radius:0}.chooser .drop-down button:last-child{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.club-level-comp-cont{flex-direction:column;gap:1rem;display:flex}.club-level-comp-cont .setting-area{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.club-level-comp-cont .setting-area .club-level-pair{z-index:2;flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.club-level-comp-cont .approve-ratings{flex-direction:column;padding:1rem;display:flex}.club-level-comp-cont .unapproved-users{grid-template-columns:repeat(auto-fit,5rem);gap:1rem;width:100%;padding:1rem;display:grid}.more .more-icon{width:2rem;height:auto;fill:var(--color-text);transition:fill .1s}.more:hover .more-icon,.more:active .more-icon{fill:var(--color-primary)}.favorite .favorite-icon{fill:var(--color-primary);width:1.5rem;height:auto;transition:fill .1s}.favorite:hover .favorite-icon{fill:var(--color-accent)}.icon-comp-cont{flex-direction:row;align-items:center;gap:1rem;margin:.5rem 0;display:flex}.icon-comp-cont svg{fill:var(--color-text);color:var(--color-text);stroke:var(--color-text);flex-shrink:0;width:2.5rem;height:auto}.icon-comp-cont .right-side{flex-direction:column;min-width:0;display:flex}.icon-comp-cont .right-side .bottom{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.modify-club{max-width:600px}.modify-club .message{color:var(--color-red)}.modify-club .image-edit{border:.1rem solid var(--color-text);display:grid;overflow:hidden}.modify-club .image-edit>*{grid-area:1/1}.modify-club .input-cont{z-index:2;background:#0000004d;justify-content:center;place-self:stretch stretch;align-items:center;display:flex}.modify-club .input-cont input{width:50%}.modify-club .banner{border-radius:2rem;min-height:200px}.modify-club .banner .input-cont{width:auto}.modify-club .banner-crop{border:none;width:100%;height:min(200px,30vh);margin:0;padding:0;overflow:hidden}.modify-club .banner img{object-fit:cover;place-self:stretch stretch;width:100%;height:100%}.modify-club .profile-pic{z-index:78;border-radius:999px;width:max(100px,25%);position:absolute;top:-17%;left:2rem}.modify-club .profile-pic img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.modify-club .content{flex-direction:column;align-items:center;gap:2rem;display:flex;position:relative}.modify-club .content .name{font-family:var(--font-heading);border:none;border-bottom:.1rem solid var(--color-text);border-radius:0;width:55%;margin-left:auto;margin-right:2rem;font-size:2rem}.modify-club .content .inner-box{flex-direction:column;align-self:center;gap:1.5rem;max-width:60ch;display:flex}.modify-club .content .rows-layout{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.modify-club .content .rows-layout h6{white-space:nowrap}.modify-club .content .club-level{z-index:80}.modify-club .content .club-privacy .btns-cont{flex-direction:row;width:min-content;display:flex}.modify-club .content .club-privacy .btns-cont button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.modify-club .content .club-privacy .btns-cont button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.modify-club .content .btns-cont button{background:color-mix(in srgb, var(--color-primary) 20%, transparent)}.modify-club .content .btns-cont button:hover{background:color-mix(in srgb, var(--color-accent) 20%, transparent)}.modify-club .content .btns-cont button.active{background:var(--color-primary)}.modify-club .content .btns-cont button.active:hover{background:var(--color-accent)}.modify-club .content .privacy-desc{text-align:center}@media (width<=640px){.modify-club .profile-pic{top:-15%;left:.5rem}.modify-club .content .club-loc{flex-direction:column;align-items:center;gap:.3rem}}@media (width<=420px){.modify-club .profile-pic{top:-15%;left:1.5rem}.modify-club .content .name{width:auto;margin:3rem auto auto}}.location-input-cont{border:.1rem solid var(--color-text);border-radius:1rem;width:100%;overflow:hidden}.location-input-cont input{width:100%;font-size:clamp(.8rem,.8rem + .4vw,1rem);font-family:var(--font-body);background:var(--color-bg);border:none;padding:.3rem .8rem .3rem 2rem}.location-input-cont input:focus{border:none;border-color:var(--color-primary);outline:none}.user-card .profile-header{flex-direction:row;align-items:center;gap:2rem;display:flex}.user-card .profile-header .profile-card-profile-pic{border:.2rem solid var(--color-text);aspect-ratio:1;object-fit:cover;border-radius:999px;width:200px;height:auto}.user-card .profile-header .headers-cont{flex-direction:column;gap:1rem;min-width:225px;display:flex}.user-card .profile-header .headers-cont .additional-info{flex-direction:row;align-items:center;gap:2rem;display:flex}.user-card .profile-header .headers-cont .additional-info .role{opacity:.7}.user-card .request-cont{flex-direction:row;display:flex}.user-card .request-cont button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.user-card .request-cont button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}@media (width<=480px){.user-card .profile-header{flex-direction:column;width:100%}.user-card .profile-header .headers-cont{align-items:center;gap:0}.user-card .profile-header .headers-cont .additional-info{flex-direction:column;align-items:center;gap:.4rem}}.edit-user-popup .profile-header{flex-direction:row;justify-content:center;align-items:center;display:flex}.edit-user-popup .profile-pic-cont{border:.2rem solid var(--color-text);border-radius:999px;justify-content:center;align-items:center;width:min(250px,40%);height:auto;display:grid;position:relative;overflow:hidden}.edit-user-popup .profile-pic-cont>*{grid-area:1/1}.edit-user-popup .profile-pic-cont .input-cont{z-index:10;background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.edit-user-popup .profile-pic-cont input{width:50%;margin:auto;position:relative}.edit-user-popup .profile-pic{aspect-ratio:1;object-fit:cover;z-index:5;place-items:center;width:100%;height:auto;position:relative}.edit-user-popup .line-input-cont{flex-direction:column;align-items:center;margin:1rem;display:flex}.edit-user-popup .line-input-cont .tag{opacity:.7}.edit-user-popup .username{font-family:var(--font-heading);text-align:center;border:none;border-bottom:.2rem solid var(--color-text);border-radius:0;height:fit-content;font-size:3rem;display:block}.edit-user-popup .line-input-cont .desc,.edit-user-popup .line-input-cont .loc{width:40ch;height:max-content}@media (width<=1024px){.edit-user-popup .profile-header{flex-direction:column}.edit-user-popup .username{padding:.3rem;font-size:2rem}.edit-user-popup .line-input-cont{margin:.5rem}.edit-user-popup .desc{width:100%}}@media (width<=480px){.edit-user-popup .line-input-cont{width:100%}.edit-user-popup .line-input-cont .desc,.edit-user-popup .line-input-cont .loc{width:100%;height:max-content}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modify-event{gap:2rem;min-width:min(80%,800px)}.modify-event .message{color:var(--color-red)}.modify-event .choosers{z-index:5}.modify-event .name-cont{flex-direction:row;align-items:center;gap:.5rem;display:flex}.modify-event .name-cont h5{white-space:nowrap}.modify-event .name-cont input{border:none;border-bottom:.1rem solid var(--color-text);font-size:clamp(1.5rem,4vw,2.5rem);font-family:var(--font-heading);line-height:auto;text-align:center;border-radius:0;padding-bottom:.3rem}.modify-event .desc-cont{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.modify-event .desc-cont h6{opacity:.7}.modify-event .desc-cont textarea{width:100%}.modify-event .additional-info{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));place-items:start;gap:1rem;width:100%;display:grid}.modify-event .additional-info>*{width:1fr;flex-direction:column;gap:.5rem;display:flex}.modify-event .additional-info .recurring{z-index:6}.modify-event .additional-info .numbers-cont input{width:100px}.modify-event .switches-cont{grid-template-columns:1fr 1fr;place-items:center;gap:1rem;width:100%;display:grid}.modify-event .switches-cont .switch{flex-direction:row;display:flex}.modify-event .switches-cont .switch button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.modify-event .switches-cont .switch button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.modify-event .switches-cont .switch button{background:color-mix(in srgb, var(--color-primary) 20%, transparent);white-space:nowrap}.modify-event .switches-cont .switch button:hover{background:color-mix(in srgb, var(--color-accent) 20%, transparent)}.modify-event .switches-cont .switch button.active{background:var(--color-primary)}.modify-event .switches-cont .switch button.active:hover{background:var(--color-accent)}.modify-event .approve-cont{flex-direction:column;gap:.5rem;display:flex}.modify-event .save-btn-cont{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width<=640px){.modify-event .name-cont,.modify-event .name-cont input{width:100%}.modify-event .switches-cont{flex-direction:column;display:flex}.modify-event .additional-info{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=480px){.modify-event .name-cont{flex-direction:column;gap:0}}.opened-event .headers{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.opened-event .headers .date{opacity:.7}.opened-event .headers .tags{flex-direction:row;gap:.5rem;display:flex}.opened-event .host-club{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.opened-event .host-club .club-name{cursor:pointer;transition:color .1s}.opened-event .host-club:hover .club-name{color:var(--color-accent)}.opened-event .event-actions-cont{flex-direction:row;gap:1rem;width:100%;display:flex}.opened-event .desc-cont{flex-direction:column;gap:.5rem;width:100%;display:flex}.opened-event .popup-wrapper{height:100vh;position:absolute;left:0}.event-icons-cont{flex-direction:column;width:100%;display:flex}.player-dropdown-conts{width:100%;overflow:visible}.gcash-btn{color:var(--color-bg);background:#007dff;flex-direction:row;align-items:center;gap:.5rem;padding:1rem;display:flex}.gcash-btn:disabled{background:#007dff80}.gcash-btn svg{width:auto;height:2rem}.cant-join-message{opacity:.7;font-style:italic}.two-option-popup .btns-cont{flex-direction:row;justify-content:center;align-items:center;gap:2rem;display:flex}.search-input-cont{border:.1rem solid var(--color-text);background:var(--color-bg);border-radius:1.5rem;flex-direction:row;padding:.5rem 1rem;display:flex}.search-input-cont .search-input{border:none;border-radius:0;width:100%;padding:0}.search-input-cont .search-icon{width:1.5rem;height:auto;stroke:var(--color-text);cursor:pointer;transition:all .1s}.search-input-cont .search-icon:hover{stroke:var(--color-accent)}.user-search-popup{min-height:400px}.user-search-popup .content-cont:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}.user-search-popup .content-cont:last-child{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.user-search-popup .content-cont:only-child{border-radius:1rem}.notif-comp{border-top:.1rem solid var(--color-text);border-bottom:.1rem solid var(--color-text);background:var(--color-bg);cursor:pointer;flex-direction:row;justify-content:space-between;gap:1rem;padding:.5rem;display:flex}.notif-comp:hover{border-color:var(--color-primary)}.notif-comp .left-side{flex-direction:row;align-items:center;gap:1rem;display:flex}.notif-comp .left-side img{border:.1rem solid var(--color-text);object-fit:cover;aspect-ratio:1;border-radius:999px;width:3rem;height:3rem}.notif-comp .left-side p{line-height:1.4}.notif-comp .left-side .heading-font{font-family:var(--font-heading);font-size:clamp(1.2rem,1.7vw,1.5rem)}.notif-comp .left-side .notif-content{flex-direction:column;display:flex}.notif-comp .left-side .notif-content .date{opacity:.6;font-size:clamp(.6rem,.6rem + .4vw,.8rem)}.notif-comp .right-side{flex-direction:row;align-items:center;display:flex}.notif-comp .right-side .notif-close-btn{position:relative;top:0;right:0}.notif-comp .right-side .notif-close-btn svg{width:1rem;height:auto}.notif-popup .notifications{flex-direction:column;min-height:200px;display:flex}.notif-popup .notifications .no-notif{margin-top:2rem}.no-user-popup .title{text-align:center;max-width:25ch}.no-user-popup .sign-buttons{flex-direction:row;justify-content:center;align-items:center;gap:2rem;display:flex}.user-page{flex-direction:row;max-width:150ch;margin:auto;padding:0 1rem;display:flex;overflow-x:hidden}.user-page .user-info-cont{flex-direction:column;max-width:300px;padding:3rem;display:flex;position:relative}.user-page .user-info-cont .edit{position:absolute;top:1.5rem;right:1.5rem}.user-page .user-info-cont .content{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.user-page .user-info-cont .profile-pic{aspect-ratio:1;object-fit:cover;border:.2rem solid var(--color-text);z-index:5;border-radius:999px;place-items:center;width:100%;height:auto;position:relative}.user-page .user-info-cont .content .side-content{flex-direction:column;width:100%;margin:1rem 0;display:flex}.user-page .user-content-cont{flex-direction:column;width:100%;padding:1rem;display:flex}.user-page .user-content-cont .tabs{flex-direction:row;gap:.5rem;display:flex}.user-page .user-content-cont .tabs .content{border-top:.1rem solid var(--color-text);padding:1rem}@media (width<=768px){.user-page{flex-direction:column;align-items:center;max-width:none;margin:auto;padding:1rem}.user-page .user-info-cont{width:90vw;max-width:none;padding:1rem}.user-page .user-info-cont .edit{top:1rem;right:1rem}.user-page .user-info-cont .content,.user-page .user-info-cont .content .side-content{width:100%}.user-page .user-info-cont .profile-pic{width:min(80%,300px)}}.club-comp-cont{border:.1rem solid var(--color-text);background:var(--color-bg);cursor:pointer;border-radius:3rem 3rem 1rem 1rem;flex-direction:column;gap:.5rem;max-width:400px;padding:1rem;transition:border .1s;display:flex;position:relative;overflow:hidden}.club-comp-cont:hover .titles .club-name{color:var(--color-primary)}.club-comp-cont .club-icon{opacity:.08;z-index:0;width:75%;transition:top .4s;position:absolute;top:100%;left:15%}.club-comp-cont:hover .club-icon{top:45%}.club-comp-cont>*{z-index:1}.club-comp-cont .favorite{z-index:2;position:absolute;bottom:1rem;right:1rem}.club-comp-cont .banner{border:.1rem solid var(--color-text);border-radius:2rem 2rem 1rem 1rem;place-items:center;transition:border .1s;display:flex;overflow:hidden}.club-comp-cont .banner img{object-fit:cover;place-self:center;width:100%;height:130px}.club-comp-cont .content{flex-direction:column;gap:1rem;display:flex}.club-comp-cont .headers{flex-direction:row;justify-content:start;align-items:center;gap:1rem;height:100%;display:flex;position:relative}.club-comp-cont .profile-pic{border:.1rem solid var(--color-text);aspect-ratio:1;object-fit:cover;border-radius:999px;width:clamp(90px,8vw,30%);transition:border .1s;position:absolute;top:-90%;left:.5rem}.club-comp-cont .titles{flex-direction:column;width:65%;margin-left:auto;display:flex}.club-comp-cont .club-role{opacity:.7}.club-comp-cont .attributes{flex-direction:row;gap:.5rem;display:flex}.club-comp-cont .club-is-pub{border-color:var(--color-secondary);background:color-mix(in srgb, var(--color-secondary) 20%, transparent);color:var(--color-secondary)}.club-comp-cont.waiting .request{color:var(--color-accent)}.club-comp-cont.denied .request{color:var(--color-red)}@media (width<=1024px){.club-comp-cont .titles{width:50%}}@media (width<=640px){.club-comp-cont .banner{display:none}.club-comp-cont .profile-pic{width:3rem;position:relative;top:auto;left:auto}.club-comp-cont .titles{width:auto;margin:0}}.user-tab-club-cont{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;width:auto;padding:1rem;display:grid}.user-tab-club-cont .no-clubs{margin:4rem auto}@media (width<=640px){.user-tab-club-cont{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.filter-btn{padding:.2rem .8rem}.filter-btn svg{width:1rem;height:auto;stroke:var(--color-text)}.search-cont{flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.search-cont .search-title{text-align:center}.search-cont .search-area{flex-direction:column;gap:.5rem;width:100%;max-width:600px;display:flex}.search-cont .search-area .search-options{scrollbar-width:none;flex-direction:row;align-items:center;gap:.5rem;width:100%;display:flex;overflow-x:scroll}.search-cont .search-area .search-options button{white-space:nowrap;min-width:max-content}.search-cont .search-area .filter-cont{grid-template-columns:auto auto;gap:.5rem;display:grid}.search-cont .search-area .filter-cont>button{z-index:1}.search-cont .search-area .filter-cont .filter-options{flex-direction:row;gap:.5rem;transition:transform .3s;display:flex;transform:translate(0%)}.search-cont .search-area .filter-cont .filter-options.hidden{transform:translate(-150%)}.search-cont .search-area .edit-loc{transition:transform .3s}.search-cont .search-area:has(.hidden) .edit-loc{transform:translate(-160%)}.search-cont .search-area button.toggled{background:var(--color-primary)}.search-cont .search-area button.toggled:hover{background:var(--color-accent)}.search-cont .search-content{flex-direction:column;gap:1rem;width:100%;max-width:150ch;display:flex}.search-cont .search-content .club-contents{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem;display:grid}@media (width<=1024px){.search-cont .search-content .club-contents{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=640px){.search-cont .search-content .club-contents{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}}.club-cont{flex-direction:column;gap:1rem;padding:2rem;display:flex}.club-cont .title{margin:1rem 3rem}.club-cont .clubs{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem;display:grid}@media (width<=1024px){.club-cont .title{margin:0}.club-cont .clubs{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=640px){.club-cont .clubs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}}.events-cont{flex-direction:column;gap:1rem;padding:2rem;display:flex}.events-cont .title{margin:1rem 3rem}@media (width<=1024px){.events-cont .title{margin:0}}