.icon-demo{display:inline-block;padding:15px;text-align:center;width:120px;background:#fff;border-radius:8px;margin:5px;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-demo:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.icon-demo.clicked{background:#f05f60;transition:background .3s ease}.icon-demo i{font-size:24px;color:#333}.icon-name{display:block;font-size:12px;margin-top:8px;color:#666}.icon-demo .icon-name,.icon-demo i{pointer-events:auto}.search-container{margin-bottom:30px;text-align:center}#searchInput{padding:10px 20px;width:300px;border:2px solid #ddd;border-radius:25px;font-size:16px;outline:none;transition:border-color .3s ease}#searchInput:focus{border-color:#4caf50}.icons-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.no-results{text-align:center;color:#666;padding:20px;display:none}