.search-result-with-sidebar {
    @include display-flex;

    position: relative;
    border-top: solid 1px #ccc;

    .sidebar-handler {
        position: absolute;
        left: 270px;
    }

    .sidebar {
        @include flex-shrink(0);
        @include flex-grow(0);
        padding-right: 30px;

        &.open {
            @include flex-basis(300px);
        }

        &.closed {
            overflow: hidden;
            opacity: 0;
            @include flex-basis(0);
        }
    }
    .search-result {
        @include flex(1);

        .search-count {
            font-style: italic;
            margin-right: 5px;
        }

        .header{
            height: 34px;
            margin: 5px;
        }
    }
    .search-result, .sidebar {
        transition: all 0.2s linear;
    }
    &.no-sidebar {
        .sidebar-handler {
            position: absolute;
            left: 10px;
        }
        .search-result {
            margin-left: 30px;
            border-left: solid 1px #ccc;
        }
    }
    &.with-sidebar {
        .search-result {
            border-left: solid 1px #ccc;
        }
    }
}

.search-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}