@keyframes wc-skeleton-shimmer {
    to {
        transform: translateX(100%)
    }
}

.wc-block-product-filters {
    --top-padding: var(--wp-admin--admin-bar--height);
    display: inline-flex
}

@media(max-width:782px) {
    .wc-block-product-filters {
        --top-padding: var(--adminbar-mobile-padding, 0)
    }
}

.wc-block-product-filters .wc-block-product-filters__close-overlay,
.wc-block-product-filters .wc-block-product-filters__open-overlay {
    align-items: center;
    background: transparent;
    border: transparent;
    color: inherit;
    display: flex;
    font-size: .875em;
    padding: 0
}

.wc-block-product-filters .wc-block-product-filters__close-overlay svg,
.wc-block-product-filters .wc-block-product-filters__open-overlay svg {
    fill: currentColor
}

.wc-block-product-filters .wc-block-product-filters__close-overlay span,
.wc-block-product-filters .wc-block-product-filters__open-overlay span {
    padding: 0 5px
}

.wc-block-product-filters .wc-block-product-filters__open-overlay svg {
    height: var(--wc-product-filters-overlay-icon-size, 1.5em);
    width: var(--wc-product-filters-overlay-icon-size, 1.5em)
}

.wc-block-product-filters .wc-block-product-filters__overlay {
    background-color: transparent;
    inset: 0;
    pointer-events: none;
    position: fixed;
    top: var(--top-padding);
    transition: background-color .5s
}

.wc-block-product-filters .wc-block-product-filters__overlay-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.wc-block-product-filters .wc-block-product-filters__overlay-dialog {
    background-color: var(--wc-product-filters-overlay-background-color, var(--wc-product-filters-background-color, var(--wp--preset--color--base, #fff)));
    color: var(--wc-product-filters-overlay-text-color, var(--wc-product-filters-text-color, var(--wp--preset--color--base, #111)));
    display: flex !important;
    flex-direction: column;
    gap: var(--wp--preset--spacing--40);
    inset: 0;
    max-height: 100%;
    position: absolute;
    transform: translateY(100vh);
    transition: none
}

.wc-block-product-filters .wc-block-product-filters__overlay-header {
    display: flex;
    flex-flow: row-reverse;
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40) 0
}

.wc-block-product-filters .wc-block-product-filters__overlay-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--wc-product-filter-block-spacing, var(--wp--style--block-gap, 1.2rem));
    overflow-y: scroll;
    padding: 0 var(--wp--preset--spacing--40)
}

.wc-block-product-filters .wc-block-product-filters__overlay-content>:first-child {
    margin-top: 0
}

.wc-block-product-filters .wc-block-product-filters__overlay-footer {
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .102);
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40)
}

.wc-block-product-filters .wc-block-product-filters__apply {
    width: 100%
}

.wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay {
    background-color: rgba(95, 95, 95, .35);
    pointer-events: auto;
    z-index: 9999
}

.wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog {
    color: var(--wc-product-filters-overlay-color, inherit);
    transform: translateY(0);
    transition: transform .5s
}

@media(min-width:783px) {
    .wc-block-product-filters,
    .wc-block-product-filters.is-overlay-opened {
        display: flex !important;
    }

    .wc-block-product-filters .wc-block-product-filters__open-overlay,
    .wc-block-product-filters .wc-block-product-filters__overlay-footer,
    .wc-block-product-filters .wc-block-product-filters__overlay-header,
    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__open-overlay,
    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-footer,
    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-header {
        display: none !important
    }

    .wc-block-product-filters .wc-block-product-filters__overlay,
    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay {
        background: inherit !important;
        color: inherit !important;
        inset: 0 !important;
        pointer-events: auto !important;
        position: relative !important;
        transition: none !important
    }

    .wc-block-product-filters .wc-block-product-filters__overlay-wrapper,
    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-wrapper {
        background: inherit !important;
        color: inherit !important;
        height: auto !important;
        width: auto !important
    }

    .wc-block-product-filters .wc-block-product-filters__overlay-dialog,
    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog {
        background: inherit !important;
        color: inherit !important;
        position: relative !important;
        transform: none !important
    }

    .wc-block-product-filters .wc-block-product-filters__overlay-content,
    .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-content {
        background: inherit !important;
        color: inherit !important;
        flex-grow: 1 !important;
        overflow: visible !important;
        padding: 0 !important
    }
}

@media(max-width:782px) {
    .wc-block-product-filters .wc-block-product-filters__overlay-content .wp-block-group {
        display: block !important
    }

    .wc-block-product-filters .wc-block-product-filters__overlay-content .wp-block-group>div {
        margin: 20px 0 !important
    }
}

.wc-block-product-filter--hidden {
    display: none !important
}