.backgroundFilterWholeScreen{z-index:10;-webkit-backdrop-filter:var(--primary-background-filter);backdrop-filter:var(--primary-background-filter);width:100vw;height:100vh;position:fixed;inset:0}
.userConfigMenuOpen{z-index:11;box-sizing:border-box;background-color:var(--secondary-background-color);width:300px;color:var(--primary-text-color);border-radius:.375rem 0 0 .375rem;flex-direction:column;height:100vh;animation:.3s linear alternate userMenuSlide;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.userConfigMenuOpen .menuHeader{flex-direction:row;justify-content:space-between;align-items:center;padding-right:1rem;display:flex}.userConfigMenuOpen .menuHeader .authWidgetCloseBtn{color:var(--primary-text-color);background-color:var(--tertiary-background-color);border-radius:var(--primary-border-radius);width:50px;height:50px;transition:var(--card-transition);cursor:pointer;border:none;justify-content:flex-start;align-items:center;display:flex}.userConfigMenuOpen .menuHeader .authWidgetCloseBtn:hover{background-color:var(--quaternary-background-color)}.userConfigMenuOpen .menuHeader .authWidgetCloseBtn svg{width:1.5rem;height:1.5rem;margin:auto}.userConfigMenuOpen .menuItems .menuItem{box-sizing:border-box;padding:.5rem 1rem}.userConfigMenuOpen .menuItems .menuItem .menuItemContent{background-color:var(--tertiary-background-color);min-height:48px;color:var(--primary-text-color);cursor:pointer;transition:var(--card-transition);border-radius:.375rem;justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}.userConfigMenuOpen .menuItems .menuItem .menuItemContent:hover{background-color:var(--quaternary-background-color)}.userConfigMenuOpen .menuItems .menuItem .menuItemMultiContent{justify-content:space-between;align-items:center;gap:.5rem;min-height:48px;display:flex}.userConfigMenuOpen .menuItems .menuItem .menuItemMultiContent .languagesSwitcher,.userConfigMenuOpen .menuItems .menuItem .menuItemMultiContent .themeColorsSwitcher{background-color:var(--tertiary-background-color);color:var(--primary-text-color);box-sizing:border-box;border-radius:.375rem;justify-content:space-between;align-items:center;width:50%;min-height:48px;padding:0 1rem;display:flex}.userConfigMenuOpen .menuItems .menuItem .guestAuthOptions{background-color:var(--tertiary-background-color);border-radius:.375rem;justify-content:space-evenly;align-items:center;padding:1rem 0;display:flex}.userConfigMenuOpen .menuItems .menuItem .guestAuthOptions .loginButton,.userConfigMenuOpen .menuItems .menuItem .guestAuthOptions .registerButton{flex-direction:column;justify-content:center;align-items:center;display:flex}.userConfigMenuOpen .menuItems .menuItem .guestAuthOptions .loginButton svg,.userConfigMenuOpen .menuItems .menuItem .guestAuthOptions .registerButton svg{border-radius:50%;width:2.5rem;height:2.5rem;margin-bottom:.5rem}.userConfigMenuOpen .menuItems .menuItem .userInfo{padding:.5rem}.userConfigMenuOpen .menuItems .menuItem .userInfo a{color:var(--primary-text-color);flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.userConfigMenuOpen .menuItems .menuItem .userInfo a .userInfoProfileIcon{justify-content:center;align-items:center;gap:1rem;display:flex}