.app-navbar {
    z-index: 1;

    &__wrapper {
        background: var(--navbar-background);
        color     : var(--navbar-color);
    }

    &__backbutton {
        position: absolute;
        z-index : 1;

        &:empty {
            display: none;
        }

        >.van-icon {
            display        : inline-flex;
            align-items    : center;
            justify-content: center;
            height         : var(--navbar-height);
            line-height    : 1;
            font-size      : 18px;
            color          : var(--navbar-backbutton-color);
            cursor         : pointer;
            padding        : 0 14px;
        }
    }

    &__header {
        display    : flex;
        align-items: center;

        >.column {
            flex           : 1;
            display        : inline-flex;
            justify-content: center;
            align-items    : center;
            height         : var(--navbar-height);
            white-space    : nowrap;

            &--left>.column-block {
                margin-right: auto;
            }

            &--right>.column-block {
                margin-left: auto;
            }

            &--center {
                flex     : auto;
                font-size: 18px;
            }
        }
    }

    &__footer {
        &:empty {
            display: none;
        }
    }
}