@font-face {
  font-family: icomoon;
  src: url("/fonts/icomoon.eot?v4glf8");
  src: url("/fonts/icomoon.eot?v4glf8#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?v4glf8") format("truetype"), url("/fonts/icomoon.woff?v4glf8") format("woff"), url("/fonts/icomoon.svg?v4glf8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: icomoon, serif !important;
  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;

  &.dark {
    color: #fff;
  }
}

.icon-birds::before {
  content: "\e904";
}

.icon-bonfire::before {
  content: "\e905";
}

.icon-cafe::before {
  content: "\e906";
}

.icon-cat::before {
  content: "\e907";
}

.icon-chimes::before {
  content: "\e908";
}

.icon-fan::before {
  content: "\e909";
}

.icon-leaves::before {
  content: "\e90a";
}

.icon-paris::before {
  content: "\e90b";
}

.icon-rain::before {
  content: "\e90c";
}

.icon-thunder::before {
  content: "\e90d";
}

.icon-train::before {
  content: "\e90e";
}

.icon-water::before {
  content: "\e90f";
}

.icon-waves::before {
  content: "\e910";
}

.icon-wind::before {
  content: "\e911";
}

.icon-playlist::before {
  content: "\e903";
}

.icon-soundcloud::before {
  content: "\e902";
}

.icon-add::before {
  content: "\e900";
}

.icon-youtube::before {
  content: "\e901";
}

.icon-close::before {
  content: "\e5cd";
}

.icon-edit::before {
  content: "\e254";
}

.icon-delete::before {
  content: "\e872";
}

.icon-exit::before {
  content: "\e879";
}

.icon-share::before {
  content: "\e0e2";
}

.icon-settings::before {
  content: "\e8b8";
}

.icon-volume_off::before {
  content: "\e04f";
}

.icon-volume_up::before {
  content: "\e050";
}

[class^="icon-img-"],
[class*=" icon-img-"] {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  width: 32px;
}

.icon-img-logo {
  background-image: url("/images/kakapo_border.png");
}

.icon-img-github {
  background-image: url("/images/github.png");
}

.icon-img-kakapo {
  background-image: url("/images/kakapo.png");
}

.icon-img-soundcloud {
  background-image: url("/images/soundcloud.png");
}

.icon-img-youtube {
  background-image: url("/images/youtube.png");
}
