/*!
 * RF Icons 1.0.0 · 自有图标库（图形原创，版权归本项目）
 * ---------------------------------------------------------------------------
 * 用法：  <i class="rfi rfi-search"></i>
 *         字号就是图标尺寸（1em），颜色跟随 color；基础类 `rfi` 与图标类成对出现，
 *         只写 `rfi-search`（缺基础类）就没有宽高与 mask —— 渲染成空白格，不报错。
 *
 * ⚠️ 前缀是 `rfi` 不是 `rf`：本项目的 `.rf-*` 已经是 UI 框架的命名空间
 *    （后台 427 个 + 客户端 138 个类），`--rf-*` 是主题令牌（--rf-accent 那套），
 *    再往里面塞 `.rf-search` / `--rf-sprite` 早晚撞上 —— 详见 build.py 里 BASE 的注释。
 *
 * 为什么是 mask 而不是图标字体：
 *   字体要把描边转成轮廓，改一笔线宽就得重新导字体；mask 直接吃 SVG，改路径
 *   就是改图标，且天然跟随 currentColor、任意 DPR 都锐利，也不用再和字体 URL
 *   的浏览器缓存较劲（换字体不改路径 → 线上一直是旧字形）。
 *
 * 雪碧图 5 列 × 24px，一个图标占 1em×1em，位置都是整 em 的倍数 ——
 * 不做半像素换算，16px 下也不会出现描边糊边。
 */

.rfi {
    display: inline-block;
    flex: none;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;          /* 与 12–14px 正文基线对齐 */
    background-color: currentColor;    /* 颜色只有一个来源 */
    -webkit-mask-image: var(--rfi-sprite);
    mask-image: var(--rfi-sprite);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: calc(1em * 5) calc(1em * 72);
    mask-size: calc(1em * 5) calc(1em * 72);
}

/* 整库变量挂在 :root，应用侧换路径只改这一处。
   ⚠️ 路径写**根绝对**而不是相对本文件：`url()` 出现在自定义属性里时，
      浏览器解析相对路径的基准是**文档**而不是样式表（Chrome 实测），
      写在 /backend/xxx 页面里就会去请求 /backend/rf-icons.svg → 全站图标空白，
      而且控制台只有一条 404。根绝对路径把这个问题一次性掐掉。 */
:root {
    --rfi-sprite: url("/assets/rfi-icons/1.0.0/rf-icons.svg");
}

