accounts-frontend/src/components/userbar/loggedInPanel.scss

@import '~components/ui/colors.scss';

.loggedInPanel {
}

.activeAccount {
    position: relative;

    $border: 1px solid rgba(#fff, .15);
    border-left: $border;
    border-right: $border;

    &:hover {
        .accountSwitcherContainer {
            display: block;
        }
    }
}

.userIcon {
    composes: user from 'components/ui/icons.scss';

    position: relative;
    bottom: 2px;

    padding-right: 5px;
}

.expandIcon {
    composes: caret from 'components/ui/icons.scss';

    margin-left: 4px;
    font-size: 6px;
    color: #CCC;
}

.userName {

}

.accountSwitcherContainer {
    position: absolute;
    top: 100%;
    right: -2px;
    cursor: auto;

    display: none;
}