/* SINH TỰ ĐỘNG bởi tools/icons.py — ĐỪNG SỬA TAY.
   Nguồn: Uicons by Flaticon (https://www.flaticon.com/uicons), bộ
   Regular Rounded + bộ Brands cho logo mạng xã hội. Chỉ giữ 53 icon
   thật sự dùng thay vì cả bộ gần 4.000 icon, và font cũng đã cắt gọn
   còn đúng bấy nhiêu hình. Thêm icon: sửa bảng ICON trong
   tools/icons.py rồi chạy lại `python tools/icons.py`. */
@font-face {
  font-family: "chill-icons";
  src: url("../fonts/uicons/chill-icons.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "chill-brands";
  src: url("../fonts/uicons/chill-brands.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Icon ăn theo cỡ chữ và màu chữ của phần tử cha — muốn to nhỏ hay đổi màu
   thì chỉnh font-size / color ở chỗ dùng, không cần sửa file này. */
.fi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "chill-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Căn icon cho thẳng hàng với chữ khi nằm lẫn trong một dòng văn bản. */
.fi::before { display: block; }
[class*="fi-brands-"] { font-family: "chill-brands"; }

.fi-rr-angle-left:before { content: "\e07a"; }
.fi-rr-angle-right:before { content: "\e07b"; }
.fi-rr-angle-small-right:before { content: "\e07e"; }
.fi-rr-arrow-left:before { content: "\e0c6"; }
.fi-rr-arrow-right:before { content: "\e0cc"; }
.fi-rr-arrow-small-right:before { content: "\e0d1"; }
.fi-rr-bell:before { content: "\e187"; }
.fi-rr-book-alt:before { content: "\e1d9"; }
.fi-rr-book-open-reader:before { content: "\e1e6"; }
.fi-rr-bulb:before { content: "\e27f"; }
.fi-rr-bullseye-arrow:before { content: "\e284"; }
.fi-rr-calendar:before { content: "\e2a1"; }
.fi-rr-calendar-check:before { content: "\e2a6"; }
.fi-rr-chart-histogram:before { content: "\e33d"; }
.fi-rr-chart-line-up:before { content: "\e33f"; }
.fi-rr-check:before { content: "\e35f"; }
.fi-rr-check-circle:before { content: "\e360"; }
.fi-rr-comment-alt:before { content: "\e455"; }
.fi-rr-comment-question:before { content: "\e46f"; }
.fi-rr-cross-small:before { content: "\e4d0"; }
.fi-rr-document:before { content: "\e57f"; }
.fi-rr-earth-americas:before { content: "\e5d8"; }
.fi-rr-edit:before { content: "\e5df"; }
.fi-rr-envelope:before { content: "\e5fe"; }
.fi-rr-exclamation:before { content: "\e61e"; }
.fi-rr-football:before { content: "\e739"; }
.fi-rr-gift:before { content: "\e782"; }
.fi-rr-graduation-cap:before { content: "\e7a5"; }
.fi-rr-headset:before { content: "\e83b"; }
.fi-rr-home:before { content: "\e866"; }
.fi-rr-language:before { content: "\e94e"; }
.fi-rr-lock:before { content: "\e9c5"; }
.fi-rr-megaphone:before { content: "\ea23"; }
.fi-rr-menu-burger:before { content: "\ea33"; }
.fi-rr-mobile-notch:before { content: "\ea74"; }
.fi-rr-paper-plane:before { content: "\eb50"; }
.fi-rr-pencil:before { content: "\eb87"; }
.fi-rr-phone-call:before { content: "\ebde"; }
.fi-rr-plane:before { content: "\ec14"; }
.fi-rr-play:before { content: "\ec28"; }
.fi-rr-refresh:before { content: "\ece4"; }
.fi-rr-robot:before { content: "\ed1d"; }
.fi-rr-route:before { content: "\ed2d"; }
.fi-rr-school:before { content: "\ed69"; }
.fi-rr-search:before { content: "\ed83"; }
.fi-rr-settings:before { content: "\eda3"; }
.fi-rr-stopwatch:before { content: "\eef9"; }
.fi-rr-thumbtack:before { content: "\efb2"; }
.fi-rr-triangle-warning:before { content: "\f047"; }
.fi-rr-users-alt:before { content: "\f0e0"; }
.fi-brands-facebook:before { content: "\e675"; }
.fi-brands-tik-tok:before { content: "\efbf"; }
.fi-brands-youtube:before { content: "\f199"; }