.rfi-search {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
}
.rfi-apps {
    -webkit-mask-position: -1em 0;
    mask-position: -1em 0;
}
.rfi-dashboard {
    -webkit-mask-position: -2em 0;
    mask-position: -2em 0;
}
.rfi-goods {
    -webkit-mask-position: -3em 0;
    mask-position: -3em 0;
}
.rfi-order {
    -webkit-mask-position: -4em 0;
    mask-position: -4em 0;
}
.rfi-user {
    -webkit-mask-position: 0 -1em;
    mask-position: 0 -1em;
}
.rfi-store {
    -webkit-mask-position: -1em -1em;
    mask-position: -1em -1em;
}
.rfi-chart {
    -webkit-mask-position: -2em -1em;
    mask-position: -2em -1em;
}
.rfi-setting {
    -webkit-mask-position: -3em -1em;
    mask-position: -3em -1em;
}
.rfi-trash {
    -webkit-mask-position: -4em -1em;
    mask-position: -4em -1em;
}
.rfi-screen-schedule {
    -webkit-mask-position: 0 -2em;
    mask-position: 0 -2em;
}
.rfi-booking {
    -webkit-mask-position: -1em -2em;
    mask-position: -1em -2em;
}
.rfi-bot {
    -webkit-mask-position: -2em -2em;
    mask-position: -2em -2em;
}
.rfi-contract {
    -webkit-mask-position: -3em -2em;
    mask-position: -3em -2em;
}
.rfi-course {
    -webkit-mask-position: -4em -2em;
    mask-position: -4em -2em;
}
.rfi-form {
    -webkit-mask-position: 0 -3em;
    mask-position: 0 -3em;
}
.rfi-image-assets {
    -webkit-mask-position: -1em -3em;
    mask-position: -1em -3em;
}
.rfi-board {
    -webkit-mask-position: -2em -3em;
    mask-position: -2em -3em;
}
.rfi-match {
    -webkit-mask-position: -3em -3em;
    mask-position: -3em -3em;
}
.rfi-member-profile {
    -webkit-mask-position: -4em -3em;
    mask-position: -4em -3em;
}
.rfi-qr-live {
    -webkit-mask-position: 0 -4em;
    mask-position: 0 -4em;
}
.rfi-push-log {
    -webkit-mask-position: -1em -4em;
    mask-position: -1em -4em;
}
.rfi-site {
    -webkit-mask-position: -2em -4em;
    mask-position: -2em -4em;
}
.rfi-vote {
    -webkit-mask-position: -3em -4em;
    mask-position: -3em -4em;
}
.rfi-plus {
    -webkit-mask-position: -4em -4em;
    mask-position: -4em -4em;
}
.rfi-minus {
    -webkit-mask-position: 0 -5em;
    mask-position: 0 -5em;
}
.rfi-close {
    -webkit-mask-position: -1em -5em;
    mask-position: -1em -5em;
}
.rfi-check {
    -webkit-mask-position: -2em -5em;
    mask-position: -2em -5em;
}
.rfi-refresh {
    -webkit-mask-position: -3em -5em;
    mask-position: -3em -5em;
}
.rfi-undo {
    -webkit-mask-position: -4em -5em;
    mask-position: -4em -5em;
}
.rfi-redo {
    -webkit-mask-position: 0 -6em;
    mask-position: 0 -6em;
}
.rfi-copy {
    -webkit-mask-position: -1em -6em;
    mask-position: -1em -6em;
}
.rfi-edit {
    -webkit-mask-position: -2em -6em;
    mask-position: -2em -6em;
}
.rfi-save {
    -webkit-mask-position: -3em -6em;
    mask-position: -3em -6em;
}
.rfi-download {
    -webkit-mask-position: -4em -6em;
    mask-position: -4em -6em;
}
.rfi-upload {
    -webkit-mask-position: 0 -7em;
    mask-position: 0 -7em;
}
.rfi-file {
    -webkit-mask-position: -1em -7em;
    mask-position: -1em -7em;
}
.rfi-folder {
    -webkit-mask-position: -2em -7em;
    mask-position: -2em -7em;
}
.rfi-link {
    -webkit-mask-position: -3em -7em;
    mask-position: -3em -7em;
}
.rfi-paperclip {
    -webkit-mask-position: -4em -7em;
    mask-position: -4em -7em;
}
.rfi-arrow-left {
    -webkit-mask-position: 0 -8em;
    mask-position: 0 -8em;
}
.rfi-arrow-right {
    -webkit-mask-position: -1em -8em;
    mask-position: -1em -8em;
}
.rfi-arrow-up {
    -webkit-mask-position: -2em -8em;
    mask-position: -2em -8em;
}
.rfi-arrow-down {
    -webkit-mask-position: -3em -8em;
    mask-position: -3em -8em;
}
.rfi-chevron-up {
    -webkit-mask-position: -4em -8em;
    mask-position: -4em -8em;
}
.rfi-chevron-down {
    -webkit-mask-position: 0 -9em;
    mask-position: 0 -9em;
}
.rfi-chevron-left {
    -webkit-mask-position: -1em -9em;
    mask-position: -1em -9em;
}
.rfi-chevron-right {
    -webkit-mask-position: -2em -9em;
    mask-position: -2em -9em;
}
.rfi-external {
    -webkit-mask-position: -3em -9em;
    mask-position: -3em -9em;
}
.rfi-fullscreen {
    -webkit-mask-position: -4em -9em;
    mask-position: -4em -9em;
}
.rfi-fullscreen-exit {
    -webkit-mask-position: 0 -10em;
    mask-position: 0 -10em;
}
.rfi-menu-fold {
    -webkit-mask-position: -1em -10em;
    mask-position: -1em -10em;
}
.rfi-menu-unfold {
    -webkit-mask-position: -2em -10em;
    mask-position: -2em -10em;
}
.rfi-alert-triangle {
    -webkit-mask-position: -3em -10em;
    mask-position: -3em -10em;
}
.rfi-lock {
    -webkit-mask-position: -4em -10em;
    mask-position: -4em -10em;
}
.rfi-calendar {
    -webkit-mask-position: 0 -11em;
    mask-position: 0 -11em;
}
.rfi-clock {
    -webkit-mask-position: -1em -11em;
    mask-position: -1em -11em;
}
.rfi-info {
    -webkit-mask-position: -2em -11em;
    mask-position: -2em -11em;
}
.rfi-question {
    -webkit-mask-position: -3em -11em;
    mask-position: -3em -11em;
}
.rfi-filter {
    -webkit-mask-position: -4em -11em;
    mask-position: -4em -11em;
}
.rfi-sort {
    -webkit-mask-position: 0 -12em;
    mask-position: 0 -12em;
}
.rfi-more-vertical {
    -webkit-mask-position: -1em -12em;
    mask-position: -1em -12em;
}
.rfi-bell {
    -webkit-mask-position: -2em -12em;
    mask-position: -2em -12em;
}
.rfi-eye {
    -webkit-mask-position: -3em -12em;
    mask-position: -3em -12em;
}
.rfi-mail {
    -webkit-mask-position: -4em -12em;
    mask-position: -4em -12em;
}
.rfi-license {
    -webkit-mask-position: 0 -13em;
    mask-position: 0 -13em;
}
.rfi-settlement {
    -webkit-mask-position: -1em -13em;
    mask-position: -1em -13em;
}
.rfi-plan-renew {
    -webkit-mask-position: -2em -13em;
    mask-position: -2em -13em;
}
.rfi-fund {
    -webkit-mask-position: -3em -13em;
    mask-position: -3em -13em;
}
.rfi-balance {
    -webkit-mask-position: -4em -13em;
    mask-position: -4em -13em;
}
.rfi-recharge-log {
    -webkit-mask-position: 0 -14em;
    mask-position: 0 -14em;
}
.rfi-recharge-tier {
    -webkit-mask-position: -1em -14em;
    mask-position: -1em -14em;
}
.rfi-cod-region {
    -webkit-mask-position: -2em -14em;
    mask-position: -2em -14em;
}
.rfi-stored-card {
    -webkit-mask-position: -3em -14em;
    mask-position: -3em -14em;
}
.rfi-order-buy {
    -webkit-mask-position: -4em -14em;
    mask-position: -4em -14em;
}
.rfi-account-log {
    -webkit-mask-position: 0 -15em;
    mask-position: 0 -15em;
}
.rfi-settle-record {
    -webkit-mask-position: -1em -15em;
    mask-position: -1em -15em;
}
.rfi-invoice {
    -webkit-mask-position: -2em -15em;
    mask-position: -2em -15em;
}
.rfi-settle-invoice {
    -webkit-mask-position: -3em -15em;
    mask-position: -3em -15em;
}
.rfi-dist-overview {
    -webkit-mask-position: -4em -15em;
    mask-position: -4em -15em;
}
.rfi-ops-log {
    -webkit-mask-position: 0 -16em;
    mask-position: 0 -16em;
}
.rfi-member-overview {
    -webkit-mask-position: -1em -16em;
    mask-position: -1em -16em;
}
.rfi-store-dashboard {
    -webkit-mask-position: -2em -16em;
    mask-position: -2em -16em;
}
.rfi-trade-report {
    -webkit-mask-position: -3em -16em;
    mask-position: -3em -16em;
}
.rfi-staff {
    -webkit-mask-position: -4em -16em;
    mask-position: -4em -16em;
}
.rfi-clerk-performance {
    -webkit-mask-position: 0 -17em;
    mask-position: 0 -17em;
}
.rfi-group-buy {
    -webkit-mask-position: -1em -17em;
    mask-position: -1em -17em;
}
.rfi-screen-interact {
    -webkit-mask-position: -2em -17em;
    mask-position: -2em -17em;
}
.rfi-screen-entry {
    -webkit-mask-position: -3em -17em;
    mask-position: -3em -17em;
}
.rfi-vote-overview {
    -webkit-mask-position: -4em -17em;
    mask-position: -4em -17em;
}
.rfi-location-pin {
    -webkit-mask-position: 0 -18em;
    mask-position: 0 -18em;
}
.rfi-map {
    -webkit-mask-position: -1em -18em;
    mask-position: -1em -18em;
}
.rfi-chat {
    -webkit-mask-position: -2em -18em;
    mask-position: -2em -18em;
}
.rfi-deploy {
    -webkit-mask-position: -3em -18em;
    mask-position: -3em -18em;
}
.rfi-stock-report {
    -webkit-mask-position: -4em -18em;
    mask-position: -4em -18em;
}
.rfi-doc-pending {
    -webkit-mask-position: 0 -19em;
    mask-position: 0 -19em;
}
.rfi-ai {
    -webkit-mask-position: -1em -19em;
    mask-position: -1em -19em;
}
.rfi-table {
    -webkit-mask-position: -2em -19em;
    mask-position: -2em -19em;
}
.rfi-history {
    -webkit-mask-position: -3em -19em;
    mask-position: -3em -19em;
}
.rfi-record-log {
    -webkit-mask-position: -4em -19em;
    mask-position: -4em -19em;
}
.rfi-transfer {
    -webkit-mask-position: 0 -20em;
    mask-position: 0 -20em;
}
.rfi-scatter {
    -webkit-mask-position: -1em -20em;
    mask-position: -1em -20em;
}
.rfi-stock-stack {
    -webkit-mask-position: -2em -20em;
    mask-position: -2em -20em;
}
.rfi-stock-in {
    -webkit-mask-position: -3em -20em;
    mask-position: -3em -20em;
}
.rfi-stock-out {
    -webkit-mask-position: -4em -20em;
    mask-position: -4em -20em;
}
.rfi-inventory-check {
    -webkit-mask-position: 0 -21em;
    mask-position: 0 -21em;
}
.rfi-plan-pack {
    -webkit-mask-position: -1em -21em;
    mask-position: -1em -21em;
}
.rfi-member-card {
    -webkit-mask-position: -2em -21em;
    mask-position: -2em -21em;
}
.rfi-star {
    -webkit-mask-position: -3em -21em;
    mask-position: -3em -21em;
}
.rfi-coupon {
    -webkit-mask-position: -4em -21em;
    mask-position: -4em -21em;
}
.rfi-flash-sale {
    -webkit-mask-position: 0 -22em;
    mask-position: 0 -22em;
}
.rfi-scissors {
    -webkit-mask-position: -1em -22em;
    mask-position: -1em -22em;
}
.rfi-wholesale {
    -webkit-mask-position: -2em -22em;
    mask-position: -2em -22em;
}
.rfi-hot {
    -webkit-mask-position: -3em -22em;
    mask-position: -3em -22em;
}
.rfi-pie {
    -webkit-mask-position: -4em -22em;
    mask-position: -4em -22em;
}
.rfi-percent {
    -webkit-mask-position: 0 -23em;
    mask-position: 0 -23em;
}
.rfi-medal {
    -webkit-mask-position: -1em -23em;
    mask-position: -1em -23em;
}
.rfi-user-add {
    -webkit-mask-position: -2em -23em;
    mask-position: -2em -23em;
}
.rfi-key {
    -webkit-mask-position: -3em -23em;
    mask-position: -3em -23em;
}
.rfi-queue {
    -webkit-mask-position: -4em -23em;
    mask-position: -4em -23em;
}
.rfi-archive {
    -webkit-mask-position: 0 -24em;
    mask-position: 0 -24em;
}
.rfi-ban {
    -webkit-mask-position: -1em -24em;
    mask-position: -1em -24em;
}
.rfi-approval {
    -webkit-mask-position: -2em -24em;
    mask-position: -2em -24em;
}
.rfi-award {
    -webkit-mask-position: -3em -24em;
    mask-position: -3em -24em;
}
.rfi-points {
    -webkit-mask-position: -4em -24em;
    mask-position: -4em -24em;
}
.rfi-stamp {
    -webkit-mask-position: 0 -25em;
    mask-position: 0 -25em;
}
.rfi-bookmark {
    -webkit-mask-position: -1em -25em;
    mask-position: -1em -25em;
}
.rfi-loudspeaker {
    -webkit-mask-position: -2em -25em;
    mask-position: -2em -25em;
}
.rfi-review {
    -webkit-mask-position: -3em -25em;
    mask-position: -3em -25em;
}
.rfi-api {
    -webkit-mask-position: -4em -25em;
    mask-position: -4em -25em;
}
.rfi-code {
    -webkit-mask-position: 0 -26em;
    mask-position: 0 -26em;
}
.rfi-truck {
    -webkit-mask-position: -1em -26em;
    mask-position: -1em -26em;
}
.rfi-details {
    -webkit-mask-position: -2em -26em;
    mask-position: -2em -26em;
}
.rfi-palette {
    -webkit-mask-position: -3em -26em;
    mask-position: -3em -26em;
}
.rfi-verify {
    -webkit-mask-position: -4em -26em;
    mask-position: -4em -26em;
}
.rfi-flag {
    -webkit-mask-position: 0 -27em;
    mask-position: 0 -27em;
}
.rfi-grid {
    -webkit-mask-position: -1em -27em;
    mask-position: -1em -27em;
}
.rfi-level {
    -webkit-mask-position: -2em -27em;
    mask-position: -2em -27em;
}
.rfi-developer {
    -webkit-mask-position: -3em -27em;
    mask-position: -3em -27em;
}
.rfi-brush {
    -webkit-mask-position: -4em -27em;
    mask-position: -4em -27em;
}
.rfi-home {
    -webkit-mask-position: 0 -28em;
    mask-position: 0 -28em;
}
.rfi-category {
    -webkit-mask-position: -1em -28em;
    mask-position: -1em -28em;
}
.rfi-cart {
    -webkit-mask-position: -2em -28em;
    mask-position: -2em -28em;
}
.rfi-cart-fill {
    -webkit-mask-position: -3em -28em;
    mask-position: -3em -28em;
}
.rfi-cart-plus {
    -webkit-mask-position: -4em -28em;
    mask-position: -4em -28em;
}
.rfi-cart-round {
    -webkit-mask-position: 0 -29em;
    mask-position: 0 -29em;
}
.rfi-cart-trolley {
    -webkit-mask-position: -1em -29em;
    mask-position: -1em -29em;
}
.rfi-cart-items {
    -webkit-mask-position: -2em -29em;
    mask-position: -2em -29em;
}
.rfi-basket {
    -webkit-mask-position: -3em -29em;
    mask-position: -3em -29em;
}
.rfi-order-pay {
    -webkit-mask-position: -4em -29em;
    mask-position: -4em -29em;
}
.rfi-order-ship {
    -webkit-mask-position: 0 -30em;
    mask-position: 0 -30em;
}
.rfi-order-receive {
    -webkit-mask-position: -1em -30em;
    mask-position: -1em -30em;
}
.rfi-order-review {
    -webkit-mask-position: -2em -30em;
    mask-position: -2em -30em;
}
.rfi-order-refund {
    -webkit-mask-position: -3em -30em;
    mask-position: -3em -30em;
}
.rfi-order-aftersale {
    -webkit-mask-position: -4em -30em;
    mask-position: -4em -30em;
}
.rfi-order-done {
    -webkit-mask-position: 0 -31em;
    mask-position: 0 -31em;
}
.rfi-order-cancel {
    -webkit-mask-position: -1em -31em;
    mask-position: -1em -31em;
}
.rfi-presale {
    -webkit-mask-position: -2em -31em;
    mask-position: -2em -31em;
}
.rfi-lottery {
    -webkit-mask-position: -3em -31em;
    mask-position: -3em -31em;
}
.rfi-red-packet {
    -webkit-mask-position: -4em -31em;
    mask-position: -4em -31em;
}
.rfi-points-mall {
    -webkit-mask-position: 0 -32em;
    mask-position: 0 -32em;
}
.rfi-invite {
    -webkit-mask-position: -1em -32em;
    mask-position: -1em -32em;
}
.rfi-withdraw {
    -webkit-mask-position: -2em -32em;
    mask-position: -2em -32em;
}
.rfi-task {
    -webkit-mask-position: -3em -32em;
    mask-position: -3em -32em;
}
.rfi-like {
    -webkit-mask-position: -4em -32em;
    mask-position: -4em -32em;
}
.rfi-comment {
    -webkit-mask-position: 0 -33em;
    mask-position: 0 -33em;
}
.rfi-forward {
    -webkit-mask-position: -1em -33em;
    mask-position: -1em -33em;
}
.rfi-follow {
    -webkit-mask-position: -2em -33em;
    mask-position: -2em -33em;
}
.rfi-topic {
    -webkit-mask-position: -3em -33em;
    mask-position: -3em -33em;
}
.rfi-circle {
    -webkit-mask-position: -4em -33em;
    mask-position: -4em -33em;
}
.rfi-wechat {
    -webkit-mask-position: 0 -34em;
    mask-position: 0 -34em;
}
.rfi-pickup {
    -webkit-mask-position: -1em -34em;
    mask-position: -1em -34em;
}
.rfi-address {
    -webkit-mask-position: -2em -34em;
    mask-position: -2em -34em;
}
.rfi-navigate {
    -webkit-mask-position: -3em -34em;
    mask-position: -3em -34em;
}
.rfi-scan {
    -webkit-mask-position: -4em -34em;
    mask-position: -4em -34em;
}
.rfi-role {
    -webkit-mask-position: 0 -35em;
    mask-position: 0 -35em;
}
.rfi-poster {
    -webkit-mask-position: -1em -35em;
    mask-position: -1em -35em;
}
.rfi-summary {
    -webkit-mask-position: -2em -35em;
    mask-position: -2em -35em;
}
.rfi-ad-slot {
    -webkit-mask-position: -3em -35em;
    mask-position: -3em -35em;
}
.rfi-popup {
    -webkit-mask-position: -4em -35em;
    mask-position: -4em -35em;
}
.rfi-shield {
    -webkit-mask-position: 0 -36em;
    mask-position: 0 -36em;
}
.rfi-database {
    -webkit-mask-position: -1em -36em;
    mask-position: -1em -36em;
}
.rfi-mobile {
    -webkit-mask-position: -2em -36em;
    mask-position: -2em -36em;
}
.rfi-ranking {
    -webkit-mask-position: -3em -36em;
    mask-position: -3em -36em;
}
.rfi-route {
    -webkit-mask-position: -4em -36em;
    mask-position: -4em -36em;
}
.rfi-request {
    -webkit-mask-position: 0 -37em;
    mask-position: 0 -37em;
}
.rfi-agent {
    -webkit-mask-position: -1em -37em;
    mask-position: -1em -37em;
}
.rfi-quick-reply {
    -webkit-mask-position: -2em -37em;
    mask-position: -2em -37em;
}
.rfi-tag {
    -webkit-mask-position: -3em -37em;
    mask-position: -3em -37em;
}
.rfi-text-input {
    -webkit-mask-position: -4em -37em;
    mask-position: -4em -37em;
}
.rfi-list {
    -webkit-mask-position: 0 -38em;
    mask-position: 0 -38em;
}
.rfi-close-circle {
    -webkit-mask-position: -1em -38em;
    mask-position: -1em -38em;
}
.rfi-mute {
    -webkit-mask-position: -2em -38em;
    mask-position: -2em -38em;
}
.rfi-printer {
    -webkit-mask-position: -3em -38em;
    mask-position: -3em -38em;
}
.rfi-phone {
    -webkit-mask-position: -4em -38em;
    mask-position: -4em -38em;
}
.rfi-share {
    -webkit-mask-position: 0 -39em;
    mask-position: 0 -39em;
}
.rfi-paste {
    -webkit-mask-position: -1em -39em;
    mask-position: -1em -39em;
}
.rfi-duplicate {
    -webkit-mask-position: -2em -39em;
    mask-position: -2em -39em;
}
.rfi-pin {
    -webkit-mask-position: -3em -39em;
    mask-position: -3em -39em;
}
.rfi-loading {
    -webkit-mask-position: -4em -39em;
    mask-position: -4em -39em;
}
.rfi-empty {
    -webkit-mask-position: 0 -40em;
    mask-position: 0 -40em;
}
.rfi-logout {
    -webkit-mask-position: -1em -40em;
    mask-position: -1em -40em;
}
.rfi-sync {
    -webkit-mask-position: -2em -40em;
    mask-position: -2em -40em;
}
.rfi-send {
    -webkit-mask-position: -3em -40em;
    mask-position: -3em -40em;
}
.rfi-file-image {
    -webkit-mask-position: -4em -40em;
    mask-position: -4em -40em;
}
.rfi-file-video {
    -webkit-mask-position: 0 -41em;
    mask-position: 0 -41em;
}
.rfi-file-audio {
    -webkit-mask-position: -1em -41em;
    mask-position: -1em -41em;
}
.rfi-file-excel {
    -webkit-mask-position: -2em -41em;
    mask-position: -2em -41em;
}
.rfi-file-zip {
    -webkit-mask-position: -3em -41em;
    mask-position: -3em -41em;
}
.rfi-play {
    -webkit-mask-position: -4em -41em;
    mask-position: -4em -41em;
}
.rfi-pause {
    -webkit-mask-position: 0 -42em;
    mask-position: 0 -42em;
}
.rfi-video-camera {
    -webkit-mask-position: -1em -42em;
    mask-position: -1em -42em;
}
.rfi-mic {
    -webkit-mask-position: -2em -42em;
    mask-position: -2em -42em;
}
.rfi-headset {
    -webkit-mask-position: -3em -42em;
    mask-position: -3em -42em;
}
.rfi-monitor {
    -webkit-mask-position: -4em -42em;
    mask-position: -4em -42em;
}
.rfi-sms {
    -webkit-mask-position: 0 -43em;
    mask-position: 0 -43em;
}
.rfi-at {
    -webkit-mask-position: -1em -43em;
    mask-position: -1em -43em;
}
.rfi-inbox {
    -webkit-mask-position: -2em -43em;
    mask-position: -2em -43em;
}
.rfi-server {
    -webkit-mask-position: -3em -43em;
    mask-position: -3em -43em;
}
.rfi-cloud {
    -webkit-mask-position: -4em -43em;
    mask-position: -4em -43em;
}
.rfi-bug {
    -webkit-mask-position: 0 -44em;
    mask-position: 0 -44em;
}
.rfi-terminal {
    -webkit-mask-position: -1em -44em;
    mask-position: -1em -44em;
}
.rfi-font {
    -webkit-mask-position: -2em -44em;
    mask-position: -2em -44em;
}
.rfi-gift {
    -webkit-mask-position: -3em -44em;
    mask-position: -3em -44em;
}
.rfi-shopping-bag {
    -webkit-mask-position: -4em -44em;
    mask-position: -4em -44em;
}
.rfi-target {
    -webkit-mask-position: 0 -45em;
    mask-position: 0 -45em;
}
.rfi-project {
    -webkit-mask-position: -1em -45em;
    mask-position: -1em -45em;
}
.rfi-ticket {
    -webkit-mask-position: -2em -45em;
    mask-position: -2em -45em;
}
.rfi-restore {
    -webkit-mask-position: -3em -45em;
    mask-position: -3em -45em;
}
.rfi-grid-view {
    -webkit-mask-position: -4em -45em;
    mask-position: -4em -45em;
}
.rfi-list-view {
    -webkit-mask-position: 0 -46em;
    mask-position: 0 -46em;
}
.rfi-more-horizontal {
    -webkit-mask-position: -1em -46em;
    mask-position: -1em -46em;
}
.rfi-folder-open {
    -webkit-mask-position: -2em -46em;
    mask-position: -2em -46em;
}
.rfi-bell-off {
    -webkit-mask-position: -3em -46em;
    mask-position: -3em -46em;
}
.rfi-bold {
    -webkit-mask-position: -4em -46em;
    mask-position: -4em -46em;
}
.rfi-italic {
    -webkit-mask-position: 0 -47em;
    mask-position: 0 -47em;
}
.rfi-underline {
    -webkit-mask-position: -1em -47em;
    mask-position: -1em -47em;
}
.rfi-align-left {
    -webkit-mask-position: -2em -47em;
    mask-position: -2em -47em;
}
.rfi-align-center {
    -webkit-mask-position: -3em -47em;
    mask-position: -3em -47em;
}
.rfi-align-right {
    -webkit-mask-position: -4em -47em;
    mask-position: -4em -47em;
}
.rfi-quote {
    -webkit-mask-position: 0 -48em;
    mask-position: 0 -48em;
}
.rfi-unlink {
    -webkit-mask-position: -1em -48em;
    mask-position: -1em -48em;
}
.rfi-move {
    -webkit-mask-position: -2em -48em;
    mask-position: -2em -48em;
}
.rfi-rotate {
    -webkit-mask-position: -3em -48em;
    mask-position: -3em -48em;
}
.rfi-cursor {
    -webkit-mask-position: -4em -48em;
    mask-position: -4em -48em;
}
.rfi-maximize {
    -webkit-mask-position: 0 -49em;
    mask-position: 0 -49em;
}
.rfi-sliders {
    -webkit-mask-position: -1em -49em;
    mask-position: -1em -49em;
}
.rfi-calculator {
    -webkit-mask-position: -2em -49em;
    mask-position: -2em -49em;
}
.rfi-user-check {
    -webkit-mask-position: -3em -49em;
    mask-position: -3em -49em;
}
.rfi-user-minus {
    -webkit-mask-position: -4em -49em;
    mask-position: -4em -49em;
}
.rfi-contact {
    -webkit-mask-position: 0 -50em;
    mask-position: 0 -50em;
}
.rfi-id-card {
    -webkit-mask-position: -1em -50em;
    mask-position: -1em -50em;
}
.rfi-building {
    -webkit-mask-position: -2em -50em;
    mask-position: -2em -50em;
}
.rfi-briefcase {
    -webkit-mask-position: -3em -50em;
    mask-position: -3em -50em;
}
.rfi-wifi {
    -webkit-mask-position: -4em -50em;
    mask-position: -4em -50em;
}
.rfi-battery {
    -webkit-mask-position: 0 -51em;
    mask-position: 0 -51em;
}
.rfi-power {
    -webkit-mask-position: -1em -51em;
    mask-position: -1em -51em;
}
.rfi-hard-drive {
    -webkit-mask-position: -2em -51em;
    mask-position: -2em -51em;
}
.rfi-cpu {
    -webkit-mask-position: -3em -51em;
    mask-position: -3em -51em;
}
.rfi-globe {
    -webkit-mask-position: -4em -51em;
    mask-position: -4em -51em;
}
.rfi-language {
    -webkit-mask-position: 0 -52em;
    mask-position: 0 -52em;
}
.rfi-timer {
    -webkit-mask-position: -1em -52em;
    mask-position: -1em -52em;
}
.rfi-hourglass {
    -webkit-mask-position: -2em -52em;
    mask-position: -2em -52em;
}
.rfi-alarm {
    -webkit-mask-position: -3em -52em;
    mask-position: -3em -52em;
}
.rfi-calendar-check {
    -webkit-mask-position: -4em -52em;
    mask-position: -4em -52em;
}
.rfi-calendar-plus {
    -webkit-mask-position: 0 -53em;
    mask-position: 0 -53em;
}
.rfi-file-plus {
    -webkit-mask-position: -1em -53em;
    mask-position: -1em -53em;
}
.rfi-folder-plus {
    -webkit-mask-position: -2em -53em;
    mask-position: -2em -53em;
}
.rfi-ruler {
    -webkit-mask-position: -3em -53em;
    mask-position: -3em -53em;
}
.rfi-newspaper {
    -webkit-mask-position: -4em -53em;
    mask-position: -4em -53em;
}
.rfi-barcode {
    -webkit-mask-position: 0 -54em;
    mask-position: 0 -54em;
}
.rfi-emoji {
    -webkit-mask-position: -1em -54em;
    mask-position: -1em -54em;
}
.rfi-heart {
    -webkit-mask-position: -2em -54em;
    mask-position: -2em -54em;
}
.rfi-shield-check {
    -webkit-mask-position: -3em -54em;
    mask-position: -3em -54em;
}
.rfi-columns {
    -webkit-mask-position: -4em -54em;
    mask-position: -4em -54em;
}
.rfi-kanban {
    -webkit-mask-position: 0 -55em;
    mask-position: 0 -55em;
}
.rfi-qrcode {
    -webkit-mask-position: -1em -55em;
    mask-position: -1em -55em;
}
.rfi-signal {
    -webkit-mask-position: -2em -55em;
    mask-position: -2em -55em;
}
.rfi-wifi-off {
    -webkit-mask-position: -3em -55em;
    mask-position: -3em -55em;
}
.rfi-bluetooth {
    -webkit-mask-position: -4em -55em;
    mask-position: -4em -55em;
}
.rfi-battery-charging {
    -webkit-mask-position: 0 -56em;
    mask-position: 0 -56em;
}
.rfi-battery-low {
    -webkit-mask-position: -1em -56em;
    mask-position: -1em -56em;
}
.rfi-cloud-off {
    -webkit-mask-position: -2em -56em;
    mask-position: -2em -56em;
}
.rfi-power-off {
    -webkit-mask-position: -3em -56em;
    mask-position: -3em -56em;
}
.rfi-eye-off {
    -webkit-mask-position: -4em -56em;
    mask-position: -4em -56em;
}
.rfi-lock-open {
    -webkit-mask-position: 0 -57em;
    mask-position: 0 -57em;
}
.rfi-shield-off {
    -webkit-mask-position: -1em -57em;
    mask-position: -1em -57em;
}
.rfi-draft {
    -webkit-mask-position: -2em -57em;
    mask-position: -2em -57em;
}
.rfi-published {
    -webkit-mask-position: -3em -57em;
    mask-position: -3em -57em;
}
.rfi-expired {
    -webkit-mask-position: -4em -57em;
    mask-position: -4em -57em;
}
.rfi-online {
    -webkit-mask-position: 0 -58em;
    mask-position: 0 -58em;
}
.rfi-offline {
    -webkit-mask-position: -1em -58em;
    mask-position: -1em -58em;
}
.rfi-zoom-in {
    -webkit-mask-position: -2em -58em;
    mask-position: -2em -58em;
}
.rfi-zoom-out {
    -webkit-mask-position: -3em -58em;
    mask-position: -3em -58em;
}
.rfi-crop {
    -webkit-mask-position: -4em -58em;
    mask-position: -4em -58em;
}
.rfi-eraser {
    -webkit-mask-position: 0 -59em;
    mask-position: 0 -59em;
}
.rfi-grip {
    -webkit-mask-position: -1em -59em;
    mask-position: -1em -59em;
}
.rfi-drag-handle {
    -webkit-mask-position: -2em -59em;
    mask-position: -2em -59em;
}
.rfi-resize {
    -webkit-mask-position: -3em -59em;
    mask-position: -3em -59em;
}
.rfi-sparkle {
    -webkit-mask-position: -4em -59em;
    mask-position: -4em -59em;
}
.rfi-rocket {
    -webkit-mask-position: 0 -60em;
    mask-position: 0 -60em;
}
.rfi-crown {
    -webkit-mask-position: -1em -60em;
    mask-position: -1em -60em;
}
.rfi-shuffle {
    -webkit-mask-position: -2em -60em;
    mask-position: -2em -60em;
}
.rfi-repeat {
    -webkit-mask-position: -3em -60em;
    mask-position: -3em -60em;
}
.rfi-circle-half {
    -webkit-mask-position: -4em -60em;
    mask-position: -4em -60em;
}
.rfi-indent {
    -webkit-mask-position: 0 -61em;
    mask-position: 0 -61em;
}
.rfi-outdent {
    -webkit-mask-position: -1em -61em;
    mask-position: -1em -61em;
}
.rfi-justify {
    -webkit-mask-position: -2em -61em;
    mask-position: -2em -61em;
}
.rfi-line-chart {
    -webkit-mask-position: -3em -61em;
    mask-position: -3em -61em;
}
.rfi-area-chart {
    -webkit-mask-position: -4em -61em;
    mask-position: -4em -61em;
}
.rfi-bar-horizontal {
    -webkit-mask-position: 0 -62em;
    mask-position: 0 -62em;
}
.rfi-stacked-bar {
    -webkit-mask-position: -1em -62em;
    mask-position: -1em -62em;
}
.rfi-donut-chart {
    -webkit-mask-position: -2em -62em;
    mask-position: -2em -62em;
}
.rfi-radar {
    -webkit-mask-position: -3em -62em;
    mask-position: -3em -62em;
}
.rfi-funnel {
    -webkit-mask-position: -4em -62em;
    mask-position: -4em -62em;
}
.rfi-heatmap {
    -webkit-mask-position: 0 -63em;
    mask-position: 0 -63em;
}
.rfi-progress-ring {
    -webkit-mask-position: -1em -63em;
    mask-position: -1em -63em;
}
.rfi-progress-bar {
    -webkit-mask-position: -2em -63em;
    mask-position: -2em -63em;
}
.rfi-timeline {
    -webkit-mask-position: -3em -63em;
    mask-position: -3em -63em;
}
.rfi-gantt {
    -webkit-mask-position: -4em -63em;
    mask-position: -4em -63em;
}
.rfi-candlestick {
    -webkit-mask-position: 0 -64em;
    mask-position: 0 -64em;
}
.rfi-bubble-chart {
    -webkit-mask-position: -1em -64em;
    mask-position: -1em -64em;
}
.rfi-mind-map {
    -webkit-mask-position: -2em -64em;
    mask-position: -2em -64em;
}
.rfi-org-chart {
    -webkit-mask-position: -3em -64em;
    mask-position: -3em -64em;
}
.rfi-treemap {
    -webkit-mask-position: -4em -64em;
    mask-position: -4em -64em;
}
.rfi-combo-chart {
    -webkit-mask-position: 0 -65em;
    mask-position: 0 -65em;
}
.rfi-sku {
    -webkit-mask-position: -1em -65em;
    mask-position: -1em -65em;
}
.rfi-spec {
    -webkit-mask-position: -2em -65em;
    mask-position: -2em -65em;
}
.rfi-brand {
    -webkit-mask-position: -3em -65em;
    mask-position: -3em -65em;
}
.rfi-category-tree {
    -webkit-mask-position: -4em -65em;
    mask-position: -4em -65em;
}
.rfi-supplier {
    -webkit-mask-position: 0 -66em;
    mask-position: 0 -66em;
}
.rfi-purchase {
    -webkit-mask-position: -1em -66em;
    mask-position: -1em -66em;
}
.rfi-warehouse {
    -webkit-mask-position: -2em -66em;
    mask-position: -2em -66em;
}
.rfi-batch-stock {
    -webkit-mask-position: -3em -66em;
    mask-position: -3em -66em;
}
.rfi-weight {
    -webkit-mask-position: -4em -66em;
    mask-position: -4em -66em;
}
.rfi-session {
    -webkit-mask-position: 0 -67em;
    mask-position: 0 -67em;
}
.rfi-app-market {
    -webkit-mask-position: -1em -67em;
    mask-position: -1em -67em;
}
.rfi-rollback {
    -webkit-mask-position: -2em -67em;
    mask-position: -2em -67em;
}
.rfi-plugin {
    -webkit-mask-position: -3em -67em;
    mask-position: -3em -67em;
}
.rfi-region {
    -webkit-mask-position: -4em -67em;
    mask-position: -4em -67em;
}
.rfi-throttle {
    -webkit-mask-position: 0 -68em;
    mask-position: 0 -68em;
}
.rfi-queue-schedule {
    -webkit-mask-position: -1em -68em;
    mask-position: -1em -68em;
}
.rfi-login {
    -webkit-mask-position: -2em -68em;
    mask-position: -2em -68em;
}
.rfi-payment {
    -webkit-mask-position: -3em -68em;
    mask-position: -3em -68em;
}
.rfi-miniprogram {
    -webkit-mask-position: -4em -68em;
    mask-position: -4em -68em;
}
.rfi-push {
    -webkit-mask-position: 0 -69em;
    mask-position: 0 -69em;
}
.rfi-storage {
    -webkit-mask-position: -1em -69em;
    mask-position: -1em -69em;
}
.rfi-import {
    -webkit-mask-position: -2em -69em;
    mask-position: -2em -69em;
}
.rfi-flow {
    -webkit-mask-position: -3em -69em;
    mask-position: -3em -69em;
}
.rfi-trend-up {
    -webkit-mask-position: -4em -69em;
    mask-position: -4em -69em;
}
.rfi-trend-down {
    -webkit-mask-position: 0 -70em;
    mask-position: 0 -70em;
}
.rfi-pay-wechat {
    -webkit-mask-position: -1em -70em;
    mask-position: -1em -70em;
}
.rfi-pay-alipay {
    -webkit-mask-position: -2em -70em;
    mask-position: -2em -70em;
}
.rfi-pay-unipay {
    -webkit-mask-position: -3em -70em;
    mask-position: -3em -70em;
}
.rfi-platform-douyin {
    -webkit-mask-position: -4em -70em;
    mask-position: -4em -70em;
}
.rfi-platform-wecom {
    -webkit-mask-position: 0 -71em;
    mask-position: 0 -71em;
}
.rfi-platform-dingtalk {
    -webkit-mask-position: -1em -71em;
    mask-position: -1em -71em;
}
.rfi-platform-feishu {
    -webkit-mask-position: -2em -71em;
    mask-position: -2em -71em;
}