

.feedback-page
.feedback-toolbar
> .yash-area-filter-tabs {
    flex: 1 1 100%;
    min-width: 0;
    display: flex !important;
    align-items: center;
    gap: 2px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

.feedback-page
.feedback-toolbar
> .yash-area-filter-tabs::-webkit-scrollbar {
    display: none;
}

.feedback-page
.yash-area-filter-tab {
    flex: 0 0 auto;
    white-space: nowrap;
}

.feedback-page
.yash-area-filter-tab[aria-pressed="true"],
.feedback-page
.yash-area-filter-tab.is-active {
    color: #d59655 !important;
    border-bottom-color: #d59655 !important;
    background: rgba(126, 81, 40, 0.12) !important;
}

.feedback-page
.yash-area-filter-divider {
    flex: 0 0 1px;
    width: 1px;
    height: 26px;
    margin: 0 8px;
    background: rgba(151, 91, 39, 0.34);
}





.feedback-page
.feedback-language-tabs:not(.yash-area-filter-tabs) {
    display: none !important;
}

.feedback-page
[data-feedback-language-filter] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.feedback-page
label:has(> [data-feedback-language-filter]),
.feedback-page
label:has([data-feedback-language-filter]) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

@media (max-width: 900px) {
    .feedback-page
    .feedback-toolbar
    > .yash-area-filter-tabs {
        order: 1;
        flex-basis: 100%;
    }

    .feedback-page
    .feedback-toolbar__actions,
    .feedback-page
    .feedback-commandbar-right {
        order: 2;
    }
}


.feedback-page
.feedback-toolbar.feedback-forum-commandbar
> .feedback-language-tabs:not(.yash-area-filter-tabs) {
    display: none !important;
}


.feedback-page
.yash-area-filter-tabs
[data-yash-language-filter="SV"] {
    display: none !important;
}


.feedback-page
.yash-testing-commandbar {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 14px !important;

    width: 100% !important;
    min-width: 0 !important;
}


.feedback-page
.yash-testing-commandbar
> .yash-area-filter-tabs {
    display: flex !important;

    flex: 1 1 auto !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none;
}


.feedback-page
.yash-testing-commandbar
> .yash-area-filter-tabs::-webkit-scrollbar {
    display: none;
}


.feedback-page
.yash-testing-commandbar
> .yash-area-filter-tabs
> .yash-area-filter-tab {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: max-content !important;

    white-space: nowrap !important;
}


.feedback-page
.yash-testing-commandbar
> .feedback-commandbar-right {
    display: flex !important;

    flex: 0 0 auto !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;

    width: auto !important;
    min-width: max-content !important;

    margin-left: auto !important;
}


.feedback-page
.yash-testing-native-language {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(
        0,
        0,
        0,
        0
    ) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


.feedback-page
.yash-testing-commandbar
.feedback-search {
    flex: 0 0 auto !important;
}


.feedback-page
.yash-testing-commandbar
.feedback-search
input[type="search"] {
    width: clamp(
        150px,
        12vw,
        220px
    ) !important;
}


.feedback-page
.yash-testing-commandbar
[data-feedback-refresh],
.feedback-page
.yash-testing-commandbar
[data-yash-create-link] {
    flex: 0 0 auto !important;

    white-space: nowrap !important;
}


@media (max-width: 1100px) {
    .feedback-page
    .yash-testing-commandbar {
        flex-wrap: wrap !important;
    }


    .feedback-page
    .yash-testing-commandbar
    > .yash-area-filter-tabs {
        flex-basis: 100% !important;
    }


    .feedback-page
    .yash-testing-commandbar
    > .feedback-commandbar-right {
        width: 100% !important;
        min-width: 0 !important;
    }
}






.yash-testing-commandbar {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 14px !important;

    width: 100% !important;
    min-width: 0 !important;
}






.yash-testing-commandbar
> .yash-area-filter-tabs {
    display: flex !important;

    flex: 1 1 auto !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 8px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none !important;
}


.yash-testing-commandbar
> .yash-area-filter-tabs::-webkit-scrollbar {
    display: none !important;
}


.yash-testing-commandbar
> .yash-area-filter-tabs
> .yash-area-filter-tab {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;

    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;

    white-space: nowrap !important;
}





.yash-testing-commandbar
> .yash-area-filter-tabs
> .yash-area-filter-divider {
    flex: 0 0 auto !important;
}










.yash-testing-native-language {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}






.yash-testing-commandbar
> .feedback-commandbar-right {
    display: flex !important;

    flex: 0 0 auto !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 8px !important;

    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;

    margin-left: auto !important;
    padding-left: 0 !important;
}







.yash-testing-commandbar
> .feedback-commandbar-right
> .feedback-search {
    order: 1 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
}


.yash-testing-commandbar
> .feedback-commandbar-right
> [data-feedback-refresh] {
    order: 2 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
}


.yash-testing-commandbar
> .feedback-commandbar-right
> [data-yash-create-link] {
    order: 3 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;

    white-space: nowrap !important;
}






.yash-testing-commandbar
.feedback-search {
    display: flex !important;

    align-items: center !important;

    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
}


.yash-testing-commandbar
.feedback-search
input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
}






.yash-testing-commandbar
[data-feedback-refresh],
.yash-testing-commandbar
[data-yash-create-link] {
    flex-shrink: 0 !important;

    white-space: nowrap !important;
}






@media (max-width: 1100px) {

    .yash-testing-commandbar {
        flex-wrap: wrap !important;
    }


    .yash-testing-commandbar
    > .yash-area-filter-tabs {
        flex: 1 1 100% !important;

        width: 100% !important;
    }


    .yash-testing-commandbar
    > .feedback-commandbar-right {
        flex: 1 1 100% !important;

        width: 100% !important;
        min-width: 0 !important;

        justify-content: flex-end !important;
    }
}


@media (max-width: 700px) {

    .yash-testing-commandbar
    > .feedback-commandbar-right {
        overflow-x: auto !important;

        justify-content: flex-start !important;

        scrollbar-width: none !important;
    }


    .yash-testing-commandbar
    > .feedback-commandbar-right::-webkit-scrollbar {
        display: none !important;
    }
}






.yash-testing-commandbar--dense {
    gap: 8px !important;
}






.yash-testing-commandbar--dense
> .yash-area-filter-tabs {
    gap: 5px !important;

    padding-right: 2px !important;
}






.yash-testing-commandbar--dense
> .yash-area-filter-tabs
> .yash-area-filter-tab {
    flex: 0 0 auto !important;

    width: auto !important;

    padding-left: 12px !important;
    padding-right: 12px !important;

    min-width: max-content !important;
    max-width: none !important;

    overflow: visible !important;

    white-space: nowrap !important;
}






.yash-testing-commandbar--dense
[data-yash-language-filter="DE"],
.yash-testing-commandbar--dense
[data-yash-language-filter="EN"] {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    width: auto !important;

    min-width: 98px !important;
    max-width: none !important;

    overflow: visible !important;

    white-space: nowrap !important;
}







.yash-testing-commandbar--dense
[data-yash-language-filter="DE"]
> span:not(.feedback-language-flag),
.yash-testing-commandbar--dense
[data-yash-language-filter="EN"]
> span:not(.feedback-language-flag) {
    display: inline !important;

    visibility: visible !important;

    opacity: 1 !important;

    width: auto !important;
    max-width: none !important;

    overflow: visible !important;

    white-space: nowrap !important;
}






.yash-testing-commandbar--dense
> .feedback-commandbar-right {
    gap: 6px !important;

    margin-left: auto !important;

    flex: 0 0 auto !important;
}










.yash-testing-commandbar--dense
.feedback-search {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;

    flex: 0 0 150px !important;
}


.yash-testing-commandbar--dense
.feedback-search
input[type="search"] {
    width: 100% !important;

    min-width: 0 !important;
    max-width: 100% !important;
}






.yash-testing-commandbar--dense
[data-feedback-refresh],
.yash-testing-commandbar--dense
[data-yash-create-link] {
    flex: 0 0 auto !important;

    white-space: nowrap !important;
}







@media (min-width: 1101px) {

    .yash-testing-commandbar--dense
    > .yash-area-filter-tabs {
        flex: 1 1 auto !important;

        min-width: 0 !important;
    }


    .yash-testing-commandbar--dense
    > .feedback-commandbar-right {
        flex: 0 0 auto !important;

        min-width: max-content !important;
    }
}






.feedback-forum-commandbar
> .feedback-commandbar-right {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 10px !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: max-content !important;

    margin-left: auto !important;
}






.feedback-forum-commandbar
> .feedback-commandbar-right
> .feedback-search {
    order: 1 !important;

    flex: 0 0 auto !important;

    margin-left: auto !important;
}


.feedback-forum-commandbar
> .feedback-commandbar-right
> [data-yash-create-link] {
    order: 2 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;

    white-space: nowrap !important;
}






.yash-testing-commandbar
> .feedback-commandbar-right {
    margin-left: auto !important;
}





.yash-testing-commandbar
> .feedback-commandbar-right
> .feedback-search {
    margin-left: auto !important;
    margin-right: 0 !important;
}


.yash-testing-commandbar
> .feedback-commandbar-right
> [data-yash-create-link] {
    margin-left: 0 !important;
}






.yash-testing-commandbar--dense
> .feedback-commandbar-right {
    margin-left: auto !important;
}


.yash-testing-commandbar--dense
> .feedback-commandbar-right
> .feedback-search {
    margin-left: auto !important;
}






@media (max-width: 1100px) {

    .feedback-forum-commandbar
    > .feedback-commandbar-right {
        width: 100% !important;
        min-width: 0 !important;

        justify-content: flex-end !important;
    }
}


@media (max-width: 700px) {

    .feedback-forum-commandbar
    > .feedback-commandbar-right {
        overflow-x: auto !important;

        justify-content: flex-start !important;

        scrollbar-width: none !important;
    }


    .feedback-forum-commandbar
    > .feedback-commandbar-right::-webkit-scrollbar {
        display: none !important;
    }
}
