@charset "UTF-8";

[class^="icon-"] {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

.icon-book::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url('book.svg') no-repeat center / contain;
  vertical-align: middle;
}

.icon-hd::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url('hd.svg') no-repeat center / contain;
  vertical-align: middle;
}

.icon-ai::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url('ai.svg') no-repeat center / contain;
  vertical-align: middle;
}

.icon-close::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url('close.svg') no-repeat center / contain;
  vertical-align: middle;
}

.icon-arrow-right::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url('arrow-right.svg') no-repeat center / contain;
  vertical-align: middle;
}

.icon-check::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url('check.svg') no-repeat center / contain;
  vertical-align: middle;
}

.icon-plus::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url('plus.svg') no-repeat center / contain;
  vertical-align: middle;
}

.icon-menu::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url('menu.svg') no-repeat center / contain;
  vertical-align: middle;
}