@property --meili-scrim-shown {
    syntax: '<number>';
    inherits: false;
    initial-value: 1;
}

[data-meili][hidden] {
    display: none !important;
}

[data-meili="page"],
[data-meili="previous"],
[data-meili="next"],
[data-meili="reset"],
[data-meili="apply"],
[data-meili="sort-trigger"],
[data-meili="sort-option"],
[data-meili="input"],
[data-meili="more"],
[data-meili="toggle"],
[data-meili="active-value"],
[data-meili="drawer-open"],
[data-meili="drawer-show-more"],
button[data-meili="drawer-close"],
[data-meili="listing-search-clear"],
[data-meili="sort-choice"] {
    cursor: pointer;
}

[data-listing] {
    --meili-edge: color-mix(in srgb, currentColor 25%, transparent);
    --meili-rule: color-mix(in srgb, currentColor 12%, transparent);
    --meili-tint: color-mix(in srgb, currentColor 8%, transparent);
    --meili-press: color-mix(in srgb, currentColor 14%, transparent);
    --meili-muted: color-mix(in srgb, currentColor 60%, transparent);
    --meili-surface: Canvas;
    --meili-ease: cubic-bezier(0.23, 1, 0.32, 1);
    --meili-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
    --meili-ease-resize: cubic-bezier(0.25, 1, 0.5, 1);
    --meili-ease-content: cubic-bezier(0.26, 0.08, 0.25, 1);
    --meili-duration-resize: 270ms;
    --meili-duration-content: 270ms;
    --meili-duration-drawer-in: 350ms;
    --meili-duration-drawer-out: 250ms;
    --meili-duration-fade: 150ms;
    --meili-duration-panel-in: 180ms;
    --meili-duration-panel-out: 120ms;
    --meili-duration-hover: 150ms;
    --meili-duration-press: 150ms;
    --meili-duration-press-pill: 120ms;
    --meili-duration-chevron: 160ms;
    --meili-duration-list: 160ms;
    --meili-duration-pop-in: 200ms;
    --meili-duration-pop-out: 150ms;
    --meili-duration-busy-delay: 150ms;
    --meili-duration-settle: 120ms;
    --meili-busy-opacity: 0.55;
    --meili-scrim: color-mix(in srgb, CanvasText 50%, transparent);
    --meili-card: 15em;
    --meili-ui: 0.875rem;
    --meili-control: 3rem;
    --meili-control-min: 0px;
    --meili-field-font-min: 1rem;
    --meili-pill: 999px;
    --meili-radius: 0.25em;
    --meili-line: 1.5rem;
    --meili-control-inline: 1.5rem;
    --meili-layer: 10;
    --meili-layer-drawer: 100;
    --meili-bar-gap: 0.5rem;
    --meili-section-gap: 1.5rem;
    --meili-section-step: 1rem;
    --meili-row-gap: 0.5rem;
    --meili-drawer-gutter: 2rem;
    --meili-drawer-block: 2.5rem;
    --meili-panel-min: 18rem;
    --meili-panel-max: 28rem;
    --meili-panel-price: 20rem;
    --meili-side-sheet-width: 26rem;
    --meili-listing-search-min: 12rem;
    --meili-listing-search-width: 18rem;
}

[data-meili="sort"],
[data-meili="listing-search"],
[data-meili="facet"],
[data-meili="facets"],
[data-meili="pagination"],
[data-meili="reset"],
[data-meili="active-filters"],
[data-meili="total"],
[data-meili="active-values"],
[data-meili="sort-choices"],
[data-meili="drawer"],
[data-meili="drawer-open"],
[data-meili="drawer-show-more"] {
    font-size: var(--meili-ui);
}

[data-meili="total"] {
    margin: 0;
    font-variant-numeric: tabular-nums;
}

[data-meili="facets"],
[data-meili="drawer-body"] > [data-meili="facet"]:not(:has(~ [data-meili="facet"]:not([hidden]))) {
    padding-bottom: var(--meili-section-gap);
}

[data-meili="listing-search"] {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

[data-meili="listing-search-input"] {
    box-sizing: border-box;
    flex: 1;
    min-width: 0;
    min-height: max(var(--meili-control), var(--meili-control-min));
    margin: 0;
    padding-block: 0;
    padding-inline: var(--meili-control-inline) max(var(--meili-control), var(--meili-control-min));
    border: 1px solid var(--meili-edge);
    border-radius: var(--meili-pill);
    background: transparent;
    color: inherit;
    font: inherit;
    transition: border-color var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="listing-search-input"]::-webkit-search-decoration,
[data-meili="listing-search-input"]::-webkit-search-cancel-button {
    appearance: none;
}

[data-meili="listing-search-input"]:focus-visible {
    border-color: currentColor;
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

[data-meili="listing-search-clear"] {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: max(var(--meili-control), var(--meili-control-min));
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--meili-pill);
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 1;
    transition: background-color var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="listing-search-clear"]:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -4px;
}

[data-meili="listing-search-clear"]:active {
    background: var(--meili-press);
}

[data-meili="facet"],
[data-meili="sort-choices"] {
    margin: 0 0 1.5em;
    padding: 0;
    border: 0;
}

[data-meili="facet"] legend,
[data-meili="sort-choices"] legend {
    padding: 0;
    font-weight: 600;
}

[data-meili="facet"] ul,
[data-meili="sort-choices"] ul {
    margin: 0.5em 0 0;
    padding: 0;
    list-style: none;
}

[data-meili="facet-value"] label,
[data-meili="sort-choices"] li > label {
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin: 0 -0.4em;
    padding: 0.25em 0.4em;
    border-radius: var(--meili-radius);
    transition: background-color var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="input"]:focus-visible,
