.default-filter{padding:3px 12px;border:1px solid #000000;width:fit-content;border-radius:14px;cursor:pointer;box-sizing:border-box;transition:.3s ease-in-out}.default-filter.active,.default-filter.selected,.default-filter.opened{background:#000;color:#fff}.default-filter.active.with-children>span svg .fill-color,.default-filter.selected.with-children>span svg .fill-color,.default-filter.opened.with-children>span svg .fill-color{fill:#fff}.default-filter.active.with-children>span svg .stroke-color,.default-filter.selected.with-children>span svg .stroke-color,.default-filter.opened.with-children>span svg .stroke-color{stroke:#fff}@media screen and (min-width: 780px){.default-filter:hover{background:#000;color:#fff}.default-filter:hover.with-children>span svg .fill-color{fill:#fff}.default-filter:hover.with-children>span svg .stroke-color{stroke:#fff}}.default-filter.opened.with-children>span svg{transform:rotate(180deg) translateY(-2px)}.default-filter.with-children{position:relative}.default-filter.with-children>span{display:flex;align-items:center;gap:8px}.default-filter.with-children>span svg{margin-left:auto;width:8px}.default-filter.with-children>span svg,.default-filter.with-children>span svg *{transition:.3s ease-in-out}.default-filter.with-children>span svg .fill-color{fill:#000}.default-filter.with-children>span svg .stroke-color{stroke:#000}.default-filter.with-children .default-filter-values{cursor:default;position:absolute;left:0;right:0;z-index:10;background:#000;color:#fff;top:calc(100% + 8px);border-radius:14px;padding:8px 6px 8px 12px;box-sizing:border-box}.default-filter.with-children .default-filter-values-scroll{max-height:200px;overflow-y:auto;padding-right:6px;box-sizing:border-box}.default-filter.with-children .default-filter-values-scroll::-webkit-scrollbar{width:3px}.default-filter.with-children .default-filter-values-scroll::-webkit-scrollbar-track{background:transparent}.default-filter.with-children .default-filter-values-scroll::-webkit-scrollbar-thumb{border-radius:10px;background:#fff}.default-filter.with-children .default-filter-values-list{display:flex;flex-direction:column;gap:8px;white-space:normal}.default-filter.with-children .default-filter-values-list span{cursor:pointer}.default-filter.with-children .default-filter-values-list span svg{margin-left:auto;opacity:0;width:14px;transform:translateY(2px)}.default-filter.with-children .default-filter-values-list span.selected svg{opacity:1}