.md-icon{vertical-align:top;fill:currentColor;width:1em;height:1em;display:inline-block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:20px}.icon-panes{flex-direction:column;display:flex}.variant-selector{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;align-items:center;gap:16px;padding:16px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.variant-label{color:#333;font-size:14px;font-weight:500}.variant-buttons{gap:8px;display:flex}.variant-btn{cursor:pointer;color:#666;text-transform:capitalize;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 16px;font-size:13px;transition:all .2s}.variant-btn:hover{color:#1976d2;border-color:#1976d2}.variant-btn.active{color:#fff;background:#1976d2;border-color:#1976d2}.icon-content{flex:1}.icon-pane{padding:20px}.icon-category{color:#333;border-bottom:2px solid #1976d2;margin-bottom:20px;padding-bottom:8px;font-size:24px;font-weight:500;display:inline-block}.icon-pane ul{grid-gap:10px;grid-template-columns:repeat(auto-fill,100px);place-content:start space-evenly;margin:0;padding:0;font-size:48px;display:grid}.icon-pane li{vertical-align:top;border-radius:8px;flex-direction:column;align-items:center;height:100px;padding:8px;list-style:none;transition:background-color .2s;display:inline-flex}.icon-pane li:hover{background-color:#f5f5f5}.icon-pane .md-icon{color:#333;margin:5px}.icon-name{text-align:center;color:#666;word-break:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100px;font-size:11px;line-height:14px;display:-webkit-box;overflow:hidden}