.searchbar input{background-color:var(--background-card);padding:13px 16px;width:450px}@media screen and (max-width: 768px){.searchbar input{width:350px}}@media screen and (max-width: 568px){.searchbar input{width:250px}}input.svelte-lihsiw{padding-right:30px}input.svelte-lihsiw:focus-visible{outline:1px solid var(--text);outline-offset:1px}.searchbar.svelte-lihsiw{position:relative}button.svelte-lihsiw{display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}button.svelte-lihsiw:focus-visible{outline:1px solid var(--text);outline-offset:1px}.filter{display:flex;align-items:center;gap:1rem;background-color:var(--background-card);padding:0 16px;cursor:pointer}.filter:hover{background-color:var(--background-hover)}@media screen and (max-width: 406px){.filter{padding-top:13px;padding-bottom:13px}}button.svelte-tmcdrs:focus-visible{outline:1px solid var(--text);outline-offset:1px}.filterbar{position:fixed;top:0;right:0;width:300px;height:100%;z-index:11;background-color:var(--background-card);overflow-y:auto}@media screen and (max-width: 500px){.filterbar{width:250px}}.filterbar__content{padding:50px 24px}.filterbar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:70px}.filterbar__header-close{cursor:pointer;display:inline-flex}.filterbar__dropdown{padding-bottom:1rem;border-bottom:1px solid var(--border)}.filterbar__dropdown-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:100%;padding:0}.filterbar__dropdown-content{display:flex;flex-direction:column;margin-top:1rem}.filterbar__dropdown:not(:last-child){margin-bottom:1rem}.filterbar__checkbox{display:flex;align-items:center;gap:8px}.filterbar__button{width:100%;padding:12px 0;background-color:#f0f0f0;color:#000;text-align:center;cursor:pointer}.filterbar__button:hover{background-color:#dbdbdb}input[type=checkbox].svelte-vd6s46:focus-visible{outline:1.8px solid var(--text);outline-offset:1.8px}.filterbar__button.svelte-vd6s46:focus-visible,.filterbar__header-close.svelte-vd6s46:focus-visible{outline:2px solid var(--text);outline-offset:2px}.filterbar__dropdown-header.svelte-vd6s46 .rotated:where(.svelte-vd6s46){transform:rotate(180deg)}.mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10}