#tabBar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: @tabBar-height;
    border-top: 1px solid @lightGrey;
    background-color: @white;
    display: flex;
    z-index: 10;

    a {
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-right: 1px solid @lightGrey;
        color: #478396;
        padding: 4px 0;

        &:last-child {
            border-right: 0;
        }

        &.active {
            color: @turquoise;
            background: linear-gradient(to top,
                    @turquoise 0,
                    @turquoise 4px,
                    #f9fcff 4px,
                    #f9fcff 100%);

            svg g {
                fill: @turquoise;
            }
        }

        img {
            display: block;
        }

        svg {
            display: block;
        }

        span {
            display: block;
            font-size: 11px;
        }
    }
}