.icon {
  background-color: var(--icon-color, currentColor);
  block-size: var(--icon-size, 1rem);
  display: inline-block;
  flex-shrink: 0;
  inline-size: var(--icon-size, 1rem);
  mask-image: var(--svg);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: var(--icon-size, 1rem);
  pointer-events: none;
  user-select: none;
}

img.icon {
  background: none;
}

.icon--loading {
  --svg: url("/assets/loading-b8fb367c.svg");
  animation: var(--animate-spin);
  animation-duration: 1s;
}

/****************************************************************
* Lucide (https://lucide.dev)
* Open-source icon library with a consistent style
*****************************************************************/
.icon--asterisk { --svg: url("/assets/asterisk-c021b19b.svg") }
.icon--box { --svg: url("/assets/box-dbf07688.svg"); }
.icon--camera { --svg: url("camera.svg"); }
.icon--category { --svg: url("/assets/category-726c41f5.svg"); }
.icon--chevron-left { --svg: url("/assets/chevron-left-459b359b.svg"); }
.icon--chevron-right { --svg: url("/assets/chevron-right-190cd25a.svg"); }
.icon--chevrons-up-down { --svg: url("/assets/chevrons-up-down-f4f3a04e.svg"); }
.icon--circle-alert { --svg: url("/assets/circle-alert-c59e0a27.svg"); }
.icon--circle-check { --svg: url("/assets/circle-check-eb15357f.svg"); }
.icon--copy { --svg: url("copy.svg"); }
.icon--fish { --svg: url("/assets/fish-90145606.svg"); }
.icon--fishing-hook { --svg: url("/assets/fishing-hook-4be4444e.svg"); }
.icon--languages { --svg: url("/assets/languages-a032833d.svg"); }
.icon--download { --svg: url("download.svg"); }
.icon--ellipsis { --svg: url("/assets/ellipsis-ced9163f.svg"); }
.icon--square-pen { --svg: url("/assets/square-pen-f49b4028.svg"); }
.icon--minus { --svg: url("/assets/minus-00066f98.svg"); }
.icon--moon { --svg: url("/assets/moon-3d1ca9be.svg"); }
.icon--panel-left { --svg: url("/assets/panel-left-58d5a2c2.svg"); }
.icon--package { --svg: url("/assets/package-dbf07688.svg"); }
.icon--packages { --svg: url("/assets/packages-6a133785.svg"); }
.icon--plus-circle-fill { --svg: url("/assets/plus-circle-fill-eff143f7.svg"); }
.icon--search { --svg: url("/assets/search-1d67f510.svg"); }
.icon--trash { --svg: url("/assets/trash-080371f4.svg"); }
.icon--layers { --svg: url("/assets/layers-726c41f5.svg"); }
.icon--link { --svg: url("/assets/link-9baacb01.svg"); }
.icon--logout { --svg: url("/assets/logout-99ac3680.svg"); }
.icon--ruler { --svg: url("/assets/ruler-b492709b.svg"); }
.icon--share { --svg: url("share.svg"); }
.icon--subproduct { --svg: url("/assets/subproduct-7e01122d.svg"); }
.icon--sun { --svg: url("/assets/sun-d19d7749.svg"); }
.icon--arrow-right { --svg: url("/assets/arrow-right-9631566f.svg"); }
.icon--arrow-left { --svg: url("/assets/arrow-left-867cdbfa.svg"); }
.icon--moon { --svg: url("/assets/moon-3d1ca9be.svg"); }
.icon--sun { --svg: url("/assets/sun-d19d7749.svg"); }
.icon--workflow { --svg: url("/assets/workflow-5024d81c.svg"); }
.icon--zap { --svg: url("/assets/zap-d629d7ab.svg"); }
.icon--x { --svg: url("/assets/x-ec2f690c.svg"); }