header{width:100%;position:-webkit-sticky;position:sticky;padding:8px 0;height:64px;top:0;z-index:10;transition:all .3s ease;border-color:rgba(0,0,0,0);margin-top:-80px;background-color:rgba(0,0,0,0)}header.active{background-color:rgba(0,0,0,.8);padding:0;border-bottom:1px solid rgba(39,39,42,.5019607843);margin-top:-64px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}header nav{box-sizing:border-box;padding:0 16px;width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}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{display:flex;flex-direction:row;align-items:center;height:100%;gap:8px}header nav.mobile .mobile-icon_container button{cursor:pointer;padding:0}header nav.mobile .mobile-icon_container button.mobile-icon{width:40px;height:40px;min-height:40px;min-width:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);border:none;transition:all .15s ease}header nav.mobile .mobile-icon_container button.mobile-icon svg{transition:all .15s ease}header nav.mobile .mobile-icon_container button.mobile-icon:hover{background-color:rgba(39,39,42,.5019607843)}header nav.mobile .mobile-icon_container button.mobile-icon:hover svg{stroke:#fff}}header nav .brand{display:flex;flex-direction:row;text-decoration:none;align-items:center}header nav .brand:hover span.roze-text{color:#fff}header nav .brand:hover span.clan-text{color:#f43f5e}header nav .brand svg{width:28px;height:28px;color:#f43f5e;transition:all .15s ease}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 ease}header nav .brand span.roze-text{color:#f43f5e}header nav .brand span.clan-text{color:#fff}header nav .main-navigation{display:flex;flex-direction:row;align-items:center;gap:4px}header nav .main-navigation .primary-link{text-decoration:none;transition:all .15s ease;color:#fff;font-weight:500;line-height:20px;font-size:14px;display:flex;padding:8px 16px;box-sizing:border-box;height:36px;background-color:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;position:relative}header nav .main-navigation .primary-link span{display:flex;flex-direction:row;align-items:center;gap:4px}header nav .main-navigation .primary-link span svg{width:16px;height:16px;color:#fff;transition:all .15s ease}header nav .main-navigation .primary-link:hover{background-color:rgba(39,39,42,.5019607843);color:#f43f5e}header nav .main-navigation .primary-link:hover span svg{color:#f43f5e}header nav .main-navigation .primary-link .dropdown{position:absolute;top:100%;left:0;margin-top:4px;background-color:#18181b;border-radius:6px;display:flex;flex-direction:column;width:192px;box-sizing:border-box;padding:8px;transform:translateY(10px);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;transition:all .15s ease;box-shadow:0 0 0 0 #fff,0 0 0 1px rgba(0,0,0,.0509803922),0 10px 15px -3px rgba(0,0,0,.1019607843),0 4px 6px -4px rgba(0,0,0,.1019607843)}header nav .main-navigation .primary-link .dropdown a{border-radius:6px;font-weight:400;line-height:20px;font-size:14px;padding:8px 16px;height:36px;width:100%;text-decoration:none;color:#fff;transition:all .15s ease;box-sizing:border-box;text-align:left}header nav .main-navigation .primary-link .dropdown a:hover{background-color:#27272a;color:#f43f5e}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;-moz-user-select:all;user-select:all;opacity:1;transform:translateY(0)}header nav .right-container{display:flex;flex-direction:row;align-items:center}header nav .right-container .search-button{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:rgba(0,0,0,0);padding:0;border:none;transition:all .15s ease}header nav .right-container .search-button:hover{background-color:rgba(39,39,42,.5019607843)}header nav .right-container .search-button:hover svg{color:#fff}header nav .right-container .search-button svg{width:20px;height:20px;color:#9ca3af;transition:all .15s ease}header nav .right-container .socials-container{padding-left:8px;margin-left:4px;border-left:1px solid #27272a;gap:4px;display:flex;flex-direction:row;align-items:center}header nav .right-container .socials-container a{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:rgba(0,0,0,0);padding:0;border:none;transition:all .15s ease}header nav .right-container .socials-container a:hover{background-color:rgba(39,39,42,.5019607843)}header nav .right-container .socials-container a:hover svg{color:#fff}header nav .right-container .socials-container a svg{width:20px;height:20px;color:#9ca3af;transition:all .15s ease}header nav .right-container .account-container{display:flex;flex-direction:row;align-items:center;margin-left:4px;padding-left:8px;border-left:1px solid #27272a;gap:8px}header nav .right-container .account-container a{height:36px;box-sizing:border-box;border-radius:6px;text-decoration:none;padding:8px 12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;font-size:14px;line-height:20px;font-weight:500}header nav .right-container .account-container a svg{color:#fff;width:16px;height:16px;transition:all .15s ease}header nav .right-container .account-container a.login-button{background-color:rgba(0,0,0,0);color:#fff}header nav .right-container .account-container a.login-button:hover{background-color:rgba(39,39,42,.5019607843);color:#f43f5e}header nav .right-container .account-container a.login-button:hover svg{color:#f43f5e}header nav .right-container .account-container a.register-button{background-color:#f43f5e;color:#18181b}header nav .right-container .account-container a.register-button:hover{background-color:#e11d48}header .mobile-navigation{width:100%;background-color:rgba(24,24,27,.9490196078);box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;overflow:hidden;max-height:0;transition:all .3s ease;border-color:#27272a}header .mobile-navigation.open{max-height:536.67px;pointer-events:all;-webkit-user-select:all;-moz-user-select:all;user-select:all;border-bottom:1px solid #27272a}header .mobile-navigation .mobile-nav-content{padding:8px 8px 12px;box-sizing:border-box}header .mobile-navigation .mobile-nav-content,header .mobile-navigation .mobile-nav-content .mobile-main-navigation{width:100%;display:flex;flex-direction:column;gap:4px}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-link{padding:8px 12px;width:100%;box-sizing:border-box;height:40px;border-radius:6px;transition:all .15s ease;color:#fff;text-decoration:none;font-weight:500;line-height:24px;font-size:16px;background-color:rgba(0,0,0,0)}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{display:flex;flex-direction:column;transition:all .3s ease;gap:0}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown .mobile-dropdown-button{cursor:pointer;width:100%;transition:all .15s ease;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 12px;box-sizing:border-box;height:40px;border-radius:6px;color:#fff;font-weight:500;line-height:24px;font-size:16px;background-color:rgba(0,0,0,0);border:none}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 ease}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{display:flex;flex-direction:column;gap:4px;max-height:0;overflow:hidden;transition:max-height .3s ease;box-sizing:border-box;padding-left:16px}header .mobile-navigation .mobile-nav-content .mobile-main-navigation .mobile-dropdown .mobile-dropdown-links a{padding:8px 12px;width:100%;box-sizing:border-box;height:36px;border-radius:6px;transition:all .15s ease;color:#fff;text-decoration:none;font-weight:400;line-height:20px;font-size:14px;background-color:rgba(0,0,0,0)}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{padding:16px 0 12px;box-sizing:border-box;width:100%;border-top:1px solid #27272a;display:flex;flex-direction:column;gap:8px}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-socials{display:flex;align-items:center;flex-direction:row;gap:8px;width:100%;box-sizing:border-box;padding:8px 12px}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-socials a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);transition:all .15s ease;border-radius:6px}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-socials a svg{width:20px;height:20px;color:#9ca3af;transition:all .15s ease}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-socials a:hover{background-color:rgba(39,39,42,.5019607843)}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{display:flex;flex-direction:column;gap:8px;width:100%}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-account a{padding:8px 12px;width:100%;box-sizing:border-box;height:40px;border-radius:6px;text-decoration:none;color:#fff;font-weight:500;line-height:24px;font-size:16px;transition:all .15s ease}header .mobile-navigation .mobile-nav-content .mobile-bottom-navigation .mobile-account a.mobile-login-button{background-color:rgba(0,0,0,0)}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}