.theme-dark #gallery {
  background-color: var(--grey--100);
}
icon-preview {
  cursor: copy;
}
icon-preview .icon-sample {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-out;
  transition: all 0.15s ease-out;
  z-index: 1;
  background-color: transparent !important;
  position: absolute;
  color: #000000;
}
icon-preview .icon-sample:active {
  transition-duration: 0.1s;
}
.theme-dark icon-preview .icon-sample {
  color: #FFFFFF;
}
icon-preview .icon-sample--hidden {
  opacity: 0;
}
icon-preview .card-body-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transform: scaleY(0);
  transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: top;
  z-index: 0;
}
icon-preview .icon-class {
  display: inline-flex;
  padding-block-start: var(--base-3);
  font-size: 14px;
}
icon-preview .icon-class > .icon {
  opacity: 0;
  margin-left: var(--base-h);
  padding: var(--base-1h) var(--base-3) var(--base-2) var(--base);
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all 0.2s ease-out;
  transition: all 0.15s ease-out;
}
icon-preview .icon-class > .icon:active {
  transition-duration: 0.1s;
}
icon-preview:hover .icon-class > .icon {
  opacity: 1;
}
icon-preview .card {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: none;
  border: 1px solid;
  transition: all 0.2s ease-out;
  transition: all 0.15s ease-out;
}
icon-preview .card:active {
  transition-duration: 0.1s;
}
icon-preview .card > *[class^="card-"] {
  display: flex;
  text-align: left;
  align-items: center;
  height: var(--base-8);
  flex: 0 0 auto;
  padding-left: var(--base-3);
  padding-right: var(--base-3);
}
icon-preview .card .card-body {
  position: relative;
  overflow: hidden;
  padding-top: var(--base);
  margin-top: auto;
  padding-bottom: var(--base);
  margin-bottom: 0;
  z-index: 1;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
icon-preview .card .card-footer {
  padding-top: 0;
  margin-bottom: 0;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.5;
  transition: all 0.2s ease-out;
  transition: all 0.15s ease-out;
  color: rgba(0, 0, 0, 0.6);
}
icon-preview .card .card-footer:active {
  transition-duration: 0.1s;
}
.theme-dark icon-preview .card .card-footer {
  color: rgba(255, 255, 255, 0.7);
}
.size25 icon-preview .icon-sample::before {
  font-family: "streamline";
  font-size: var(--icon-large-font-size);
}
.size32 icon-preview .icon-sample::before {
  font-family: "streamline";
  font-size: calc(2 * var(--icon-small-font-size));
}
.size50 icon-preview .icon-sample::before {
  font-family: "streamline";
  font-size: calc(2 * var(--icon-large-font-size));
}
icon-size-demo {
  --icon: "\e0c7";
  --icon-size: var(--icon-small-font-size);
}
icon-size-demo::before {
  content: var(--icon);
}
icon-size-demo::before,
icon-size-demo::after {
  font-size: var(--icon-size);
  font-family: "streamline";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
icon-size-demo.icon-large {
  --icon-size: var(--icon-large-font-size);
}
icon-size-demo.large {
  --icon-size: var(--icon-large-font-size);
}
icon-size-demo.big {
  --icon-size: calc(2 * var(--icon-small-font-size));
}
icon-size-demo.huge {
  --icon-size: calc(2 * var(--icon-large-font-size));
}
.icons-grid-title {
  text-align: center;
}
icon-grid {
  --sg-base: 158px;
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--sg-base) var(--sg-base));
  grid-auto-rows: var(--sg-base);
  gap: var(--base-3);
}
icon-category[data-cat-index="1"] {
  --icon-card-border: #e0ecfa;
  --icon-card-bg: #f3f8fd;
  --icon-main-color: #1c6fce;
}
.theme-dark icon-category[data-cat-index="1"] {
  --icon-card-border: #08213e;
}
.theme-dark icon-category[data-cat-index="1"] {
  --icon-card-bg: #04111f;
}
.theme-dark icon-category[data-cat-index="1"] {
  --icon-main-color: #65a1e6;
}
icon-category[data-cat-index="1"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="1"] .card-body-overlay {
  background-color: #c2daf5;
}
.theme-dark icon-category[data-cat-index="1"] .card-body-overlay {
  background-color: #0e3867;
}
icon-category[data-cat-index="1"] icon-preview:hover {
  --icon-card-bg: #e0ecfa;
  --icon-card-border: #c2daf5;
  --contrast-color: #5a5f64;
}
.theme-dark icon-category[data-cat-index="1"] icon-preview:hover {
  --icon-card-bg: #08213e;
}
.theme-dark icon-category[data-cat-index="1"] icon-preview:hover {
  --icon-card-border: #0e3867;
}
.theme-dark icon-category[data-cat-index="1"] icon-preview:hover {
  --contrast-color: #b5bdc5;
}
icon-category[data-cat-index="1"] icon-preview:active,
icon-category[data-cat-index="1"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="1"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="1"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="1"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="2"] {
  --icon-card-border: #fef2d7;
  --icon-card-bg: #fffaef;
  --icon-main-color: #926806;
}
.theme-dark icon-category[data-cat-index="2"] {
  --icon-card-border: #483303;
}
.theme-dark icon-category[data-cat-index="2"] {
  --icon-card-bg: #241a01;
}
.theme-dark icon-category[data-cat-index="2"] {
  --icon-main-color: #fac038;
}
icon-category[data-cat-index="2"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="2"] .card-body-overlay {
  background-color: #fde6af;
}
.theme-dark icon-category[data-cat-index="2"] .card-body-overlay {
  background-color: #785505;
}
icon-category[data-cat-index="2"] icon-preview:hover {
  --icon-card-bg: #fef2d7;
  --icon-card-border: #fde6af;
  --contrast-color: #666156;
}
.theme-dark icon-category[data-cat-index="2"] icon-preview:hover {
  --icon-card-bg: #483303;
}
.theme-dark icon-category[data-cat-index="2"] icon-preview:hover {
  --icon-card-border: #785505;
}
.theme-dark icon-category[data-cat-index="2"] icon-preview:hover {
  --contrast-color: #c8c2b3;
}
icon-category[data-cat-index="2"] icon-preview:active,
icon-category[data-cat-index="2"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="2"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="2"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="2"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="3"] {
  --icon-card-border: #dff5df;
  --icon-card-bg: #f2fbf2;
  --icon-main-color: #248424;
}
.theme-dark icon-category[data-cat-index="3"] {
  --icon-card-border: #0f380f;
}
.theme-dark icon-category[data-cat-index="3"] {
  --icon-card-bg: #081c08;
}
.theme-dark icon-category[data-cat-index="3"] {
  --icon-main-color: #5ecf5e;
}
icon-category[data-cat-index="3"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="3"] .card-body-overlay {
  background-color: #bfecbf;
}
.theme-dark icon-category[data-cat-index="3"] .card-body-overlay {
  background-color: #1a5e1a;
}
icon-category[data-cat-index="3"] icon-preview:hover {
  --icon-card-bg: #dff5df;
  --icon-card-border: #bfecbf;
  --contrast-color: #596259;
}
.theme-dark icon-category[data-cat-index="3"] icon-preview:hover {
  --icon-card-bg: #0f380f;
}
.theme-dark icon-category[data-cat-index="3"] icon-preview:hover {
  --icon-card-border: #1a5e1a;
}
.theme-dark icon-category[data-cat-index="3"] icon-preview:hover {
  --contrast-color: #b7c3b7;
}
icon-category[data-cat-index="3"] icon-preview:active,
icon-category[data-cat-index="3"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="3"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="3"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="3"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="4"] {
  --icon-card-border: #dcf6f8;
  --icon-card-bg: #f1fbfc;
  --icon-main-color: #147c86;
}
.theme-dark icon-category[data-cat-index="4"] {
  --icon-card-border: #09383c;
}
.theme-dark icon-category[data-cat-index="4"] {
  --icon-card-bg: #041c1e;
}
.theme-dark icon-category[data-cat-index="4"] {
  --icon-main-color: #4fd2de;
}
icon-category[data-cat-index="4"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="4"] .card-body-overlay {
  background-color: #b9edf2;
}
.theme-dark icon-category[data-cat-index="4"] .card-body-overlay {
  background-color: #0f5d64;
}
icon-category[data-cat-index="4"] icon-preview:hover {
  --icon-card-bg: #dcf6f8;
  --icon-card-border: #b9edf2;
  --contrast-color: #586263;
}
.theme-dark icon-category[data-cat-index="4"] icon-preview:hover {
  --icon-card-bg: #09383c;
}
.theme-dark icon-category[data-cat-index="4"] icon-preview:hover {
  --icon-card-border: #0f5d64;
}
.theme-dark icon-category[data-cat-index="4"] icon-preview:hover {
  --contrast-color: #b5c3c4;
}
icon-category[data-cat-index="4"] icon-preview:active,
icon-category[data-cat-index="4"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="4"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="4"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="4"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="5"] {
  --icon-card-border: #f9dde6;
  --icon-card-bg: #fdf1f5;
  --icon-main-color: #c7295d;
}
.theme-dark icon-category[data-cat-index="5"] {
  --icon-card-border: #3c0c1c;
}
.theme-dark icon-category[data-cat-index="5"] {
  --icon-card-bg: #1e060e;
}
.theme-dark icon-category[data-cat-index="5"] {
  --icon-main-color: #e35484;
}
icon-category[data-cat-index="5"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="5"] .card-body-overlay {
  background-color: #f4bbce;
}
.theme-dark icon-category[data-cat-index="5"] .card-body-overlay {
  background-color: #63142f;
}
icon-category[data-cat-index="5"] icon-preview:hover {
  --icon-card-bg: #f9dde6;
  --icon-card-border: #f4bbce;
  --contrast-color: #64585c;
}
.theme-dark icon-category[data-cat-index="5"] icon-preview:hover {
  --icon-card-bg: #3c0c1c;
}
.theme-dark icon-category[data-cat-index="5"] icon-preview:hover {
  --icon-card-border: #63142f;
}
.theme-dark icon-category[data-cat-index="5"] icon-preview:hover {
  --contrast-color: #c4b6bb;
}
icon-category[data-cat-index="5"] icon-preview:active,
icon-category[data-cat-index="5"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="5"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="5"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="5"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="6"] {
  --icon-card-border: #feead4;
  --icon-card-bg: #fff7ee;
  --icon-main-color: #a75b04;
}
.theme-dark icon-category[data-cat-index="6"] {
  --icon-card-border: #4b2902;
}
.theme-dark icon-category[data-cat-index="6"] {
  --icon-card-bg: #251401;
}
.theme-dark icon-category[data-cat-index="6"] {
  --icon-main-color: #fa9829;
}
icon-category[data-cat-index="6"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="6"] .card-body-overlay {
  background-color: #fdd6a9;
}
.theme-dark icon-category[data-cat-index="6"] .card-body-overlay {
  background-color: #7c4403;
}
icon-category[data-cat-index="6"] icon-preview:hover {
  --icon-card-bg: #feead4;
  --icon-card-border: #fdd6a9;
  --contrast-color: #665e55;
}
.theme-dark icon-category[data-cat-index="6"] icon-preview:hover {
  --icon-card-bg: #4b2902;
}
.theme-dark icon-category[data-cat-index="6"] icon-preview:hover {
  --icon-card-border: #7c4403;
}
.theme-dark icon-category[data-cat-index="6"] icon-preview:hover {
  --contrast-color: #c9bfb3;
}
icon-category[data-cat-index="6"] icon-preview:active,
icon-category[data-cat-index="6"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="6"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="6"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="6"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="7"] {
  --icon-card-border: #dbf6ee;
  --icon-card-bg: #f0fcf8;
  --icon-main-color: #13805f;
}
.theme-dark icon-category[data-cat-index="7"] {
  --icon-card-border: #09392b;
}
.theme-dark icon-category[data-cat-index="7"] {
  --icon-card-bg: #041d15;
}
.theme-dark icon-category[data-cat-index="7"] {
  --icon-main-color: #49d4ab;
}
icon-category[data-cat-index="7"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="7"] .card-body-overlay {
  background-color: #b6eedd;
}
.theme-dark icon-category[data-cat-index="7"] .card-body-overlay {
  background-color: #0e5f47;
}
icon-category[data-cat-index="7"] icon-preview:hover {
  --icon-card-bg: #dbf6ee;
  --icon-card-border: #b6eedd;
  --contrast-color: #57635f;
}
.theme-dark icon-category[data-cat-index="7"] icon-preview:hover {
  --icon-card-bg: #09392b;
}
.theme-dark icon-category[data-cat-index="7"] icon-preview:hover {
  --icon-card-border: #0e5f47;
}
.theme-dark icon-category[data-cat-index="7"] icon-preview:hover {
  --contrast-color: #b5c4bf;
}
icon-category[data-cat-index="7"] icon-preview:active,
icon-category[data-cat-index="7"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="7"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="7"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="7"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="8"] {
  --icon-card-border: #e2e6f9;
  --icon-card-bg: #f4f5fd;
  --icon-main-color: #495fca;
}
.theme-dark icon-category[data-cat-index="8"] {
  --icon-card-border: #161c3d;
}
.theme-dark icon-category[data-cat-index="8"] {
  --icon-card-bg: #0b0e1e;
}
.theme-dark icon-category[data-cat-index="8"] {
  --icon-main-color: #7083e1;
}
icon-category[data-cat-index="8"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="8"] .card-body-overlay {
  background-color: #c6cdf3;
}
.theme-dark icon-category[data-cat-index="8"] .card-body-overlay {
  background-color: #252f65;
}
icon-category[data-cat-index="8"] icon-preview:hover {
  --icon-card-bg: #e2e6f9;
  --icon-card-border: #c6cdf3;
  --contrast-color: #5b5c64;
}
.theme-dark icon-category[data-cat-index="8"] icon-preview:hover {
  --icon-card-bg: #161c3d;
}
.theme-dark icon-category[data-cat-index="8"] icon-preview:hover {
  --icon-card-border: #252f65;
}
.theme-dark icon-category[data-cat-index="8"] icon-preview:hover {
  --contrast-color: #b9bbc5;
}
icon-category[data-cat-index="8"] icon-preview:active,
icon-category[data-cat-index="8"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="8"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="8"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="8"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="9"] {
  --icon-card-border: #fbdddd;
  --icon-card-bg: #fdf1f1;
  --icon-main-color: #ca2b2b;
}
.theme-dark icon-category[data-cat-index="9"] {
  --icon-card-border: #3d0d0d;
}
.theme-dark icon-category[data-cat-index="9"] {
  --icon-card-bg: #1e0606;
}
.theme-dark icon-category[data-cat-index="9"] {
  --icon-main-color: #ea5353;
}
icon-category[data-cat-index="9"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="9"] .card-body-overlay {
  background-color: #f6baba;
}
.theme-dark icon-category[data-cat-index="9"] .card-body-overlay {
  background-color: #651515;
}
icon-category[data-cat-index="9"] icon-preview:hover {
  --icon-card-bg: #fbdddd;
  --icon-card-border: #f6baba;
  --contrast-color: #645858;
}
.theme-dark icon-category[data-cat-index="9"] icon-preview:hover {
  --icon-card-bg: #3d0d0d;
}
.theme-dark icon-category[data-cat-index="9"] icon-preview:hover {
  --icon-card-border: #651515;
}
.theme-dark icon-category[data-cat-index="9"] icon-preview:hover {
  --contrast-color: #c5b6b6;
}
icon-category[data-cat-index="9"] icon-preview:active,
icon-category[data-cat-index="9"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="9"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="9"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="9"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="10"] {
  --icon-card-border: #eaf7dd;
  --icon-card-bg: #f7fcf1;
  --icon-main-color: #4d8119;
}
.theme-dark icon-category[data-cat-index="10"] {
  --icon-card-border: #223a0b;
}
.theme-dark icon-category[data-cat-index="10"] {
  --icon-card-bg: #111d06;
}
.theme-dark icon-category[data-cat-index="10"] {
  --icon-main-color: #96d954;
}
icon-category[data-cat-index="10"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="10"] .card-body-overlay {
  background-color: #d5f0ba;
}
.theme-dark icon-category[data-cat-index="10"] .card-body-overlay {
  background-color: #396012;
}
icon-category[data-cat-index="10"] icon-preview:hover {
  --icon-card-bg: #eaf7dd;
  --icon-card-border: #d5f0ba;
  --contrast-color: #5e6358;
}
.theme-dark icon-category[data-cat-index="10"] icon-preview:hover {
  --icon-card-bg: #223a0b;
}
.theme-dark icon-category[data-cat-index="10"] icon-preview:hover {
  --icon-card-border: #396012;
}
.theme-dark icon-category[data-cat-index="10"] icon-preview:hover {
  --contrast-color: #bdc4b6;
}
icon-category[data-cat-index="10"] icon-preview:active,
icon-category[data-cat-index="10"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="10"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="10"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="10"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="11"] {
  --icon-card-border: #eadffa;
  --icon-card-bg: #f6f2fd;
  --icon-main-color: #814bce;
}
.theme-dark icon-category[data-cat-index="11"] {
  --icon-card-border: #2c1946;
}
.theme-dark icon-category[data-cat-index="11"] {
  --icon-card-bg: #160d23;
}
.theme-dark icon-category[data-cat-index="11"] {
  --icon-main-color: #a97bea;
}
icon-category[data-cat-index="11"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="11"] .card-body-overlay {
  background-color: #ddcaf7;
}
.theme-dark icon-category[data-cat-index="11"] .card-body-overlay {
  background-color: #412567;
}
icon-category[data-cat-index="11"] icon-preview:hover {
  --icon-card-bg: #eadffa;
  --icon-card-border: #ddcaf7;
  --contrast-color: #5e5964;
}
.theme-dark icon-category[data-cat-index="11"] icon-preview:hover {
  --icon-card-bg: #2c1946;
}
.theme-dark icon-category[data-cat-index="11"] icon-preview:hover {
  --icon-card-border: #412567;
}
.theme-dark icon-category[data-cat-index="11"] icon-preview:hover {
  --contrast-color: #c0bac7;
}
icon-category[data-cat-index="11"] icon-preview:active,
icon-category[data-cat-index="11"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="11"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="11"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="11"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="12"] {
  --icon-card-border: #f8dfd8;
  --icon-card-bg: #fcf2ef;
  --icon-main-color: #c3431c;
}
.theme-dark icon-category[data-cat-index="12"] {
  --icon-card-border: #401609;
}
.theme-dark icon-category[data-cat-index="12"] {
  --icon-card-bg: #200b05;
}
.theme-dark icon-category[data-cat-index="12"] {
  --icon-main-color: #dd613c;
}
icon-category[data-cat-index="12"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="12"] .card-body-overlay {
  background-color: #f1c0b1;
}
.theme-dark icon-category[data-cat-index="12"] .card-body-overlay {
  background-color: #6b250f;
}
icon-category[data-cat-index="12"] icon-preview:hover {
  --icon-card-bg: #f8dfd8;
  --icon-card-border: #f1c0b1;
  --contrast-color: #635956;
}
.theme-dark icon-category[data-cat-index="12"] icon-preview:hover {
  --icon-card-bg: #401609;
}
.theme-dark icon-category[data-cat-index="12"] icon-preview:hover {
  --icon-card-border: #6b250f;
}
.theme-dark icon-category[data-cat-index="12"] icon-preview:hover {
  --contrast-color: #c6b9b5;
}
icon-category[data-cat-index="12"] icon-preview:active,
icon-category[data-cat-index="12"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="12"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="12"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="12"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="13"] {
  --icon-card-border: #e1f2fa;
  --icon-card-bg: #f3fafd;
  --icon-main-color: #25769c;
}
.theme-dark icon-category[data-cat-index="13"] {
  --icon-card-border: #103343;
}
.theme-dark icon-category[data-cat-index="13"] {
  --icon-card-bg: #081921;
}
.theme-dark icon-category[data-cat-index="13"] {
  --icon-main-color: #6bbfe6;
}
icon-category[data-cat-index="13"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="13"] .card-body-overlay {
  background-color: #c4e5f5;
}
.theme-dark icon-category[data-cat-index="13"] .card-body-overlay {
  background-color: #1b546f;
}
icon-category[data-cat-index="13"] icon-preview:hover {
  --icon-card-bg: #e1f2fa;
  --icon-card-border: #c4e5f5;
  --contrast-color: #5a6164;
}
.theme-dark icon-category[data-cat-index="13"] icon-preview:hover {
  --icon-card-bg: #103343;
}
.theme-dark icon-category[data-cat-index="13"] icon-preview:hover {
  --icon-card-border: #1b546f;
}
.theme-dark icon-category[data-cat-index="13"] icon-preview:hover {
  --contrast-color: #b7c2c6;
}
icon-category[data-cat-index="13"] icon-preview:active,
icon-category[data-cat-index="13"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="13"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="13"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="13"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="14"] {
  --icon-card-border: #dff5df;
  --icon-card-bg: #f2fbf2;
  --icon-main-color: #248424;
}
.theme-dark icon-category[data-cat-index="14"] {
  --icon-card-border: #0f380f;
}
.theme-dark icon-category[data-cat-index="14"] {
  --icon-card-bg: #081c08;
}
.theme-dark icon-category[data-cat-index="14"] {
  --icon-main-color: #5ecf5e;
}
icon-category[data-cat-index="14"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="14"] .card-body-overlay {
  background-color: #bfecbf;
}
.theme-dark icon-category[data-cat-index="14"] .card-body-overlay {
  background-color: #1a5e1a;
}
icon-category[data-cat-index="14"] icon-preview:hover {
  --icon-card-bg: #dff5df;
  --icon-card-border: #bfecbf;
  --contrast-color: #596259;
}
.theme-dark icon-category[data-cat-index="14"] icon-preview:hover {
  --icon-card-bg: #0f380f;
}
.theme-dark icon-category[data-cat-index="14"] icon-preview:hover {
  --icon-card-border: #1a5e1a;
}
.theme-dark icon-category[data-cat-index="14"] icon-preview:hover {
  --contrast-color: #b7c3b7;
}
icon-category[data-cat-index="14"] icon-preview:active,
icon-category[data-cat-index="14"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="14"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="14"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="14"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="15"] {
  --icon-card-border: #f9dde6;
  --icon-card-bg: #fdf1f5;
  --icon-main-color: #c7295d;
}
.theme-dark icon-category[data-cat-index="15"] {
  --icon-card-border: #3c0c1c;
}
.theme-dark icon-category[data-cat-index="15"] {
  --icon-card-bg: #1e060e;
}
.theme-dark icon-category[data-cat-index="15"] {
  --icon-main-color: #e35484;
}
icon-category[data-cat-index="15"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="15"] .card-body-overlay {
  background-color: #f4bbce;
}
.theme-dark icon-category[data-cat-index="15"] .card-body-overlay {
  background-color: #63142f;
}
icon-category[data-cat-index="15"] icon-preview:hover {
  --icon-card-bg: #f9dde6;
  --icon-card-border: #f4bbce;
  --contrast-color: #64585c;
}
.theme-dark icon-category[data-cat-index="15"] icon-preview:hover {
  --icon-card-bg: #3c0c1c;
}
.theme-dark icon-category[data-cat-index="15"] icon-preview:hover {
  --icon-card-border: #63142f;
}
.theme-dark icon-category[data-cat-index="15"] icon-preview:hover {
  --contrast-color: #c4b6bb;
}
icon-category[data-cat-index="15"] icon-preview:active,
icon-category[data-cat-index="15"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="15"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="15"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="15"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="16"] {
  --icon-card-border: #f3fadb;
  --icon-card-bg: #fafdf0;
  --icon-main-color: #667b10;
}
.theme-dark icon-category[data-cat-index="16"] {
  --icon-card-border: #354008;
}
.theme-dark icon-category[data-cat-index="16"] {
  --icon-card-bg: #1a2004;
}
.theme-dark icon-category[data-cat-index="16"] {
  --icon-main-color: #c5e449;
}
icon-category[data-cat-index="16"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="16"] .card-body-overlay {
  background-color: #e8f4b6;
}
.theme-dark icon-category[data-cat-index="16"] .card-body-overlay {
  background-color: #586a0e;
}
icon-category[data-cat-index="16"] icon-preview:hover {
  --icon-card-bg: #f3fadb;
  --icon-card-border: #e8f4b6;
  --contrast-color: #616457;
}
.theme-dark icon-category[data-cat-index="16"] icon-preview:hover {
  --icon-card-bg: #354008;
}
.theme-dark icon-category[data-cat-index="16"] icon-preview:hover {
  --icon-card-border: #586a0e;
}
.theme-dark icon-category[data-cat-index="16"] icon-preview:hover {
  --contrast-color: #c2c6b5;
}
icon-category[data-cat-index="16"] icon-preview:active,
icon-category[data-cat-index="16"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="16"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="16"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="16"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="17"] {
  --icon-card-border: #feead4;
  --icon-card-bg: #fff7ee;
  --icon-main-color: #a75b04;
}
.theme-dark icon-category[data-cat-index="17"] {
  --icon-card-border: #4b2902;
}
.theme-dark icon-category[data-cat-index="17"] {
  --icon-card-bg: #251401;
}
.theme-dark icon-category[data-cat-index="17"] {
  --icon-main-color: #fa9829;
}
icon-category[data-cat-index="17"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="17"] .card-body-overlay {
  background-color: #fdd6a9;
}
.theme-dark icon-category[data-cat-index="17"] .card-body-overlay {
  background-color: #7c4403;
}
icon-category[data-cat-index="17"] icon-preview:hover {
  --icon-card-bg: #feead4;
  --icon-card-border: #fdd6a9;
  --contrast-color: #665e55;
}
.theme-dark icon-category[data-cat-index="17"] icon-preview:hover {
  --icon-card-bg: #4b2902;
}
.theme-dark icon-category[data-cat-index="17"] icon-preview:hover {
  --icon-card-border: #7c4403;
}
.theme-dark icon-category[data-cat-index="17"] icon-preview:hover {
  --contrast-color: #c9bfb3;
}
icon-category[data-cat-index="17"] icon-preview:active,
icon-category[data-cat-index="17"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="17"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="17"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="17"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="18"] {
  --icon-card-border: #dbf6ee;
  --icon-card-bg: #f0fcf8;
  --icon-main-color: #13805f;
}
.theme-dark icon-category[data-cat-index="18"] {
  --icon-card-border: #09392b;
}
.theme-dark icon-category[data-cat-index="18"] {
  --icon-card-bg: #041d15;
}
.theme-dark icon-category[data-cat-index="18"] {
  --icon-main-color: #49d4ab;
}
icon-category[data-cat-index="18"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="18"] .card-body-overlay {
  background-color: #b6eedd;
}
.theme-dark icon-category[data-cat-index="18"] .card-body-overlay {
  background-color: #0e5f47;
}
icon-category[data-cat-index="18"] icon-preview:hover {
  --icon-card-bg: #dbf6ee;
  --icon-card-border: #b6eedd;
  --contrast-color: #57635f;
}
.theme-dark icon-category[data-cat-index="18"] icon-preview:hover {
  --icon-card-bg: #09392b;
}
.theme-dark icon-category[data-cat-index="18"] icon-preview:hover {
  --icon-card-border: #0e5f47;
}
.theme-dark icon-category[data-cat-index="18"] icon-preview:hover {
  --contrast-color: #b5c4bf;
}
icon-category[data-cat-index="18"] icon-preview:active,
icon-category[data-cat-index="18"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="18"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="18"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="18"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category[data-cat-index="19"] {
  --icon-card-border: #f5e1f8;
  --icon-card-bg: #fbf3fc;
  --icon-main-color: #ab3bba;
}
.theme-dark icon-category[data-cat-index="19"] {
  --icon-card-border: #331238;
}
.theme-dark icon-category[data-cat-index="19"] {
  --icon-card-bg: #1a091c;
}
.theme-dark icon-category[data-cat-index="19"] {
  --icon-main-color: #cd67da;
}
icon-category[data-cat-index="19"] .card {
  background-color: var(--icon-card-bg);
  border-color: var(--icon-card-border);
}
icon-category[data-cat-index="19"] .card-body-overlay {
  background-color: #ebc2f0;
}
.theme-dark icon-category[data-cat-index="19"] .card-body-overlay {
  background-color: #561d5d;
}
icon-category[data-cat-index="19"] icon-preview:hover {
  --icon-card-bg: #f5e1f8;
  --icon-card-border: #ebc2f0;
  --contrast-color: #625a63;
}
.theme-dark icon-category[data-cat-index="19"] icon-preview:hover {
  --icon-card-bg: #331238;
}
.theme-dark icon-category[data-cat-index="19"] icon-preview:hover {
  --icon-card-border: #561d5d;
}
.theme-dark icon-category[data-cat-index="19"] icon-preview:hover {
  --contrast-color: #c2b8c3;
}
icon-category[data-cat-index="19"] icon-preview:active,
icon-category[data-cat-index="19"] icon-preview:hover:active {
  --icon-card-bg: var(--icon-card-border);
}
icon-category[data-cat-index="19"] icon-preview:active .icon-class .icon,
icon-category[data-cat-index="19"] icon-preview:hover:active .icon-class .icon {
  transform: scale(0.75);
}
icon-category[data-cat-index="19"] icon-preview:not(:hover, :active) .icon {
  color: var(--icon-main-color);
}
icon-category h3 {
  margin-block-start: var(--vertical-rythm);
  margin-block-end: var(--vertical-rythm);
}
.copied-text-suffix--hidden {
  display: none;
}
iconify-test {
  --icon: "\e1e3";
  --icon-size: var(--icon-small-font-size);
}
iconify-test::before {
  content: var(--icon);
}
iconify-test::before,
iconify-test::after {
  font-size: var(--icon-size);
  font-family: "streamline";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
iconify-test.icon-large {
  --icon-size: var(--icon-large-font-size);
}

/*# sourceMappingURL=docs-icons.css.map */