/* Written by the asset library; it is rewritten whenever an icon is added, so do not edit it.
   Use an icon with <span class="icon icon-NAME" aria-hidden="true"></span>.
   It takes the colour and size of the text around it: set color and font-size to change them. */
.icon { display: inline-block; width: 1em; height: 1em; flex: none; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; }
.icon-lucide-car { -webkit-mask-image: url("../assets/icons/lucide-car.svg"); mask-image: url("../assets/icons/lucide-car.svg"); }
.icon-lucide-compass { -webkit-mask-image: url("../assets/icons/lucide-compass.svg"); mask-image: url("../assets/icons/lucide-compass.svg"); }
.icon-lucide-fast-forward { -webkit-mask-image: url("../assets/icons/lucide-fast-forward.svg"); mask-image: url("../assets/icons/lucide-fast-forward.svg"); }
.icon-lucide-moon { -webkit-mask-image: url("../assets/icons/lucide-moon.svg"); mask-image: url("../assets/icons/lucide-moon.svg"); }
.icon-lucide-pause { -webkit-mask-image: url("../assets/icons/lucide-pause.svg"); mask-image: url("../assets/icons/lucide-pause.svg"); }
.icon-lucide-play { -webkit-mask-image: url("../assets/icons/lucide-play.svg"); mask-image: url("../assets/icons/lucide-play.svg"); }
.icon-lucide-sparkles { -webkit-mask-image: url("../assets/icons/lucide-sparkles.svg"); mask-image: url("../assets/icons/lucide-sparkles.svg"); }
.icon-lucide-sun-moon { -webkit-mask-image: url("../assets/icons/lucide-sun-moon.svg"); mask-image: url("../assets/icons/lucide-sun-moon.svg"); }
.icon-lucide-sun { -webkit-mask-image: url("../assets/icons/lucide-sun.svg"); mask-image: url("../assets/icons/lucide-sun.svg"); }