[data-meili="sort-choice"]:focus-visible,
[data-meili="toggle"]:focus-visible,
[data-meili="drawer-open"]:focus-visible,
[data-meili="drawer-show-more"]:focus-visible,
button[data-meili="drawer-close"]:focus-visible,
[data-meili="apply"]:focus-visible,
[data-meili="reset"]:focus-visible,
[data-meili="page"]:focus-visible,
[data-meili="previous"]:focus-visible,
[data-meili="next"]:focus-visible,
[data-meili="more"]:focus-visible,
[data-meili="active-value"]:focus-visible,
[data-meili="sort-trigger"]:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

[data-meili="input"],
[data-meili="sort-choice"] {
    flex: none;
    align-self: flex-start;
    font-size: var(--meili-ui);
    width: 1em;
    height: 1em;
    margin: calc((1lh - 1em) / 2 - 0.14em) 0 0;
    accent-color: currentColor;
}

:is([data-meili="facets"], [data-meili="drawer-body"]) > [data-meili="facet"]:not(:has(~ [data-meili="facet"]:not([hidden]))) {
    margin-bottom: 1em;
}

[data-meili="count"] {
    margin-left: auto;
    padding-left: 0.75em;
    font-size: 0.9em;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    color: var(--meili-muted);
}

[data-meili="more"] {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    margin: 0.5em -0.4em 0;
    padding: 0.25em 0.4em;
    border: 0;
    border-radius: var(--meili-radius);
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: var(--meili-ui);
    font-weight: 600;
    transition: background-color var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="facet"][data-presentation="pill"] ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

[data-meili="facet"][data-presentation="pill"] [data-meili="facet-value"] label {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    min-height: max(var(--meili-control), var(--meili-control-min));
    margin: 0;
    padding: 0 0.85em;
    border: 1px solid var(--meili-edge);
    border-radius: var(--meili-pill);
    line-height: 1;
    cursor: pointer;
    font-variant-numeric: tabular-nums;
    transition:
        background-color var(--meili-duration-hover) var(--meili-ease),
        border-color var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="facet"][data-presentation="pill"]:has([data-meili="toggle"]) [data-meili="facet-value"] label {
    border-color: currentColor;
    transition:
        background-color var(--meili-duration-hover) var(--meili-ease),
        border-color var(--meili-duration-hover) var(--meili-ease),
        transform var(--meili-duration-press-pill) var(--meili-ease);
}

[data-meili="facet"][data-presentation="pill"] [data-meili="input"],
[data-meili="facet"][data-presentation="pill"] [data-meili="count"],
[data-meili="toggle"] :has(> [data-meili="sort-chosen"]),
[data-meili="sort"] > label,
.meilifacetsHidden,
[data-meili="total-status"] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

[data-meili="facet"][data-presentation="pill"] [data-meili="facet-value"] label:has(:focus-visible) {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

[data-meili="facets"]:has([data-meili="toggle"]) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--meili-bar-gap);
    padding-bottom: 0;
}

[data-meili="facets"]:has([data-meili="toggle"]) > [data-meili="apply"],
[data-meili="drawer-body"] > [data-meili="facet"]:has([data-meili="toggle"]) ~ [data-meili="apply"] {
    margin-top: var(--meili-section-gap);
}

:is([data-meili="facet"], [data-meili="sort-choices"]):has([data-meili="toggle"]) {
    position: relative;
    box-sizing: border-box;
    flex: 1 1 100%;
    width: 100%;
    margin: 0;
    padding: var(--meili-section-gap) 0;
}

:is([data-meili="facets"] > :is([data-meili="facet"], [data-meili="sort-choices"]), [data-meili="drawer-body"] > [data-meili="facet"]):has([data-meili="toggle"]):not(:is([data-meili="facet"], [data-meili="sort-choices"]):not([hidden]) ~ *),
[data-meili="sort-choices"]:has([data-meili="toggle"]):first-child {
    padding-top: 0;
}

[data-meili="sort-choices"]:has([data-meili="toggle"]) + [data-meili="facets"],
[data-meili="sort-choices"]:has([data-meili="toggle"]) ~ [data-meili="facet"]:has([data-meili="toggle"]) {
    padding-top: var(--meili-section-gap);
    border-top: 1px solid var(--meili-rule);
}

:is([data-meili="facets"] > :is([data-meili="facet"], [data-meili="sort-choices"]), [data-meili="drawer-body"] > [data-meili="facet"]):has([data-meili="toggle"]):not(:has(~ :is([data-meili="facet"], [data-meili="sort-choices"]):not([hidden]))) {
    margin-bottom: 0;
    padding-bottom: 0;
}

[data-meili="facet"]:not([hidden]) ~ :is([data-meili="facet"], [data-meili="sort-choices"]):has([data-meili="toggle"]) {
    border-top: 1px solid var(--meili-rule);
}

:is([data-meili="facet"], [data-meili="sort-choices"]):has([data-meili="toggle"]) > legend {
    float: left;
    width: 100%;
}

[data-meili="toggle"] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-sizing: border-box;
    width: calc(100% + 0.8em);
    min-height: max(var(--meili-control), var(--meili-control-min));
    margin: calc((var(--meili-line) - max(var(--meili-control), var(--meili-control-min))) / 2) -0.4em;
    padding: 0 0.4em;
    border: 0;
    border-radius: var(--meili-radius);
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: var(--meili-ui);
    font-weight: 600;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
    transition:
        color var(--meili-duration-hover) var(--meili-ease),
        background-color var(--meili-duration-hover) var(--meili-ease),
        border-color var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="drawer-open"],
[data-meili="drawer-show-more"] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    box-sizing: border-box;
    min-height: max(var(--meili-control), var(--meili-control-min));
    padding: 0 var(--meili-control-inline);
    border: 1px solid var(--meili-edge);
    border-radius: var(--meili-pill);
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: var(--meili-ui);
    line-height: 1;
    transition:
        background-color var(--meili-duration-hover) var(--meili-ease),
        border-color var(--meili-duration-hover) var(--meili-ease),
        transform var(--meili-duration-press) var(--meili-ease);
}

