/* Interface symbols are drawn in CSS, never dependent on emoji fonts. */
[data-icon]::after{content:"";display:inline-block;position:relative;box-sizing:border-box;width:.65em;height:.65em;margin-inline-start:.65em;vertical-align:.05em;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;pointer-events:none}
[data-icon="diagonal"]::after{transform:none}
[data-icon="down"]::after{transform:rotate(135deg)}
[data-icon="left"]::after{transform:rotate(225deg)}
button[data-icon="close"],button[data-icon="plus"],button[data-icon="minus"]{position:relative;min-width:44px;min-height:44px}
button[data-icon="close"]::before,button[data-icon="close"]::after,button[data-icon="plus"]::before,button[data-icon="plus"]::after,button[data-icon="minus"]::after{content:"";position:absolute;box-sizing:border-box;left:50%;top:50%;width:16px;height:2px;background:currentColor;border:0;margin:0;pointer-events:none}
button[data-icon="close"]::before{transform:translate(-50%,-50%) rotate(45deg)}
button[data-icon="close"]::after{transform:translate(-50%,-50%) rotate(-45deg)}
button[data-icon="plus"]::before,button[data-icon="minus"]::after{transform:translate(-50%,-50%)}
button[data-icon="plus"]::after{transform:translate(-50%,-50%) rotate(90deg)}