/*! @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 */
.filterModal-root-6nn {
    --borderColor: var(--venia-global-color-border);

    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 61;


    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
    width: 100%;
    background-color: var(--color-white);
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
    transition-duration: 192ms;
    transition-timing-function: var(--venia-global-anim-out);
    transition-property: opacity, transform, visibility;
}

.filterModal-root_open-eMX {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);
    visibility: visible;
}

.filterModal-body-ppF {
    overflow: auto;
    overscroll-behavior: contain;
}

.filterModal-header-G46 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1rem;

    background-color: #fff;
}

.filterModal-headerTitleWrp-B8o {
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
}

.filterModal-headerTitle-prJ {
    /* font-size: var(--hershortt-global-fontSize-100);
    font-weight: var(--hershortt-global-fontWeight-semibold); */
    text-align: center;
}

.filterModal-headerTitleCount-ZtC {
    margin-left: 0.5rem;
}

.filterModal-closeBtn-y2L {
    outline: none;
}

.filterModal-actionBtn-Ozd {
    padding: 0.125rem 0.5rem;

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

.filterModal-actionBtn-Ozd span {
    -moz-column-gap: 0;
         column-gap: 0;
}

.filterModal-blocks-Qga {
    background-color: var(--color-white);
}

@media (max-width: 1023px) {
    .filterModal-blocks-Qga {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.filterFooter-root-Ozj {
    position: relative;

    display: grid;
    align-items: center;
    justify-items: center;
    align-content: center;
    row-gap: 0.25rem;
    padding-top: 1rem;
}

.filterFooter-root-Ozj [class*="button-root"] {
    width: 100%;
}

.filterFooter-root-Ozj [class*="button-content"] {
    gap: 0.5rem;
}

.filterFooter-root_standalone-W6F {
    padding-bottom: 2rem;
}