[data-meili="toggle"]::after {
    content: '';
    width: 0.4em;
    height: 0.4em;
    margin-right: 0.15em;
    margin-left: auto;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: translateY(-0.15em) rotate(45deg);
    transition: transform var(--meili-duration-chevron) var(--meili-ease);
}

[data-meili="toggle"][aria-expanded="true"] {
    border-color: currentColor;
}

[data-meili="toggle"][aria-expanded="true"]::after {
    transform: translateY(0.1em) rotate(-135deg);
}

[data-meili="drawer-open"],
[data-meili="drawer-show-more"],
.meilifacetsDrawerHead,
.meilifacetsDrawerHandle {
    display: none;
}

.meilifacetsDrawerIcon {
    display: inline-flex;
    flex: none;
}

[data-meili="drawer-title"] {
    margin: 0;
    font-size: 1em;
    font-weight: 600;
}

[data-meili="drawer-title"]:focus:not(:focus-visible) {
    outline: 0;
}

button[data-meili="drawer-close"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: max(var(--meili-control), var(--meili-control-min));
    height: max(var(--meili-control), var(--meili-control-min));
    margin: calc((var(--meili-line) - max(var(--meili-control), var(--meili-control-min))) / 2);
    padding: 0;
    border: 0;
    border-radius: var(--meili-pill);
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 1.25em;
    line-height: 1;
    transition:
        background-color var(--meili-duration-hover) var(--meili-ease),
        transform var(--meili-duration-press) var(--meili-ease);
}

button[data-meili="drawer-close"]:active {
    transform: scale(0.75);
}

[data-meili="selected-count"],
[data-meili="drawer-open"] [data-meili="active-count"],
[data-meili="apply"] [data-meili="active-count"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 1.5em;
    height: 1.5em;
    padding: 0 0.3em;
    border-radius: var(--meili-pill);
    background: CanvasText;
    line-height: 1;
    color: Canvas;
    font-size: 0.85em;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

[data-meili="panel"] {
    clear: both;
    box-sizing: border-box;
    padding: var(--meili-section-step) 0 0;
    transform-origin: top center;
    transition:
        opacity var(--meili-duration-content) var(--meili-ease-content),
        transform var(--meili-duration-content) var(--meili-ease-content),
        display var(--meili-duration-content) allow-discrete;
}

[data-meili="panel"][hidden] {
    opacity: 0;
    transform: scale(0.96);
}

[data-meili="panel"] ul {
    margin-top: 0;
}

:is([data-meili="facet"], [data-meili="sort-choices"]):not([data-presentation]) [data-meili="panel"] ul {
    margin: calc(var(--meili-row-gap) / -2) 0;
}

:is([data-meili="facet"], [data-meili="sort-choices"]):not([data-presentation]) [data-meili="panel"] li > label {
    margin: 0 -0.4em;
    padding: calc((var(--meili-line) - 1lh + var(--meili-row-gap)) / 2) 0.4em;
}

[data-meili="facet"][data-presentation] [data-meili="panel"] ul {
    margin: 0;
    gap: var(--meili-row-gap);
}

[data-meili="panel"] [data-meili="more"] {
    margin-top: var(--meili-row-gap);
}

@media (width >= 48em) {
    [data-meili="facets"]:has([data-meili="toggle"]):where(:not([data-side-sheet] *)) {
        row-gap: var(--meili-bar-gap);
    }

    [data-meili="facets"]:has([data-meili="toggle"]) > [data-meili="apply"]:where(:not([data-side-sheet] *)),
    [data-meili="drawer-body"] > [data-meili="facet"]:has([data-meili="toggle"]) ~ [data-meili="apply"]:where(:not([data-side-sheet] *)) {
        width: auto;
        margin-top: 0;
    }

    :is([data-meili="facet"], [data-meili="sort-choices"]):has([data-meili="toggle"]):where(:not([data-side-sheet] *)) {
        flex: none;
        width: auto;
        padding: 0;
    }

    [data-meili="facet"]:not([hidden]) ~ :is([data-meili="facet"], [data-meili="sort-choices"]):has([data-meili="toggle"]):where(:not([data-side-sheet] *)) {
        border-top: 0;
    }

    [data-meili="sort-choices"]:has([data-meili="toggle"]) + [data-meili="facets"]:where(:not([data-side-sheet] *)),
    [data-meili="sort-choices"]:has([data-meili="toggle"]) ~ [data-meili="facet"]:has([data-meili="toggle"]):where(:not([data-side-sheet] *)) {
        padding-top: 0;
        border-top: 0;
    }

    :is([data-meili="facet"], [data-meili="sort-choices"]):has([data-meili="toggle"]) > legend:where(:not([data-side-sheet] *)) {
        float: none;
        width: auto;
    }

    [data-meili="toggle"]:where(:not([data-side-sheet] *)) {
        display: inline-flex;
        width: auto;
        margin: 0;
        padding: 0 var(--meili-control-inline);
        border: 1px solid var(--meili-edge);
        border-radius: var(--meili-pill);
    }

    [data-meili="toggle"]:where(:not([data-side-sheet] *))::after {
        margin: 0;
    }

    [data-meili="toggle"] :has(> [data-meili="sort-chosen"]):where(:not([data-side-sheet] *)) {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip-path: none;
    }

    [data-meili="toggle"]:has([data-meili="sort-chosen"]) .meilifacetsFacetToggleLabel:where(:not([data-side-sheet] *)) {
        display: none;
    }

    [data-meili="panel"]:where(:not([data-side-sheet] *)) {
        position: absolute;
        z-index: var(--meili-layer);
        top: 100%;
        left: 0;
        width: max-content;
        min-width: max(100%, var(--meili-panel-min));
        max-width: min(var(--meili-panel-max), calc(100vw - 2rem));
        margin-top: 0.5em;
        padding: 1em;
        border: 1px solid var(--meili-edge);
        border-radius: 1em;
        background: var(--meili-surface);
        color: CanvasText;
        transform-origin: top left;
        transition:
            opacity var(--meili-duration-panel-in) var(--meili-ease),
            transform var(--meili-duration-panel-in) var(--meili-ease),
            display var(--meili-duration-panel-in) allow-discrete;
    }

    [data-meili="panel"][hidden]:where(:not([data-side-sheet] *)) {
        transform: translateY(-4px) scale(0.97);
        transition-duration: var(--meili-duration-panel-out);
    }

    @starting-style {
        [data-meili="panel"]:where(:not([data-side-sheet] *)) {
            opacity: 0;
            transform: translateY(-4px) scale(0.97);
        }
    }

    [data-meili="panel"]:has([data-meili="price-track"]):where(:not([data-side-sheet] *)) {
        width: var(--meili-panel-price);
    }

    [data-meili="panel"][data-align-end]:where(:not([data-side-sheet] *)) {
        left: auto;
        right: 0;
        transform-origin: top right;
    }

    [data-meili="drawer-sheet"]:where(:not([data-side-sheet] *)) {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
        gap: var(--meili-bar-gap);
    }

    [data-meili="drawer-body"]:where(:not([data-side-sheet] *)),
    [data-meili="drawer-footer"]:where(:not([data-side-sheet] *)),
    .meilifacetsDrawerRow {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--meili-bar-gap);
    }

    :is([data-meili="drawer-body"], .meilifacetsDrawerRow) > [data-meili="listing-search"]:where(:not([data-side-sheet] *)) {
        flex: 1 1 var(--meili-listing-search-min);
        width: var(--meili-listing-search-width);
        max-width: var(--meili-listing-search-width);
    }

    [data-meili="apply"][data-shape="pill"]:where(:not([data-side-sheet] *)) {
        flex: none;
        width: auto;
    }
}

