.app-icon{--app-icon-size: 20px;display:inline-block;inline-size:var(--app-icon-size);block-size:var(--app-icon-size);flex:0 0 var(--app-icon-size);background-color:currentColor;-webkit-mask:var(--app-icon-url) center / contain no-repeat;mask:var(--app-icon-url) center / contain no-repeat;vertical-align:middle}.app-icon--xs{--app-icon-size: 14px}.app-icon--sm{--app-icon-size: 16px}.app-icon--md{--app-icon-size: 20px}.app-icon--lg{--app-icon-size: 24px}.app-icon--xl{--app-icon-size: 28px}.app-icon--xxl{--app-icon-size: 32px}.app-icon--close{transform:rotate(45deg)}