/*!
 * Tabler Icons — self-hosted custom subset (52 icons used by KoranKompas)
 * Subset of Tabler Icons by tabler - https://tabler.io
 * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
 */
@font-face{
  font-family:"tabler-icons";
  font-style:normal;
  font-weight:400;
  src:url("./fonts/tabler-icons-subset.woff2") format("woff2"),
      url("./fonts/tabler-icons-subset.woff") format("woff"),
      url("./fonts/tabler-icons-subset.ttf") format("truetype");
}
.ti{
  font-family:"tabler-icons" !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;
}
.ti-abc:before{content:"\f567"}
.ti-align-justified:before{content:"\ea08"}
.ti-arrow-bar-to-down:before{content:"\ec88"}
.ti-book:before{content:"\ea39"}
.ti-book-2:before{content:"\efc5"}
.ti-bookmark:before{content:"\ea3a"}
.ti-bookmark-plus:before{content:"\fa60"}
.ti-brand-facebook:before{content:"\ec1a"}
.ti-brand-telegram:before{content:"\ec26"}
.ti-brand-whatsapp:before{content:"\ec74"}
.ti-brand-x:before{content:"\fc0f"}
.ti-cards:before{content:"\f510"}
.ti-check:before{content:"\ea5e"}
.ti-chevron-left:before{content:"\ea60"}
.ti-chevron-right:before{content:"\ea61"}
.ti-columns:before{content:"\eb83"}
.ti-dots-vertical:before{content:"\ea94"}
.ti-flag:before{content:"\eaa6"}
.ti-gauge:before{content:"\eab1"}
.ti-hand-click:before{content:"\ef4f"}
.ti-headphones:before{content:"\eabd"}
.ti-heart:before{content:"\eabe"}
.ti-home:before{content:"\eac1"}
.ti-info-circle:before{content:"\eac5"}
.ti-letter-case:before{content:"\eea5"}
.ti-link:before{content:"\eade"}
.ti-logout:before{content:"\eba8"}
.ti-mail:before{content:"\eae5"}
.ti-menu-2:before{content:"\ec42"}
.ti-message-circle:before{content:"\eaed"}
.ti-microphone:before{content:"\eaf0"}
.ti-moon:before{content:"\eaf8"}
.ti-palette:before{content:"\eb01"}
.ti-plant:before{content:"\ed50"}
.ti-player-pause:before{content:"\ed45"}
.ti-player-play:before{content:"\ed46"}
.ti-player-track-next:before{content:"\ed4b"}
.ti-repeat:before{content:"\eb72"}
.ti-repeat-once:before{content:"\eb71"}
.ti-robot:before{content:"\f00b"}
.ti-search:before{content:"\eb1c"}
.ti-settings:before{content:"\eb20"}
.ti-share-2:before{content:"\f799"}
.ti-shield-lock:before{content:"\ed58"}
.ti-sun:before{content:"\eb30"}
.ti-typography:before{content:"\ebc5"}
.ti-user:before{content:"\eb4d"}
.ti-volume:before{content:"\eb51"}
.ti-volume-2:before{content:"\eb4f"}
.ti-volume-3:before{content:"\eb50"}
.ti-world:before{content:"\eb54"}
.ti-x:before{content:"\eb55"}

/* Solid/filled variant — used for the main play/pause button */
@font-face{
  font-family:"tabler-icons-filled";
  font-style:normal;
  font-weight:400;
  src:url("./fonts/tabler-icons-filled-subset.woff2") format("woff2"),
      url("./fonts/tabler-icons-filled-subset.woff") format("woff"),
      url("./fonts/tabler-icons-filled-subset.ttf") format("truetype");
}
.ti-filled{
  font-family:"tabler-icons-filled" !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;
}
.ti-filled.ti-player-play:before{content:"\f691"}
.ti-filled.ti-player-pause:before{content:"\f690"}