| [data-component="icon"] { | |
| display: inline-flex; | |
| align-items: center; | |
| justify-content: center; | |
| flex-shrink: 0; | |
| /* resize: both; */ | |
| aspect-ratio: 1/1; | |
| color: var(--icon-base); | |
| &[data-size="small"] { | |
| width: 16px; | |
| height: 16px; | |
| } | |
| &[data-size="normal"] { | |
| width: 20px; | |
| height: 20px; | |
| } | |
| &[data-size="medium"] { | |
| width: 24px; | |
| height: 24px; | |
| } | |
| &[data-size="large"] { | |
| width: 24px; | |
| height: 24px; | |
| } | |
| [data-slot="icon-svg"] { | |
| width: 100%; | |
| height: auto; | |
| } | |
| } | |
| :dir(rtl) [data-component="icon"][data-directional] [data-slot="icon-svg"], | |
| :dir(rtl) [data-slot="menu-v2-item-chevron"] { | |
| transform: scaleX(-1); | |
| } | |