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