/* Consistent, thin vector arrows across desktop, Android and iOS. */
body svg.hl-design-arrow {
  display: inline-block;
  width: 1em;
  height: 1em;
  min-width: 1em;
  max-width: none;
  flex: 0 0 1em;
  vertical-align: -.12em;
  overflow: visible;
  color: inherit;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
body svg.hl-design-arrow path { fill: none; stroke: inherit; stroke-width: inherit; }
/* The remaining CSS-generated flight-route arrow is also drawn, not a text glyph. */
body .route-line::after { content: ''; width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); top: -3px; }

body svg.hl-design-arrow[data-arrow-direction="♥"] path,body svg.hl-design-arrow[data-arrow-direction="▶"] path{fill:currentColor}
/* CSS-generated plane uses the same vector, never an emoji font. */
body .search-studio .studio-fields:not(.premium-search-fields)> .studio-field:nth-child(2)>strong::before{content:"";display:inline-block;width:1em;height:1em;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.5' d='M12 2c1.1 0 2 1 2 2v5l7 4v3l-7-2v5l2 1v2l-4-1-4 1v-2l2-1v-5l-7 2v-3l7-4V4c0-1 .9-2 2-2Z'/%3E%3C/svg%3E") center/contain no-repeat}
