.filter-nav{position:fixed;transform:translateX(0);display:flex;flex-direction:column;padding:1rem;width:70%;height:calc(100vh - 58px);transition:transform .3s ease;background-color:var(--foreground-color);z-index:1111;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1)}@media screen and (min-width:1280px){.filter-nav .search-bar{display:none}}.filter-nav .list-title{display:block;font-size:.8rem;text-transform:uppercase;font-weight:600;color:var(--thin-main);margin-bottom:1rem}.filter-nav ul.options{margin-bottom:1.5rem}.filter-nav ul.options:last-child{margin-bottom:unset}.filter-nav ul.options li{display:flex}.filter-nav ul.options li .link{flex-grow:1;display:flex;column-gap:.5rem;align-items:center;padding:.5rem 1rem;border-radius:.75rem;color:var(--lighter-main);margin-bottom:.25rem;transition:.3s;font-size:.9rem}.filter-nav ul.options li .link svg{width:14px;height:14px}.filter-nav ul.options li .active-link,.filter-nav ul.options li .link:hover{background-color:var(--thin-primary);color:var(--primary-color)}.filter-nav ul.categories{overflow-y:auto}@media screen and (min-width:640px){.filter-nav{width:300px}}.closed{transform:translateX(-100%);box-shadow:unset}@media screen and (min-width:1350px){.closed{transform:unset;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1)}}.search-bar{display:flex;column-gap:.5rem;align-items:center;font-size:.9rem;padding:.75rem;width:calc(100% - 1.5rem);margin-bottom:1rem;color:var(--lighter-main);border-radius:16px;background-color:var(--secondary-gray);transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.search-bar:hover{background-color:var(--thin-primary);color:var(--primary-color)}@media screen and (min-width:1280px){.search-bar{width:calc(300px - 3.5rem)}}.search{position:absolute;width:100%;height:80%;bottom:0;left:0;display:flex;flex-direction:column;background-color:var(--foreground-color);animation:bottom-slide .3s ease}@media screen and (min-width:640px){.search{max-width:640px;height:600px;border-radius:1.5rem;position:relative}}.search svg{flex-shrink:0;color:var(--lighter-main)}.search .search-bar-input{padding:.5rem 1rem;display:flex;align-items:center;column-gap:.5rem;border-bottom:1px solid var(--light-gray)}.search .search-bar-input input{padding:.5rem;flex-grow:1;border:none}.search .search-bar-input input:focus{outline:unset}.search .search-bar-input input::placeholder{color:var(--thin-main);opacity:1}.search .search-bar-input input::-ms-input-placeholder{color:var(--thin-main)}.search .search-bar-input button.close{font-size:.8rem;font-weight:500;padding:.25rem 1rem;border-radius:1rem;background-color:var(--thin-primary);color:var(--primary-color)}.search ul.search-categories{padding:.5rem 1rem;display:flex;align-items:center;column-gap:.5rem}.search ul.search-categories li button.category{font-size:.8rem;font-weight:500;color:var(--lighter-main);background-color:var(--secondary-gray);padding:.5rem 1rem;border-radius:.75rem}.search ul.search-categories li button.category span{display:flex;align-items:center;column-gap:.5rem}.search ul.search-categories li button.active-category,.search ul.search-categories li button.category:hover{background-color:var(--thin-primary);color:var(--primary-color)}.search .no-search{height:150px;display:flex;align-items:center;justify-content:center;border-radius:1.5rem;margin:1rem}.search .no-search span{font-size:1.2rem;font-weight:300;color:var(--lighter-main)}.search .suggested-search{padding:1rem}.search .suggested-search .label{font-weight:600;letter-spacing:.2px;font-size:.9rem;display:block;margin-bottom:.25rem}.search .suggested-search ul.suggested-search{display:flex;flex-direction:column;background-color:var(--main-gray);border-radius:1.5rem;padding:.5rem;margin-top:auto}.search .suggested-search ul.suggested-search .category-link{cursor:pointer;flex-grow:1;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-radius:.75rem;color:var(--light-main);margin-bottom:.25rem;transition:.3s;font-size:.9rem}.search .suggested-search ul.suggested-search .category-link svg{width:14px;height:14px}.search .suggested-search ul.suggested-search .category-link:hover{background-color:var(--thin-primary);color:var(--primary-color)}.search .found-result{padding:1rem;display:flex;flex-direction:column;overflow-y:scroll}.search .found-result .label{display:block;font-weight:600;letter-spacing:.2px;font-size:.9rem;padding:.5rem 0 .25rem;color:var(--lighter-main)}.search .found-result li{margin-bottom:.25rem}.search .found-result li .result-card{background-color:var(--main-gray);display:flex;border-radius:1.5rem;padding:.5rem;column-gap:.5rem;justify-content:space-between;transition:.3s}.search .found-result li .result-card img{border-radius:1.5rem;flex-shrink:0}.search .found-result li .result-card .image-name{border-radius:1.5rem;width:82px;height:82px;font-size:1.5rem}.search .found-result li .result-card div.result-info{margin-right:auto;padding:.5rem 0}.search .found-result li .result-card div.result-info span.result-label{display:block;font-size:1rem;font-weight:500;margin-bottom:.25rem}.search .found-result li .result-card div.result-info p.desc{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--lighter-main);font-size:.8rem;line-height:1.2rem}.search .found-result li .result-card svg{align-self:center}.search .found-result li .result-card:hover{background-color:var(--thin-primary)}@media screen and (min-width:640px){.search-empty{height:-moz-fit-content;height:fit-content}}@keyframes bottom-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}