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