.App{max-width:100%;margin:0 auto}.hero{margin:100px auto 50px;text-align:center;max-width:925px;padding:10px}.App-heroTitle{font-size:5em;margin:0;background:linear-gradient(0,#39d67b,#3398ca);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.App-heroSubtitle{font-size:2.5em;margin:0}body{margin:0;font-family:Roboto Flex Variable,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #1890ff;--background-color: #ffffff;--text-color: #000000;--border-color: #e8e8e8;--box-shadow-color: rgba(0, 0, 0, .1);--hover-border-color: var(--primary-color);--hover-box-shadow-color: rgba(0, 0, 0, .2)}body.dark-mode{--background-color: #1f2937;--text-color: #ffffff;--border-color: #8a8a8a;--box-shadow-color: rgba(0, 0, 0, .5)}.App-content{max-width:925px;margin:0 auto;font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;background-color:var(--background-color);color:var(--text-color);padding:10px;min-height:100vh}.search{max-width:max(20%,300px)}.filter{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px;position:sticky;top:10px}.category{min-width:200px;text-align:left}.IconGallery{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:15px}.IconContainer{flex:0 0 75px}.IconContainer img{width:34px;height:34px;object-fit:contain}.IconContainer p{margin-top:10px}.IconCard{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px var(--box-shadow-color);transition:border-color .3s,box-shadow .3s;text-decoration:none;color:var(--text-color);cursor:pointer;height:75px}.IconCard:hover{border-color:var(--hover-border-color);box-shadow:0 4px 12px var(--hover-box-shadow-color)}.icon-button{margin-right:6px;margin-bottom:-3px}.download-button{margin:1em 6px 3em 0}.icon-sizes{display:flex;align-items:center;gap:10px}.App-descriptionText{max-width:925px}.ant-drawer-content-wrapper{max-width:100%}.App-footerText{margin:25px 0 0;padding:25px 0;text-align:center;background-color:#f5f5f5}a{color:#000}a:hover{text-decoration:none}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-cyrillic-ext-wght-normal-36b5393c.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-cyrillic-wght-normal-a3ef0380.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-greek-wght-normal-24de700a.woff2) format("woff2-variations");unicode-range:U+0370-03FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-vietnamese-wght-normal-1133e725.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-latin-ext-wght-normal-98e9d22b.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-latin-wght-normal-abf40ff8.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}