/* Heroicons CSS sprites — Phoenix <.icon name="hero-*" /> convention */
[class^="hero-"],
[class*=" hero-"] {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  background-color: currentColor;
  vertical-align: middle;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-position: center;
}

.hero-arrow-up-tray {
  -webkit-mask-image: url(/assets/heroicons/24/outline/arrow-up-tray-4f7e74c004ae8bee8372cd84876487be.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/arrow-up-tray-4f7e74c004ae8bee8372cd84876487be.svg?vsn=d);
}
.hero-arrow-down-tray {
  -webkit-mask-image: url(/assets/heroicons/24/outline/arrow-down-tray-1b2f22aa26ac90be124aee6c615f8846.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/arrow-down-tray-1b2f22aa26ac90be124aee6c615f8846.svg?vsn=d);
}
.hero-arrows-pointing-out {
  -webkit-mask-image: url(/assets/heroicons/24/outline/arrows-pointing-out-fc9b9626529558ee91bbddbdca9de1cb.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/arrows-pointing-out-fc9b9626529558ee91bbddbdca9de1cb.svg?vsn=d);
}
.hero-pencil-square {
  -webkit-mask-image: url(/assets/heroicons/24/outline/pencil-square-30258af340f847750e9b6077dffc0226.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/pencil-square-30258af340f847750e9b6077dffc0226.svg?vsn=d);
}
.hero-qr-code {
  -webkit-mask-image: url(/assets/heroicons/24/outline/qr-code-aa833ade1848256496f65d978444afe3.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/qr-code-aa833ade1848256496f65d978444afe3.svg?vsn=d);
}
.hero-link {
  -webkit-mask-image: url(/assets/heroicons/24/outline/link-c61d6db8534bd2da6f8409cbc6eacd7b.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/link-c61d6db8534bd2da6f8409cbc6eacd7b.svg?vsn=d);
}
.hero-trash {
  -webkit-mask-image: url(/assets/heroicons/24/outline/trash-ee9c5a2024d6142b276040ed429e2d3a.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/trash-ee9c5a2024d6142b276040ed429e2d3a.svg?vsn=d);
}
.hero-x-mark {
  -webkit-mask-image: url(/assets/heroicons/24/outline/x-mark-d619744fdffbebd21935d7d95b00b673.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/x-mark-d619744fdffbebd21935d7d95b00b673.svg?vsn=d);
}
.hero-arrow-uturn-left {
  -webkit-mask-image: url(/assets/heroicons/24/outline/arrow-uturn-left-35ddf1a5fed66875a07c2cef2a14ee23.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/arrow-uturn-left-35ddf1a5fed66875a07c2cef2a14ee23.svg?vsn=d);
}
.hero-pencil {
  -webkit-mask-image: url(/assets/heroicons/24/outline/pencil-aa14b43d1180f0fa9cce0c119f703f86.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/pencil-aa14b43d1180f0fa9cce0c119f703f86.svg?vsn=d);
}
.hero-sparkles {
  -webkit-mask-image: url(/assets/heroicons/24/outline/sparkles-8620ab1651c16125d0f62a951dbb631e.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/sparkles-8620ab1651c16125d0f62a951dbb631e.svg?vsn=d);
}
.hero-pencil-solid {
  -webkit-mask-image: url(/assets/heroicons/24/solid/pencil-99291ee52562dcc7953807829a340bfa.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/solid/pencil-99291ee52562dcc7953807829a340bfa.svg?vsn=d);
}
.hero-pencil-mini {
  -webkit-mask-image: url(/assets/heroicons/20/solid/pencil-9bb54a3af9eddc71d95186fcab6a1949.svg?vsn=d);
  mask-image: url(/assets/heroicons/20/solid/pencil-9bb54a3af9eddc71d95186fcab6a1949.svg?vsn=d);
}
.hero-check {
  -webkit-mask-image: url(/assets/heroicons/24/outline/check-8baeb2e100725acdf0794a5205b68e5d.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/check-8baeb2e100725acdf0794a5205b68e5d.svg?vsn=d);
}
.hero-photo {
  -webkit-mask-image: url(/assets/heroicons/24/outline/photo-92b67439606b0def832c125130cddd7d.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/photo-92b67439606b0def832c125130cddd7d.svg?vsn=d);
}
.hero-check-circle {
  -webkit-mask-image: url(/assets/heroicons/24/outline/check-circle-436f941afdcb4f83311d52974cba0f9b.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/check-circle-436f941afdcb4f83311d52974cba0f9b.svg?vsn=d);
}
.hero-printer {
  -webkit-mask-image: url(/assets/heroicons/24/outline/printer-7fcc4d71ab88d0bb0cd45fcf349c00ba.svg?vsn=d);
  mask-image: url(/assets/heroicons/24/outline/printer-7fcc4d71ab88d0bb0cd45fcf349c00ba.svg?vsn=d);
}

/* Soft booth-floor pattern for the management table */
.bg-mngtable-pattern {
  background-color: #fff2fa;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='3' cy='3' r='1.25' fill='%23F6598E' fill-opacity='0.14'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Ccircle cx='31' cy='31' r='1' fill='%23D91EA7' fill-opacity='0.08'/%3E%3C/svg%3E");
  background-size: 28px 28px, 56px 56px;
}
