:root{--border-color: #424242;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;color:#ffffffde;background-color:#242424}body{margin:0;overflow-y:scroll}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}svg{display:block;pointer-events:none;-webkit-user-select:none;user-select:none}button{border:0;background:transparent;font-family:Geist,Inter,sans-serif;font-size:13px;-webkit-user-select:all;user-select:all}.container{display:flex;flex-wrap:wrap;border-width:1px 0 0 1px;border-style:solid;border-color:var(--border-color)}.icon-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:16.666%;height:100px;padding:1rem;font-weight:300;box-sizing:border-box;border-width:0 1px 1px 0;border-style:solid;border-color:var(--border-color)}.icon-item:hover{background:#424242}.icon-item svg{font-size:18px}.icon-name{display:block;width:100%;padding-top:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-box{position:relative;width:100%;margin-bottom:1rem;color:#8888}.filter-box svg{position:absolute;left:15px;top:50%;transform:translateY(-50%)}.filter-input{width:100%;height:40px;padding:0 1rem;padding-left:40px;box-sizing:border-box;background:transparent;border:1px solid var(--border-color);border-radius:6px}.highlight-keyword{font-weight:700;color:red}.filter-input::placeholder{color:#999}@media (prefers-color-scheme: light){:root{--border-color: #ebebeb;color:#000;background-color:#fff}.icon-item:hover{background-color:#f2f2f2}}