.filter{--bg-color: var(--theme--background);background-color:var(--bg-color);--_count-size: 1.4em;--_count-color: var(--theme--text-inverted);--_count-bg-color: var(--theme--text);--_overlay-z-index: 20;position:relative;padding:0}.filter__main{border-block-end:1px solid currentcolor;padding:1em}@media(min-width:420px){.filter__main{border:1px solid currentcolor}}.filter--has-value .filter__main{box-shadow:inset 0 0 0 2px #ec6625}.filter:first-child .filter__main{border-block-start:1px solid currentcolor}.filter__main[data-toggle-overlay]{cursor:pointer}.filter__overlay{position:fixed;inset:0 0 0 -1px;height:100%;background:var(--bg-color);z-index:var(--_overlay-z-index);border-block-start:0;border-inline-start:1px solid currentcolor;transition:.4s cubic-bezier(.75,0,.35,1);translate:calc(100% + 1px) 0;display:flex;flex-direction:column;visibility:hidden}@media(min-width:420px){.filter__overlay{position:absolute;inset:100% 0 auto;z-index:1;border:1px solid currentcolor;border-block-start:none;clip-path:polygon(0 0,calc(100% + 1px) 0,calc(100% + 1px) 0,0 0);translate:none;height:auto;transition-duration:.2s;max-height:400px}}.filter--overlay-active .filter__overlay{translate:none;transition-delay:0s;visibility:visible}@media(min-width:420px){.filter--overlay-active .filter__overlay{clip-path:polygon(0 0,calc(100% + 1px) 0,calc(100% + 1px) calc(100% + 1px),0 calc(100% + 1px))}}.filter-overlay-head{padding:1em;border-block-end:1px solid currentcolor}.filter__overlay-content{padding:1em;flex-grow:1;flex-shrink:1;overflow:auto}.filter__icon{font-size:1.938em;transition:.3s cubic-bezier(.75,0,.35,1)}.filter--overlay-active .filter__icon{scale:1 -1}.filter__overlay-submit.button,.filter__overlay-submit{border-inline:0;border-block-end:0;border-radius:0}.filter__input.form-control,.filter__input{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-lines, 1);line-clamp:var(--line-clamp-lines, 1);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;--color: var(--theme--text);color:var(--color);background:none!important;appearance:none;border:0;padding:0;margin:0;width:100%;height:auto;border-radius:0}.filter__input.form-control::placeholder,.filter--datepicker .filter__input.form-control,.filter__input::placeholder,.filter--datepicker .filter__input{--color: var(--theme--text);color:var(--color);opacity:.65}.filter:not(.filter--datepicker) .filter__input.form-control:focus,.filter:not(.filter--datepicker) .filter__input:focus{outline:none}.filter:not(.filter--has-value) .filter__clear{display:none}.filter--has-value .filter__clear~.filter__icon{display:none}.filter__checkbox-list .filter__checkbox-wrapper:not(:last-child){margin-block-end:.75em}@media(min-width:768px){.filter__checkbox-list .filter__checkbox-wrapper:not(:last-child){margin-block-end:.5em}}.filter__count{background-color:var(--_count-bg-color);color:var(--_count-color);display:inline-block;width:var(--_count-size);height:var(--_count-size);vertical-align:middle;border-radius:50%;margin-inline-start:.5em;margin-block:calc(var(--_count-size) * -.5);position:relative}.filter__count:after{position:absolute!important;inset:0;content:attr(data-count);display:grid;align-items:center;justify-content:center}.filter__count[data-count="0"]{display:none}.filter__label{display:flex;align-items:center}.filter__label-inner{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-lines, 1);line-clamp:var(--line-clamp-lines, 1);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.filter--multiselect .filter__label-inner{cursor:pointer}