.material-icon-component{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;transition:color .2s ease,transform .2s ease;vertical-align:middle}.material-icon-clickable:hover{transform:scale(1.1);opacity:.8}.material-icon-clickable:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.material-icon-clickable:active{transform:scale(.95)}@media(max-width:768px){.material-icon-component{font-size:.9em}}