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

$matcher_search_dropdown_width: 120px;
$matcher_search_input_width: 400px;
$matcher_chart_height: 400px;
$matcher_manage_input_width: 100px;

.Matcher-navigation {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;

}

.Matcher-chart {
    .Matcher-navigation + & {
        margin-top: $offset_main + 2px;
    }
}

.Matcher-manage,
.Matcher-exceptions {
    @include base-container(main);
}

.Matcher-navigation-button {
    & + & {
        margin-left: $offset_main;
    }

    &-arrow {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: $control_height_normal;
    }
}

.Matcher-search {
    margin-top: $offset_main * 3;
}

.Matcher-search-header {
    margin-bottom: $offset_main * 2;
    text-align: center;
}

.Matcher-search-dropdown {
    width: $matcher_search_dropdown_width;
}

.Matcher-search-input {
    width: $matcher_search_input_width;
}

.Matcher-matches-chart {
    margin-top: $offset_main;
}

.Matcher-matches-chart-wrapper {
    max-height: $matcher_chart_height;
    overflow: visible;
    overflow-y: auto;
}

.Matcher-return-button-container {
    margin-top: $offset_main * 2;
}

.Matcher-matcher {
    margin-top: $offset_main * 2;
}

.Matcher-manage-table {
    margin-top: $offset_main * 2;
}

.Matcher-manage-table-col {
    width: (100% / 3);
}

.Matcher-manage-info-item {
    display: inline-block;
    padding: $offset_main 0 0 $offset_main * 2;

    & + & {
        margin: 0;
    }
}

.Matcher-manage-input {
    width: $matcher_manage_input_width;
}

.Matcher-matches-table {
    min-width: 100%;
    table-layout: fixed;
    width: initial;
}

/* stylelint-disable selector-class-pattern */
.Matcher-matches-table-choose {
    width: 70px;
}

.Matcher-matches-table-type {
    width: 70px;
}

.Matcher-matches-table-trackpos {
    width: 85px;
}

.Matcher-navigation-item-hidden {
    opacity: 0;
    visibility: hidden;
}

/* stylelint-enable selector-class-pattern */
