/* 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-pause { -webkit-mask-image: url("../assets/icons/lucide-pause.svg"); mask-image: url("../assets/icons/lucide-pause.svg"); }
.icon-lucide-pen-line { -webkit-mask-image: url("../assets/icons/lucide-pen-line.svg"); mask-image: url("../assets/icons/lucide-pen-line.svg"); }
.icon-lucide-play { -webkit-mask-image: url("../assets/icons/lucide-play.svg"); mask-image: url("../assets/icons/lucide-play.svg"); }
.icon-lucide-rotate-ccw { -webkit-mask-image: url("../assets/icons/lucide-rotate-ccw.svg"); mask-image: url("../assets/icons/lucide-rotate-ccw.svg"); }
.icon-lucide-trophy { -webkit-mask-image: url("../assets/icons/lucide-trophy.svg"); mask-image: url("../assets/icons/lucide-trophy.svg"); }
.icon-lucide-volume-2 { -webkit-mask-image: url("../assets/icons/lucide-volume-2.svg"); mask-image: url("../assets/icons/lucide-volume-2.svg"); }
.icon-lucide-volume-x { -webkit-mask-image: url("../assets/icons/lucide-volume-x.svg"); mask-image: url("../assets/icons/lucide-volume-x.svg"); }