.filter-popup{animation:slideIn .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.filter-popup{animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.filter-section{transition:all .3s ease}.filter-section:hover{box-shadow:0 10px 25px -5px #0000001a}.filter-checkbox:checked{background-color:#8b5cf6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");border-color:#8b5cf6}.filter-chip{transition:all .2s ease}.filter-chip:hover{background:linear-gradient(90deg,#8b5cf6,#ec4899);color:#fff;transform:scale(1.05)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:50%;cursor:pointer;height:18px;width:18px}@media (max-width:640px){input[type=checkbox],input[type=radio]{min-height:20px;min-width:20px}.filter-chip,button{touch-action:manipulation}}