.btn-active-filter{display:inline-flex;gap:.75em;align-items:center;padding:.5em 1em;font-weight:600;font-size:.8125rem;line-height:1.375;text-decoration:none;color:var(--color-2);background:var(--color-5);border:1px solid var(--color-3);border-radius:var(--space-2xs);transition:background-color var(--transition-fade),border-color var(--transition-fade)}.btn-active-filter:hover,.btn-active-filter:focus{background-color:var(--color-7)}.btn-active-filter__icon{flex-shrink:0;width:.75em;height:.75em;fill:currentColor;pointer-events:none}.filter-bar__controls{display:flex;isolation:isolate;justify-content:space-between;align-items:center;background:var(--color-5)}.filter-bar__details{display:flex;justify-content:space-between;align-items:center}.filter-bar__filter-btn{display:inline-flex;align-items:center;gap:.75em;padding:.75em 1.25em;font-weight:500;font-size:var(--fluid-14-16);color:var(--color-3);background:var(--color-1);border:1px solid var(--color-7);border-radius:var(--space-2xs);cursor:pointer;transition:background-color var(--transition-fast) ease-in-out,border-color var(--transition-fast) ease-in-out}.filter-bar__filter-btn:hover,.filter-bar__filter-btn:focus{background-color:var(--color-7)}.filter-bar__sort-select{display:flex;flex-direction:row-reverse;align-items:center;padding:.75em 1.25em;font-weight:500;font-size:var(--fluid-14-16);color:var(--color-3);background:var(--color-1);border:1px solid var(--color-7);border-radius:var(--space-2xs);-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}.filter-bar__sort-select::picker-icon{content:"";width:1em;height:1em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.875' height='12.426' viewBox='0 0 21.875 12.426'%3E%3Cg transform='translate(-1.563 -6.287)'%3E%3Cpath d='M19.26,14.81a.781.781,0,0,0,.781-.781V7.072a.781.781,0,1,0-1.562,0v6.956a.782.782,0,0,0,.781.782Z' fill='%23261f26'/%3E%3Cpath d='M22.1,13.887,19.26,16.809l-2.836-2.923A.781.781,0,0,0,15.3,14.975l3.4,3.5a.781.781,0,0,0,1.121,0l3.4-3.5A.781.781,0,1,0,22.1,13.887Z' fill='%23261f26'/%3E%3Cpath d='M2.344,13.281h9.584a.781.781,0,1,0,0-1.562H2.344a.781.781,0,1,0,0,1.562Z' fill='%23261f26'/%3E%3Cpath d='M2.344,18.713H9.172a.781.781,0,1,0,0-1.562H2.344a.781.781,0,1,0,0,1.563Z' fill='%23261f26'/%3E%3Cpath d='M2.344,7.85H14.682a.781.781,0,0,0,0-1.562H2.344a.781.781,0,0,0,0,1.563Z' fill='%23261f26'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%}.filter-bar__filter-btn-icon{flex-shrink:0;width:1em;height:1em;fill:currentColor}.filter-bar__count{display:none;font-size:var(--fluid-14-16);font-weight:400}.filter-bar__active-filters:not(:empty)+.filter-bar__count{display:inline-block}.filter-bar__active-filters{overflow-y:hidden;overflow-x:auto}.filter-bar__active-filters:has(a){padding-top:var(--space-s);padding-bottom:.375rem}.filter-bar__active-filter-items{display:flex;gap:var(--space-xs)}.filter-bar__active-filter-items a{flex-shrink:0}.header-collection__description{margin-top:var(--space-s);max-width:var(--text-max-width)}.dialog-filter{--__header-height: 70px;--__footer-height: 86px;grid-template-rows:var(--__header-height) 1fr var(--__footer-height);width:100%;height:100dvh;max-height:100%;width:100dvw;max-width:640px;background:var(--color-1);border:0}@media only screen and (min-width:47.5rem){.dialog-filter{border-radius:0 var(--dialog-border-radius) var(--dialog-border-radius) 0;box-shadow:0 0 16px #0003}}.dialog-filter[open]{display:grid}@media(prefers-reduced-motion:no-preference){.dialog-filter[open]{animation:filterDialogOpen .25s ease forwards}}@media(prefers-reduced-motion:no-preference){.dialog-filter[open]::backdrop{animation:fadeIn .25s ease forwards}}@media(prefers-reduced-motion:no-preference){.dialog-filter::backdrop{animation:fadeIn .25s ease reverse}}.dialog-filter__header{display:flex;justify-content:space-between;align-items:center;height:var(--__header-height);padding:var(--space-xs) var(--space-m);border-bottom:1px solid var(--color-6)}.dialog-filter__footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-xs);height:var(--__footer-height);padding:var(--space-s) var(--space-m);border-top:1px solid var(--color-6)}.dialog-filter__heading{font-weight:600;font-size:var(--step-1)}.dialog-filter__close-btn{display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;z-index:100;background:var(--color-1);color:var(--color-3);border-radius:50%;border:1px solid var(--color-8);cursor:pointer;transition:color ease-in-out var(--transition-fast)}.dialog-filter__close-btn:hover,.dialog-filter__close-btn:focus{color:var(--color-2)}.dialog-filter__close-btn-icon{width:.875rem;height:.875rem;fill:currentColor}.dialog-filter__inner{top:var(--__header-height);width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:var(--space-m)}.dialog-filter__summary{display:block;padding-right:2em;position:relative;font-weight:600;font-size:var(--step-0);color:var(--color-2);gap:1em;padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-5);cursor:pointer}.dialog-filter__summary::-webkit-details-marker{display:none;list-style:none}.dialog-filter__summary:before,.dialog-filter__summary:after{display:block;position:absolute;top:calc(50% - 1px);right:0;content:"";width:1em;height:2px;background:currentColor;transition:transform var(--transition-fast) ease-in-out}.dialog-filter__summary:after{transform:rotate3d(0,0,1,90deg)}.dialog-filter__details[open] .dialog-filter__summary:after{transform:rotate3d(0,0,1,180deg)}.dialog-filter__details+.dialog-filter__details{margin-top:var(--space-s)}.dialog-filter__details-content{padding-top:var(--space-s);padding-bottom:var(--space-2xs)}.dialog-filter__details-content ul{display:grid;gap:var(--space-2xs);list-style:none}.dialog-filter__details-content li label{display:flex;align-items:center;font-size:var(--step-0);font-weight:500}.dialog-filter__details-content li input[type=checkbox]{width:1.5em;height:1.5em;margin-right:var(--space-2xs);border:2px solid var(--color-7);accent-color:var(--input-accent-color)}.dialog-filter__details-content li label em{padding-left:.25em;font-style:normal;font-weight:500}.dialog-filter__active-filters{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.dialog-filter__active-filters:has(a){padding-bottom:var(--space-s)}.dialog-filter__clear-btn{visibility:hidden}.dialog-filter:has(.btn-active-filter) .dialog-filter__clear-btn{visibility:visible}.dialog-filter::backdrop{background:var(--dialog-backdrop-background)}@keyframes filterDialogOpen{0%{opacity:0;transform:translate3d(-100px,0,1px)}to{opacity:1;transform:translateZ(1px)}}