[data-meili="active-filters"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-bottom: 0.6em;
    padding: 0.47em 0.75em 0.23em;
    border-radius: var(--meili-pill);
    background: var(--meili-tint);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

[data-meili="active-values"] > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-meili="active-value"] {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    box-sizing: border-box;
    min-height: max(var(--meili-control), var(--meili-control-min));
    padding: 0 0.85em;
    border: 0;
    border-radius: var(--meili-pill);
    background: var(--meili-tint);
    color: inherit;
    font: inherit;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    transition: background-color var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="results"] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--meili-card), 1fr));
    gap: 1.5em;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: opacity var(--meili-duration-settle) var(--meili-ease);
}

[data-meili="results"][aria-busy="true"] {
    opacity: var(--meili-busy-opacity);
    transition: opacity var(--meili-duration-fade) var(--meili-ease);
    transition-delay: var(--meili-duration-busy-delay);
}

[data-listing]:has([data-meili="drawer"]:is([aria-modal="true"], [data-closing])) [data-meili="results"][aria-busy="true"] {
    opacity: 1;
}

[data-meili="apply"],
[data-meili="reset"],
[data-meili="page"],
[data-meili="previous"],
[data-meili="next"],
[data-meili="sort-trigger"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: inherit;
    font: inherit;
    font-size: var(--meili-ui);
    line-height: 1;
    min-height: max(var(--meili-control), var(--meili-control-min));
    padding: 0 0.85em;
    border: 1px solid var(--meili-edge);
    border-radius: var(--meili-radius);
    background: transparent;
    transition:
        background-color var(--meili-duration-hover) var(--meili-ease),
        border-color var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="apply"][data-only="sheet"] {
    display: none;
}

[data-meili="apply"] {
    width: 100%;
    border-color: CanvasText;
    background: CanvasText;
    color: Canvas;
}

[data-meili="apply"]:focus-visible {
    outline-color: CanvasText;
}

[data-meili="apply"][data-shape="pill"] {
    flex: 1 1 auto;
    gap: 0.5rem;
    width: 100%;
    padding: 0 var(--meili-control-inline);
    border-radius: var(--meili-pill);
    transition:
        background-color var(--meili-duration-hover) var(--meili-ease),
        border-color var(--meili-duration-hover) var(--meili-ease),
        transform var(--meili-duration-press) var(--meili-ease);
}

[data-meili="apply"] [data-meili="active-count"] {
    background: Canvas;
    color: CanvasText;
}

[data-meili="reset"][data-shape="pill"] {
    padding: 0 var(--meili-control-inline);
    border-radius: var(--meili-pill);
}

[data-meili="reset"][data-shape="icon"] {
    flex: none;
    width: auto;
    aspect-ratio: 1;
    padding: 0;
    border-radius: var(--meili-pill);
    transition:
        background-color var(--meili-duration-hover) var(--meili-ease),
        border-color var(--meili-duration-hover) var(--meili-ease),
        transform var(--meili-duration-press) var(--meili-ease);
}

.meilifacetsResetIcon {
    display: block;
    flex: none;
}

[data-meili="page"] {
    min-width: max(var(--meili-control), var(--meili-control-min));
    padding: 0 0.4em;
    font-variant-numeric: tabular-nums;
}

[data-meili="page"][aria-current="page"] {
    border-color: currentColor;
    background: var(--meili-press);
    font-weight: 600;
}

[data-meili="pagination"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25em;
    margin-top: 1.5em;
}

[data-meili="sort"] {
    position: relative;
    display: inline-block;
    min-width: 14em;
}

[data-meili="sort-trigger"] {
    justify-content: space-between;
    gap: 0.5em;
    width: 100%;
    text-align: left;
}

[data-meili="sort-trigger"]::after {
    content: '';
    width: 0.4em;
    height: 0.4em;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: translateY(-0.15em) rotate(45deg);
    transition: transform var(--meili-duration-chevron) var(--meili-ease);
}

