.app-tabs {
    display       : flex;
    flex-direction: column;

    &--top,
    &--bottom {
        .tabs {
            display: flex;
        }
    }

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

    &--left {
        flex-direction: row;
    }

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

    &__navbar {
        display        : flex;
        align-items    : center;
        justify-content: space-between;

        .tabs {
            &-item {
                white-space: nowrap;
            }
        }
    }

    &__container {
        position      : relative;
        flex          : 1;
        overflow-y    : auto;
        display       : flex;
        flex-direction: column;
    }
}