1
body.login #shadow_popup {
2
    opacity: 1;
3
    display: flex;
4
}
5

6
body.login .logo {
7
    max-width: 30px;
8
}
9

10
body.login #logoBlock {
11
    align-items: center;
12
    margin: 0 auto;
13
    gap: 10px;
14
}
15

16
body.login .userSelect {
17
    display: flex;
18
    flex-direction: column;
19
    color: var(--SmartThemeBodyColor);
20
    border: 1px solid var(--SmartThemeBorderColor);
21
    border-radius: 5px;
22
    padding: 3px 5px;
23
    width: 30%;
24
    cursor: pointer;
25
    margin: 5px 0;
26
    transition: background-color var(--animation-duration) ease-in-out;
27
    display: flex;
28
    align-items: center;
29
    justify-content: center;
30
    text-align: center;
31
    overflow: hidden;
32
}
33

34
body.login .userSelect .userName,
35
body.login .userSelect .userHandle {
36
    width: 100%;
37
    overflow: hidden;
38
    text-overflow: ellipsis;
39
    white-space: nowrap;
40
}
41

42
body.login .userSelect:hover {
43
    background-color: var(--black30a);
44
}
45

46
body.login #handleEntryBlock,
47
body.login #passwordEntryBlock,
48
body.login #passwordRecoveryBlock {
49
    margin: 2px;
50
}