/* Icon system (Fizzy-style SVG icons via CSS masks) */
.icon {
  display: inline-block;
  flex-shrink: 0;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  vertical-align: middle;
  background-color: currentColor;
  mask-image: var(--svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: var(--svg);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  pointer-events: none;
  user-select: none;
}

/* Icon definitions */
.icon--arrow-left { --svg: url("/assets/icons/arrow-left-31092252.svg"); }
.icon--arrow-right { --svg: url("/assets/icons/arrow-right-1dcecaac.svg"); }
.icon--arrow-outward { --svg: url("/assets/icons/arrow-outward-e9146e8b.svg"); }
.icon--close { --svg: url("/assets/icons/close-e85b6b97.svg"); }
.icon--menu { --svg: url("/assets/icons/menu-06f1c3d7.svg"); }
.icon--add { --svg: url("/assets/icons/add-f0d13b29.svg"); }
.icon--edit { --svg: url("/assets/icons/edit-a22272b2.svg"); }
.icon--delete { --svg: url("/assets/icons/delete-bba1187a.svg"); }
.icon--search { --svg: url("/assets/icons/search-0d6422a6.svg"); }
.icon--calendar { --svg: url("/assets/icons/calendar-752df3a9.svg"); }
.icon--location { --svg: url("/assets/icons/location-cab75350.svg"); }
.icon--event-add { --svg: url("/assets/icons/event-add-363a06f7.svg"); }
.icon--download { --svg: url("/assets/icons/download-98a6c261.svg"); }
.icon--chevron-down { --svg: url("/assets/icons/chevron-down-d1a36749.svg"); }
.icon--chevron-left { --svg: url("/assets/icons/chevron-left-9c18ad6d.svg"); }
.icon--chevron-right { --svg: url("/assets/icons/chevron-right-fa68222c.svg"); }
.icon--play { --svg: url("/assets/icons/play-055f4c3e.svg"); }
.icon--pause { --svg: url("/assets/icons/pause-173f72f1.svg"); }
.icon--volume-mute { --svg: url("/assets/icons/volume-mute-71536eb6.svg"); }
.icon--volume-on { --svg: url("/assets/icons/volume-on-21f066f7.svg"); }