/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.4.0, @magento/upward-security-headers: ~1.0.16, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.5.3, @magento/peregrine: ~14.3.1, @magento/pagebuilder: ~9.3.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.5.0 */
.filterBlock-root-w9L {
    display: flex;
    align-items: center;
    padding: 0.75rem 0.5rem 0.75rem 1rem;
    /* margin-bottom: 0.5rem; */

    background-color: var(--color-white);

    border-style: solid;
    border-bottom: 1px solid var(--color-grey-light);
}

@media (min-width: 768px) {
    .filterBlock-root-w9L {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
        background-color: var(--color-grey-secondary);
        border-width: 1.5px;
        border-color: transparent;
    }

    .filterBlock-root-w9L:hover {
        background-color: var(--color-white);
        border-color: var(--color-grey-shade);
    }
    .filterBlock-root-w9L {
        position: relative;
    }
}

.filterBlock-rootCount-v6- {
    background-color: var(--color-white);
    border-color: var(--color-grey-light);
}

.filterBlock-rootOpened-YHB {
    background-color: var(--color-white);
    border-color: var(--color-grey-shade);
}

.filterBlock-header-R-f {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
         column-gap: 4px;
    min-height: 1rem;
}

@media (max-width: 768px) {
    .filterBlock-trigger-8AR {
        width: 100%;
    }

    .filterBlock-header-R-f {
        justify-content: space-between;
    }
}

.filterBlock-name-vXD {
    font-weight: 700;
    font-size: 0.875rem;
    text-align: left;
}

.filterBlock-searchInput-Hnm {

    border-radius: 6.25rem;
    border-color: var(--color-grey-secondary);
    background-color: var(--color-grey-secondary);
}

.filterBlock-searchInput-Hnm::-moz-placeholder {
    color: var(--color-grey-classic);
}

.filterBlock-searchInput-Hnm::placeholder {
    color: var(--color-grey-classic);
}

.filterBlock-countContainer-hVM {
    display: flex;
    align-items: center;
}

.filterBlock-countWrp-dts {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    min-width: 20px;
    padding: 0.375rem;

    border-radius: 6.25rem;
    background-color: var(--color-grey-shade);
}

.filterBlock-count-Nhf {
    overflow: visible;

    font-weight: 700;
    font-size: 14px;
    line-height: 1.25rem;
    color: var(--color-white);
}

.filterBlock-countWrp-dts:after {
    content: '';
    display: block;

    /* Ensure the element is a square */
    height: 0;
    width: 100%;
    padding-bottom: 100%;
}

@media (max-width: 767px) {
    .filterBlock-list---v {
        position: fixed;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
    }
}

@media (min-width: 768px) {
    .filterBlock-list---v {
        position: absolute;
        z-index: 13;
        top: calc(100% + 2px);
        left: -1.5px;
        width: 340px;
        padding: 0.5rem 0.5rem 0 0.5rem;

        background-color: var(--color-white);
        box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
    }
}

.filterBlock-list---v:empty {
    display: none;
}

.filterBlock-listExpanded-y1y {
    padding: 0;
}

.filterBlock-listExpandedRight-1jp {

    right: -1px;
    left: auto;
}

.filterBlock-list_collapsed-t-O {

    opacity: 0;
    visibility: hidden;
}

@media (max-width: 767px) {
    .filterBlock-listInner-sXo {
        padding-top: 6.5rem;
        padding-bottom: 3rem;
        max-height: 100%;
        box-sizing: border-box;
        overflow: auto;
        height: 100vh;
        overscroll-behavior: contain;
    }
}

.filterBlock-searchInputWrp-0ZD {
    padding: 0.5rem;
    border-bottom: 1px solid var(--color-grey-secondary);
}

@media (min-width: 768px) {
    .filterBlock-toolbarHeader-54s,
    .filterBlock-submitToolbar-W0p {
        display: none;
    }

    .filterBlock-submitToolbar_standalone-6OB {
        display: none;
    }
}

@media (max-width: 767px) {
    .filterBlock-toolbar-hfJ {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 11;

        padding: 1.25rem 1rem 0;

        background-color: #fff;
    }

    .filterBlock-toolbarHeader-54s {
        display: flex;
        align-items: center;
        -moz-column-gap: 1rem;
             column-gap: 1rem;
    }

    .filterBlock-toolbarBack-96y {
        width: 1.5rem;
        height: 1.5rem;
    }

    .filterBlock-submitToolbar-W0p {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;

        display: flex;
        justify-content: center;
        padding-top: 1rem;

        background-color: #fff;
    }

    .filterBlock-submitToolbar-W0p [class*="button-root"] {
        width: 100%;
    }

    .filterBlock-submitToolbar_standalone-6OB {
        padding-bottom: 2rem;
    }
}

.filterBlock-searchInputField-nZE {

    border-radius: 6.25rem;
    border-color: var(--color-grey-secondary);
    background-color: var(--color-grey-secondary);
}

.filterBlock-searchInputField-nZE::-moz-placeholder {
    color: var(--color-grey-classic);
}

.filterBlock-searchInputField-nZE::placeholder {
    color: var(--color-grey-classic);
}

.filterSlider-priceSliderWrp-cV3 {
}

