/* Vector icons avoid platform emoji rendering in links and controls. */
:root {
  --ui-arrow-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 15 15 5M5 5h10v10' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ui-check-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ui-undo-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7 4 3 8l4 4M3 8h8a5 5 0 0 1 0 10' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.ui-icon.ui-icon,
.care-card__cta::after,
.press-asset__dl::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 1em;
  vertical-align: -.14em;
  background: currentColor;
  -webkit-mask: var(--ui-icon-mask, var(--ui-arrow-mask)) center / contain no-repeat;
  mask: var(--ui-icon-mask, var(--ui-arrow-mask)) center / contain no-repeat;
  transform: rotate(var(--ui-icon-angle, 0deg));
}
.ui-icon--right { --ui-icon-angle: 45deg; }
.ui-icon--down, .press-asset__dl::after { --ui-icon-angle: 135deg; }
.ui-icon--left { --ui-icon-angle: 225deg; }
.ui-icon--up { --ui-icon-angle: -45deg; }
.ui-icon--check { --ui-icon-mask: var(--ui-check-mask); }
.ui-icon--undo { --ui-icon-mask: var(--ui-undo-mask); }