.app-auth-component {
    display       : flex;
    flex-direction: column;
    overflow      : hidden;

    &.top {}

    &.bottom {
        flex-flow: column-reverse;
    }

    &.left {
        flex-direction: row;
    }

    &.right {
        flex-direction : row;
        flex-flow      : row-reverse;
        justify-content: left;
    }

    .auth-container {
        flex: 1;
    }
}