.window-fixed-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1010;

    background-color: @color-f;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);

    &--in-window {
        position: absolute;
        border-bottom-left-radius: @radius;
        border-bottom-right-radius: @radius;
    }

    &--developer-mode {
        bottom: 36px;
    }

    &--top {
        top: 0;
        left: 0;
        bottom: auto;

        border: 0;
    }

    .window-content & {
        left: 0;
    }

    &__in {
        display: flex;
        width: @width-web;

        margin: 0 auto;
        max-width: 100%;

        .window-fixed-bar--type-alert & {
            background: @color-alert;
            color: @color-f;
            text-align: left;
        }

        .window-fixed-bar--top & {
            width: 100%;
            max-width: 100%;
            height: @height-fixed-bar-mobile;

            @media @query-md {
                height: @height-fixed-bar;
            }
        }
    }

    &__item {
        display: flex;
        min-height: @input-height + 4px;
        padding-left: 0;
        padding-right: 22px;
        flex: 1;
        align-items: center;

        .window-fixed-bar--top & {
            height: @height-fixed-bar-mobile;
            min-height: auto;

            @media @query-md {
                height: @height-fixed-bar;
            }
        }

        &:first-child {
            padding-left: 22px;
            border-left: none;
        }

        &:last-child {
            text-align: right;
        }

        &--1 {
            flex: 1;
        }

        &--2 {
            flex: 2;
        }

        &--3 {
            flex: 3;
        }

        &--4 {
            flex: 4;
        }

        &--5 {
            flex: 5;
        }

        &__cell {
            width: 100%;

            color: @color-blue;

            &__icon {
                position: relative;
                top: 1px;
                padding-right: 5px;
            }

            .window-fixed-bar--top & {
                color: @color-f;
                text-align: center;
            }
        }
    }
}