/* @group @variables */

@media all and (max-width:47.9375em) {

[class*="m-filter-search"] {
--grid-template-columns: 1fr auto;
--grid-template-rows: .375rem auto .375rem;
--filter-form-grid-column: 1;
--filter-form-grid-row: 2;
--filter-open-grid-column: 2;
--filter-open-grid-row: 1 / 4;
--gap: 0 .75rem;
--filter-search-padding: 1px 0 0 .75rem;
--filter-search-box-shadow: 0 1px 0 0 var(--color-gainsboro);
}

}

@media all and (min-width:48em) {

[class*="m-filter-search"] {
--grid-template-columns: 1fr;
--grid-template-rows: auto;
--gap: 0;
}

}

/* @end @variables */

/* @group @m-filter-search */

[class*="m-filter-search"] {
display: grid;
align-items: center;
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
gap: var(--gap);
}

[class*="m-search-form-products"] {
grid-column: var(--filter-form-grid-column);
grid-row: var(--filter-form-grid-row);
}

[class*="a-filter-open"] {
grid-column: var(--filter-open-grid-column);
grid-row: var(--filter-open-grid-row);
}

/* @end @m-filter-search */

/* @group @m-filter-search */

[class*="m-filter-search"] {
padding: var(--filter-search-padding);
box-shadow: var(--filter-search-box-shadow);
}

/* @end @m-filter-search */