.ui-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.13em;background-color:currentColor;-webkit-mask:var(--ui-image) center/contain no-repeat;mask:var(--ui-image) center/contain no-repeat}
/* Inline masks also work when the exported pages are opened from disk. */
:root{
  --ui-chat:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAuNSAxMS41YTguNSA4LjUgMCAwIDEtMTIuOCA3LjNMMy41IDIwbDEuMi00LjFhOC41IDguNSAwIDEgMSAxNS44LTQuNFoiLz48cGF0aCBkPSJNOCAxMS41aC4xbTMuOSAwaC4xbTMuOSAwaC4xIi8+PC9zdmc+");
  --ui-check:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJtNCAxMiA1LjIgNS4yTDIwIDYuNSIvPjwvc3ZnPg==");
  --ui-diagonal:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJtNSAxOSAxNC0xNE03IDVoMTJ2MTIiLz48L3N2Zz4=");
  --ui-down:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgNHYxNm0tNy03IDcgNyA3LTciLz48L3N2Zz4=");
  --ui-home:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJtMiAxMSAxMC04IDEwIDhNNS41IDl2MTJoMTNWOW0tOC41IDEydi03aDR2NyIvPjwvc3ZnPg==");
  --ui-pause:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOCA1djE0TTE2IDV2MTQiIHN0cm9rZS13aWR0aD0iMyIvPjwvc3ZnPg==");
  --ui-play:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNyA0LjUgMTkgMTIgNyAxOS41eiIgZmlsbD0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+");
  --ui-plus:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgNHYxNk00IDEyaDE2Ii8+PC9zdmc+");
  --ui-right:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCAxMmgxNm0tNy03IDcgNy03IDciLz48L3N2Zz4=");
  --ui-rotate:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTkuNSA5YTggOCAwIDEgMCAuMiA1TTIwIDN2NmgtNiIvPjwvc3ZnPg==");
  --ui-smile:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5LjQiLz48cGF0aCBkPSJNNy40IDEzLjlxNC42IDYuMSA5LjIgMCIvPjxnIGZpbGw9ImJsYWNrIiBzdHJva2U9Im5vbmUiPjxjaXJjbGUgY3g9IjguNyIgY3k9IjkuNyIgcj0iMSIvPjxjaXJjbGUgY3g9IjE1LjMiIGN5PSI5LjciIHI9IjEiLz48L2c+PC9zdmc+");
  --ui-snow:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMi41djE5TTMuOCA3LjI1bDE2LjQgOS41TTMuOCAxNi43NWwxNi40LTkuNU05LjcgNC42IDEyIDYuOGwyLjMtMi4ybS00LjYgMTQuOEwxMiAxNy4ybDIuMyAyLjIiLz48L3N2Zz4=");
  --ui-squiggle:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMiAxNGM0LjUtMTAgOCA4IDEyLTIgMS44LTQuNSA1LjEtNC41IDctM20tNC01IDQuNSA1LjUtNS44IDIuNiIvPjwvc3ZnPg==");
  --ui-sun:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI0LjQiLz48cGF0aCBkPSJNMTIgMS43djIuNU0xMiAxOS44djIuNU0xLjcgMTJoMi41bTE1LjYgMGgyLjVNNC43IDQuN2wxLjggMS44bTExIDExIDEuOCAxLjhtMC0xNC42LTEuOCAxLjhtLTExIDExLTEuOCAxLjgiLz48L3N2Zz4=");
  --ui-up:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMjBWNG0tNyA3IDctNyA3IDciLz48L3N2Zz4=");
}
.ui-right{--ui-image:var(--ui-right)}
.ui-up{--ui-image:var(--ui-up)}
.ui-down{--ui-image:var(--ui-down)}
.ui-diagonal{--ui-image:var(--ui-diagonal)}
.ui-smile{--ui-image:var(--ui-smile)}
.ui-snow{--ui-image:var(--ui-snow)}
.ui-plus{--ui-image:var(--ui-plus)}
.ui-check{--ui-image:var(--ui-check)}
.ui-sun{--ui-image:var(--ui-sun)}
.ui-rotate{--ui-image:var(--ui-rotate)}
.ui-squiggle{--ui-image:var(--ui-squiggle)}
.ui-home{--ui-image:var(--ui-home)}
.ui-pause{--ui-image:var(--ui-pause)}
.ui-play{--ui-image:var(--ui-play)}
.ui-chat{--ui-image:var(--ui-chat)}