.book-search__filters{background:#dae2e6;padding:20px}.book-filter__title{font-weight:700;font-size:1.4em;display:flex;align-items:baseline}.content-container.book-search{grid-template-columns:270px 1fr;grid-gap:30px}@media screen and (max-width:800px){.content-container.book-search{grid-template-columns:1fr}}.book-search__filters input[type=text],.book-search__filters select{background-color:#fff;font-size:14px;border-radius:10px;height:40px;padding-right:28px}.book-search__filters input[type=checkbox]{width:20px;height:20px;border-radius:6px;-webkit-appearance:none;background:#fff;display:block}.book-search__filters input[type=checkbox]:after{content:'';position:absolute;width:6px;height:10px;border-bottom:2px solid var(--blue);border-right:2px solid var(--blue);rotate:45deg;left:7px;top:4px;opacity:0;transition:opacity .3s ease}.book-search__filters input[type=checkbox]:checked:after{opacity:1}div.filter-item__checkboxes{display:grid;grid-gap:7px}div.filter-item__checkboxes label{grid-template-columns:auto 1fr;align-items:center;span{line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.checkbox-wrapper{position:relative}.book-search__top-bar{margin-bottom:20px;display:flex;justify-content:space-between;font-size:15px;grid-gap:5px 10px}.book-shelf__sort{text-align:right}.book-shelf__sort select{width:240px;display:grid;border-radius:10px;background-color:#dae2e6}.book-searched-on ul{display:flex;list-style:none;padding:0;margin:0;grid-gap:5px;flex-flow:row wrap}.book-searched-on ul li svg{background:var(--blue);padding:3px;border-radius:20px;display:block;width:15px;height:15px}.book-searched-on ul:before,.book-searched-on ul li{background:#dae2e6;padding:4px 14px;display:flex;align-items:center;grid-gap:.5em;position:relative;cursor:pointer}.book-searched-on ul:before{content:'je hebt nog geen filters toegepast';border-radius:10px}.book-searched-on ul:has(li):before{display:none}.book-searched-on ul li a{position:absolute;inset:0}.book-search .book-filter__title a{opacity:0;pointer-events:none}.book-search:has(.book-searched-on ul li) .book-filter__title a{opacity:1;pointer-events:initial}.filter-item--add-title:before{font-weight:700;font-size:.925em}.filter-item--add-title.filter-item--eduAttainment:before{content:'Niveaus'}.filter-item--add-title.filter-item--context:before{content:'Context'}.filter-item--add-title.filter-item--subject:before{content:'Vakken'}.filter-item--add-title.filter-item--type:before{content:'Types'}.filter-item--add-title.filter-item--language:before{content:'Talen'}.book-sheft__count:has(span:empty){display:none}span[data-result-count="100"]:before{content:'< '}select,::picker(select){appearance:base-select}select::picker-icon{display:none}select,option span{padding:.25rem .5rem;border-radius:.25rem;border:0}select{backgound:#fff;height:auto !important;padding:12px 15px}::picker(select){background:#fff;border:none;box-shadow:none;overflow:auto;border-radius:10px;border:1px solid var(--blue-hover);margin-top:5px}option{--stagger-delay:.005s;opacity:0;padding:6px 14px;cursor:pointer;transition:all .2s ease-out,rotate .3s cubic-bezier(.34,1.56,.64,1);transition-delay:calc((sibling-index() - 1)*var(--stagger-delay));border-top:1px solid #eee}option:hover{background:#eee}option:first-child{border-top:0}@media (prefers-reduced-motion:reduce){option{transition:none}}select:open option{opacity:1}option:hover{background:#e5e5e9}option:checked{background:var(--blue);color:#fff}option::checkmark{display:none}
