header{z-index:10;background-color:#0000;border-color:#0000;width:100%;height:64px;margin-top:-80px;padding:8px 0;transition:all .3s;position:sticky;top:0}header.active{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#000c;border-bottom:1px solid #27272a80;margin-top:-64px;padding:0}header nav{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:100%;margin:0 auto;padding:0 16px;display:flex}header nav.mobile{display:none}header nav.desktop{display:flex}@media screen and (max-width:1024px){header nav.desktop{display:none}header nav.mobile{display:flex}header nav.mobile .mobile-icon_container{flex-direction:row;align-items:center;gap:8px;height:100%;display:flex}header nav.mobile .mobile-icon_container button{cursor:pointer;padding:0}header nav.mobile .mobile-icon_container button.mobile-icon{background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;transition:all .15s;display:flex}header nav.mobile .mobile-icon_container button.mobile-icon svg{transition:all .15s}header nav.mobile .mobile-icon_container button.mobile-icon:hover{background-color:#27272a80}header nav.mobile .mobile-icon_container button.mobile-icon:hover svg{stroke:#fff}}header nav .brand{flex-direction:row;align-items:center;text-decoration:none;display:flex}header nav .brand:hover span.roze-text{color:#fff}header nav .brand:hover span.clan-text{color:#f43f5e}header nav .brand svg{color:#f43f5e;width:28px;height:28px;transition:all .15s}header nav .brand svg:hover{transform:scale(1.1)}header nav .brand span{font-size:20px;font-weight:700;line-height:28px;transition:all .15s}header nav .brand span.roze-text{color:#f43f5e}header nav .brand span.clan-text{color:#fff}header nav .main-navigation{flex-direction:row;align-items:center;gap:4px;display:flex}header nav .main-navigation .primary-link{color:#fff;box-sizing:border-box;cursor:pointer;background-color:#0000;border:none;border-radius:6px;height:36px;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:all .15s;display:flex;position:relative}header nav .main-navigation .primary-link span{flex-direction:row;align-items:center;gap:4px;display:flex}header nav .main-navigation .primary-link span svg{color:#fff;width:16px;height:16px;transition:all .15s}header nav .main-navigation .primary-link:hover{color:#f43f5e;background-color:#27272a80}header nav .main-navigation .primary-link:hover span svg{color:#f43f5e}header nav .main-navigation .primary-link .dropdown{box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:#18181b;border-radius:6px;flex-direction:column;width:192px;margin-top:4px;padding:8px;transition:all .15s;display:flex;position:absolute;top:100%;left:0;transform:translateY(10px);box-shadow:0 0 #fff,0 0 0 1px #0000000d,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}header nav .main-navigation .primary-link .dropdown a{color:#fff;box-sizing:border-box;text-align:left;border-radius:6px;width:100%;height:36px;padding:8px 16px;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;transition:all .15s}header nav .main-navigation .primary-link .dropdown a:hover{color:#f43f5e;background-color:#27272a}header nav .main-navigation .primary-link.active span svg{transform:rotate(180deg)}header nav .main-navigation .primary-link.active .dropdown{pointer-events:all;-webkit-user-select:all;user-select:all;opacity:1;transform:translateY(0)}header nav .right-container{flex-direction:row;align-items:center;display:flex}header nav .right-container .search-button{cursor:pointer;background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .15s;display:flex}header nav .right-container .search-button:hover{background-color:#27272a80}header nav .right-container .search-button:hover svg{color:#fff}header nav .right-container .search-button svg{color:#9ca3af;width:20px;height:20px;transition:all .15s}header nav .right-container .socials-container{border-left:1px solid #27272a;flex-direction:row;align-items:center;gap:4px;margin-left:4px;padding-left:8px;display:flex}header nav .right-container .socials-container a{cursor:pointer;background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .15s;display:flex}header nav .right-container .socials-container a:hover{background-color:#27272a80}header nav .right-container .socials-container a:hover svg{color:#fff}header nav .right-container .socials-container a svg{color:#9ca3af;width:20px;height:20px;transition:all .15s}header nav .right-container .account-container{border-left:1px solid #27272a;flex-direction:row;align-items:center;gap:8px;margin-left:4px;padding-left:8px;display:flex}header nav .right-container .account-container a{box-sizing:border-box;border-radius:6px;flex-direction:row;justify-content:center;align-items:center;gap:8px;height:36px;padding:8px 12px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;transition:all .15s;display:flex}header nav .right-container .account-container a svg{color:#fff;width:16px;height:16px;transition:all .15s}header nav .right-container .account-container a.login-button{color:#fff;background-color:#0000}header nav .right-container .account-container a.login-button:hover{color:#f43f5e;background-color:#27272a80}header nav .right-container .account-container a.login-button:hover svg{color:#f43f5e}header nav .right-container .account-container a.register-button{color:#18181b;background-color:#f43f5e}header nav .right-container .account-container a.register-button:hover{background-color:#e11d48}header .mobile-navigation{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#18181bf2;border-color:#27272a;width:100%;max-height:0;transition:all .3s;overflow:hidden}header .mobile-navigation.open{pointer-events:all;-webkit-user-select:all;user-select:all;border-bottom:1px solid #27272a;max-height:536.67px}header .mobile-navigation .mobile-nav-content{box-sizing:border-box;flex-direction:column;gap:4px;width:100%;padding:8px 8px 12px;display:flex}header .mobile-navigation .mobile-nav-content .mobile-main-navigation{flex-direction:column;gap:4px;width:100%;display:flex}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-link{box-sizing:border-box;color:#fff;background-color:#0000;border-radius:6px;width:100%;height:40px;padding:8px 12px;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;transition:all .15s}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-link:hover{background-color:#27272a}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown{flex-direction:column;gap:0;transition:all .3s;display:flex}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown .mobile-dropdown-button{cursor:pointer;box-sizing:border-box;color:#fff;background-color:#0000;border:none;border-radius:6px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:40px;padding:8px 12px;font-size:16px;font-weight:500;line-height:24px;transition:all .15s;display:flex}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown .mobile-dropdown-button:focus-visible{outline:none}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown .mobile-dropdown-button:hover{background-color:#27272a}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown .mobile-dropdown-button svg{transition:all .3s}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown .mobile-dropdown-button svg.rotated{transform:rotate(180deg)}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown .mobile-dropdown-links{box-sizing:border-box;flex-direction:column;gap:4px;max-height:0;padding-left:16px;transition:max-height .3s;display:flex;overflow:hidden}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown .mobile-dropdown-links a{box-sizing:border-box;color:#fff;background-color:#0000;border-radius:6px;width:100%;height:36px;padding:8px 12px;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;transition:all .15s}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown .mobile-dropdown-links a:hover{background-color:#27272a}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown.expanded{gap:4px}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown.expanded .mobile-dropdown-links{max-height:120px}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation{box-sizing:border-box;border-top:1px solid #27272a;flex-direction:column;gap:8px;width:100%;padding:16px 0 12px;display:flex}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-socials{box-sizing:border-box;flex-direction:row;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-socials a{background-color:#0000;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-socials a svg{color:#9ca3af;width:20px;height:20px;transition:all .15s}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-socials a:hover{background-color:#27272a80}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-socials a:hover svg{color:#fff}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-account{flex-direction:column;gap:8px;width:100%;display:flex}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-account a{box-sizing:border-box;color:#fff;border-radius:6px;width:100%;height:40px;padding:8px 12px;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;transition:all .15s}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-account a.mobile-login-button{background-color:#0000}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-account a.mobile-login-button:hover{background-color:#27272a}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-account a.mobile-register-button{background-color:#f43f5e}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-account a.mobile-register-button:hover{background-color:#e11d48}