:root{--main-color: rgb(166, 0, 255)}*{margin:0;padding:0;font-family:sans-serif}body{transition:background-color 200ms;padding-bottom:60px}@keyframes pulse{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}.gallery{padding:10px;display:grid;grid-auto-rows:auto;grid-auto-columns:max-content;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));grid-column-gap:5px;grid-row-gap:5px;text-align:center;justify-items:center;align-items:center}.icon{position:relative;display:flex;flex-direction:column;gap:10px;height:150px;align-items:center}.icon .icon-name{font-size:12px;text-align:center;color:gray;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:130px}.icon svg{cursor:pointer;border:3px solid #e8e8e8;border-radius:10px;padding:30px}.icon svg:hover{background-color:rgba(166,0,255,.2);border:3px solid var(--main-color)}.icon .copied-tooltip{position:absolute;bottom:30px;left:50%;border-radius:10px;background-color:#000;color:#fff;padding:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:20;width:100px;font-size:12px;transform:translateX(-50%)}.icon .copied-tooltip::after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0)}.search-container{background-color:var(--main-color);width:100%;height:80px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:10px 0}.search-container .search-input{position:relative}.search-container input{padding:10px 10px 10px 40px;border-radius:10px;outline:none;border:2px solid rgba(128,128,128,.29);width:max(300px,70vw);font-size:16px}.search-container .search-icon{position:absolute;left:10px;top:0px;transform:translateY(50%);opacity:.5}.no-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:calc(50px + 1vw);color:#484848;padding:30px}header{padding:10px 12px;display:flex;flex-direction:row;align-items:center}header .header-links{display:flex;flex-direction:row;align-items:center;gap:10px;margin-left:auto}header .header-links a{font-size:18px;text-decoration:none;color:#000;transition:color 200ms}header .header-links a:hover{color:var(--main-color)}header .header-links a .github{transition:transform 500ms}header .header-links a .github:hover{transform:rotateZ(45deg)}.help-text{font-family:monospace;font-size:16px;font-weight:bold;color:var(--main-color)}#loading{visibility:hidden;position:absolute;color:#000;font-size:60px;inset:0 0;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;animation:pulse 2s infinite ease-in}#loading.show{visibility:visible}body.dark #loading.show{color:#fff}body.dark{background-color:#141414;color:#fff}body.dark .header-links a{color:#fff}body.dark .header-links a:hover{color:var(--main-color)}body.dark .icon-name{color:#dedede}body.dark .copied-tooltip{background-color:var(--main-color)}body.dark .copied-tooltip::after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--main-color) rgba(0,0,0,0)}body.dark .search-input input{background-color:#252525;color:#fff}body.dark .search-input .search-icon{position:absolute;opacity:.9}