1.encryptedpasswords {
2    padding: 0 0.2em;
3
4    span {
5        font-family: monospace;
6        white-space: pre;
7    }
8
9    svg {
10        height: 1em;
11        vertical-align: middle;
12        padding: 0 0.2em;
13    }
14
15    &.crypted {
16        &:before {
17            content: attr(data-crypted);
18        }
19
20        > span {
21            display: none;
22        }
23
24        svg:last-of-type {
25            display: none;
26        }
27    }
28
29    &.clear {
30        svg:first-of-type {
31            display: none;
32        }
33    }
34}
35