.flats-filters{--flats-filters-clip-start:polygon(0 -100%, 0 0, 100% -20%, 100% -120%);--flats-filters-clip-full:polygon(0 0, 0 100%, 100% 100%, 100% 0);--flats-filters-clip-out:polygon(0 -120%, 0 -20%, 100% 0, 100% -100%);--flats-filters-ease:cubic-bezier(.74, 0, .24, .99);--flats-filters-open:.9s;--flats-filters-close:.55s;z-index:var(--z-modal);pointer-events:none;position:fixed;inset:0}.flats-filters_open{pointer-events:auto}.flats-filters_closing{pointer-events:none}.flats-filters:focus{outline:none}.flats-filters__backdrop{background:rgba(var(--c-cedar-rgb), .6);opacity:0;position:fixed;inset:0}.flats-filters_open .flats-filters__backdrop{opacity:1;transition:opacity var(--flats-filters-open) var(--flats-filters-ease)}.flats-filters_closing .flats-filters__backdrop{opacity:0;transition:opacity var(--flats-filters-close) var(--flats-filters-ease)}.flats-filters__panel{--ink:var(--c-sand);--ink-muted:var(--c-mute);--border:color-mix(in srgb, var(--c-sand) 16%, transparent);block-size:var(--flats-filters-h,auto);max-block-size:100dvh;background:var(--bg);color:var(--ink);clip-path:var(--flats-filters-clip-start);flex-direction:column;padding-block-end:env(safe-area-inset-bottom,0px);display:flex;position:fixed;inset-block-start:0;inset-inline:0}.flats-filters_open .flats-filters__panel{clip-path:var(--flats-filters-clip-full);transition:clip-path var(--flats-filters-open) var(--flats-filters-ease)}.flats-filters_closing .flats-filters__panel{clip-path:var(--flats-filters-clip-out);transition:clip-path var(--flats-filters-close) var(--flats-filters-ease)}.flats-filters__head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--container-pad) var(--space-6);display:flex}.flats-filters__title{font-family:var(--font-display);font-size:var(--fs-h4);letter-spacing:var(--tracking-h4);line-height:var(--lh-heading);text-transform:uppercase}.flats-filters__close{border-radius:var(--radius-circle);block-size:2.75rem;inline-size:2.75rem;color:var(--ink);cursor:pointer;transition:color var(--dur-fast) var(--ease-smooth);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.flats-filters__close:hover{color:var(--accent)}.flats-filters__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.flats-filters__close-border{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.flats-filters__close-ring{fill:none;stroke-width:1.25px;stroke-dasharray:321%;stroke:var(--border);transform-origin:50%}.flats-filters__close-ring_draw{stroke:var(--accent);stroke-dashoffset:321%;transition:stroke-dashoffset 1.3s cubic-bezier(.74,0,.24,.99),transform 1.3s cubic-bezier(.74,0,.24,.99);transform:rotate(-90deg)}.flats-filters__close:hover .flats-filters__close-ring_draw,.flats-filters__close:focus-visible .flats-filters__close-ring_draw{stroke-dashoffset:0%;transform:rotate(0)}.flats-filters__close-icon{inline-size:40%;position:relative}.flats-filters__body{align-content:start;gap:var(--space-8) var(--space-10);min-block-size:0;padding:var(--space-6) var(--container-pad) var(--space-10);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:auto;grid-template-columns:1fr;display:grid;overflow-y:auto}@media (min-width:668px){.flats-filters__body{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.flats-filters__body{grid-template-columns:repeat(3,1fr)}}.flats-filters__foot{justify-content:flex-end;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--container-pad) var(--space-8);border-block-start:1px solid var(--border);flex-wrap:wrap;display:flex}.flats-filters__clear{align-items:center;gap:var(--space-2);color:var(--ink-muted);font:inherit;font-weight:var(--fw-semibold);font-size:var(--fs-small);letter-spacing:normal;cursor:pointer;transition:color var(--dur-fast) var(--ease-smooth);background:0 0;border:0;padding:0;display:inline-flex}.flats-filters__clear:hover{color:var(--accent)}.flats-filters__clear:disabled{opacity:.35;cursor:default}.flats-filters__clear-icon{block-size:1.125rem;inline-size:1.125rem}.flats-filters__clear-label{text-underline-offset:.25em;text-decoration:underline}.flats-filters__clear:disabled .flats-filters__clear-label{text-decoration:none}.flats-filters__apply{block-size:3.5rem;min-inline-size:14rem;padding-inline:var(--space-8);border-radius:var(--radius-pill);background:var(--paper);color:var(--c-cedar);font:inherit;font-weight:var(--fw-semibold);font-size:var(--fs-caption);letter-spacing:normal;text-transform:uppercase;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-smooth);border:none;justify-content:center;align-items:center;display:inline-flex}.flats-filters__apply:hover{background:var(--accent)}@media (max-width:668px){.flats-filters__apply{flex:100%}}
