.ui-icon{vertical-align:middle;width:16px;height:16px;-webkit-mask:var(--ui-icon-mask) center / contain no-repeat;mask:var(--ui-icon-mask) center / contain no-repeat;-webkit-mask:var(--ui-icon-mask) center / contain no-repeat;background-color:currentColor;flex:none;display:inline-block}.ui-icon--chevron-left,.ui-icon--arrow-right{rotate:180deg}.ui-icon--chevron-down,.ui-icon--arrow-up{rotate:90deg}.ui-icon--chevron-up,.ui-icon--arrow-down{rotate:-90deg}.ui-icon--menu{-webkit-mask-size:12px 12px;mask-size:12px 12px}