:where(.fas, .far) {
  --pixie-icon: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  font-style: normal;
  line-height: 1;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--pixie-icon) center / contain no-repeat;
  mask: var(--pixie-icon) center / contain no-repeat;
}

:where(.fas, .far)::before {
  content: "";
}

.fa-times {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.fa-arrow-left {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 5L7.5 12l7 7M8 12h10' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fa-arrow-right {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 5l7 7-7 7M6 12h10' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fa-eye {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-6.5 10-6.5S22 12 22 12s-3.5 6.5-10 6.5S2 12 2 12Z' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3.2' fill='black'/%3E%3C/svg%3E");
}

.fa-clock {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='M12 7v5l3.5 2' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fa-thumbs-up {
  --pixie-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M313.4%2032.9c26%205.2%2042.9%2030.5%2037.7%2056.5l-2.3%2011.4c-5.3%2026.7-15.1%2052.1-28.8%2075.2H464c26.5%200%2048%2021.5%2048%2048%200%2018.5-10.5%2034.6-25.9%2042.6C497%20275.4%20504%20288.9%20504%20304c0%2023.4-16.8%2042.9-38.9%2047.1%204.4%207.3%206.9%2015.8%206.9%2024.9%200%2021.3-13.9%2039.4-33.1%2045.6.7%203.3%201.1%206.8%201.1%2010.4%200%2026.5-21.5%2048-48%2048h-97.5c-19%200-37.5-5.6-53.3-16.1l-38.5-25.7C176%20420.4%20160%20390.4%20160%20358.3V247.1c0-29.2%2013.3-56.7%2036-75l7.4-5.9c26.5-21.2%2047-48.3%2058.2-79l7.1-21.3c7.9-23.7%2033.8-36.3%2057.5-28.4zM32%20192h64c17.7%200%2032%2014.3%2032%2032v224c0%2017.7-14.3%2032-32%2032H32c-17.7%200-32-14.3-32-32V224c0-17.7%2014.3-32%2032-32z%22%2F%3E%3C%2Fsvg%3E");
}

.fa-thumbs-down {
  --pixie-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M313.4%20479.1c26-5.2%2042.9-30.5%2037.7-56.5l-2.3-11.4c-5.3-26.7-15.1-52.1-28.8-75.2H464c26.5%200%2048-21.5%2048-48%200-18.5-10.5-34.6-25.9-42.6C497%20236.6%20504%20223.1%20504%20208c0-23.4-16.8-42.9-38.9-47.1%204.4-7.3%206.9-15.8%206.9-24.9%200-21.3-13.9-39.4-33.1-45.6.7-3.3%201.1-6.8%201.1-10.4%200-26.5-21.5-48-48-48h-97.5c-19%200-37.5%205.6-53.3%2016.1l-38.5%2025.7C176%2091.6%20160%20121.6%20160%20153.7v111.2c0%2029.2%2013.3%2056.7%2036%2075l7.4%205.9c26.5%2021.2%2047%2048.3%2058.2%2079l7.1%2021.3c7.9%2023.7%2033.8%2036.3%2057.5%2028.4zM32%2032h64c17.7%200%2032%2014.3%2032%2032v224c0%2017.7-14.3%2032-32%2032H32c-17.7%200-32-14.3-32-32V64c0-17.7%2014.3-32%2032-32z%22%2F%3E%3C%2Fsvg%3E");
}

.fa-user-lock {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM2 21a7.5 7.5 0 0 1 12.1-5.9 4 4 0 0 0-1.1 2.8V21H2Zm15.2-4.2v-1.1a2.8 2.8 0 0 1 5.6 0v1.1h.2c.6 0 1 .4 1 1V23c0 .6-.4 1-1 1h-7.6c-.6 0-1-.4-1-1v-5.2c0-.6.4-1 1-1h1.8Zm1.7 0h2.2v-1.1a1.1 1.1 0 0 0-2.2 0v1.1Z' fill='black'/%3E%3C/svg%3E");
}

.fa-right-from-bracket {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h8v3H7v10h5v3H4V4Zm10.5 3.2 4.8 4.8-4.8 4.8-2.1-2.1 1.2-1.2H10v-3h3.6l-1.2-1.2 2.1-2.1Z' fill='black'/%3E%3C/svg%3E");
}

.fa-layer-group {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 10 5-10 5L2 7l10-5Zm7.2 9.6L22 13l-10 5-10-5 2.8-1.4 7.2 3.6 7.2-3.6Zm0 6L22 19l-10 5-10-5 2.8-1.4 7.2 3.6 7.2-3.6Z' fill='black'/%3E%3C/svg%3E");
}

.fa-check-circle {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2.3'/%3E%3Cpath d='m7.2 12.3 3 3 6.6-7' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fa-file {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h9l5 5v15H5V2Zm9 1.8V8h4.2L14 3.8Z' fill='black'/%3E%3C/svg%3E");
}

.fa-download {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v9l3.2-3.2 1.6 1.6L12 16.2l-5.8-5.8 1.6-1.6L11 12V3ZM5 19h14v2H5v-2Z' fill='black'/%3E%3C/svg%3E");
}

.fa-exclamation-triangle {
  --pixie-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 23 21H1L12 2Zm-1.2 7v6h2.4V9h-2.4Zm0 8v2.4h2.4V17h-2.4Z' fill='black'/%3E%3C/svg%3E");
}
