.filter{color:var(--color-blackened-pearl);align-items:center;margin-bottom:15px;display:flex}.filter-wrapper{min-width:300px;max-width:100%;color:var(--color-blackened-pearl);font-size:16px;display:flex;position:relative}.filter-item{min-width:300px}.filter-wrapper.active .arrow{transform:rotate(180deg)}.filter-button{cursor:pointer;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:.675em 1em;font-size:16px;font-weight:500;display:flex}.arrow{content:"";pointer-events:none;width:1rem;height:1rem;color:var(--color-blackened-pearl);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");position:absolute;top:1rem;right:1rem}.filter-dropdown{display:none}.filter-dropdown.show{width:100%;box-shadow:0 5px 10px var(--color-blackened-pearl-light);z-index:11;background-color:#fff;max-height:420px;margin-top:5px;padding:10px 0;font-weight:500;list-style:none;transition:all .5s;display:block;position:absolute;overflow-y:auto}.filter-dropdown:focus-within{box-shadow:0 10px 25px var(--color-blackened-pearl)}.filter-dropdown li{cursor:pointer;align-items:center;gap:1rem;width:100%;padding:8px 10px;display:flex;position:relative}.filter-dropdown::-webkit-scrollbar{width:7px}.filter-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}.filter-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.filter-dropdown-active,.filter-dropdown li:hover,.filter-dropdown input:checked~label,.filter-dropdown input:focus~label{background-color:var(--color-pearl-white)}.filter-dropdown input[type=radio]{opacity:0;position:absolute;left:0}.filter-wrapper.active .filter-dropdown{opacity:1;visibility:visible;transform:scaleY(1)}@media (max-width:768px){.filter-item,.filter-wrapper{min-width:unset}.filter-item{flex-grow:1}.filter-wrapper{width:100%}}