/* Local SVG assets in the donor's original icon slots. */
.svg-icon {
  display: block;
  width: 30px;
  height: 30px;
  background: currentColor;
  -webkit-mask: var(--svg-icon) center / contain no-repeat;
  mask: var(--svg-icon) center / contain no-repeat;
}

.svg-icon--presentation {
  --svg-icon: url("/neiroset/assets/images/icons/presentation.svg");
  width: 64px;
  height: 64px;
  color: #a98fff;
}

.svg-icon--structure {
  --svg-icon: url("/neiroset/assets/images/icons/presentation1.svg");
  color: #a98fff;
}

.svg-icon--editor {
  --svg-icon: url("/neiroset/assets/images/icons/presentation2.svg");
  color: #a98fff;
}

.svg-icon--update {
  --svg-icon: url("/neiroset/assets/images/icons/advantages13.svg");
  color: #fff;
}

.svg-icon--personalization {
  --svg-icon: url("/neiroset/assets/images/icons/advantages14.svg");
  color: #fff;
}

.svg-icon--interactive {
  --svg-icon: url("/neiroset/assets/images/icons/advantages15.svg");
  color: #fff;
}

.svg-icon--speed {
  --svg-icon: url("/neiroset/assets/images/icons/advantages16.svg");
  color: #fff;
}

.svg-icon--review {
  --svg-icon: url("/neiroset/assets/images/icons/reviewsIcon.svg");
  color: #5d34a9;
}