recipe-filters-form .recipe-filters-container{container:recipe-filters / inline-size}recipe-filters-form .recipe-filters{--recipes-filters-columns: 1;display:grid;grid-template-columns:repeat(var(--recipes-filters-columns),1fr);row-gap:20px;column-gap:30px}recipe-filters-form .recipe-search{grid-column:1 / -1;padding:10px 15px;height:44px;display:flex;align-items:center;border:1px solid rgba(0,0,0,.5);border-radius:5px;margin-bottom:var(--recipes-listing-first-row-spacing)}recipe-filters-form .recipe-search input{width:100%;border:none;padding:0}recipe-filters-form .recipe-search input:focus-visible{outline:none;box-shadow:none}recipe-filters-form .recipe-search button{-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer;padding:0}recipe-filters-form .recipe-search svg{height:14px;width:14px;vertical-align:middle}recipe-filters-form .recipe-filters .recipes-filter-values{display:flex;flex-direction:column;gap:5px}recipe-filters-form .recipe-filters .checkradio-field{--cr-selected-color: var(--gradient-base-accent-1);--cr-switch-background-color: #666666;--cr-switch-background-border-width: 0px;visibility:hidden}recipe-filters-form[data-filters-ready=true] .recipe-filters .checkradio-field{visibility:visible}recipe-filters-form .recipe-filters .recipe-filter-header{margin-top:0;margin-bottom:10px;font-weight:700;text-transform:uppercase}recipe-filters-form .recipe-filters .recipe-extra-filters{display:flex;flex-direction:column;gap:10px}recipe-filters-form .reset{font-weight:700}recipe-filters-form:is([data-filters-ready=false],[data-filters-empty=true]) .reset{display:none}@container recipe-filters (width >= 550px){recipe-filters-form .recipe-filters{--recipes-filters-columns: 3}}recipe-filters-form .recipe-filters-summary{display:none;-webkit-user-select:none;user-select:none;cursor:pointer;padding:1rem 0}@container recipe-filters (width > 75vw){recipe-filters-form .recipe-filters-summary{display:flex;align-items:center;justify-content:space-between;font-weight:700}recipe-filters-form .recipe-filters-summary .icon-caret{width:10px;height:6px}recipe-filters-form .recipe-filters-summary[aria-expanded=false]~.recipe-filters{display:none}recipe-filters-form .recipe-filters-summary[aria-expanded=true] .icon-caret{transform:rotate(180deg)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-recipe-filters.css.map */