/* Fixed line artwork prevents iOS from substituting large emoji arrows. */
:root{--ui-arrow-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M8 3l5 5-5 5' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html body .ui-arrow{display:inline-block;width:16px;height:16px;min-width:16px;flex:0 0 16px;align-self:center;vertical-align:-2px;line-height:0;margin:0;padding:0;border:0;background:none;color:inherit}
html body .ui-arrow::before{content:"";display:block;width:100%;height:100%;background:currentColor;-webkit-mask:var(--ui-arrow-mask) center/contain no-repeat;mask:var(--ui-arrow-mask) center/contain no-repeat}
.ui-arrow-ne::before{transform:rotate(-45deg)}
.ui-arrow-down::before{transform:rotate(90deg)}
.ui-arrow-left::before{transform:rotate(180deg)}
.ui-arrow-up::before{transform:rotate(-90deg)}
.ui-arrow-chevron{--ui-arrow-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body .text-link.has-ui-arrow::after{content:none}