@import "../variables";
@import "../mixins";

$area_select_width: 230px;
$area_add_width: 110px;
$query_input_width: 400px;
$book_query_input_width: 450px;

.MainSearch-item {
    display: inline-block;
    vertical-align: top;

    & + & {
        margin-left: $offset_main;
    }
}

.MainSearch-item-label,
.MainSearch-item-control {
    display: inline-block;
    vertical-align: middle;
}

.MainSearch-item-label {
    margin-right: $offset_main;

    @include label;
}

.MainSearch-area-select {
    width: $area_select_width;
}

.MainSearch-add-select {
    width: $area_add_width;
}

.MainSearch-query-input {
    width: $query_input_width;
}

.BookSearch-query-input {
    width: $book_query_input_width;
}