:root{--mp-filter-phrase-background: light-dark(var(--mp-color-white), var(--mp-color-secondary-lighter));--mp-filter-phrase-border-width: 1px;--mp-filter-phrase-submit-background: light-dark(var(--mp-color-secondary), var(--mp-color-secondary-lighter));--mp-filter-phrase-text-color: light-dark(var(--mp-color-body-light-text), var(--mp-color-body-dark-text));--mp-filter-autocomplete-background: light-dark(#f8e3ac, #666)}@media(prefers-color-scheme:dark){:root{--mp-filter-phrase-border-width: 0}}.filter{position:absolute;background:var(--mp-sidebar-bg-color);border:1px solid var(--mp-color-gray);border-inline-end:none;border-radius:var(--mp-border-radius) 0 0 var(--mp-border-radius);inset-block-start:-2rem;inset-inline-end:calc(-90vw - var(--mp-body-x-padding-mobile) - 1px);width:90vw;transition:inset-inline-end var(--mp-transition-duration-navigation);z-index:100}.filter__btn{background:var(--mp-filter-btn-background-color);border:none;border-radius:var(--mp-border-radius);color:var(--mp-filter-btn-color);cursor:pointer;padding:.7rem 1rem;transition:background-color var(--mp-transition-duration-default)}.filter__btn:hover,.filter__btn:focus{background:var(--mp-filter-btn-background-hover-color)}.filter__btn--apply{float:right}.filter__inner{margin:2rem}.filter-showed{inset-inline-end:0;max-width:40rem}.filter__show{margin-inline:var(--mp-body-x-padding-mobile);text-align:right}.filter__title{font-size:1.8rem}.filter__items{border-block-end:1px solid var(--mp-color-gray);list-style:none;margin:0 0 2rem;padding:0 0 2rem}.filter__items--last{border-block-end:none}.filter__item{display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.filter__checkbox{accent-color:var(--mp-body-text-color);margin-inline-end:.7rem}.filter__count{font-size:1.4rem}.filter__phrase-reset,.filter__phrase-submit{display:none}.filter__phrase{font-size:1.4rem;padding:.5rem 1rem;border-radius:var(--mp-border-radius);border:1px solid var(--mp-color-gray);max-width:14rem}@media(min-width:481px){.filter__show{margin-inline:var(--mp-body-x-padding-tablet)}}@media(min-width:901px){.filter{background:var(--mp-body-bg-color);border:1px solid var(--mp-color-gray);border-radius:var(--mp-border-radius);position:static;width:auto;transition:none}.filter--sticky{position:sticky;inset-block-start: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 var(--mp-color-gray);border-radius:var(--mp-border-radius) 0 0 var(--mp-border-radius);color:var(--mp-filter-phrase-text-color);max-width:initial;padding:.8rem 2.5rem .8rem .8rem;width:calc(100% - 3.5rem)}.filter__phrase::placeholder{color:var(--mp-color-gray)}.filter__phrase-reset{display:inline-block;background:none;border:0;color:var(--mp-color-gray);cursor:pointer;transition:color var(--mp-transition-duration-default);position:absolute;inset-block-start:.9rem;inset-inline-end:3.7rem}.filter__phrase:placeholder-shown~.filter__phrase-reset{display:none}.filter__phrase-reset:hover,.filter__phrase-reset:focus{color:currentColor}.filter__phrase-submit{display:inline-block;background:var(--mp-filter-phrase-submit-background);border:none;border-radius:0 var(--mp-border-radius) var(--mp-border-radius) 0;color:var(--mp-color-white);cursor:pointer;width:3.5rem}.filter__phrase-submit-icon{height:1.5rem;width:1.5rem}.filter__phrase-submit-icon use{fill:var(--mp-color-white)}}.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:hover,.filter__autocomplete>div.selected{background:var(--mp-filter-autocomplete-background);cursor:pointer}