.custom-select{background-color:var(--color-secondary);color:var(--color-text);cursor:pointer;border-radius:4px;padding:12px 24px;transition:all .3s ease-in-out;display:inline-flex;position:relative;transform:skew(-10deg)}.custom-select:hover{background-color:var(--color-primary);color:var(--color-secondary);transition:all .3s ease-in-out;transform:skew(-10deg)scale(1.1)}.custom-select .selected{display:block;transform:skew(10deg)}.custom-select .options{background-color:var(--color-secondary);width:110%;color:var(--color-text);border-radius:4px;margin:0;padding:0;list-style:none;transition:all .3s ease-in-out;display:none;position:absolute;top:100%;right:-20px;overflow:hidden;transform:skew(10deg)}.custom-select .custom-text{gap:8px;display:flex}.custom-select .options li{padding:10px;transition:all .3s ease-in-out}.custom-select .options li:hover{background-color:var(--color-primary);color:var(--color-secondary)}.custom-select:hover .options{display:block}.arrow{height:16px;margin-top:5px;transition:all .3s ease-in-out}.custom-select:hover .arrow{margin-top:4px;margin-left:2px;transition:all .3s ease-in-out;transform:rotate(180deg)}@media (max-width:960px){.custom-select{font-size:32px}}
body:has(.mobileMenuOpen){overflow:hidden}.header{z-index:2;border-radius:var(--header-magic-number);justify-content:space-between;align-items:center;width:90%;margin:0 auto;padding:12px;display:flex;position:sticky;top:32px}.navbar{text-align:center;padding:1rem}.invert{background-color:#0003}.invert a{color:#fff}.logo{height:100px;margin-left:32px}.logo-container .logo{width:100px}nav ul{justify-content:space-between;gap:16px;margin-right:32px;list-style-type:none;display:flex}nav ul li a{color:var(--color-primary);cursor:pointer;font-size:24px;text-decoration:none;position:relative}nav ul li a.current{color:var(--color-secondary)}nav ul li a:after{content:"";background-color:var(--color-secondary);transform-origin:100%;width:100%;height:2px;transition:transform .6s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}nav ul li a:hover:after{transform-origin:0;transform:scaleX(1)}.header.dark .logo{filter:invert()}.header .logo-container{position:absolute}.header .navcontainer{background-color:var(--color-text);border-radius:64px;align-items:center;margin:0 auto;padding:0 64px;display:flex}.header .navcontainer .club{background-color:var(--color-secondary);color:var(--color-text);cursor:pointer;padding:8px 16px;font-family:Anton,sans-serif;font-size:24px}.mobileMenu.mobileMenuOpen{clip-path:circle(100%)}.mobileMenu{background-color:var(--color-primary);z-index:3;width:100vw;height:100vh;transition:all .5s ease-in-out;display:none;position:fixed;inset:0;overflow:hidden}.mobileMenuContainer{padding:44px 0;position:relative}.mobileMenu .logo-container{align-items:center;display:flex}.mobileMenu .navcontainer{flex-direction:column;align-items:center;gap:16px;margin-top:64px;display:flex}.mobileMenu .navcontainer nav ul{flex-direction:column;gap:16px;display:flex}.mobileMenu .navcontainer nav ul li a{font-size:32px}.mobileMenuOpen .select{z-index:1;display:inline-flex}.button-nav{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:32px;right:16px}.burgerIcon{cursor:pointer;background-color:var(--color-text);border:none;border-radius:2px;width:30px;height:3px;transition:all .5s ease-in-out;display:none;position:relative;top:3px}.burgerIcon:before{content:"";background-color:var(--color-text);border:none;border-radius:2px;width:30px;height:3px;transition:all .5s ease-in-out;position:absolute;top:-8px;left:0}.burgerIconClose{background-color:var(--color-text);rotate:-45deg}.burgerIconClose:before{background-color:var(--color-text);top:0;rotate:90deg}@media (max-width:960px){.header{height:70px;top:0}.button-nav{top:24px}.header.bg{-webkit-backdrop-filter:blur(5px);color:var(--color-text);background:#ffffff38;border:1px solid #ffffff4d;border-radius:64px;transition:background .5s ease-in-out;box-shadow:0 4px 30px #0000001a}.header.bg .logo-container{transition:transform .5s;left:16px;transform:translate(0)}.header .logo-container{align-items:center;transition:transform .5s;display:flex;position:absolute;top:16px;right:50%;transform:translate(30%)}.header .logo{height:60px;margin-left:16px}.header .navbar{display:none}.header .navcontainer{margin-left:auto;margin-right:16px}.mobileMenu{clip-path:circle(0);transition:all .5s ease-in-out;display:block}.select{display:none}.burgerIcon{flex:none;display:block}nav ul li a{color:var(--color-text)}}