[data-meili="sort-trigger"][aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

[data-meili="sort-trigger"][aria-expanded="true"]::after {
    transform: translateY(0.1em) rotate(-135deg);
}

[data-meili="sort-list"] {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    background: var(--meili-surface);
    color: CanvasText;
    border: 1px solid var(--meili-edge);
    border-top: 0;
    border-radius: 0 0 var(--meili-radius) var(--meili-radius);
    opacity: 1;
    transform: none;
    transition:
        opacity var(--meili-duration-list) var(--meili-ease),
        transform var(--meili-duration-list) var(--meili-ease),
        display var(--meili-duration-list) allow-discrete;
}

@starting-style {
    [data-meili="sort-list"] {
        opacity: 0;
        transform: translateY(-0.25em);
    }
}

[data-meili="sort-list"][hidden] {
    opacity: 0;
    transform: translateY(-0.25em);
}

[data-meili="sort-option"] {
    position: relative;
    padding: 0.5em 1.6em 0.5em 0.7em;
    transition: background-color var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="sort-option"] + [data-meili="sort-option"] {
    border-top: 1px solid var(--meili-rule);
}

[data-meili="sort-option"][data-active] {
    background: var(--meili-press);
}

[data-meili="sort-option"][aria-selected="true"]::after {
    content: '';
    position: absolute;
    right: 0.7em;
    top: 50%;
    width: 0.6em;
    height: 0.32em;
    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-70%) rotate(-45deg);
}

@media (hover: hover) and (pointer: fine) {
    [data-meili="reset"]:hover,
    [data-meili="page"]:hover,
    [data-meili="previous"]:hover,
    [data-meili="next"]:hover,
    [data-meili="sort-trigger"]:hover,
    [data-meili="sort-option"]:hover,
    [data-meili="more"]:hover,
    [data-meili="drawer-open"]:hover,
    [data-meili="drawer-show-more"]:hover,
    button[data-meili="drawer-close"]:hover,
    [data-meili="listing-search-clear"]:hover {
        background: var(--meili-tint);
    }

    [data-meili="toggle"]:hover {
        color: color-mix(in srgb, currentColor 65%, transparent);
    }

    [data-meili="active-value"]:hover {
        background: var(--meili-press);
    }

    [data-meili="apply"]:hover {
        border-color: color-mix(in srgb, CanvasText 85%, Canvas);
        background: color-mix(in srgb, CanvasText 85%, Canvas);
    }

    [data-meili="page"][aria-current="page"]:hover {
        background: color-mix(in srgb, currentColor 20%, transparent);
    }

    [data-meili="facet-value"] label:hover,
    [data-meili="sort-choices"] li > label:hover {
        background: var(--meili-tint);
    }

    [data-meili="price-handle"]:hover {
        transform: translate(-50%, -50%) scale(1.12);
    }

    [data-meili="price-handle"]:hover [data-meili="price-tip"] {
        opacity: 1;
    }
}

[data-meili="reset"]:active,
[data-meili="page"]:active,
[data-meili="previous"]:active,
[data-meili="next"]:active,
[data-meili="sort-trigger"]:active,
[data-meili="more"]:active,
[data-meili="active-value"]:active,
[data-meili="drawer-open"]:active,
[data-meili="drawer-show-more"]:active,
button[data-meili="drawer-close"]:active {
    background: var(--meili-press);
}

[data-meili="drawer-open"]:active,
[data-meili="drawer-show-more"]:active {
    transform: scale(0.97);
}

[data-meili="reset"][data-shape="icon"]:active {
    transform: scale(0.94);
}

[data-meili="apply"]:active {
    border-color: color-mix(in srgb, CanvasText 70%, Canvas);
    background: color-mix(in srgb, CanvasText 70%, Canvas);
}

[data-meili="apply"][data-shape="pill"]:active {
    transform: scale(0.97);
}

[data-meili="facet"][data-presentation="pill"] [data-meili="facet-value"] label:active,
[data-meili="facet"][data-presentation="pill"] [data-meili="facet-value"] label:has(:checked) {
    background: var(--meili-press);
}

[data-meili="facet"][data-presentation="pill"] [data-meili="facet-value"] label:has(:checked) {
    border-color: currentColor;
}

[data-meili="facet"][data-presentation="pill"]:has([data-meili="toggle"]) [data-meili="facet-value"] label:active {
    transform: scale(0.96);
}

[data-meili="facet"][data-presentation="pill"]:has([data-meili="toggle"]) [data-meili="facet-value"] label:has(:checked) {
    border-color: CanvasText;
    background: CanvasText;
    color: Canvas;
}

[data-meili="facet-value"]:has([data-meili="input"][aria-disabled="true"]) {
    opacity: 0.4;
    pointer-events: none;
}

@media (width >= 48em) {
    @media (hover: hover) and (pointer: fine) {
        [data-meili="toggle"]:hover:where(:not([data-side-sheet] *)) {
            color: inherit;
            background: var(--meili-tint);
        }
    }

    [data-meili="toggle"]:active:where(:not([data-side-sheet] *)) {
        background: var(--meili-press);
    }
}

@media (pointer: coarse) {
    [data-listing] {
        --meili-control-min: 2.75rem;
    }

    [data-meili="listing-search-input"] {
        font-size: max(var(--meili-field-font-min), var(--meili-ui));
    }

    [data-meili="facet-value"] label {
        padding: 0.6em 0.4em;
    }

    [data-meili="sort-option"] {
        padding-top: 0.7em;
        padding-bottom: 0.7em;
    }

    [data-meili="more"] {
        min-height: max(var(--meili-control), var(--meili-control-min));
    }

    [data-meili="apply"],
    [data-meili="reset"],
    [data-meili="page"],
    [data-meili="previous"],
    [data-meili="next"],
    [data-meili="sort-trigger"],
    [data-meili="sort-option"],
    [data-meili="facet-value"] label,
    [data-meili="sort-choices"] li > label,
    [data-meili="more"],
    [data-meili="active-value"],
    [data-meili="drawer-open"],
    [data-meili="drawer-show-more"],
    button[data-meili="drawer-close"] {
        -webkit-tap-highlight-color: var(--meili-press);
    }
}

