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

.loggedInPanel {
}

.activeAccount {
    position: relative;
    display: inline-block;

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

.activeAccountExpanded {
    .accountSwitcherContainer {
        display: block;
    }

    .expandIcon {
        transform: rotate(180deg);
    }
}

.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;
}