:root{--mp-filter-phrase-background:#fff;--mp-filter-phrase-border-width:1px;--mp-filter-phrase-submit-background:#313440;--mp-filter-phrase-text-color:#313440;--mp-filter-autocomplete-background:#f8e3ac}@media (prefers-color-scheme:dark){:root{--mp-filter-phrase-background:#474b5d;--mp-filter-phrase-border-width:0;--mp-filter-phrase-submit-background:#474b5d;--mp-filter-phrase-text-color:#fff;--mp-filter-autocomplete-background:#666}}.filter{background:var(--mp-sidebar-bg-color);border:1px solid #b0b0b0;border-radius:5px 0 0 5px;border-right:none;position:absolute;right:calc(-90vw - 1.6rem - 1px);top:-2rem;transition:right .4s;width:90vw;z-index:100}.filter__btn{background:var(--mp-filter-btn-background-color);border:none;border-radius:5px;color:var(--mp-filter-btn-color);cursor:pointer;padding:.7rem 1rem;transition:background-color .2s}.filter__btn:focus,.filter__btn:hover{background:var(--mp-filter-btn-background-hover-color)}.filter__btn--apply{float:right}.filter__inner{margin:2rem}.filter-showed{max-width:40rem;right:0}.filter__show{margin-left:1.6rem;margin-right:1.6rem;text-align:right}.filter__title{font-size:1.8rem;line-height:1.22}.filter__items{border-bottom:1px solid #b0b0b0;list-style:none;margin:0 0 2rem;padding:0 0 2rem}.filter__items--last{border-bottom:none}.filter__item{align-items:center;display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filter__checkbox{accent-color:var(--mp-body-text-color);margin-right:.7rem}.filter__count{font-size:1.4rem;line-height:1.29}.filter__phrase-reset,.filter__phrase-submit{display:none}.filter__phrase{border:1px solid #b0b0b0;border-radius:5px;font-size:1.4rem;line-height:1.29;max-width:14rem;padding:.5rem 1rem}@media (min-width:481px){.filter__show{margin-left:2.4rem;margin-right:2.4rem}}@media (min-width:901px){.filter{background:var(--mp-body-bg-color);border:1px solid #b0b0b0;border-radius:5px;position:static;transition:none;width:auto}.filter--sticky{position:sticky;top:0}.filter__btn--apply,.filter__show{display:none}.filter__phrase-container{display:flex;margin:0;position:relative}.filter__phrase{background:var(--mp-filter-phrase-background);border:var(--mp-filter-phrase-border-width) solid #b0b0b0;border-radius:5px 0 0 5px;color:var(--mp-filter-phrase-text-color);max-width:none;padding:.8rem 2.5rem .8rem .8rem;width:calc(100% - 3.5rem)}.filter__phrase::-moz-placeholder{color:#b0b0b0}.filter__phrase::placeholder{color:#b0b0b0}.filter__phrase-reset{background:none;border:0;color:#b0b0b0;cursor:pointer;display:inline-block;position:absolute;right:3.7rem;top:.9rem;transition:color .2s}.filter__phrase:-moz-placeholder~.filter__phrase-reset{display:none}.filter__phrase:placeholder-shown~.filter__phrase-reset{display:none}.filter__phrase-reset:focus,.filter__phrase-reset:hover{color:currentColor}.filter__phrase-submit{background:var(--mp-filter-phrase-submit-background);border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;display:inline-block;width:3.5rem}.filter__phrase-submit-icon{height:1.5rem;width:1.5rem}.filter__phrase-submit-icon use{fill:#fff}}.filter__autocomplete{background:var(--mp-body-bg-color);border:1px solid var(--mp-body-text-color);color:var(--mp-body-text-color);overflow:auto;z-index:1000}.filter__autocomplete>div{padding:0 .4rem}.filter__autocomplete>div.selected,.filter__autocomplete>div:hover{background:var(--mp-filter-autocomplete-background);cursor:pointer}