@media (forced-colors: active) {
    [data-meili="sort-option"][data-active] {
        outline: 2px solid currentColor;
        outline-offset: -2px;
    }

    [data-meili="facet"][data-presentation="pill"] [data-meili="facet-value"] label:has(:checked) {
        forced-color-adjust: none;
        border-color: SelectedItem;
        background: SelectedItem;
        color: SelectedItemText;
        outline-color: CanvasText;
    }

    [data-meili="selected-count"],
    [data-meili="drawer-open"] [data-meili="active-count"] {
        forced-color-adjust: none;
        background: CanvasText;
        color: Canvas;
    }
}

.meilifacetsRangeHead {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75em;
    margin: 0;
    font-weight: 600;
}

[data-meili="price-readout"],
[data-meili="price-tip"],
[data-meili="price-bounds-min"],
[data-meili="price-bounds-max"],
[data-meili="price-min"],
[data-meili="price-max"] {
    font-variant-numeric: tabular-nums;
}

[data-meili="price-range"] {
    position: relative;
    display: flex;
    align-items: center;
    height: 1.25em;
    margin-top: 2.1em;
    padding: 0 0.625em;
    touch-action: none;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

[data-meili="price-track"] {
    position: relative;
    width: 100%;
    height: 0.375em;
    border-radius: var(--meili-pill);
    background: linear-gradient(
        to right,
        var(--meili-rule) calc(var(--from, 0) * 100%),
        currentColor calc(var(--from, 0) * 100%) calc(var(--to, 1) * 100%),
        var(--meili-rule) calc(var(--to, 1) * 100%)
    );
}

[data-meili="price-handle"] {
    position: absolute;
    top: 50%;
    left: calc(var(--at, 0) * 100%);
    width: 1.25em;
    height: 1.25em;
    padding: 0;
    border: 2px solid var(--meili-surface);
    border-radius: var(--meili-pill);
    background: currentColor;
    cursor: grab;
    transform: translate(-50%, -50%);
    transition: transform var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="price-handle"]:active {
    cursor: grabbing;
}

[data-meili="price-handle"]:focus-visible,
[data-meili="price-handle"][data-active] {
    transform: translate(-50%, -50%) scale(1.12);
}

[data-meili="price-tip"] {
    position: absolute;
    bottom: calc(100% + 0.55em);
    left: 50%;
    padding: 0.2em 0.45em;
    border-radius: var(--meili-radius);
    background: CanvasText;
    color: Canvas;
    font-size: 0.75em;
    line-height: 1.35;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    transition: opacity var(--meili-duration-hover) var(--meili-ease);
}

[data-meili="price-handle"]:focus-visible [data-meili="price-tip"],
[data-meili="price-handle"][data-active] [data-meili="price-tip"] {
    opacity: 1;
}

.meilifacetsRangeBounds {
    display: flex;
    justify-content: space-between;
    margin: 0.5em 0 0;
    padding: 0 0.625em;
}

[data-meili="price-bounds-min"],
[data-meili="price-bounds-max"] {
    font-size: 0.9em;
    color: var(--meili-muted);
}

[data-meili="price-min"],
[data-meili="price-max"] {
    font: inherit;
}

[data-meili="price-min"]::-webkit-outer-spin-button,
[data-meili="price-min"]::-webkit-inner-spin-button,
[data-meili="price-max"]::-webkit-outer-spin-button,
[data-meili="price-max"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

[data-meili="price-min"][type="number"],
[data-meili="price-max"][type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.meilifacetsPriceFields {
    display: flex;
    align-items: flex-end;
    gap: 0.5em;
    margin-top: 0.5em;
}

.meilifacetsPriceField {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.35em;
    min-width: 0;
    font-size: 0.9em;
}

.meilifacetsPriceInput {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    gap: 0.25em;
    height: max(var(--meili-control), var(--meili-control-min));
    padding: 0 0.5em;
    border: 1px solid var(--meili-edge);
    border-radius: var(--meili-radius);
    transition: border-color var(--meili-duration-hover) var(--meili-ease);
}

.meilifacetsPriceInput:focus-within {
    border-color: currentColor;
}

.meilifacetsPriceInput > span {
    color: var(--meili-muted);
}

.meilifacetsPriceInput > input {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
}

.meilifacetsPriceInput > input:focus {
    outline: 0;
}

.meilifacetsPriceDash {
    padding-bottom: 0.6em;
    color: var(--meili-muted);
}

@media (prefers-reduced-motion: reduce) {
    [data-meili="panel"],
    [data-meili="panel"][hidden] {
        transform: none;
        transition:
            opacity var(--meili-duration-fade) var(--meili-ease-content),
            display var(--meili-duration-fade) allow-discrete;
    }

    button[data-meili="drawer-close"],
    button[data-meili="drawer-close"]:active {
        transform: none;
    }

    [data-meili="sort-list"],
    [data-meili="sort-list"][hidden] {
        transform: none;
        transition:
            opacity var(--meili-duration-list) var(--meili-ease),
            display var(--meili-duration-list) allow-discrete;
    }

    @starting-style {
        [data-meili="sort-list"] {
            transform: none;
        }
    }

    [data-meili="sort-trigger"]::after,
    [data-meili="toggle"]::after,
    [data-meili="price-handle"] {
        transition: none;
    }

    [data-meili="apply"][data-shape="pill"]:active,
    [data-meili="reset"][data-shape="icon"]:active,
    [data-meili="drawer-open"]:active,
    [data-meili="drawer-show-more"]:active,
    [data-meili="facet"][data-presentation="pill"]:has([data-meili="toggle"]) [data-meili="facet-value"] label:active {
        transform: none;
    }

    @media (width >= 48em) {
        [data-meili="panel"]:where(:not([data-side-sheet] *)) {
            transition-duration: var(--meili-duration-panel-in);
        }

        [data-meili="panel"][hidden]:where(:not([data-side-sheet] *)) {
            transition-duration: var(--meili-duration-panel-out);
        }

        @starting-style {
            [data-meili="panel"]:where(:not([data-side-sheet] *)) {
                transform: none;
            }
        }
    }
}

[data-meili="panel"][data-instant],
[data-meili="panel"][data-instant][hidden] {
    transition: none;
}

@media (scripting: enabled) and (width < 48em) {
    [data-meili="drawer-open"] {
        display: inline-flex;
    }

    [data-meili="drawer"] {
        position: fixed;
        z-index: var(--meili-layer-drawer);
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin: 0;
        padding: 0;
        visibility: hidden;
    }

    [data-meili="drawer"]::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--meili-scrim);
        opacity: 0;
    }

    [data-meili="drawer-sheet"] {
        position: relative;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        justify-content: space-between;
        max-height: calc(100dvh - 4.5rem);
        border-radius: 1.25rem 1.25rem 0 0;
        background: var(--meili-surface);
        color: CanvasText;
        transform: translateY(100%);
        touch-action: none;
    }

    .meilifacetsDrawerHandle {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5rem;
        height: 1.5rem;
        cursor: grab;
        transform: translateX(-50%);
        touch-action: none;
    }

    .meilifacetsDrawerHandle::before {
        content: '';
        width: 2.5rem;
        height: 0.25rem;
        border-radius: var(--meili-pill);
        background: var(--meili-edge);
    }

    .meilifacetsDrawerHead {
        display: flex;
        flex: none;
        align-items: center;
        justify-content: space-between;
        gap: 1em;
        padding: var(--meili-section-gap) var(--meili-drawer-gutter);
        border-bottom: 1px solid var(--meili-rule);
    }

    [data-meili="drawer-body"] {
        flex: 0 1 auto;
        min-height: 0;
        padding: var(--meili-drawer-block) var(--meili-drawer-gutter);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    [data-meili="drawer-body"]:has(> [data-meili="listing-search"]:first-child) {
        padding-top: var(--meili-section-gap);
    }

    [data-meili="drawer-footer"] {
        position: relative;
        display: flex;
        flex: none;
        align-items: center;
        justify-content: flex-end;
        gap: var(--meili-section-step);
        padding: var(--meili-section-step) var(--meili-drawer-gutter) calc(var(--meili-section-step) + env(safe-area-inset-bottom));
        border-top: 1px solid var(--meili-rule);
    }

    [data-meili="drawer-footer"] > [data-meili="apply"] {
        flex: none;
    }

    [data-meili="drawer-footer"] > [data-meili="reset"][data-shape="icon"] {
        position: absolute;
        top: var(--meili-section-step);
        left: var(--meili-drawer-gutter);
    }

    [data-meili="drawer-footer"]:has(> [data-meili="reset"][data-shape="icon"]:not([hidden])) > [data-meili="apply"] {
        flex: none;
        width: calc(100% - max(var(--meili-control), var(--meili-control-min)) - var(--meili-section-step));
    }

    [data-meili="drawer"] [data-meili="apply"][data-only="sheet"] {
        display: inline-flex;
    }

    [data-meili="drawer"] [data-meili="sort"] {
        display: block;
        margin-bottom: var(--meili-section-gap);
    }

    @media (prefers-reduced-motion: reduce) {
        [data-meili="drawer"] [data-meili="drawer-sheet"] {
            opacity: 0;
            transform: none;
        }
    }
}

@media (scripting: enabled) and (width >= 48em) {
    :where([data-listing]:has([data-meili="drawer"][data-overflow="side-sheet"])) [data-meili="drawer-open"] {
        display: inline-flex;
    }

    :is([data-overflow="show-more"]:not([data-side-sheet]), .meilifacetsDrawerRow) [data-meili="drawer-show-more"] {
        display: inline-flex;
    }

    [data-overflow="show-more"]:not([data-side-sheet]) [data-beyond-row] {
        display: none;
    }

    [data-meili="drawer"]:is([data-overflow="side-sheet"], [data-side-sheet]) {
        position: fixed;
        z-index: var(--meili-layer-drawer);
        inset: 0;
        display: flex;
        margin: 0;
        padding: 0;
        visibility: hidden;
    }

    [data-meili="drawer"]:is([data-overflow="side-sheet"], [data-side-sheet])::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--meili-scrim);
        opacity: 0;
    }

    [data-side-sheet] [data-meili="drawer-sheet"] {
        position: relative;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        width: min(var(--meili-side-sheet-width), 100%);
        height: 100%;
        margin-left: auto;
        background: var(--meili-surface);
        color: CanvasText;
        transform: translateX(100%);
    }

    [data-side-sheet] .meilifacetsDrawerHead {
        display: flex;
        flex: none;
        align-items: center;
        justify-content: space-between;
        gap: 1em;
        padding: var(--meili-section-gap) var(--meili-drawer-gutter);
        border-bottom: 1px solid var(--meili-rule);
    }

    [data-side-sheet] [data-meili="drawer-body"] {
        flex: 1 1 auto;
        min-height: 0;
        padding: var(--meili-drawer-block) var(--meili-drawer-gutter);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    [data-side-sheet] [data-meili="drawer-body"]:has(> [data-meili="listing-search"]:first-child) {
        padding-top: var(--meili-section-gap);
    }

    [data-side-sheet] [data-meili="drawer-footer"] {
        position: relative;
        display: flex;
        flex: none;
        align-items: center;
        justify-content: flex-end;
        gap: var(--meili-section-step);
        padding: var(--meili-section-step) var(--meili-drawer-gutter) calc(var(--meili-section-step) + env(safe-area-inset-bottom));
        border-top: 1px solid var(--meili-rule);
    }

    [data-side-sheet] [data-meili="drawer-footer"] > [data-meili="apply"] {
        flex: none;
    }

    [data-side-sheet] [data-meili="drawer-footer"] > [data-meili="reset"][data-shape="icon"] {
        position: absolute;
        top: var(--meili-section-step);
        left: var(--meili-drawer-gutter);
    }

    [data-side-sheet] [data-meili="drawer-footer"]:has(> [data-meili="reset"][data-shape="icon"]:not([hidden])) > [data-meili="apply"] {
        flex: none;
        width: calc(100% - max(var(--meili-control), var(--meili-control-min)) - var(--meili-section-step));
    }

    [data-side-sheet] [data-meili="apply"][data-only="sheet"] {
        display: inline-flex;
    }

    [data-side-sheet] [data-meili="sort"] {
        display: block;
        margin-bottom: var(--meili-section-gap);
    }

    @media (prefers-reduced-motion: reduce) {
        [data-side-sheet] [data-meili="drawer-sheet"] {
            opacity: 0;
            transform: none;
        }
    }
}

@media (scripting: enabled) {
    [data-meili="drawer"][aria-modal="true"] {
        visibility: visible;
    }

    [data-meili="drawer"][aria-modal="true"]::before {
        --meili-scrim-shown: inherit;
        opacity: var(--meili-scrim-shown);
        transition: opacity var(--meili-duration-drawer-in) var(--meili-ease);
    }

    [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-sheet"] {
        transform: none;
        transition:
            transform var(--meili-duration-drawer-in) var(--meili-ease-drawer),
            height var(--meili-duration-resize) var(--meili-ease-resize);
    }

    [data-meili="drawer"][data-closing] {
        transition: visibility 0s linear var(--meili-duration-drawer-out);
    }

    [data-meili="drawer"][data-closing]::before {
        transition: opacity var(--meili-duration-drawer-out) var(--meili-ease);
    }

    [data-meili="drawer"][data-closing] [data-meili="drawer-sheet"] {
        transition: transform var(--meili-duration-drawer-out) var(--meili-ease-drawer);
    }

    [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-footer"] > [data-meili="apply"] {
        transition:
            background-color var(--meili-duration-hover) var(--meili-ease),
            border-color var(--meili-duration-hover) var(--meili-ease),
            transform var(--meili-duration-press) var(--meili-ease),
            width var(--meili-duration-resize) var(--meili-ease-resize);
    }

    [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-footer"] > [data-meili="reset"][data-shape="icon"] {
        transition:
            opacity var(--meili-duration-pop-in) var(--meili-ease),
            transform var(--meili-duration-pop-in) var(--meili-ease),
            filter var(--meili-duration-pop-in) var(--meili-ease),
            display var(--meili-duration-pop-in) allow-discrete,
            background-color var(--meili-duration-hover) var(--meili-ease),
            border-color var(--meili-duration-hover) var(--meili-ease);
    }

    [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-footer"] > [data-meili="reset"][data-shape="icon"]:active {
        transition-duration: var(--meili-duration-press);
    }

    [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-footer"] > [data-meili="reset"][data-shape="icon"][hidden] {
        opacity: 0;
        transform: scale(0.9);
        filter: blur(2px);
        pointer-events: none;
        interactivity: inert;
        transition-duration: var(--meili-duration-pop-out);
    }

    @starting-style {
        [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-footer"] > [data-meili="reset"][data-shape="icon"] {
            opacity: 0;
            transform: scale(0.9);
            filter: blur(2px);
        }
    }

    :root:has([data-meili="drawer"][aria-modal="true"]) {
        overflow: hidden;
    }

    @media (prefers-reduced-motion: reduce) {
        [data-meili="drawer"][aria-modal="true"]::before {
            transition: opacity var(--meili-duration-fade) var(--meili-ease);
        }

        [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-sheet"] {
            opacity: 1;
            transition: opacity var(--meili-duration-fade) var(--meili-ease);
        }

        [data-meili="drawer"][data-closing] {
            transition: visibility 0s linear var(--meili-duration-fade);
        }

        [data-meili="drawer"][data-closing]::before,
        [data-meili="drawer"][data-closing] [data-meili="drawer-sheet"] {
            transition: opacity var(--meili-duration-fade) var(--meili-ease);
        }

        [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-footer"] > [data-meili="apply"] {
            transition:
                background-color var(--meili-duration-hover) var(--meili-ease),
                border-color var(--meili-duration-hover) var(--meili-ease);
        }

        [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-footer"] > [data-meili="reset"][data-shape="icon"] {
            transition:
                opacity var(--meili-duration-pop-in) var(--meili-ease),
                display var(--meili-duration-pop-in) allow-discrete,
                background-color var(--meili-duration-hover) var(--meili-ease),
                border-color var(--meili-duration-hover) var(--meili-ease);
        }

        [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-footer"] > [data-meili="reset"][data-shape="icon"][hidden] {
            transform: none;
            filter: none;
        }

        @starting-style {
            [data-meili="drawer"][aria-modal="true"] [data-meili="drawer-footer"] > [data-meili="reset"][data-shape="icon"] {
                transform: none;
                filter: none;
            }
        }
    }

    [data-meili="drawer"][data-instant],
    [data-meili="drawer"][data-instant]::before,
    [data-meili="drawer"][data-instant] [data-meili="drawer-sheet"],
    [data-meili="drawer"][data-dragging]::before,
    [data-meili="drawer"][data-dragging] [data-meili="drawer-sheet"] {
        transition: none;
    }

    [data-meili="drawer"][data-dragging] [data-meili="drawer-sheet"] {
        cursor: grabbing;
        user-select: none;
        -webkit-user-select: none;
    }
}