.filterSlider-priceSliderHeader-0eK {
    padding: 1.5rem 1rem 0 1rem;
}

.filterSlider-priceSlider-B1- {
    margin-bottom: .8rem;
}

.noUi-handle {
    box-shadow: none !important;
}

.noUi-handle:before {
    display: none !important;
}

.noUi-handle:after {
    display: none !important;
}

.noUi-horizontal .noUi-handle {
    width: 22px !important;
    height: 22px !important;
    top: -8px !important;
    border-radius: 50%;
}

.noUi-handle.noUi-handle-lower {
    right: -22px !important;
}

.noUi-handle.noUi-handle-upper {
    right: 0 !important;
}

.noUi-horizontal {
    height: 5px !important;
}

.noUi-connect {
    background: var(--color-blue-dark) !important;
}

.noUi-handle {
    border: 1px solid var(--color-blue-dark) !important;
    border-radius: 3px;
    background: #FFF;
    box-shadow: none !important;
}

.noUi-handle:hover {
    cursor: pointer;
}

.noUi-target {
    background: rgba(0, 0, 0, 0.1) !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.filterSlider-priceSliderValues-Fho {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}

.filterSlider-priceSliderFieldMin-T1e input {
    border-right: none;
}

.filterSlider-btnsWrp-zmY {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--color-grey-secondary);
}

.filterSlider-resetBtn-SGI {
    border: none;
}

.filterSlider-resetBtn-SGI:hover span,
.filterSlider-resetBtn-SGI:focus span,
.filterSlider-resetBtn-SGI:active span {
    color: var(--color-grey-shade);
}

.filterSlider-submitBtn-BGZ {
}

.filterList-items-i8N {
    display: grid;
    gap: 1rem;
    grid-template-columns: 100%;
    padding: 1rem;
}

.filterList-itemHidden-rqO {
    display: none;
}

.filterList-showMoreLessItem-vLb {
    padding-left: 3px;
}

.filterList-showMoreLessButton-7Jd {
    font-size: 14px;
    text-decoration: underline;
}

.filterList-showMoreLessButton-7Jd:hover {
    text-decoration: none;
}

.filterList-item-ZyY {
    display: flex;
    align-items: center;
}

.filterList-itemHidden-rqO {
    display: none;
}

.filterList-count-6wO {
    margin-left: 0.5rem;
    color: var(--color-grey-lightest);
}

.filterList-showMoreLessButton-7Jd {

    font-weight: var(--global-fontWeight-bold);
    color: (var(--color-grey-dark));
    text-decoration: none;

    transition-duration: var(--global-transition-duration);
    transition-property: color, opacity;
    transition-timing-function: var(--global-anim-standard);
}

.filterList-toggleMoreFilters-Z0D span {
    -moz-column-gap: 0;
         column-gap: 0;
}

.filterList-showMoreLessButton-7Jd:hover,
.filterList-showMoreLessButton-7Jd:active,
.filterList-showMoreLessButton-7Jd:focus,
.filterList-root-oiW:focus-visible {
    color: var(--color-grey-shade);
    outline: none;
}

.filterList-showMoreLessButtonOpened-hoZ {
}

.filterList-showMoreLessItemIconOpened-eq5 {
    transform: rotate(180deg);
    transition-duration: var(--global-transition-duration);
    transition-timing-function: var(--global-anim-standard);
}

.filterList-btnsWrp-ynT {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--color-grey-secondary);
}

.filterList-resetBtn-SnI {
}

.filterList-resetBtn-SnI:hover span,
.filterList-resetBtn-SnI:focus span,
.filterList-resetBtn-SnI:active span {
    color: var(--color-grey-shade);
}

.filterList-submitBtn-w-A {
}


.linkButton-root-QwB {
    color: var(--color-grey-dark);
    font-weight: var(--global-fontWeight-semiBold);
    text-decoration: none;
}

.linkButton-root-QwB :hover {
    text-decoration: underline;
    color: var(--color-red-secondary);
}

.currentFilters-root-KYZ {
    display: flex;
    gap: 1rem;
    padding-top: 1rem;
}

@media (max-width: 767px) {
    .currentFilters-root-KYZ {
        padding: 1rem;
        background-color: var(--color-grey-secondary);
        overflow: auto;
    }
}

@media (min-width: 768px) {
    .currentFilters-root-KYZ {
        width: 100%;
        flex-wrap: wrap;
    }
}

/* TODO @TW: cannot compose */
.currentFilters-root-KYZ:empty {
    display: none;
}

.currentFilters-item-9OB {
    white-space: nowrap;
}

.currentFilter-root-7dJ {
    display: flex;
    align-items: center;
    min-height: 1.5rem;
    padding: 0.125rem 0.5rem;

    background-color: var(--color-grey-shade);

    font-weight: var(--global-fontWeight-bold);
    color: var(--color-white);
}

.currentFilter-root-7dJ svg {
    stroke: var(--color-white);
}

/* TODO @TW: cannot compose */
.currentFilter-root-7dJ svg:hover {
    stroke: var(--color-red-secondary);
}

.currentFilter-text-PeX {
}

@media (max-width: 767px) {
    .currentFilter-text-PeX {
        font-size: 0.875rem;
    }
}