qumra-icons 1.2.2 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/README.md +3 -3
  2. package/dist/cjs/index.cjs +28 -7
  3. package/dist/esm/createIcon.js +24 -5
  4. package/dist/esm/icons/active.d.ts +3 -0
  5. package/dist/esm/icons/active.js +2 -0
  6. package/dist/esm/icons/notifications-none.d.ts +3 -0
  7. package/dist/esm/icons/notifications-none.js +2 -0
  8. package/dist/esm/index.js +4 -2
  9. package/dist/index.d.ts +6 -0
  10. package/dist/sprite.svg +6 -0
  11. package/dist/styles.css +1 -1
  12. package/dist/web.js +24 -7
  13. package/package.json +1 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # qumra-icons
2
2
 
3
- طقم أيقونات **قُمرة** — 142 أيقونة تجارة إلكترونية ملوّنة ومتحركة، بواجهة على نمط `lucide-react`.
3
+ طقم أيقونات **قُمرة** — 144 أيقونة تجارة إلكترونية ملوّنة ومتحركة، بواجهة على نمط `lucide-react`.
4
4
 
5
5
  - تصدير مسمّى لكل أيقونة، قابل للهزّ الشجري (tree-shaking)
6
6
  - حركة خاصة بمعنى كل أيقونة، تُشغَّل بخاصية `animate`
@@ -153,10 +153,10 @@ const label = iconLabels[name]; // "الرئيسية"
153
153
  `Email` · `Phone` · `Api` · `Webhook` · `Chat` · `Guide` · `Video` · `Link` · `Copy` · `Lock` · `Share`
154
154
  ### الشريط العلوي — أدوات
155
155
 
156
- `Search` · `Notifications` · `DarkMode` · `LightMode` · `Language` · `Academy` · `Website` · `Support`
156
+ `Search` · `Notifications` · `NotificationsNone` · `DarkMode` · `LightMode` · `Language` · `Academy` · `Website` · `Support`
157
157
  ### داخل الصفحة
158
158
 
159
- `Launch` · `Shihab` · `Assistant`
159
+ `Launch` · `Shihab` · `Assistant` · `Active`
160
160
 
161
161
  ## الترخيص
162
162
 
package/dist/cjs/index.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  const React = require("react");
3
3
  const { createElement: h, useMemo, useEffect, forwardRef } = React;
4
- const CSS = "/*! qumra-icons v1.0.0 */\n.qumra-icon{display:inline-block;vertical-align:middle}.qumra-icon{overflow:visible}.qumra-icon[data-mono]{filter:grayscale(1);opacity:.62}.qumra-icon[data-mono]:hover,.qumra-icon[data-mono][data-animate],.qumra-icon[data-mono][data-active]{filter:none;opacity:1}.qumra-icon *{transform-box:fill-box;transform-origin:center}.fit{transform-box:view-box;transform-origin:0 0}.roof,.body,.lid,.bag,.truck,.top,.label,.glass,.bell,.moon,.cap,.ring,.lg-front,.lg-back,.lens,.rocket,.page,.ribbon,.play,.link-a,.link-b,.cp-back,.shackle,.head,.antenna,.tail,.pot,.plant,.leaf,.arrow,.handle,.clasp,.parcel,.speed,.win,.door,.cup,.ear,.piece,.knob,.box,.item,.cart,.basket,.sign,.bag,.flap,.handset,.hook,.cash,.arr1,.bolt,.hand,.dial,.needle,.slice,.cursor,.fruit,.plate,.person,.lift,.tool-a,.tool-b,.gear-r,.tassel,.grow-up,.pulse,.ray,.flag,.peak,.core,.shutter,.awning,.horn,.wave,.sun,.mount,.shield,.mark,.gear,.card,.clasp,.back,.front,.glow{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease,fill-opacity .3s ease}.gear,.ring{transition-duration:.8s}.glass{transform-origin:40% 40%}.bell{transform-origin:50% 10%}.tassel{transform-origin:50% 0}.flame{transform-origin:50% 0}.antenna{transform-origin:50% 100%}.head{transform-origin:50% 90%}.tail{transform-origin:15% 85%}/* \u0646\u0645\u0648 \u0627\u0644\u0646\u0628\u0627\u062a:\u0627\u0644\u0633\u0627\u0642 \u0645\u0646 \u0627\u0644\u062a\u0631\u0628\u0629\u060c \u0643\u0644 \u0648\u0631\u0642\u0629 \u0645\u0646 \u0646\u0642\u0637\u0629 \u0627\u062a\u0635\u0627\u0644\u0647\u0627 \u0628\u0627\u0644\u0633\u0627\u0642 */.stem{transform-origin:50% 100%}.leaf.l{transform-origin:100% 100%}.leaf.r{transform-origin:0 100%}.leaf.c{transform-origin:50% 100%}.fruit{transform-origin:center}.win{transition:fill-opacity .25s ease}.flap{transform-origin:50% 0}.handset{transform-origin:40% 60%}.needle{transform-origin:16px 18px;transform-box:view-box}.arc,.draw{stroke-dashoffset:0}.tick{stroke-opacity:.3}.hook{transform-origin:78% 22%}.box{transform-origin:50% 100%}.handle{transform-origin:50% 100%}.eye{transform-origin:50% 50%}.page:first-of-type{transform-origin:100% 50%}.page:nth-of-type(2){transform-origin:0 50%}.wave{opacity:.55;transition:opacity .25s ease,transform .4s cubic-bezier(.22,1,.36,1)}.wave+.wave{transition-delay:.1s}.shutter{transform-origin:50% 0}.bar{transform-origin:50% 100%}.line{transform-origin:100% 50%}.horn{transform-origin:18% 50%}.tag{transform-origin:26% 26%}.qumra-icon[data-animate] .roof{transform:translateY(-1.1px)}.qumra-icon[data-animate] .glow{fill-opacity:1}.qumra-icon[data-animate] .lid{transform:translateY(-1.5px)}.qumra-icon[data-animate] .bag{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .truck{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .wheel{animation:qi-spin .9s linear}.qumra-icon[data-animate] .top{transform:translateY(-2px)}.qumra-icon[data-animate] .label{transform:translateY(-.6px)}.qumra-icon[data-animate] .shutter{transform:scaleY(.28)}.qumra-icon[data-animate] .awning{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .bar{animation:qi-grow .6s cubic-bezier(.2,.8,.25,1.06) both}.qumra-icon[data-animate] .bar:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .bar:nth-of-type(3){animation-delay:.14s}.qumra-icon[data-animate] .horn{animation:qi-shout .7s ease-in-out}.qumra-icon[data-animate] .wave{opacity:1;transform:translateX(.8px)}.qumra-icon[data-animate] .wave+.wave{transform:translateX(1.6px)}.qumra-icon[data-animate] .sun{transform:translate(-.8px,-1.3px)}.qumra-icon[data-animate] .mount.near{transform:translateX(-1.2px)}.qumra-icon[data-animate] .mount.far{transform:translateX(.9px)}.qumra-icon[data-animate] .tile{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .tile:nth-of-type(2){animation-delay:.06s}.qumra-icon[data-animate] .tile:nth-of-type(3){animation-delay:.12s}.qumra-icon[data-animate] .tile:nth-of-type(4){animation-delay:.18s}.qumra-icon[data-animate] .shield{transform:translateY(-.8px)}.qumra-icon[data-animate] .mark{animation:qi-pop .55s cubic-bezier(.22,1,.36,1)}.qumra-icon[data-animate] .gear{transform:rotate(90deg)}.qumra-icon[data-animate] .gear-r{transform:rotate(-103deg)}.qumra-icon[data-animate] .tool-a{transform:rotate(-7deg)}.qumra-icon[data-animate] .tool-b{transform:rotate(7deg)}.qumra-icon[data-animate] .card{transform:translateY(-2.4px)}.qumra-icon[data-animate] .clasp{transform:translateY(-.7px)}.qumra-icon[data-animate] .line{animation:qi-write .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .line:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .line:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .back{transform:translate(1.5px,-1.3px)}.qumra-icon[data-animate] .front{transform:translateX(-.7px)}.qumra-icon[data-animate] .tag{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .glass{transform:rotate(-14deg)}.qumra-icon[data-animate] .lens{transform:translate(.6px,-.6px)}.qumra-icon[data-animate] .bell{animation:qi-shout .7s ease-in-out}.qumra-icon[data-animate] .badge{animation:qi-pop .5s cubic-bezier(.22,1,.36,1)}.qumra-icon[data-animate] .moon{transform:rotate(-18deg)}.qumra-icon[data-animate] .star{animation:qi-twinkle .8s ease-in-out}.qumra-icon[data-animate] .lg-front{transform:translate(1.2px,-1.2px)}.qumra-icon[data-animate] .lg-back{transform:translate(-1.2px,1.2px)}.qumra-icon[data-animate] .cap{transform:translateY(-1.2px)}.qumra-icon[data-animate] .tassel{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .pin{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .ring{transform:rotate(90deg)}.qumra-icon[data-animate] .rocket{transform:translateY(-1.6px)}.qumra-icon[data-animate] .flame{animation:qi-flicker .5s ease-in-out infinite}.qumra-icon[data-animate] .spark{animation:qi-twinkle .9s ease-in-out}.qumra-icon[data-animate] .spark2{animation:qi-twinkle .9s ease-in-out .15s}.qumra-icon[data-animate] .dot{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .dot:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .dot:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .page:first-of-type{transform:rotateY(18deg)}.qumra-icon[data-animate] .page:nth-of-type(2){transform:rotateY(-18deg)}.qumra-icon[data-animate] .ribbon{transform:translateY(1.4px)}.qumra-icon[data-animate] .play{transform:translateX(.9px)}.qumra-icon[data-animate] .link-a{transform:translate(1px,-1px)}.qumra-icon[data-animate] .link-b{transform:translate(-1px,1px)}.qumra-icon[data-animate] .cp-back{transform:translate(-1.2px,-1.2px)}.qumra-icon[data-animate] .shackle{transform:translateY(-1.8px) translateX(1px) rotate(-8deg)}.qumra-icon[data-animate] .head{animation:qi-nod .9s ease-in-out}.qumra-icon[data-animate] .antenna{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .tail{animation:qi-trail .8s ease-in-out}.qumra-icon[data-animate] .stem{animation:qi-stem .7s cubic-bezier(.25,.8,.3,1) both}.qumra-icon[data-animate] .leaf{animation:qi-unfurl .75s cubic-bezier(.2,.9,.3,1.12) both}.qumra-icon[data-animate] .leaf:nth-of-type(2){animation-delay:.42s}.qumra-icon[data-animate] .leaf:nth-of-type(3){animation-delay:.58s}.qumra-icon[data-animate] .leaf:nth-of-type(4){animation-delay:.74s}.qumra-icon[data-animate] .pot{animation:qi-settle .5s ease-out both}.qumra-icon[data-animate] .arrow{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) 1.1s both}.qumra-icon[data-animate] .leaf.c{animation:qi-unfurl .7s cubic-bezier(.2,.9,.3,1.12) both}.qumra-icon[data-animate] .fruit{animation:qi-pop-in .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .fruit{animation:qi-pop-in .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .fruit:nth-of-type(1){animation-delay:1s}.qumra-icon[data-animate] .fruit:nth-of-type(2){animation-delay:1.12s}.qumra-icon[data-animate] .fruit:nth-of-type(3){animation-delay:1.24s}.qumra-icon[data-animate] .win{animation:qi-light .4s ease both}.qumra-icon[data-animate] .win:nth-of-type(1){animation-delay:.05s}.qumra-icon[data-animate] .win:nth-of-type(2){animation-delay:.12s}.qumra-icon[data-animate] .win:nth-of-type(3){animation-delay:.19s}.qumra-icon[data-animate] .win:nth-of-type(4){animation-delay:.26s}.qumra-icon[data-animate] .win:nth-of-type(5){animation-delay:.33s}.qumra-icon[data-animate] .win:nth-of-type(6){animation-delay:.4s}.qumra-icon[data-animate] .win:nth-of-type(7){animation-delay:.47s}.qumra-icon[data-animate] .win:nth-of-type(8){animation-delay:.54s}.qumra-icon[data-animate] .win:nth-of-type(9){animation-delay:.61s}.qumra-icon[data-animate] .door{animation:qi-light .4s ease .75s both}.qumra-icon[data-animate] .cup{transform:translateY(-1.6px)}.qumra-icon[data-animate] .piece{transform:translate(-.8px,.8px)}.qumra-icon[data-animate] .knob{transform:translate(1.2px,-1.2px)}.qumra-icon[data-animate] .box{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.15) both}.qumra-icon[data-animate] .box:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .box:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .box:nth-of-type(4){animation-delay:.24s}.qumra-icon[data-animate] .box:nth-of-type(5){animation-delay:.32s}.qumra-icon[data-animate] .box:nth-of-type(6){animation-delay:.4s}.qumra-icon[data-animate] .box.top{animation-delay:.3s}.qumra-icon[data-animate] .item{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.15) both}.qumra-icon[data-animate] .cart,.qumra-icon[data-animate] .basket{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .sign{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .bag{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .flap{transform:rotateX(-70deg)}.qumra-icon[data-animate] .handset{animation:qi-shout .6s ease-in-out}.qumra-icon[data-animate] .hook{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .cash{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .arr1{animation:qi-drive .8s ease-in-out}.qumra-icon[data-animate] .bolt{animation:qi-twinkle .8s ease-in-out}.qumra-icon[data-animate] .hand{transform:translateY(-1px)}.qumra-icon[data-animate] .needle{animation:qi-needle 1.3s cubic-bezier(.22,.9,.3,1.08) both}.qumra-icon[data-animate] .arc{animation:qi-draw .9s cubic-bezier(.3,.6,.3,1) both}.qumra-icon[data-animate] path.arc.a2{animation-duration:.5s;animation-delay:.85s}.qumra-icon[data-animate] circle.arc.a1{animation-duration:.55s;animation-delay:0s}.qumra-icon[data-animate] circle.arc.a2{animation-duration:.4s;animation-delay:.5s}.qumra-icon[data-animate] circle.arc.a3{animation-duration:.35s;animation-delay:.85s}.qumra-icon[data-animate] .tick{animation:qi-tick .3s ease both}.qumra-icon[data-animate] .tick:nth-of-type(1){animation-delay:.1s}.qumra-icon[data-animate] .tick:nth-of-type(2){animation-delay:.32s}.qumra-icon[data-animate] .tick:nth-of-type(3){animation-delay:.54s}.qumra-icon[data-animate] .tick:nth-of-type(4){animation-delay:.76s}.qumra-icon[data-animate] .tick:nth-of-type(5){animation-delay:.98s}.qumra-icon[data-animate] .tick:nth-of-type(6){animation-delay:1.2s}.qumra-icon[data-animate] .readout{animation:qi-write .6s cubic-bezier(.22,1,.36,1) 1.1s both;transform-origin:0 50%}.qumra-icon[data-animate] .draw{animation:qi-draw 1s cubic-bezier(.4,.2,.3,1) .55s both}.qumra-icon[data-animate] .draw:nth-of-type(2){animation-delay:.7s}.qumra-icon[data-animate] .draw:nth-of-type(3){animation-delay:.85s}.qumra-icon[data-animate] .node{animation:qi-pop-in .4s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .node:nth-of-type(1){animation-delay:.75s}.qumra-icon[data-animate] .node:nth-of-type(2){animation-delay:.95s}.qumra-icon[data-animate] .node:nth-of-type(3){animation-delay:1.15s}.qumra-icon[data-animate] .bar:nth-of-type(4){animation-delay:.21s}.qumra-icon[data-animate] .arrow{animation:qi-pop-in .4s cubic-bezier(.22,1,.36,1) 1.5s both}.qumra-icon[data-animate] .cursor{animation:qi-click .6s ease-in-out 1.35s}/* \u0627\u0644\u0635\u0639\u0648\u062f:\u0627\u0644\u0643\u062a\u0644 \u062a\u0646\u0645\u0648 \u0645\u0646 \u062e\u0637 \u0627\u0644\u0623\u0631\u0636\u060c \u062b\u0645 \u064a\u064f\u0631\u0633\u0645 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u060c \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0633\u0647\u0645 */.qumra-icon[data-animate] .grow-up{animation:qi-grow .6s cubic-bezier(.2,.8,.25,1.06) both}.qumra-icon[data-animate] .grow-up:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .grow-up:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .lift{animation:qi-up .5s cubic-bezier(.22,1,.36,1) .5s both}.qumra-icon[data-animate] .flag{animation:qi-up .45s cubic-bezier(.22,1,.36,1) .55s both}/* \u0627\u0644\u0637\u0628\u0642\u0627\u062a:\u062a\u0647\u0628\u0637 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644 \u0644\u0644\u0623\u0639\u0644\u0649 \u0628\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062a\u0643\u062f\u064a\u0633 */.qumra-icon[data-animate] .plate{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.12) both}.qumra-icon[data-animate] .plate:nth-of-type(2){animation-delay:.11s}.qumra-icon[data-animate] .plate:nth-of-type(3){animation-delay:.22s}/* \u0627\u0644\u0637\u0627\u0642\u0629:\u0627\u0644\u0628\u0631\u0642 \u064a\u0648\u0645\u0636 \u062b\u0645 \u062a\u0634\u0639\u0651 \u0627\u0644\u0623\u0634\u0639\u0651\u0629 \u0645\u0646 \u0627\u0644\u062f\u0627\u062e\u0644 \u0644\u0644\u062e\u0627\u0631\u062c */.qumra-icon[data-animate] .pulse{animation:qi-flash .8s ease-out both}.qumra-icon[data-animate] .core{animation:qi-flash .8s ease-out both}.qumra-icon[data-animate] .ray{animation:qi-ray .5s ease-out both}.qumra-icon[data-animate] .ray:nth-of-type(1){animation-delay:.30s}.qumra-icon[data-animate] .ray:nth-of-type(2){animation-delay:.34s}.qumra-icon[data-animate] .ray:nth-of-type(3){animation-delay:.38s}.qumra-icon[data-animate] .ray:nth-of-type(4){animation-delay:.42s}.qumra-icon[data-animate] .ray:nth-of-type(5){animation-delay:.46s}.qumra-icon[data-animate] .ray:nth-of-type(6){animation-delay:.50s}.qumra-icon[data-animate] .ray:nth-of-type(7){animation-delay:.54s}.qumra-icon[data-animate] .ray:nth-of-type(8){animation-delay:.58s}/* \u0627\u0644\u0641\u0631\u064a\u0642:\u064a\u0638\u0647\u0631\u0648\u0646 \u0645\u0646 \u0627\u0644\u062e\u0644\u0641 \u0625\u0644\u0649 \u0627\u0644\u0623\u0645\u0627\u0645 */.qumra-icon[data-animate] .person{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .person:nth-of-type(2){animation-delay:.09s}.qumra-icon[data-animate] .person:nth-of-type(3){animation-delay:.18s}.qumra-icon[data-animate] .handle{transform:translateY(-1.4px)}.qumra-icon[data-animate] .parcel{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .speed{animation:qi-speed .9s ease-in-out}.qumra-icon[data-animate] .link-a{transform:translate(-1px,0)}.qumra-icon[data-animate] .link-b{transform:translate(1px,0)}.qumra-icon[data-animate] .eye{animation:qi-blink .9s ease-in-out .25s}/* \u0627\u0644\u0645\u0634\u0627\u0647\u062f\u0627\u062a:\u0627\u0644\u0639\u064a\u0646 \u062a\u064f\u0641\u062a\u062d \u0645\u0646 \u062e\u0637 \u0631\u0641\u064a\u0639\u060c \u062b\u0645 \u062a\u062a\u062c\u0648\u0651\u0644 \u0627\u0644\u0646\u0638\u0631\u0629 \u064a\u0645\u064a\u0646\u064b\u0627 \u0641\u064a\u0633\u0627\u0631\u064b\u0627 \u0648\u062a\u0639\u0648\u062f \u0644\u0644\u0645\u0631\u0643\u0632 \u0648\u0627\u0644\u0628\u0624\u0628\u0624 \u064a\u062a\u0651\u0633\u0639 */.qumra-icon[data-animate] .vw-lid{animation:qi-open .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .vw-gaze{animation:qi-gaze 1.1s ease-in-out .42s both}.qumra-icon[data-animate] .vw-pupil{animation:qi-dilate 1.1s ease-in-out .42s both}/* \u0627\u0644\u0632\u0648\u0627\u0631:\u0633\u0647\u0645 \u0627\u0644\u062f\u062e\u0648\u0644 \u064a\u0646\u0632\u0644\u0642 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0632\u0627\u0626\u0631 \u00b7 \u0627\u0644\u062c\u0644\u0633\u0627\u062a:\u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u062a\u0631\u062a\u0641\u0639 \u0648\u0627\u0644\u0639\u0642\u0631\u0628 \u064a\u062f\u0648\u0631 \u062f\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 */.ss-hand{transform-origin:24px 24px;transform-box:view-box}.qumra-icon[data-animate] .vt-in{animation:qi-enter .55s cubic-bezier(.3,.8,.3,1) both}.qumra-icon[data-animate] .vt-p{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) .2s both}.qumra-icon[data-animate] .ss-win{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .ss-badge{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .3s both}.qumra-icon[data-animate] .ss-hand{animation:qi-turn 1.05s cubic-bezier(.4,.05,.2,1) .5s both}/* \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0635\u0627\u062f\u0631:\u0627\u0644\u0623\u0633\u0647\u0645 \u062a\u0646\u0633\u0627\u0628 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0642\u0645\u0627\u0634 \u0627\u0644\u0639\u0644\u0645 \u064a\u0631\u0641\u0631\u0641\u060c \u0627\u0644\u0628\u0646\u0627\u064a\u0627\u062a \u062a\u0646\u0645\u0648 \u0645\u0646 \u0627\u0644\u0623\u0631\u0636\u060c \u0627\u0644\u0647\u0627\u062a\u0641 \u064a\u0646\u0628\u062b\u0642 \u0628\u0639\u062f \u0627\u0644\u0634\u0627\u0634\u0629\u060c \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 \u062a\u0646\u0632\u0644\u0642\u060c \u0648\u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u062a\u064f\u0636\u0627\u0621 \u062b\u0645 \u062a\u0646\u0628\u0636 \u0627\u0644\u0646\u0648\u0627\u0629 */.cn-cloth{transform-origin:0 50%}.qumra-icon[data-animate] .ts-a{animation:qi-flow .55s cubic-bezier(.3,.8,.3,1) both}.qumra-icon[data-animate] .ts-a:nth-of-type(2){animation-delay:.09s}.qumra-icon[data-animate] .ts-a:nth-of-type(3){animation-delay:.18s}.qumra-icon[data-animate] .ts-disc{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .3s both}.qumra-icon[data-animate] .cn-cloth{animation:qi-cloth 1.1s ease-in-out both}.qumra-icon[data-animate] .dv-m{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .dv-p{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .22s both}.qumra-icon[data-animate] .br-b{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .br-f{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) .12s both}.qumra-icon[data-animate] .os-pin{animation:qi-ray .4s ease-out both}.qumra-icon[data-animate] .os-pin:nth-of-type(even){animation-delay:.14s}.qumra-icon[data-animate] .os-core{animation:qi-flash .85s ease-out .22s both}/* \u0641\u0627\u0631\u063a:\u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u064a\u0638\u0647\u0631 \u062b\u0645 \u064a\u0646\u0641\u062a\u062d \u0644\u0633\u0627\u0646\u0627\u0647 \u0645\u0646 \u0645\u0641\u0635\u0644\u064a\u0647\u0645\u0627 \u0639\u0646\u062f \u062d\u0627\u0641\u0651\u062a\u064a \u0627\u0644\u0641\u062a\u062d\u0629 \u0648\u064a\u0633\u062a\u0642\u0631\u0651\u0627\u0646 */.em-fl{transform-box:view-box}.em-fl.l{transform-origin:6.5px 15.9px}.em-fl.r{transform-origin:25.5px 15.9px}.qumra-icon[data-animate] .em-box{animation:qi-appear .4s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .em-fl.l{animation:qi-flap-l .6s cubic-bezier(.34,1.4,.64,1) .12s both}.qumra-icon[data-animate] .em-fl.r{animation:qi-flap-r .6s cubic-bezier(.34,1.4,.64,1) .12s both}/* \u0627\u0644\u0635\u0641\u062d\u0629 \u063a\u064a\u0631 \u0645\u0648\u062c\u0648\u062f\u0629:\u0627\u0644\u0648\u0631\u0642\u0629 \u062a\u0638\u0647\u0631 \u062b\u0645 \u062a\u0646\u0628\u062b\u0642 \u0634\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0641\u0647\u0627\u0645 */.qumra-icon[data-animate] .nf-page{animation:qi-appear .42s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .nf-mark{animation:qi-check .45s cubic-bezier(.34,1.5,.64,1) .22s both}.qumra-icon[data-animate] .node{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .node:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .node:nth-of-type(3){animation-delay:.14s}/* >>> gen_brand *//* \u0639\u0644\u0627\u0645\u0629 \u0642\u064f\u0645\u0631\u0629 (\u0645\u0634\u062a\u0642\u0651\u0629 \u0645\u0646 \u0627\u0644\u0644\u0648\u062c\u0648) \u2014 \u0623\u0637\u0648\u0627\u0644 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u062e\u0628\u0648\u0632\u0629:\u0627\u0644\u0631\u0626\u064a\u0633\u064a 60.72 \u00b7 \u0627\u0644\u0630\u064a\u0644 6.88 */.qm-main,.qm-tail,.qm-tailrun{stroke-dashoffset:0}.qumra-icon[data-animate] .qm-main{animation:qi-draw .95s cubic-bezier(.4,.05,.2,1) both}.qumra-icon[data-animate] .qm-tail{animation:qi-draw .26s cubic-bezier(.3,.8,.3,1) .82s both}.qumra-icon[data-animate] .qm-logo{animation:qi-appear .55s cubic-bezier(.22,1,.36,1) both}/* \u0627\u0644\u0644\u0648\u062c\u0648 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u062a\u062d\u0631\u0651\u0643 \u2014 \u0643\u0634\u0641 \u0648\u0627\u062d\u062f \u0645\u062a\u0635\u0644 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631:\u0627\u0644\u0633\u0644\u0629 (0\u2192.5s) \u062b\u0645 \u0627\u0644\u0643\u0644\u0645\u0629 (.32\u2192.95s) */.qm-la-r{transform-box:fill-box;transform-origin:100% 50%}.qumra-icon[data-animate] .qm-la-r1{animation:qm-la-wipe .5s cubic-bezier(.4,0,.2,1) both}.qumra-icon[data-animate] .qm-la-r2{animation:qm-la-wipe .63s cubic-bezier(.25,.1,.25,1) .32s both}@keyframes qm-la-wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}.qumra-icon[data-animate] .qm-comet.c1{animation:qm-run1 1.25s linear infinite}.qumra-icon[data-animate] .qm-comet.c2{animation:qm-run2 1.25s linear infinite}.qumra-icon[data-animate] .qm-comet.c3{animation:qm-run3 1.25s linear infinite}.qumra-icon[data-animate] .qm-tailrun{animation:qm-tailrun 1.25s linear infinite}@keyframes qm-run1{from{stroke-dashoffset:0}to{stroke-dashoffset:-70.72}}@keyframes qm-run2{from{stroke-dashoffset:-3.5}to{stroke-dashoffset:-74.22}}@keyframes qm-run3{from{stroke-dashoffset:-6.5}to{stroke-dashoffset:-77.22}}@keyframes qm-tailrun{0%,71.7%{stroke-dashoffset:11.18;opacity:1}85.8%{stroke-dashoffset:0;opacity:1}91.8%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}/* <<< gen_brand *//* >>> gen_notif *//* \u0627\u0644\u0625\u0634\u0639\u0627\u0631\u0627\u062a */.qumra-icon[data-animate] .turn{animation:qi-turn .9s cubic-bezier(.4,.05,.2,1) both}.ridge{stroke-dashoffset:0}.qumra-icon[data-animate] .ridge{animation:qi-draw .7s cubic-bezier(.4,.05,.2,1) both}.qumra-icon[data-animate] .ridge:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .ridge:nth-of-type(3){animation-delay:.14s}.qumra-icon[data-animate] .ridge:nth-of-type(4){animation-delay:.21s}.qumra-icon[data-animate] .scan{animation:qi-scan 1.25s ease-in-out .1s both}.done{transform-origin:center}.qumra-icon[data-animate] .snap{animation:qi-snap .5s cubic-bezier(.3,.7,.3,1) both}.qumra-icon[data-animate] .done{animation:qi-check .4s cubic-bezier(.34,1.56,.64,1) .45s both}@keyframes qi-turn{to{transform:rotate(360deg)}}@keyframes qi-snap{0%{transform:translate(-3px,3px);opacity:.5}70%{transform:translate(.4px,-.4px);opacity:1}100%{transform:none}}@keyframes qi-check{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes qi-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(-21.4px)}}/* <<< gen_notif */@keyframes qi-nod{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}70%{transform:rotate(3deg)}}/* >>> gen_flags *//* \u0627\u0644\u0623\u0639\u0644\u0627\u0645:\u0631\u0641\u0631\u0641\u0629 \u062e\u0641\u064a\u0641\u0629 \u062a\u0639\u0648\u062f \u0644\u0644\u0633\u0643\u0648\u0646 \u0627\u0644\u062a\u0627\u0645 + \u0634\u0631\u064a\u0637 \u0636\u0648\u0621 \u064a\u0639\u0628\u0631 \u0627\u0644\u0639\u0644\u0645 \u0645\u0631\u0651\u0629 \u0648\u0627\u062d\u062f\u0629 */.fl-shine{opacity:0}.qumra-icon[data-animate] .fl-wave{animation:qi-flutter 1.1s ease-in-out both}.qumra-icon[data-animate] .fl-shine{animation:qi-shine .95s ease-in-out .12s both}@keyframes qi-flutter{0%,100%{transform:skewY(0) scaleX(1)}28%{transform:skewY(-1.5deg) scaleX(.985)}62%{transform:skewY(1.1deg) scaleX(.992)}}@keyframes qi-shine{0%{transform:translateX(0);opacity:0}22%{opacity:1}78%{opacity:1}100%{transform:translateX(34px);opacity:0}}/* <<< gen_flags *//* >>> gen_social *//* \u0627\u0644\u0628\u0644\u0627\u0637\u0629 \u0644\u0648\u0646\u0647\u0627 \u0644\u0648\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062e\u0627\u0644\u0635 \u0628\u0644\u0627 \u062d\u0648\u0627\u0641 \u0648\u0644\u0627 \u062d\u062f\u0648\u062f \u2014 \u0627\u0644\u0634\u0643\u0644 \u0645\u0631\u0628\u0651\u0639 \u0645\u062f\u0648\u0651\u0631 \u0645\u062a\u0645\u0627\u062b\u0644 \u062a\u0645\u0627\u0645\u064b\u0627.\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0633\u0648\u062f\u0627\u0621 (\u0625\u0643\u0633 \u00b7 \u062a\u064a\u0643 \u062a\u0648\u0643 \u00b7 \u062b\u0631\u064a\u062f\u0632) \u062a\u0630\u0648\u0628 \u0637\u0628\u0639\u064b\u0627 \u0641\u064a \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u062f\u0627\u0643\u0646\u0629\u060c \u062a\u0645\u0627\u0645\u064b\u0627 \u0643\u0645\u0627 \u062a\u0641\u0639\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629 \u0627\u0644\u062f\u0627\u0643\u0646\u0629. \u0644\u0642\u0644\u0628\u0647\u0627 \u0625\u0644\u0649 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0627\u0636\u0628\u0637 \u0627\u0644\u0645\u062a\u063a\u064a\u0651\u0631\u064a\u0646 \u0639\u0644\u0649\u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0648\u064a\u0646\u0641\u0630\u0627\u0646 \u0625\u0644\u0649 \u062f\u0627\u062e\u0644 \u0627\u0644\u0640shadow root:.dark-panel{--qi-social-ink:#FFFFFF;--qi-social-paper:#0B0B0B}*/.so-ink{fill:var(--qi-social-ink,#0B0B0B)}.so-mark{fill:var(--qi-social-paper,#FFFFFF)}/* \u0645\u0646\u0635\u0651\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644:\u0627\u0644\u0628\u0644\u0627\u0637\u0629 \u062a\u0646\u0628\u062b\u0642 \u0628\u0627\u0631\u062a\u062f\u0627\u062f \u062e\u0641\u064a\u0641 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0631\u0645\u0632 \u2014 \u0648\u0627\u0644\u0643\u0644 \u064a\u0639\u0648\u062f \u0644\u0644\u0633\u0643\u0648\u0646 \u0627\u0644\u062a\u0627\u0645 */.so-tile,.so-glyph,.so-solo{transform-box:fill-box;transform-origin:center}.qumra-icon[data-animate] .so-tile{animation:qi-tile .5s cubic-bezier(.34,1.5,.64,1) both}.qumra-icon[data-animate] .so-glyph{animation:qi-mark .42s cubic-bezier(.22,1,.36,1) .1s both}.qumra-icon[data-animate] .so-solo{animation:qi-tile .5s cubic-bezier(.34,1.5,.64,1) both}@keyframes qi-tile{0%{transform:scale(.82);opacity:0}45%{opacity:1}70%{transform:scale(1.045)}100%{transform:scale(1);opacity:1}}@keyframes qi-mark{0%{transform:scale(.55);opacity:0}55%{opacity:1}100%{transform:scale(1);opacity:1}}/* <<< gen_social */@keyframes qi-bounce{0%{transform:translateY(0)}35%{transform:translateY(-2.3px)}70%{transform:translateY(.4px)}100%{transform:translateY(0)}}@keyframes qi-drive{0%{transform:translateX(0)}40%{transform:translateX(2.2px)}100%{transform:translateX(0)}}@keyframes qi-spin{to{transform:rotate(360deg)}}@keyframes qi-grow{from{transform:scaleY(.22)}}@keyframes qi-shout{0%,100%{transform:rotate(0)}20%{transform:rotate(-7deg)}50%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}}@keyframes qi-pop{0%,100%{transform:translateY(0)}40%{transform:translateY(-1.3px)}}@keyframes qi-write{from{transform:scaleX(0)}}@keyframes qi-twinkle{0%,100%{transform:rotate(0);opacity:1}50%{transform:rotate(25deg);opacity:.55}}@keyframes qi-flicker{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.35) scaleX(.9)}}@keyframes qi-blink{0%,100%{transform:scaleY(1)}15%{transform:scaleY(.12)}30%{transform:scaleY(1)}}@keyframes qi-open{0%{transform:scaleY(.08)}62%{transform:scaleY(1.05)}100%{transform:scaleY(1)}}@keyframes qi-gaze{0%,100%{transform:translateX(0)}32%{transform:translateX(2.4px)}68%{transform:translateX(-2.4px)}}@keyframes qi-dilate{0%,100%{transform:scale(1)}45%{transform:scale(1.28)}}@keyframes qi-enter{0%{transform:translateX(-3.4px);opacity:0}45%{opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes qi-flow{0%{transform:translateX(-3px);opacity:0}45%{opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes qi-cloth{0%,100%{transform:skewY(0) scaleX(1)}30%{transform:skewY(-2.2deg) scaleX(.97)}65%{transform:skewY(1.6deg) scaleX(.985)}}@keyframes qi-flap-l{from{transform:rotate(52deg)}to{transform:rotate(0)}}@keyframes qi-flap-r{from{transform:rotate(-52deg)}to{transform:rotate(0)}}@keyframes qi-trail{0%,100%{transform:rotate(0)}50%{transform:rotate(5deg) translate(.6px,-.6px)}}@keyframes qi-speed{0%,100%{transform:translateX(0);opacity:1}40%{transform:translateX(-2.5px);opacity:.6}}@keyframes qi-stem{0%{transform:scaleY(.04)}60%{transform:scaleY(1.04)}100%{transform:scaleY(1)}}@keyframes qi-unfurl{0%{transform:scale(.05) rotate(-28deg);opacity:0}30%{opacity:1}70%{transform:scale(1.08) rotate(4deg)}100%{transform:scale(1) rotate(0)}}@keyframes qi-settle{0%{transform:translateY(0)}40%{transform:translateY(.6px)}100%{transform:translateY(0)}}@keyframes qi-rise{0%{transform:translate(-2px,2px);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes qi-pop-in{0%{opacity:0}100%{opacity:1}}@keyframes qi-light{0%{fill-opacity:.55}100%{fill-opacity:1;fill:#FFE38F}}@keyframes qi-drop{0%{transform:translateY(-6px);opacity:0}60%{transform:translateY(.6px);opacity:1}100%{transform:translateY(0)}}@keyframes qi-needle{0%{transform:rotate(-155deg)}75%{transform:rotate(7deg)}88%{transform:rotate(-2.5deg)}100%{transform:rotate(0)}}@keyframes qi-draw{from{stroke-dashoffset:var(--l,1)}to{stroke-dashoffset:0}}@keyframes qi-tick{from{stroke-opacity:.3}to{stroke-opacity:1}}@keyframes qi-click{0%,100%{transform:translate(0,0)}40%{transform:translate(-1.2px,-1.2px)}}@keyframes qi-up{from{opacity:0;transform:translateY(3.2px)}to{opacity:1;transform:translateY(0)}}@keyframes qi-appear{from{opacity:0;transform:translateY(2.6px)}to{opacity:1;transform:translateY(0)}}@keyframes qi-flash{0%{opacity:.25}22%{opacity:1}38%{opacity:.5}55%{opacity:1}100%{opacity:1}}@keyframes qi-ray{from{opacity:0}to{opacity:1}}@keyframes qi-swing{0%,100%{transform:rotate(0)}25%{transform:rotate(-11deg)}60%{transform:rotate(7deg)}85%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.qumra-icon *{animation:none!important;transition:none!important}}.qumra-icon[data-still] *{animation:none!important;transform:none!important}/* sprite <use>:\u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0623\u062c\u0632\u0627\u0621\u060c \u0641\u062a\u062a\u062d\u0631\u0643 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0643\u0627\u0645\u0644\u0629 */\n";
4
+ const CSS = "/*! qumra-icons v1.0.0 */\n.qumra-icon{display:inline-block;vertical-align:middle}.qumra-icon{overflow:visible}.qumra-icon.qi-has-count .badge:not(.qi-count){display:none}.qumra-icon[data-mono]{filter:grayscale(1);opacity:.62}.qumra-icon[data-mono]:hover,.qumra-icon[data-mono][data-animate],.qumra-icon[data-mono][data-active]{filter:none;opacity:1}.qumra-icon *{transform-box:fill-box;transform-origin:center}.fit{transform-box:view-box;transform-origin:0 0}.roof,.body,.lid,.bag,.truck,.top,.label,.glass,.bell,.moon,.cap,.ring,.lg-front,.lg-back,.lens,.rocket,.page,.ribbon,.play,.link-a,.link-b,.cp-back,.shackle,.head,.antenna,.tail,.pot,.plant,.leaf,.arrow,.handle,.clasp,.parcel,.speed,.win,.door,.cup,.ear,.piece,.knob,.box,.item,.cart,.basket,.sign,.bag,.flap,.handset,.hook,.cash,.arr1,.bolt,.hand,.dial,.needle,.slice,.cursor,.fruit,.plate,.person,.lift,.tool-a,.tool-b,.gear-r,.tassel,.grow-up,.pulse,.ray,.flag,.peak,.core,.shutter,.awning,.horn,.wave,.sun,.mount,.shield,.mark,.gear,.card,.clasp,.back,.front,.glow{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease,fill-opacity .3s ease}.gear,.ring{transition-duration:.8s}.glass{transform-origin:40% 40%}.bell{transform-origin:50% 10%}.tassel{transform-origin:50% 0}.flame{transform-origin:50% 0}.antenna{transform-origin:50% 100%}.head{transform-origin:50% 90%}.tail{transform-origin:15% 85%}/* \u0646\u0645\u0648 \u0627\u0644\u0646\u0628\u0627\u062a:\u0627\u0644\u0633\u0627\u0642 \u0645\u0646 \u0627\u0644\u062a\u0631\u0628\u0629\u060c \u0643\u0644 \u0648\u0631\u0642\u0629 \u0645\u0646 \u0646\u0642\u0637\u0629 \u0627\u062a\u0635\u0627\u0644\u0647\u0627 \u0628\u0627\u0644\u0633\u0627\u0642 */.stem{transform-origin:50% 100%}.leaf.l{transform-origin:100% 100%}.leaf.r{transform-origin:0 100%}.leaf.c{transform-origin:50% 100%}.fruit{transform-origin:center}.win{transition:fill-opacity .25s ease}.flap{transform-origin:50% 0}.handset{transform-origin:40% 60%}.needle{transform-origin:16px 18px;transform-box:view-box}.arc,.draw{stroke-dashoffset:0}.tick{stroke-opacity:.3}.hook{transform-origin:78% 22%}.box{transform-origin:50% 100%}.handle{transform-origin:50% 100%}.eye{transform-origin:50% 50%}.page:first-of-type{transform-origin:100% 50%}.page:nth-of-type(2){transform-origin:0 50%}.wave{opacity:.55;transition:opacity .25s ease,transform .4s cubic-bezier(.22,1,.36,1)}.wave+.wave{transition-delay:.1s}.shutter{transform-origin:50% 0}.bar{transform-origin:50% 100%}.line{transform-origin:100% 50%}.horn{transform-origin:18% 50%}.tag{transform-origin:26% 26%}.qumra-icon[data-animate] .roof{transform:translateY(-1.1px)}.qumra-icon[data-animate] .glow{fill-opacity:1}.qumra-icon[data-animate] .lid{transform:translateY(-1.5px)}.qumra-icon[data-animate] .bag{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .truck{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .wheel{animation:qi-spin .9s linear}.qumra-icon[data-animate] .top{transform:translateY(-2px)}.qumra-icon[data-animate] .label{transform:translateY(-.6px)}.qumra-icon[data-animate] .shutter{transform:scaleY(.28)}.qumra-icon[data-animate] .awning{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .bar{animation:qi-grow .6s cubic-bezier(.2,.8,.25,1.06) both}.qumra-icon[data-animate] .bar:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .bar:nth-of-type(3){animation-delay:.14s}.qumra-icon[data-animate] .horn{animation:qi-shout .7s ease-in-out}.qumra-icon[data-animate] .wave{opacity:1;transform:translateX(.8px)}.qumra-icon[data-animate] .wave+.wave{transform:translateX(1.6px)}.qumra-icon[data-animate] .sun{transform:translate(-.8px,-1.3px)}.qumra-icon[data-animate] .mount.near{transform:translateX(-1.2px)}.qumra-icon[data-animate] .mount.far{transform:translateX(.9px)}.qumra-icon[data-animate] .tile{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .tile:nth-of-type(2){animation-delay:.06s}.qumra-icon[data-animate] .tile:nth-of-type(3){animation-delay:.12s}.qumra-icon[data-animate] .tile:nth-of-type(4){animation-delay:.18s}.qumra-icon[data-animate] .shield{transform:translateY(-.8px)}.qumra-icon[data-animate] .mark{animation:qi-pop .55s cubic-bezier(.22,1,.36,1)}.qumra-icon[data-animate] .gear{transform:rotate(90deg)}.qumra-icon[data-animate] .gear-r{transform:rotate(-103deg)}.qumra-icon[data-animate] .tool-a{transform:rotate(-7deg)}.qumra-icon[data-animate] .tool-b{transform:rotate(7deg)}.qumra-icon[data-animate] .card{transform:translateY(-2.4px)}.qumra-icon[data-animate] .clasp{transform:translateY(-.7px)}.qumra-icon[data-animate] .line{animation:qi-write .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .line:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .line:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .back{transform:translate(1.5px,-1.3px)}.qumra-icon[data-animate] .front{transform:translateX(-.7px)}.qumra-icon[data-animate] .tag{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .glass{transform:rotate(-14deg)}.qumra-icon[data-animate] .lens{transform:translate(.6px,-.6px)}.qumra-icon[data-animate] .bell{animation:qi-shout .7s ease-in-out}.qumra-icon[data-animate] .badge{animation:qi-pop .5s cubic-bezier(.22,1,.36,1)}.qumra-icon[data-animate] .moon{transform:rotate(-18deg)}.qumra-icon[data-animate] .star{animation:qi-twinkle .8s ease-in-out}.qumra-icon[data-animate] .lg-front{transform:translate(1.2px,-1.2px)}.qumra-icon[data-animate] .lg-back{transform:translate(-1.2px,1.2px)}.qumra-icon[data-animate] .cap{transform:translateY(-1.2px)}.qumra-icon[data-animate] .tassel{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .pin{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .ring{transform:rotate(90deg)}.qumra-icon[data-animate] .rocket{transform:translateY(-1.6px)}.qumra-icon[data-animate] .flame{animation:qi-flicker .5s ease-in-out infinite}.qumra-icon[data-animate] .spark{animation:qi-twinkle .9s ease-in-out}.qumra-icon[data-animate] .spark2{animation:qi-twinkle .9s ease-in-out .15s}.qumra-icon[data-animate] .dot{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .dot:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .dot:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .page:first-of-type{transform:rotateY(18deg)}.qumra-icon[data-animate] .page:nth-of-type(2){transform:rotateY(-18deg)}.qumra-icon[data-animate] .ribbon{transform:translateY(1.4px)}.qumra-icon[data-animate] .play{transform:translateX(.9px)}.qumra-icon[data-animate] .link-a{transform:translate(1px,-1px)}.qumra-icon[data-animate] .link-b{transform:translate(-1px,1px)}.qumra-icon[data-animate] .cp-back{transform:translate(-1.2px,-1.2px)}.qumra-icon[data-animate] .shackle{transform:translateY(-1.8px) translateX(1px) rotate(-8deg)}.qumra-icon[data-animate] .head{animation:qi-nod .9s ease-in-out}.qumra-icon[data-animate] .antenna{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .tail{animation:qi-trail .8s ease-in-out}.qumra-icon[data-animate] .stem{animation:qi-stem .7s cubic-bezier(.25,.8,.3,1) both}.qumra-icon[data-animate] .leaf{animation:qi-unfurl .75s cubic-bezier(.2,.9,.3,1.12) both}.qumra-icon[data-animate] .leaf:nth-of-type(2){animation-delay:.42s}.qumra-icon[data-animate] .leaf:nth-of-type(3){animation-delay:.58s}.qumra-icon[data-animate] .leaf:nth-of-type(4){animation-delay:.74s}.qumra-icon[data-animate] .pot{animation:qi-settle .5s ease-out both}.qumra-icon[data-animate] .arrow{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) 1.1s both}.qumra-icon[data-animate] .leaf.c{animation:qi-unfurl .7s cubic-bezier(.2,.9,.3,1.12) both}.qumra-icon[data-animate] .fruit{animation:qi-pop-in .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .fruit{animation:qi-pop-in .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .fruit:nth-of-type(1){animation-delay:1s}.qumra-icon[data-animate] .fruit:nth-of-type(2){animation-delay:1.12s}.qumra-icon[data-animate] .fruit:nth-of-type(3){animation-delay:1.24s}.qumra-icon[data-animate] .win{animation:qi-light .4s ease both}.qumra-icon[data-animate] .win:nth-of-type(1){animation-delay:.05s}.qumra-icon[data-animate] .win:nth-of-type(2){animation-delay:.12s}.qumra-icon[data-animate] .win:nth-of-type(3){animation-delay:.19s}.qumra-icon[data-animate] .win:nth-of-type(4){animation-delay:.26s}.qumra-icon[data-animate] .win:nth-of-type(5){animation-delay:.33s}.qumra-icon[data-animate] .win:nth-of-type(6){animation-delay:.4s}.qumra-icon[data-animate] .win:nth-of-type(7){animation-delay:.47s}.qumra-icon[data-animate] .win:nth-of-type(8){animation-delay:.54s}.qumra-icon[data-animate] .win:nth-of-type(9){animation-delay:.61s}.qumra-icon[data-animate] .door{animation:qi-light .4s ease .75s both}.qumra-icon[data-animate] .cup{transform:translateY(-1.6px)}.qumra-icon[data-animate] .piece{transform:translate(-.8px,.8px)}.qumra-icon[data-animate] .knob{transform:translate(1.2px,-1.2px)}.qumra-icon[data-animate] .box{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.15) both}.qumra-icon[data-animate] .box:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .box:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .box:nth-of-type(4){animation-delay:.24s}.qumra-icon[data-animate] .box:nth-of-type(5){animation-delay:.32s}.qumra-icon[data-animate] .box:nth-of-type(6){animation-delay:.4s}.qumra-icon[data-animate] .box.top{animation-delay:.3s}.qumra-icon[data-animate] .item{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.15) both}.qumra-icon[data-animate] .cart,.qumra-icon[data-animate] .basket{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .sign{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .bag{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .flap{transform:rotateX(-70deg)}.qumra-icon[data-animate] .handset{animation:qi-shout .6s ease-in-out}.qumra-icon[data-animate] .hook{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .cash{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .arr1{animation:qi-drive .8s ease-in-out}.qumra-icon[data-animate] .bolt{animation:qi-twinkle .8s ease-in-out}.qumra-icon[data-animate] .hand{transform:translateY(-1px)}.qumra-icon[data-animate] .needle{animation:qi-needle 1.3s cubic-bezier(.22,.9,.3,1.08) both}.qumra-icon[data-animate] .arc{animation:qi-draw .9s cubic-bezier(.3,.6,.3,1) both}.qumra-icon[data-animate] path.arc.a2{animation-duration:.5s;animation-delay:.85s}.qumra-icon[data-animate] circle.arc.a1{animation-duration:.55s;animation-delay:0s}.qumra-icon[data-animate] circle.arc.a2{animation-duration:.4s;animation-delay:.5s}.qumra-icon[data-animate] circle.arc.a3{animation-duration:.35s;animation-delay:.85s}.qumra-icon[data-animate] .tick{animation:qi-tick .3s ease both}.qumra-icon[data-animate] .tick:nth-of-type(1){animation-delay:.1s}.qumra-icon[data-animate] .tick:nth-of-type(2){animation-delay:.32s}.qumra-icon[data-animate] .tick:nth-of-type(3){animation-delay:.54s}.qumra-icon[data-animate] .tick:nth-of-type(4){animation-delay:.76s}.qumra-icon[data-animate] .tick:nth-of-type(5){animation-delay:.98s}.qumra-icon[data-animate] .tick:nth-of-type(6){animation-delay:1.2s}.qumra-icon[data-animate] .readout{animation:qi-write .6s cubic-bezier(.22,1,.36,1) 1.1s both;transform-origin:0 50%}.qumra-icon[data-animate] .draw{animation:qi-draw 1s cubic-bezier(.4,.2,.3,1) .55s both}.qumra-icon[data-animate] .draw:nth-of-type(2){animation-delay:.7s}.qumra-icon[data-animate] .draw:nth-of-type(3){animation-delay:.85s}.qumra-icon[data-animate] .node{animation:qi-pop-in .4s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .node:nth-of-type(1){animation-delay:.75s}.qumra-icon[data-animate] .node:nth-of-type(2){animation-delay:.95s}.qumra-icon[data-animate] .node:nth-of-type(3){animation-delay:1.15s}.qumra-icon[data-animate] .bar:nth-of-type(4){animation-delay:.21s}.qumra-icon[data-animate] .arrow{animation:qi-pop-in .4s cubic-bezier(.22,1,.36,1) 1.5s both}.qumra-icon[data-animate] .cursor{animation:qi-click .6s ease-in-out 1.35s}/* \u0627\u0644\u0635\u0639\u0648\u062f:\u0627\u0644\u0643\u062a\u0644 \u062a\u0646\u0645\u0648 \u0645\u0646 \u062e\u0637 \u0627\u0644\u0623\u0631\u0636\u060c \u062b\u0645 \u064a\u064f\u0631\u0633\u0645 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u060c \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0633\u0647\u0645 */.qumra-icon[data-animate] .grow-up{animation:qi-grow .6s cubic-bezier(.2,.8,.25,1.06) both}.qumra-icon[data-animate] .grow-up:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .grow-up:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .lift{animation:qi-up .5s cubic-bezier(.22,1,.36,1) .5s both}.qumra-icon[data-animate] .flag{animation:qi-up .45s cubic-bezier(.22,1,.36,1) .55s both}/* \u0627\u0644\u0637\u0628\u0642\u0627\u062a:\u062a\u0647\u0628\u0637 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644 \u0644\u0644\u0623\u0639\u0644\u0649 \u0628\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062a\u0643\u062f\u064a\u0633 */.qumra-icon[data-animate] .plate{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.12) both}.qumra-icon[data-animate] .plate:nth-of-type(2){animation-delay:.11s}.qumra-icon[data-animate] .plate:nth-of-type(3){animation-delay:.22s}/* \u0627\u0644\u0637\u0627\u0642\u0629:\u0627\u0644\u0628\u0631\u0642 \u064a\u0648\u0645\u0636 \u062b\u0645 \u062a\u0634\u0639\u0651 \u0627\u0644\u0623\u0634\u0639\u0651\u0629 \u0645\u0646 \u0627\u0644\u062f\u0627\u062e\u0644 \u0644\u0644\u062e\u0627\u0631\u062c */.qumra-icon[data-animate] .pulse{animation:qi-flash .8s ease-out both}.qumra-icon[data-animate] .core{animation:qi-flash .8s ease-out both}.qumra-icon[data-animate] .ray{animation:qi-ray .5s ease-out both}.qumra-icon[data-animate] .ray:nth-of-type(1){animation-delay:.30s}.qumra-icon[data-animate] .ray:nth-of-type(2){animation-delay:.34s}.qumra-icon[data-animate] .ray:nth-of-type(3){animation-delay:.38s}.qumra-icon[data-animate] .ray:nth-of-type(4){animation-delay:.42s}.qumra-icon[data-animate] .ray:nth-of-type(5){animation-delay:.46s}.qumra-icon[data-animate] .ray:nth-of-type(6){animation-delay:.50s}.qumra-icon[data-animate] .ray:nth-of-type(7){animation-delay:.54s}.qumra-icon[data-animate] .ray:nth-of-type(8){animation-delay:.58s}/* \u0627\u0644\u0641\u0631\u064a\u0642:\u064a\u0638\u0647\u0631\u0648\u0646 \u0645\u0646 \u0627\u0644\u062e\u0644\u0641 \u0625\u0644\u0649 \u0627\u0644\u0623\u0645\u0627\u0645 */.qumra-icon[data-animate] .person{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .person:nth-of-type(2){animation-delay:.09s}.qumra-icon[data-animate] .person:nth-of-type(3){animation-delay:.18s}.qumra-icon[data-animate] .handle{transform:translateY(-1.4px)}.qumra-icon[data-animate] .parcel{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .speed{animation:qi-speed .9s ease-in-out}.qumra-icon[data-animate] .link-a{transform:translate(-1px,0)}.qumra-icon[data-animate] .link-b{transform:translate(1px,0)}.qumra-icon[data-animate] .eye{animation:qi-blink .9s ease-in-out .25s}/* \u0627\u0644\u0645\u0634\u0627\u0647\u062f\u0627\u062a:\u0627\u0644\u0639\u064a\u0646 \u062a\u064f\u0641\u062a\u062d \u0645\u0646 \u062e\u0637 \u0631\u0641\u064a\u0639\u060c \u062b\u0645 \u062a\u062a\u062c\u0648\u0651\u0644 \u0627\u0644\u0646\u0638\u0631\u0629 \u064a\u0645\u064a\u0646\u064b\u0627 \u0641\u064a\u0633\u0627\u0631\u064b\u0627 \u0648\u062a\u0639\u0648\u062f \u0644\u0644\u0645\u0631\u0643\u0632 \u0648\u0627\u0644\u0628\u0624\u0628\u0624 \u064a\u062a\u0651\u0633\u0639 */.qumra-icon[data-animate] .vw-lid{animation:qi-open .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .vw-gaze{animation:qi-gaze 1.1s ease-in-out .42s both}.qumra-icon[data-animate] .vw-pupil{animation:qi-dilate 1.1s ease-in-out .42s both}/* \u0627\u0644\u0632\u0648\u0627\u0631:\u0633\u0647\u0645 \u0627\u0644\u062f\u062e\u0648\u0644 \u064a\u0646\u0632\u0644\u0642 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0632\u0627\u0626\u0631 \u00b7 \u0627\u0644\u062c\u0644\u0633\u0627\u062a:\u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u062a\u0631\u062a\u0641\u0639 \u0648\u0627\u0644\u0639\u0642\u0631\u0628 \u064a\u062f\u0648\u0631 \u062f\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 */.ss-hand{transform-origin:24px 24px;transform-box:view-box}.qumra-icon[data-animate] .vt-in{animation:qi-enter .55s cubic-bezier(.3,.8,.3,1) both}.qumra-icon[data-animate] .vt-p{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) .2s both}.qumra-icon[data-animate] .ss-win{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .ss-badge{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .3s both}.qumra-icon[data-animate] .ss-hand{animation:qi-turn 1.05s cubic-bezier(.4,.05,.2,1) .5s both}/* \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0635\u0627\u062f\u0631:\u0627\u0644\u0623\u0633\u0647\u0645 \u062a\u0646\u0633\u0627\u0628 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0642\u0645\u0627\u0634 \u0627\u0644\u0639\u0644\u0645 \u064a\u0631\u0641\u0631\u0641\u060c \u0627\u0644\u0628\u0646\u0627\u064a\u0627\u062a \u062a\u0646\u0645\u0648 \u0645\u0646 \u0627\u0644\u0623\u0631\u0636\u060c \u0627\u0644\u0647\u0627\u062a\u0641 \u064a\u0646\u0628\u062b\u0642 \u0628\u0639\u062f \u0627\u0644\u0634\u0627\u0634\u0629\u060c \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 \u062a\u0646\u0632\u0644\u0642\u060c \u0648\u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u062a\u064f\u0636\u0627\u0621 \u062b\u0645 \u062a\u0646\u0628\u0636 \u0627\u0644\u0646\u0648\u0627\u0629 */.cn-cloth{transform-origin:0 50%}.qumra-icon[data-animate] .ts-a{animation:qi-flow .55s cubic-bezier(.3,.8,.3,1) both}.qumra-icon[data-animate] .ts-a:nth-of-type(2){animation-delay:.09s}.qumra-icon[data-animate] .ts-a:nth-of-type(3){animation-delay:.18s}.qumra-icon[data-animate] .ts-disc{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .3s both}.qumra-icon[data-animate] .cn-cloth{animation:qi-cloth 1.1s ease-in-out both}.qumra-icon[data-animate] .dv-m{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .dv-p{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .22s both}.qumra-icon[data-animate] .br-b{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .br-f{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) .12s both}.qumra-icon[data-animate] .os-pin{animation:qi-ray .4s ease-out both}.qumra-icon[data-animate] .os-pin:nth-of-type(even){animation-delay:.14s}.qumra-icon[data-animate] .os-core{animation:qi-flash .85s ease-out .22s both}/* \u0641\u0627\u0631\u063a:\u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u064a\u0638\u0647\u0631 \u062b\u0645 \u064a\u0646\u0641\u062a\u062d \u0644\u0633\u0627\u0646\u0627\u0647 \u0645\u0646 \u0645\u0641\u0635\u0644\u064a\u0647\u0645\u0627 \u0639\u0646\u062f \u062d\u0627\u0641\u0651\u062a\u064a \u0627\u0644\u0641\u062a\u062d\u0629 \u0648\u064a\u0633\u062a\u0642\u0631\u0651\u0627\u0646 */.em-fl{transform-box:view-box}.em-fl.l{transform-origin:6.5px 15.9px}.em-fl.r{transform-origin:25.5px 15.9px}.qumra-icon[data-animate] .em-box{animation:qi-appear .4s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .em-fl.l{animation:qi-flap-l .6s cubic-bezier(.34,1.4,.64,1) .12s both}.qumra-icon[data-animate] .em-fl.r{animation:qi-flap-r .6s cubic-bezier(.34,1.4,.64,1) .12s both}/* \u0627\u0644\u0635\u0641\u062d\u0629 \u063a\u064a\u0631 \u0645\u0648\u062c\u0648\u062f\u0629:\u0627\u0644\u0648\u0631\u0642\u0629 \u062a\u0638\u0647\u0631 \u062b\u0645 \u062a\u0646\u0628\u062b\u0642 \u0634\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0641\u0647\u0627\u0645 */.qumra-icon[data-animate] .nf-page{animation:qi-appear .42s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .nf-mark{animation:qi-check .45s cubic-bezier(.34,1.5,.64,1) .22s both}.qumra-icon[data-animate] .node{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .node:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .node:nth-of-type(3){animation-delay:.14s}/* >>> gen_brand *//* \u0639\u0644\u0627\u0645\u0629 \u0642\u064f\u0645\u0631\u0629 (\u0645\u0634\u062a\u0642\u0651\u0629 \u0645\u0646 \u0627\u0644\u0644\u0648\u062c\u0648) \u2014 \u0623\u0637\u0648\u0627\u0644 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u062e\u0628\u0648\u0632\u0629:\u0627\u0644\u0631\u0626\u064a\u0633\u064a 60.72 \u00b7 \u0627\u0644\u0630\u064a\u0644 6.88 */.qm-main,.qm-tail,.qm-tailrun{stroke-dashoffset:0}.qumra-icon[data-animate] .qm-main{animation:qi-draw .95s cubic-bezier(.4,.05,.2,1) both}.qumra-icon[data-animate] .qm-tail{animation:qi-draw .26s cubic-bezier(.3,.8,.3,1) .82s both}.qumra-icon[data-animate] .qm-logo{animation:qi-appear .55s cubic-bezier(.22,1,.36,1) both}/* \u0627\u0644\u0644\u0648\u062c\u0648 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u062a\u062d\u0631\u0651\u0643 \u2014 \u0643\u0634\u0641 \u0648\u0627\u062d\u062f \u0645\u062a\u0635\u0644 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631:\u0627\u0644\u0633\u0644\u0629 (0\u2192.5s) \u062b\u0645 \u0627\u0644\u0643\u0644\u0645\u0629 (.32\u2192.95s) */.qm-la-r{transform-box:fill-box;transform-origin:100% 50%}.qumra-icon[data-animate] .qm-la-r1{animation:qm-la-wipe .5s cubic-bezier(.4,0,.2,1) both}.qumra-icon[data-animate] .qm-la-r2{animation:qm-la-wipe .63s cubic-bezier(.25,.1,.25,1) .32s both}@keyframes qm-la-wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}.qumra-icon[data-animate] .qm-comet.c1{animation:qm-run1 1.25s linear infinite}.qumra-icon[data-animate] .qm-comet.c2{animation:qm-run2 1.25s linear infinite}.qumra-icon[data-animate] .qm-comet.c3{animation:qm-run3 1.25s linear infinite}.qumra-icon[data-animate] .qm-tailrun{animation:qm-tailrun 1.25s linear infinite}@keyframes qm-run1{from{stroke-dashoffset:0}to{stroke-dashoffset:-70.72}}@keyframes qm-run2{from{stroke-dashoffset:-3.5}to{stroke-dashoffset:-74.22}}@keyframes qm-run3{from{stroke-dashoffset:-6.5}to{stroke-dashoffset:-77.22}}@keyframes qm-tailrun{0%,71.7%{stroke-dashoffset:11.18;opacity:1}85.8%{stroke-dashoffset:0;opacity:1}91.8%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}/* <<< gen_brand *//* >>> gen_notif *//* \u0627\u0644\u0625\u0634\u0639\u0627\u0631\u0627\u062a */.qumra-icon[data-animate] .turn{animation:qi-turn .9s cubic-bezier(.4,.05,.2,1) both}.ridge{stroke-dashoffset:0}.qumra-icon[data-animate] .ridge{animation:qi-draw .7s cubic-bezier(.4,.05,.2,1) both}.qumra-icon[data-animate] .ridge:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .ridge:nth-of-type(3){animation-delay:.14s}.qumra-icon[data-animate] .ridge:nth-of-type(4){animation-delay:.21s}.qumra-icon[data-animate] .scan{animation:qi-scan 1.25s ease-in-out .1s both}.done{transform-origin:center}.qumra-icon[data-animate] .snap{animation:qi-snap .5s cubic-bezier(.3,.7,.3,1) both}.qumra-icon[data-animate] .done{animation:qi-check .4s cubic-bezier(.34,1.56,.64,1) .45s both}@keyframes qi-turn{to{transform:rotate(360deg)}}@keyframes qi-snap{0%{transform:translate(-3px,3px);opacity:.5}70%{transform:translate(.4px,-.4px);opacity:1}100%{transform:none}}@keyframes qi-check{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes qi-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(-21.4px)}}/* <<< gen_notif */@keyframes qi-nod{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}70%{transform:rotate(3deg)}}/* >>> gen_flags *//* \u0627\u0644\u0623\u0639\u0644\u0627\u0645:\u0631\u0641\u0631\u0641\u0629 \u062e\u0641\u064a\u0641\u0629 \u062a\u0639\u0648\u062f \u0644\u0644\u0633\u0643\u0648\u0646 \u0627\u0644\u062a\u0627\u0645 + \u0634\u0631\u064a\u0637 \u0636\u0648\u0621 \u064a\u0639\u0628\u0631 \u0627\u0644\u0639\u0644\u0645 \u0645\u0631\u0651\u0629 \u0648\u0627\u062d\u062f\u0629 */.fl-shine{opacity:0}.qumra-icon[data-animate] .fl-wave{animation:qi-flutter 1.1s ease-in-out both}.qumra-icon[data-animate] .fl-shine{animation:qi-shine .95s ease-in-out .12s both}@keyframes qi-flutter{0%,100%{transform:skewY(0) scaleX(1)}28%{transform:skewY(-1.5deg) scaleX(.985)}62%{transform:skewY(1.1deg) scaleX(.992)}}@keyframes qi-shine{0%{transform:translateX(0);opacity:0}22%{opacity:1}78%{opacity:1}100%{transform:translateX(34px);opacity:0}}/* <<< gen_flags *//* >>> gen_social *//* \u0627\u0644\u0628\u0644\u0627\u0637\u0629 \u0644\u0648\u0646\u0647\u0627 \u0644\u0648\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062e\u0627\u0644\u0635 \u0628\u0644\u0627 \u062d\u0648\u0627\u0641 \u0648\u0644\u0627 \u062d\u062f\u0648\u062f \u2014 \u0627\u0644\u0634\u0643\u0644 \u0645\u0631\u0628\u0651\u0639 \u0645\u062f\u0648\u0651\u0631 \u0645\u062a\u0645\u0627\u062b\u0644 \u062a\u0645\u0627\u0645\u064b\u0627.\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0633\u0648\u062f\u0627\u0621 (\u0625\u0643\u0633 \u00b7 \u062a\u064a\u0643 \u062a\u0648\u0643 \u00b7 \u062b\u0631\u064a\u062f\u0632) \u062a\u0630\u0648\u0628 \u0637\u0628\u0639\u064b\u0627 \u0641\u064a \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u062f\u0627\u0643\u0646\u0629\u060c \u062a\u0645\u0627\u0645\u064b\u0627 \u0643\u0645\u0627 \u062a\u0641\u0639\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629 \u0627\u0644\u062f\u0627\u0643\u0646\u0629. \u0644\u0642\u0644\u0628\u0647\u0627 \u0625\u0644\u0649 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0627\u0636\u0628\u0637 \u0627\u0644\u0645\u062a\u063a\u064a\u0651\u0631\u064a\u0646 \u0639\u0644\u0649\u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0648\u064a\u0646\u0641\u0630\u0627\u0646 \u0625\u0644\u0649 \u062f\u0627\u062e\u0644 \u0627\u0644\u0640shadow root:.dark-panel{--qi-social-ink:#FFFFFF;--qi-social-paper:#0B0B0B}*/.so-ink{fill:var(--qi-social-ink,#0B0B0B)}.so-mark{fill:var(--qi-social-paper,#FFFFFF)}/* \u0645\u0646\u0635\u0651\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644:\u0627\u0644\u0628\u0644\u0627\u0637\u0629 \u062a\u0646\u0628\u062b\u0642 \u0628\u0627\u0631\u062a\u062f\u0627\u062f \u062e\u0641\u064a\u0641 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0631\u0645\u0632 \u2014 \u0648\u0627\u0644\u0643\u0644 \u064a\u0639\u0648\u062f \u0644\u0644\u0633\u0643\u0648\u0646 \u0627\u0644\u062a\u0627\u0645 */.so-tile,.so-glyph,.so-solo{transform-box:fill-box;transform-origin:center}.qumra-icon[data-animate] .so-tile{animation:qi-tile .5s cubic-bezier(.34,1.5,.64,1) both}.qumra-icon[data-animate] .so-glyph{animation:qi-mark .42s cubic-bezier(.22,1,.36,1) .1s both}.qumra-icon[data-animate] .so-solo{animation:qi-tile .5s cubic-bezier(.34,1.5,.64,1) both}@keyframes qi-tile{0%{transform:scale(.82);opacity:0}45%{opacity:1}70%{transform:scale(1.045)}100%{transform:scale(1);opacity:1}}@keyframes qi-mark{0%{transform:scale(.55);opacity:0}55%{opacity:1}100%{transform:scale(1);opacity:1}}/* <<< gen_social */@keyframes qi-bounce{0%{transform:translateY(0)}35%{transform:translateY(-2.3px)}70%{transform:translateY(.4px)}100%{transform:translateY(0)}}@keyframes qi-drive{0%{transform:translateX(0)}40%{transform:translateX(2.2px)}100%{transform:translateX(0)}}@keyframes qi-spin{to{transform:rotate(360deg)}}@keyframes qi-grow{from{transform:scaleY(.22)}}@keyframes qi-shout{0%,100%{transform:rotate(0)}20%{transform:rotate(-7deg)}50%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}}@keyframes qi-pop{0%,100%{transform:translateY(0)}40%{transform:translateY(-1.3px)}}@keyframes qi-write{from{transform:scaleX(0)}}@keyframes qi-twinkle{0%,100%{transform:rotate(0);opacity:1}50%{transform:rotate(25deg);opacity:.55}}@keyframes qi-flicker{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.35) scaleX(.9)}}@keyframes qi-blink{0%,100%{transform:scaleY(1)}15%{transform:scaleY(.12)}30%{transform:scaleY(1)}}@keyframes qi-open{0%{transform:scaleY(.08)}62%{transform:scaleY(1.05)}100%{transform:scaleY(1)}}@keyframes qi-gaze{0%,100%{transform:translateX(0)}32%{transform:translateX(2.4px)}68%{transform:translateX(-2.4px)}}@keyframes qi-dilate{0%,100%{transform:scale(1)}45%{transform:scale(1.28)}}@keyframes qi-enter{0%{transform:translateX(-3.4px);opacity:0}45%{opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes qi-flow{0%{transform:translateX(-3px);opacity:0}45%{opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes qi-cloth{0%,100%{transform:skewY(0) scaleX(1)}30%{transform:skewY(-2.2deg) scaleX(.97)}65%{transform:skewY(1.6deg) scaleX(.985)}}@keyframes qi-flap-l{from{transform:rotate(52deg)}to{transform:rotate(0)}}@keyframes qi-flap-r{from{transform:rotate(-52deg)}to{transform:rotate(0)}}@keyframes qi-trail{0%,100%{transform:rotate(0)}50%{transform:rotate(5deg) translate(.6px,-.6px)}}@keyframes qi-speed{0%,100%{transform:translateX(0);opacity:1}40%{transform:translateX(-2.5px);opacity:.6}}@keyframes qi-stem{0%{transform:scaleY(.04)}60%{transform:scaleY(1.04)}100%{transform:scaleY(1)}}@keyframes qi-unfurl{0%{transform:scale(.05) rotate(-28deg);opacity:0}30%{opacity:1}70%{transform:scale(1.08) rotate(4deg)}100%{transform:scale(1) rotate(0)}}@keyframes qi-settle{0%{transform:translateY(0)}40%{transform:translateY(.6px)}100%{transform:translateY(0)}}@keyframes qi-rise{0%{transform:translate(-2px,2px);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes qi-pop-in{0%{opacity:0}100%{opacity:1}}@keyframes qi-light{0%{fill-opacity:.55}100%{fill-opacity:1;fill:#FFE38F}}@keyframes qi-drop{0%{transform:translateY(-6px);opacity:0}60%{transform:translateY(.6px);opacity:1}100%{transform:translateY(0)}}@keyframes qi-needle{0%{transform:rotate(-155deg)}75%{transform:rotate(7deg)}88%{transform:rotate(-2.5deg)}100%{transform:rotate(0)}}@keyframes qi-draw{from{stroke-dashoffset:var(--l,1)}to{stroke-dashoffset:0}}@keyframes qi-tick{from{stroke-opacity:.3}to{stroke-opacity:1}}@keyframes qi-click{0%,100%{transform:translate(0,0)}40%{transform:translate(-1.2px,-1.2px)}}@keyframes qi-up{from{opacity:0;transform:translateY(3.2px)}to{opacity:1;transform:translateY(0)}}@keyframes qi-appear{from{opacity:0;transform:translateY(2.6px)}to{opacity:1;transform:translateY(0)}}@keyframes qi-flash{0%{opacity:.25}22%{opacity:1}38%{opacity:.5}55%{opacity:1}100%{opacity:1}}@keyframes qi-ray{from{opacity:0}to{opacity:1}}@keyframes qi-swing{0%,100%{transform:rotate(0)}25%{transform:rotate(-11deg)}60%{transform:rotate(7deg)}85%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.qumra-icon *{animation:none!important;transition:none!important}}.qumra-icon[data-still] *{animation:none!important;transform:none!important}/* sprite <use>:\u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0623\u062c\u0632\u0627\u0621\u060c \u0641\u062a\u062a\u062d\u0631\u0643 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0643\u0627\u0645\u0644\u0629 */\n";
5
5
 
6
6
  let _n = 0;
7
7
  const hasUseId = typeof React.useId === "function";
@@ -36,13 +36,32 @@ function build(node, uid, key) {
36
36
  return h(type, p, kids ? kids.map((c, i) => build(c, uid, i)) : undefined);
37
37
  }
38
38
 
39
+ /** شارة عدد: قرص لرقم واحد ويستطيل لرقمين، وما زاد على 99 يصير 99+ */
40
+ function countBadge(v) {
41
+ const t = String(v == null ? "" : v).trim();
42
+ if (!t || t === "0") return null;
43
+ const n = Number(t);
44
+ const s = !isNaN(n) && n > 99 ? "99+" : t.length > 3 ? t.slice(0, 3) : t;
45
+ const w = s.length === 1 ? 12.4 : s.length === 2 ? 15.8 : 19.2;
46
+ const fs = s.length === 1 ? 9 : s.length === 2 ? 8.2 : 7.1;
47
+ const x = 30.4 - w, cy = 8.4, hh = 12.4, r = hh / 2;
48
+ return h("g", { key: "qi-count", className: "badge qi-count" }, [
49
+ h("rect", { key: "r", x, y: cy - r, width: w, height: hh, rx: r,
50
+ fill: "#E8A94F", stroke: "#F2F7F8", strokeWidth: 1.4 }),
51
+ h("text", { key: "t", x: x + w / 2, y: cy, textAnchor: "middle", dominantBaseline: "central",
52
+ fill: "#FFFFFF", fontSize: fs, fontWeight: 700,
53
+ fontFamily: "Alexandria,system-ui,-apple-system,Segoe UI,sans-serif" }, s),
54
+ ]);
55
+ }
56
+
39
57
  function createIcon(iconName, label, tree) {
40
58
  const Icon = forwardRef(function QumraIcon(
41
- { size = 32, mono, active, animate, still, label: aria, className = "", style, injectStyles = true, ...rest },
59
+ { size = 32, mono, active, animate, still, count, label: aria, className = "", style, injectStyles = true, ...rest },
42
60
  ref
43
61
  ) {
44
62
  const uid = useUid();
45
63
  useStyles(injectStyles);
64
+ const badge = countBadge(count);
46
65
  const children = useMemo(() => tree.map((n, i) => build(n, uid, i)), [uid]);
47
66
  return h(
48
67
  "svg",
@@ -53,8 +72,8 @@ function createIcon(iconName, label, tree) {
53
72
  width: size,
54
73
  height: size,
55
74
  role: "img",
56
- "aria-label": aria || label,
57
- className: ("qumra-icon " + className).trim(),
75
+ "aria-label": aria || (badge ? label + " — " + count : label),
76
+ className: ("qumra-icon " + (badge ? "qi-has-count " : "") + className).trim(),
58
77
  "data-icon": iconName,
59
78
  "data-mono": mono ? "" : undefined,
60
79
  "data-active": active ? "" : undefined,
@@ -63,7 +82,7 @@ function createIcon(iconName, label, tree) {
63
82
  style,
64
83
  ...rest,
65
84
  },
66
- children
85
+ badge ? children.concat(badge) : children
67
86
  );
68
87
  });
69
88
  Icon.iconName = iconName;
@@ -88,8 +107,10 @@ exports.Customers = createIcon("customers", "العملاء", [["defs",{},[["lin
88
107
  exports.Offers = createIcon("offers", "العروض", [["defs",{},[["linearGradient",{"id":"of-t","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]]]],["g",{"className":"fit","transform":"matrix(1.0 0 0 1.0 -0.59 -1.55)"},[["g",{"className":"tag"},[["path",{"fill":"url(#of-t)","d":"M4.4 7.1a2.7 2.7 0 0 1 2.7-2.7h8.6a4.2 4.2 0 0 1 2.97 1.23l9.3 9.3a4.2 4.2 0 0 1 0 5.94l-8.6 8.6a4.2 4.2 0 0 1-5.94 0l-9.3-9.3A4.2 4.2 0 0 1 4.4 17.2V7.1Z"}],["circle",{"cx":"10.5","cy":"10.5","r":"2.6","fill":"#fff","fillOpacity":".92"}],["g",{"className":"pct","fill":"none","stroke":"#F4C57A","strokeWidth":"2","strokeLinecap":"round"},[["path",{"d":"m22.4 14.4-7.9 7.9"}],["circle",{"cx":"15.4","cy":"15.3","r":"1.85"}],["circle",{"cx":"21.5","cy":"21.4","r":"1.85"}]]]]]]]]);
89
108
  exports.Search = createIcon("search", "بحث", [["defs",{},[["linearGradient",{"id":"se-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]],["linearGradient",{"id":"se-d","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#357F87"}],["stop",{"offset":"1","stopColor":"#163E44"}]]],["linearGradient",{"id":"se-a","x1":"0","y1":"0","x2":"0.6","y2":"1"},[["stop",{"offset":"0","stopColor":"#F4C57A"}],["stop",{"offset":"1","stopColor":"#E8A94F"}]]]]],["g",{"className":"glass"},[["path",{"fill":"url(#se-m)","fillRule":"evenodd","d":"M13.6 3.6a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 4.6a5.4 5.4 0 1 1 0 10.8 5.4 5.4 0 0 1 0-10.8Z"}],["circle",{"className":"lens","cx":"13.6","cy":"13.6","r":"5.4","fill":"url(#se-a)","fillOpacity":".6"}],["path",{"fill":"url(#se-d)","d":"m20.9 23.4 2.5-2.5 5.2 5.2a1.77 1.77 0 0 1-2.5 2.5l-5.2-5.2Z"}]]]]);
90
109
  exports.Notifications = createIcon("notifications", "الإشعارات", [["defs",{},[["linearGradient",{"id":"nt-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]],["linearGradient",{"id":"nt-d","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#357F87"}],["stop",{"offset":"1","stopColor":"#163E44"}]]],["linearGradient",{"id":"nt-a","x1":"0","y1":"0","x2":"0.6","y2":"1"},[["stop",{"offset":"0","stopColor":"#F4C57A"}],["stop",{"offset":"1","stopColor":"#E8A94F"}]]]]],["path",{"className":"bell","fill":"url(#nt-m)","d":"M16 3.4a1.9 1.9 0 0 1 1.9 1.9v.5A8.6 8.6 0 0 1 24.6 14v4.6l2.1 3a1.6 1.6 0 0 1-1.3 2.5H6.6a1.6 1.6 0 0 1-1.3-2.5l2.1-3V14a8.6 8.6 0 0 1 6.7-8.2v-.5A1.9 1.9 0 0 1 16 3.4Z"}],["path",{"fill":"url(#nt-d)","d":"M12.2 25.6h7.6a3.8 3.8 0 0 1-7.6 0Z"}],["circle",{"className":"badge","cx":"23.6","cy":"8","r":"3.7","fill":"url(#nt-a)","stroke":"#F2F7F8","strokeWidth":"1.4"}]]);
110
+ exports.NotificationsNone = createIcon("notifications-none", "لا إشعارات", [["defs",{},[["linearGradient",{"id":"ntn-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]],["linearGradient",{"id":"ntn-d","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#357F87"}],["stop",{"offset":"1","stopColor":"#163E44"}]]]]],["path",{"className":"bell","fill":"url(#ntn-m)","d":"M16 3.4a1.9 1.9 0 0 1 1.9 1.9v.5A8.6 8.6 0 0 1 24.6 14v4.6l2.1 3a1.6 1.6 0 0 1-1.3 2.5H6.6a1.6 1.6 0 0 1-1.3-2.5l2.1-3V14a8.6 8.6 0 0 1 6.7-8.2v-.5A1.9 1.9 0 0 1 16 3.4Z"}],["path",{"fill":"url(#ntn-d)","d":"M12.2 25.6h7.6a3.8 3.8 0 0 1-7.6 0Z"}]]);
91
111
  exports.DarkMode = createIcon("dark-mode", "الوضع الداكن", [["defs",{},[["linearGradient",{"id":"dm-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]],["linearGradient",{"id":"dm-a","x1":"0","y1":"0","x2":"0.6","y2":"1"},[["stop",{"offset":"0","stopColor":"#F4C57A"}],["stop",{"offset":"1","stopColor":"#E8A94F"}]]]]],["path",{"className":"moon","fill":"url(#dm-m)","d":"M14.5 4.2A12.2 12.2 0 1 0 27.8 17.5 9.2 9.2 0 0 1 14.5 4.2Z"}],["path",{"className":"star","fill":"url(#dm-a)","d":"m23.2 5.6 1.15 2.75 2.75 1.15-2.75 1.15-1.15 2.75-1.15-2.75-2.75-1.15 2.75-1.15Z"}]]);
92
112
  exports.LightMode = createIcon("light-mode", "الوضع الفاتح", [["defs",{},[["linearGradient",{"id":"lm-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]]]],["path",{"className":"ray","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M25.60 16.00L28.60 16.00"}],["path",{"className":"ray","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M22.79 22.79L24.91 24.91"}],["path",{"className":"ray","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M16.00 25.60L16.00 28.60"}],["path",{"className":"ray","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M9.21 22.79L7.09 24.91"}],["path",{"className":"ray","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M6.40 16.00L3.40 16.00"}],["path",{"className":"ray","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M9.21 9.21L7.09 7.09"}],["path",{"className":"ray","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M16.00 6.40L16.00 3.40"}],["path",{"className":"ray","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M22.79 9.21L24.91 7.09"}],["circle",{"className":"core","cx":"16","cy":"16","r":"6.8","fill":"url(#lm-m)"}],["path",{"fill":"#fff","fillOpacity":".18","d":"M16 9.2a6.8 6.8 0 0 1 6.8 6.8 6.8 6.8 0 0 0-13.6 0A6.8 6.8 0 0 1 16 9.2Z"}]]);
113
+ exports.Active = createIcon("active", "فعّال الآن", [["defs",{},[["linearGradient",{"id":"act-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]]]],["path",{"className":"wave","fill":"none","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M24.58 8.80A11.2 11.2 0 0 1 24.58 23.20"}],["path",{"className":"wave","fill":"none","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M7.42 23.20A11.2 11.2 0 0 1 7.42 8.80"}],["circle",{"fill":"url(#act-m)","cx":"16","cy":"16","r":"7.6"}],["path",{"fill":"none","stroke":"#fff","strokeWidth":"2.4","strokeLinecap":"round","strokeLinejoin":"round","d":"m12.3 16.1 2.7 2.7 4.8-5.6"}]]);
93
114
  exports.Language = createIcon("language", "اللغة", [["defs",{},[["linearGradient",{"id":"lg-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]],["linearGradient",{"id":"lg-a","x1":"0","y1":"0","x2":"0.6","y2":"1"},[["stop",{"offset":"0","stopColor":"#F4C57A"}],["stop",{"offset":"1","stopColor":"#E8A94F"}]]]]],["g",{"className":"lg-back"},[["rect",{"x":"12","y":"12","width":"17","height":"17","rx":"4.6","fill":"url(#lg-a)"}],["path",{"fill":"none","stroke":"#fff","strokeWidth":"1.8","strokeLinecap":"round","strokeLinejoin":"round","d":"M16.6 19h8.8M21 17v2M24.4 19c-.6 3.1-2.7 5.5-5.8 7M18.2 21.2c1 2.3 3 4.1 5.8 4.8"}]]],["g",{"className":"lg-front"},[["rect",{"x":"3","y":"3","width":"17","height":"17","rx":"4.6","fill":"url(#lg-m)"}],["path",{"fill":"none","stroke":"#fff","strokeWidth":"2","strokeLinecap":"round","strokeLinejoin":"round","d":"m7.4 16.2 4.1-9.2 4.1 9.2M8.8 13.2h5.4"}]]]]);
94
115
  exports.Academy = createIcon("academy", "الأكاديمية", [["defs",{},[["linearGradient",{"id":"ac-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]],["linearGradient",{"id":"ac-d","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#357F87"}],["stop",{"offset":"1","stopColor":"#163E44"}]]],["linearGradient",{"id":"ac-a","x1":"0","y1":"0","x2":"0.6","y2":"1"},[["stop",{"offset":"0","stopColor":"#F4C57A"}],["stop",{"offset":"1","stopColor":"#E8A94F"}]]]]],["g",{"className":"fit","transform":"matrix(0.9229 0 0 0.9229 0.468 2.558)"},[["path",{"fill":"url(#ac-d)","d":"M8 15v5.4c0 2.3 3.6 4.5 8 4.5s8-2.2 8-4.5V15l-8 3.8L8 15Z"}],["path",{"className":"cap","fill":"url(#ac-m)","d":"M15.2 4.4a2 2 0 0 1 1.6 0l12.4 5.7a1.1 1.1 0 0 1 0 2L16.8 17.8a2 2 0 0 1-1.6 0L2.8 12.1a1.1 1.1 0 0 1 0-2l12.4-5.7Z"}],["g",{"className":"tassel"},[["path",{"fill":"none","stroke":"#E8A94F","strokeWidth":"2","strokeLinecap":"round","d":"M29.4 11.4v8.4"}],["circle",{"cx":"29.4","cy":"21.9","r":"2.1","fill":"url(#ac-a)","stroke":"#F2F7F8","strokeWidth":"1"}]]]]]]);
95
116
  exports.Website = createIcon("website", "الموقع", [["defs",{},[["linearGradient",{"id":"wb-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]],["linearGradient",{"id":"wb-a","x1":"0","y1":"0","x2":"0.6","y2":"1"},[["stop",{"offset":"0","stopColor":"#F4C57A"}],["stop",{"offset":"1","stopColor":"#E8A94F"}]]]]],["circle",{"cx":"15","cy":"17","r":"12","fill":"url(#wb-m)"}],["g",{"fill":"none","stroke":"#fff","strokeWidth":"1.6","strokeLinecap":"round"},[["path",{"strokeOpacity":".8","d":"M3 17h24M15 5c3.9 3.5 3.9 20.5 0 24M15 5c-3.9 3.5-3.9 20.5 0 24"}],["path",{"strokeOpacity":".45","d":"M4.8 11.6h20.4M4.8 22.4h20.4"}]]],["g",{"className":"pin"},[["path",{"fill":"url(#wb-a)","stroke":"#F2F7F8","strokeWidth":"1.3","d":"M24.8 2.4a4.9 4.9 0 0 1 4.9 4.9c0 3.5-4.9 8.1-4.9 8.1s-4.9-4.6-4.9-8.1a4.9 4.9 0 0 1 4.9-4.9Z"}],["circle",{"cx":"24.8","cy":"7.3","r":"1.8","fill":"#fff"}]]]]);
@@ -214,5 +235,5 @@ exports.SocialThreadsGlyph = createIcon("social-threads-glyph", "ثريدز —
214
235
  exports.SocialPinterestGlyph = createIcon("social-pinterest-glyph", "بينترست — مجرّد", [["defs",{}],["svg",{"x":"2.000","y":"2.000","width":"28.000","height":"28.000","overflow":"visible","viewBox":"0.03 0 23.94 24","preserveAspectRatio":"xMidYMid meet"},[["g",{"className":"so-solo"},[["g",{"fill":"#FFFFFF"},[["circle",{"cx":"12","cy":"11.99","r":"11.7"}]]],["path",{"fill":"#BD081C","d":"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"}]]]]]]);
215
236
  exports.SocialMessengerGlyph = createIcon("social-messenger-glyph", "ماسنجر — مجرّد", [["defs",{},[["radialGradient",{"id":"social-messenger-glyph-g","cx":".3","cy":"1.07","r":"1.15"},[["stop",{"offset":"0%","stopColor":"#00B2FF"}],["stop",{"offset":"100%","stopColor":"#006AFF"}]]]]],["svg",{"x":"2.000","y":"2.000","width":"28.000","height":"28.000","overflow":"visible","viewBox":"0 0 24 24","preserveAspectRatio":"xMidYMid meet"},[["g",{"className":"so-solo"},[["g",{"fill":"#FFFFFF"},[["circle",{"cx":"12","cy":"11.5","r":"10.9"}]]],["path",{"fill":"url(#social-messenger-glyph-g)","d":"M12 0C5.24 0 0 4.952 0 11.64c0 3.499 1.434 6.521 3.769 8.61a.96.96 0 0 1 .323.683l.065 2.135a.96.96 0 0 0 1.347.85l2.381-1.053a.96.96 0 0 1 .641-.046A13 13 0 0 0 12 23.28c6.76 0 12-4.952 12-11.64S18.76 0 12 0m6.806 7.44c.522-.03.971.567.63 1.094l-4.178 6.457a.707.707 0 0 1-.977.208l-3.87-2.504a.44.44 0 0 0-.49.007l-4.363 3.01c-.637.438-1.415-.317-.995-.966l4.179-6.457a.706.706 0 0 1 .977-.21l3.87 2.505c.15.097.344.094.491-.007l4.362-3.008a.7.7 0 0 1 .364-.13"}]]]]]]);
216
237
  exports.createIcon = createIcon;
217
- exports.iconNames = ["home", "sales", "shipping", "shipping-van", "shipping-parcel", "catalog", "analytics", "marketing", "content", "partners", "settings", "payments", "orders", "customers", "offers", "search", "notifications", "dark-mode", "light-mode", "language", "academy", "website", "support", "launch", "assistant", "chat", "guide", "video", "link", "copy", "lock", "share", "shihab", "plan-starter", "plan-growth", "upgrade", "premium", "forbidden", "plan-business", "plan-business-building", "apps", "inventory", "inventory-building", "store", "community", "avatar", "store-logo", "app-default", "theme-default", "email", "phone", "api", "webhook", "payment", "cart", "cart-abandoned", "stats-overview", "stats-sales", "stats-products", "stats-traffic", "views", "visitors", "sessions", "traffic-sources", "countries", "cities", "devices", "browsers", "operating-systems", "empty", "not-found", "plan-plant-1", "plan-plant-2", "plan-plant-3", "services-grid", "services-gears", "services-tools", "services-cards", "services-sparkle", "service-consulting", "service-development", "service-design", "service-marketing", "service-support", "service-training", "service-integration", "service-automation", "qumra-mark", "qumra-loading", "qumra-logo", "qumra-logo-full", "qumra-logo-anim", "notif-order", "notif-subscription", "notif-renewal", "notif-login", "notif-security", "notif-app-installed", "flag-jo", "flag-ae", "flag-bh", "flag-tn", "flag-dz", "flag-km", "flag-dj", "flag-sa", "flag-sd", "flag-sy", "flag-so", "flag-iq", "flag-om", "flag-ps", "flag-qa", "flag-kw", "flag-lb", "flag-ly", "flag-eg", "flag-ma", "flag-mr", "flag-ye", "social-whatsapp", "social-instagram", "social-tiktok", "social-snapchat", "social-x", "social-facebook", "social-youtube", "social-telegram", "social-threads", "social-pinterest", "social-messenger", "social-whatsapp-glyph", "social-instagram-glyph", "social-tiktok-glyph", "social-snapchat-glyph", "social-x-glyph", "social-facebook-glyph", "social-youtube-glyph", "social-telegram-glyph", "social-threads-glyph", "social-pinterest-glyph", "social-messenger-glyph"];
218
- exports.iconLabels = {"home": "الرئيسية", "sales": "البيع", "shipping": "الشحن", "shipping-van": "فان توصيل", "shipping-parcel": "طرد سريع", "catalog": "الكتالوج", "analytics": "الأداء", "marketing": "التسويق", "content": "المحتوى", "partners": "الشراكات", "settings": "الإعدادات", "payments": "المدفوعات", "orders": "الطلبات", "customers": "العملاء", "offers": "العروض", "search": "بحث", "notifications": "الإشعارات", "dark-mode": "الوضع الداكن", "light-mode": "الوضع الفاتح", "language": "اللغة", "academy": "الأكاديمية", "website": "الموقع", "support": "الدعم", "launch": "انطلاق", "assistant": "المساعد", "chat": "محادثة", "guide": "الدليل", "video": "فيديو", "link": "رابط", "copy": "نسخ", "lock": "قفل", "share": "مشاركة", "shihab": "شهاب", "plan-starter": "باقة البداية", "plan-growth": "باقة النمو", "upgrade": "ترقية", "premium": "تحتاج ترقية", "forbidden": "بلا صلاحية", "plan-business": "باقة الأعمال", "plan-business-building": "باقة الأعمال — مبنى", "apps": "التطبيقات", "inventory": "المخزن", "inventory-building": "المخزن — مبنى", "store": "المتجر", "community": "المجتمع", "avatar": "صورة افتراضية", "store-logo": "شعار افتراضي", "app-default": "تطبيق افتراضي", "theme-default": "ثيم افتراضي", "email": "إيميل", "phone": "مكالمة", "api": "API", "webhook": "Webhook", "payment": "الدفع", "cart": "السلات", "cart-abandoned": "سلات متروكة", "stats-overview": "نظرة عامة على الأداء", "stats-sales": "المبيعات والأرباح", "stats-products": "أداء المنتجات", "stats-traffic": "الزيارات والمصادر", "views": "المشاهدات", "visitors": "الزوار", "sessions": "الجلسات", "traffic-sources": "مصادر الزيارات", "countries": "الدول", "cities": "المدن", "devices": "الأجهزة", "browsers": "المتصفّحات", "operating-systems": "أنظمة التشغيل", "empty": "فارغ", "not-found": "الصفحة غير موجودة", "plan-plant-1": "باقة البداية — نبات", "plan-plant-2": "باقة النمو — نبات", "plan-plant-3": "باقة الأعمال — نبات", "services-grid": "الخدمات — شبكة", "services-gears": "الخدمات — تروس", "services-tools": "الخدمات — أدوات", "services-cards": "الخدمات — بطاقات", "services-sparkle": "الخدمات — نجمة", "service-consulting": "الاستشارات", "service-development": "التطوير", "service-design": "التصميم", "service-marketing": "التسويق", "service-support": "الدعم", "service-training": "التدريب", "service-integration": "التكامل", "service-automation": "الأتمتة", "qumra-mark": "علامة قُمرة", "qumra-loading": "جارٍ التحميل", "qumra-logo": "لوجو قُمرة", "qumra-logo-full": "لوجو قُمرة الكامل", "qumra-logo-anim": "لوجو قُمرة الكامل — متحرّك", "notif-order": "طلب جديد", "notif-subscription": "اشتراك جديد", "notif-renewal": "تجديد الاشتراك", "notif-login": "تسجيل الدخول", "notif-security": "تنبيه أمني", "notif-app-installed": "تم تثبيت التطبيق", "flag-jo": "علم الأردن", "flag-ae": "علم الإمارات", "flag-bh": "علم البحرين", "flag-tn": "علم تونس", "flag-dz": "علم الجزائر", "flag-km": "علم جزر القمر", "flag-dj": "علم جيبوتي", "flag-sa": "علم السعودية", "flag-sd": "علم السودان", "flag-sy": "علم سوريا", "flag-so": "علم الصومال", "flag-iq": "علم العراق", "flag-om": "علم عُمان", "flag-ps": "علم فلسطين", "flag-qa": "علم قطر", "flag-kw": "علم الكويت", "flag-lb": "علم لبنان", "flag-ly": "علم ليبيا", "flag-eg": "علم مصر", "flag-ma": "علم المغرب", "flag-mr": "علم موريتانيا", "flag-ye": "علم اليمن", "social-whatsapp": "واتساب", "social-instagram": "إنستغرام", "social-tiktok": "تيك توك", "social-snapchat": "سناب شات", "social-x": "إكس", "social-facebook": "فيسبوك", "social-youtube": "يوتيوب", "social-telegram": "تيليغرام", "social-threads": "ثريدز", "social-pinterest": "بينترست", "social-messenger": "ماسنجر", "social-whatsapp-glyph": "واتساب — مجرّد", "social-instagram-glyph": "إنستغرام — مجرّد", "social-tiktok-glyph": "تيك توك — مجرّد", "social-snapchat-glyph": "سناب شات — مجرّد", "social-x-glyph": "إكس — مجرّد", "social-facebook-glyph": "فيسبوك — مجرّد", "social-youtube-glyph": "يوتيوب — مجرّد", "social-telegram-glyph": "تيليغرام — مجرّد", "social-threads-glyph": "ثريدز — مجرّد", "social-pinterest-glyph": "بينترست — مجرّد", "social-messenger-glyph": "ماسنجر — مجرّد"};
238
+ exports.iconNames = ["home", "sales", "shipping", "shipping-van", "shipping-parcel", "catalog", "analytics", "marketing", "content", "partners", "settings", "payments", "orders", "customers", "offers", "search", "notifications", "notifications-none", "dark-mode", "light-mode", "active", "language", "academy", "website", "support", "launch", "assistant", "chat", "guide", "video", "link", "copy", "lock", "share", "shihab", "plan-starter", "plan-growth", "upgrade", "premium", "forbidden", "plan-business", "plan-business-building", "apps", "inventory", "inventory-building", "store", "community", "avatar", "store-logo", "app-default", "theme-default", "email", "phone", "api", "webhook", "payment", "cart", "cart-abandoned", "stats-overview", "stats-sales", "stats-products", "stats-traffic", "views", "visitors", "sessions", "traffic-sources", "countries", "cities", "devices", "browsers", "operating-systems", "empty", "not-found", "plan-plant-1", "plan-plant-2", "plan-plant-3", "services-grid", "services-gears", "services-tools", "services-cards", "services-sparkle", "service-consulting", "service-development", "service-design", "service-marketing", "service-support", "service-training", "service-integration", "service-automation", "qumra-mark", "qumra-loading", "qumra-logo", "qumra-logo-full", "qumra-logo-anim", "notif-order", "notif-subscription", "notif-renewal", "notif-login", "notif-security", "notif-app-installed", "flag-jo", "flag-ae", "flag-bh", "flag-tn", "flag-dz", "flag-km", "flag-dj", "flag-sa", "flag-sd", "flag-sy", "flag-so", "flag-iq", "flag-om", "flag-ps", "flag-qa", "flag-kw", "flag-lb", "flag-ly", "flag-eg", "flag-ma", "flag-mr", "flag-ye", "social-whatsapp", "social-instagram", "social-tiktok", "social-snapchat", "social-x", "social-facebook", "social-youtube", "social-telegram", "social-threads", "social-pinterest", "social-messenger", "social-whatsapp-glyph", "social-instagram-glyph", "social-tiktok-glyph", "social-snapchat-glyph", "social-x-glyph", "social-facebook-glyph", "social-youtube-glyph", "social-telegram-glyph", "social-threads-glyph", "social-pinterest-glyph", "social-messenger-glyph"];
239
+ exports.iconLabels = {"home": "الرئيسية", "sales": "البيع", "shipping": "الشحن", "shipping-van": "فان توصيل", "shipping-parcel": "طرد سريع", "catalog": "الكتالوج", "analytics": "الأداء", "marketing": "التسويق", "content": "المحتوى", "partners": "الشراكات", "settings": "الإعدادات", "payments": "المدفوعات", "orders": "الطلبات", "customers": "العملاء", "offers": "العروض", "search": "بحث", "notifications": "الإشعارات", "notifications-none": "لا إشعارات", "dark-mode": "الوضع الداكن", "light-mode": "الوضع الفاتح", "active": "فعّال الآن", "language": "اللغة", "academy": "الأكاديمية", "website": "الموقع", "support": "الدعم", "launch": "انطلاق", "assistant": "المساعد", "chat": "محادثة", "guide": "الدليل", "video": "فيديو", "link": "رابط", "copy": "نسخ", "lock": "قفل", "share": "مشاركة", "shihab": "شهاب", "plan-starter": "باقة البداية", "plan-growth": "باقة النمو", "upgrade": "ترقية", "premium": "تحتاج ترقية", "forbidden": "بلا صلاحية", "plan-business": "باقة الأعمال", "plan-business-building": "باقة الأعمال — مبنى", "apps": "التطبيقات", "inventory": "المخزن", "inventory-building": "المخزن — مبنى", "store": "المتجر", "community": "المجتمع", "avatar": "صورة افتراضية", "store-logo": "شعار افتراضي", "app-default": "تطبيق افتراضي", "theme-default": "ثيم افتراضي", "email": "إيميل", "phone": "مكالمة", "api": "API", "webhook": "Webhook", "payment": "الدفع", "cart": "السلات", "cart-abandoned": "سلات متروكة", "stats-overview": "نظرة عامة على الأداء", "stats-sales": "المبيعات والأرباح", "stats-products": "أداء المنتجات", "stats-traffic": "الزيارات والمصادر", "views": "المشاهدات", "visitors": "الزوار", "sessions": "الجلسات", "traffic-sources": "مصادر الزيارات", "countries": "الدول", "cities": "المدن", "devices": "الأجهزة", "browsers": "المتصفّحات", "operating-systems": "أنظمة التشغيل", "empty": "فارغ", "not-found": "الصفحة غير موجودة", "plan-plant-1": "باقة البداية — نبات", "plan-plant-2": "باقة النمو — نبات", "plan-plant-3": "باقة الأعمال — نبات", "services-grid": "الخدمات — شبكة", "services-gears": "الخدمات — تروس", "services-tools": "الخدمات — أدوات", "services-cards": "الخدمات — بطاقات", "services-sparkle": "الخدمات — نجمة", "service-consulting": "الاستشارات", "service-development": "التطوير", "service-design": "التصميم", "service-marketing": "التسويق", "service-support": "الدعم", "service-training": "التدريب", "service-integration": "التكامل", "service-automation": "الأتمتة", "qumra-mark": "علامة قُمرة", "qumra-loading": "جارٍ التحميل", "qumra-logo": "لوجو قُمرة", "qumra-logo-full": "لوجو قُمرة الكامل", "qumra-logo-anim": "لوجو قُمرة الكامل — متحرّك", "notif-order": "طلب جديد", "notif-subscription": "اشتراك جديد", "notif-renewal": "تجديد الاشتراك", "notif-login": "تسجيل الدخول", "notif-security": "تنبيه أمني", "notif-app-installed": "تم تثبيت التطبيق", "flag-jo": "علم الأردن", "flag-ae": "علم الإمارات", "flag-bh": "علم البحرين", "flag-tn": "علم تونس", "flag-dz": "علم الجزائر", "flag-km": "علم جزر القمر", "flag-dj": "علم جيبوتي", "flag-sa": "علم السعودية", "flag-sd": "علم السودان", "flag-sy": "علم سوريا", "flag-so": "علم الصومال", "flag-iq": "علم العراق", "flag-om": "علم عُمان", "flag-ps": "علم فلسطين", "flag-qa": "علم قطر", "flag-kw": "علم الكويت", "flag-lb": "علم لبنان", "flag-ly": "علم ليبيا", "flag-eg": "علم مصر", "flag-ma": "علم المغرب", "flag-mr": "علم موريتانيا", "flag-ye": "علم اليمن", "social-whatsapp": "واتساب", "social-instagram": "إنستغرام", "social-tiktok": "تيك توك", "social-snapchat": "سناب شات", "social-x": "إكس", "social-facebook": "فيسبوك", "social-youtube": "يوتيوب", "social-telegram": "تيليغرام", "social-threads": "ثريدز", "social-pinterest": "بينترست", "social-messenger": "ماسنجر", "social-whatsapp-glyph": "واتساب — مجرّد", "social-instagram-glyph": "إنستغرام — مجرّد", "social-tiktok-glyph": "تيك توك — مجرّد", "social-snapchat-glyph": "سناب شات — مجرّد", "social-x-glyph": "إكس — مجرّد", "social-facebook-glyph": "فيسبوك — مجرّد", "social-youtube-glyph": "يوتيوب — مجرّد", "social-telegram-glyph": "تيليغرام — مجرّد", "social-threads-glyph": "ثريدز — مجرّد", "social-pinterest-glyph": "بينترست — مجرّد", "social-messenger-glyph": "ماسنجر — مجرّد"};
package/dist/esm/createIcon.js CHANGED
@@ -1,4 +1,4 @@
1
- const CSS = "/*! qumra-icons v1.0.0 */\n.qumra-icon{display:inline-block;vertical-align:middle}.qumra-icon{overflow:visible}.qumra-icon[data-mono]{filter:grayscale(1);opacity:.62}.qumra-icon[data-mono]:hover,.qumra-icon[data-mono][data-animate],.qumra-icon[data-mono][data-active]{filter:none;opacity:1}.qumra-icon *{transform-box:fill-box;transform-origin:center}.fit{transform-box:view-box;transform-origin:0 0}.roof,.body,.lid,.bag,.truck,.top,.label,.glass,.bell,.moon,.cap,.ring,.lg-front,.lg-back,.lens,.rocket,.page,.ribbon,.play,.link-a,.link-b,.cp-back,.shackle,.head,.antenna,.tail,.pot,.plant,.leaf,.arrow,.handle,.clasp,.parcel,.speed,.win,.door,.cup,.ear,.piece,.knob,.box,.item,.cart,.basket,.sign,.bag,.flap,.handset,.hook,.cash,.arr1,.bolt,.hand,.dial,.needle,.slice,.cursor,.fruit,.plate,.person,.lift,.tool-a,.tool-b,.gear-r,.tassel,.grow-up,.pulse,.ray,.flag,.peak,.core,.shutter,.awning,.horn,.wave,.sun,.mount,.shield,.mark,.gear,.card,.clasp,.back,.front,.glow{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease,fill-opacity .3s ease}.gear,.ring{transition-duration:.8s}.glass{transform-origin:40% 40%}.bell{transform-origin:50% 10%}.tassel{transform-origin:50% 0}.flame{transform-origin:50% 0}.antenna{transform-origin:50% 100%}.head{transform-origin:50% 90%}.tail{transform-origin:15% 85%}/* \u0646\u0645\u0648 \u0627\u0644\u0646\u0628\u0627\u062a:\u0627\u0644\u0633\u0627\u0642 \u0645\u0646 \u0627\u0644\u062a\u0631\u0628\u0629\u060c \u0643\u0644 \u0648\u0631\u0642\u0629 \u0645\u0646 \u0646\u0642\u0637\u0629 \u0627\u062a\u0635\u0627\u0644\u0647\u0627 \u0628\u0627\u0644\u0633\u0627\u0642 */.stem{transform-origin:50% 100%}.leaf.l{transform-origin:100% 100%}.leaf.r{transform-origin:0 100%}.leaf.c{transform-origin:50% 100%}.fruit{transform-origin:center}.win{transition:fill-opacity .25s ease}.flap{transform-origin:50% 0}.handset{transform-origin:40% 60%}.needle{transform-origin:16px 18px;transform-box:view-box}.arc,.draw{stroke-dashoffset:0}.tick{stroke-opacity:.3}.hook{transform-origin:78% 22%}.box{transform-origin:50% 100%}.handle{transform-origin:50% 100%}.eye{transform-origin:50% 50%}.page:first-of-type{transform-origin:100% 50%}.page:nth-of-type(2){transform-origin:0 50%}.wave{opacity:.55;transition:opacity .25s ease,transform .4s cubic-bezier(.22,1,.36,1)}.wave+.wave{transition-delay:.1s}.shutter{transform-origin:50% 0}.bar{transform-origin:50% 100%}.line{transform-origin:100% 50%}.horn{transform-origin:18% 50%}.tag{transform-origin:26% 26%}.qumra-icon[data-animate] .roof{transform:translateY(-1.1px)}.qumra-icon[data-animate] .glow{fill-opacity:1}.qumra-icon[data-animate] .lid{transform:translateY(-1.5px)}.qumra-icon[data-animate] .bag{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .truck{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .wheel{animation:qi-spin .9s linear}.qumra-icon[data-animate] .top{transform:translateY(-2px)}.qumra-icon[data-animate] .label{transform:translateY(-.6px)}.qumra-icon[data-animate] .shutter{transform:scaleY(.28)}.qumra-icon[data-animate] .awning{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .bar{animation:qi-grow .6s cubic-bezier(.2,.8,.25,1.06) both}.qumra-icon[data-animate] .bar:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .bar:nth-of-type(3){animation-delay:.14s}.qumra-icon[data-animate] .horn{animation:qi-shout .7s ease-in-out}.qumra-icon[data-animate] .wave{opacity:1;transform:translateX(.8px)}.qumra-icon[data-animate] .wave+.wave{transform:translateX(1.6px)}.qumra-icon[data-animate] .sun{transform:translate(-.8px,-1.3px)}.qumra-icon[data-animate] .mount.near{transform:translateX(-1.2px)}.qumra-icon[data-animate] .mount.far{transform:translateX(.9px)}.qumra-icon[data-animate] .tile{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .tile:nth-of-type(2){animation-delay:.06s}.qumra-icon[data-animate] .tile:nth-of-type(3){animation-delay:.12s}.qumra-icon[data-animate] .tile:nth-of-type(4){animation-delay:.18s}.qumra-icon[data-animate] .shield{transform:translateY(-.8px)}.qumra-icon[data-animate] .mark{animation:qi-pop .55s cubic-bezier(.22,1,.36,1)}.qumra-icon[data-animate] .gear{transform:rotate(90deg)}.qumra-icon[data-animate] .gear-r{transform:rotate(-103deg)}.qumra-icon[data-animate] .tool-a{transform:rotate(-7deg)}.qumra-icon[data-animate] .tool-b{transform:rotate(7deg)}.qumra-icon[data-animate] .card{transform:translateY(-2.4px)}.qumra-icon[data-animate] .clasp{transform:translateY(-.7px)}.qumra-icon[data-animate] .line{animation:qi-write .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .line:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .line:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .back{transform:translate(1.5px,-1.3px)}.qumra-icon[data-animate] .front{transform:translateX(-.7px)}.qumra-icon[data-animate] .tag{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .glass{transform:rotate(-14deg)}.qumra-icon[data-animate] .lens{transform:translate(.6px,-.6px)}.qumra-icon[data-animate] .bell{animation:qi-shout .7s ease-in-out}.qumra-icon[data-animate] .badge{animation:qi-pop .5s cubic-bezier(.22,1,.36,1)}.qumra-icon[data-animate] .moon{transform:rotate(-18deg)}.qumra-icon[data-animate] .star{animation:qi-twinkle .8s ease-in-out}.qumra-icon[data-animate] .lg-front{transform:translate(1.2px,-1.2px)}.qumra-icon[data-animate] .lg-back{transform:translate(-1.2px,1.2px)}.qumra-icon[data-animate] .cap{transform:translateY(-1.2px)}.qumra-icon[data-animate] .tassel{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .pin{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .ring{transform:rotate(90deg)}.qumra-icon[data-animate] .rocket{transform:translateY(-1.6px)}.qumra-icon[data-animate] .flame{animation:qi-flicker .5s ease-in-out infinite}.qumra-icon[data-animate] .spark{animation:qi-twinkle .9s ease-in-out}.qumra-icon[data-animate] .spark2{animation:qi-twinkle .9s ease-in-out .15s}.qumra-icon[data-animate] .dot{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .dot:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .dot:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .page:first-of-type{transform:rotateY(18deg)}.qumra-icon[data-animate] .page:nth-of-type(2){transform:rotateY(-18deg)}.qumra-icon[data-animate] .ribbon{transform:translateY(1.4px)}.qumra-icon[data-animate] .play{transform:translateX(.9px)}.qumra-icon[data-animate] .link-a{transform:translate(1px,-1px)}.qumra-icon[data-animate] .link-b{transform:translate(-1px,1px)}.qumra-icon[data-animate] .cp-back{transform:translate(-1.2px,-1.2px)}.qumra-icon[data-animate] .shackle{transform:translateY(-1.8px) translateX(1px) rotate(-8deg)}.qumra-icon[data-animate] .head{animation:qi-nod .9s ease-in-out}.qumra-icon[data-animate] .antenna{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .tail{animation:qi-trail .8s ease-in-out}.qumra-icon[data-animate] .stem{animation:qi-stem .7s cubic-bezier(.25,.8,.3,1) both}.qumra-icon[data-animate] .leaf{animation:qi-unfurl .75s cubic-bezier(.2,.9,.3,1.12) both}.qumra-icon[data-animate] .leaf:nth-of-type(2){animation-delay:.42s}.qumra-icon[data-animate] .leaf:nth-of-type(3){animation-delay:.58s}.qumra-icon[data-animate] .leaf:nth-of-type(4){animation-delay:.74s}.qumra-icon[data-animate] .pot{animation:qi-settle .5s ease-out both}.qumra-icon[data-animate] .arrow{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) 1.1s both}.qumra-icon[data-animate] .leaf.c{animation:qi-unfurl .7s cubic-bezier(.2,.9,.3,1.12) both}.qumra-icon[data-animate] .fruit{animation:qi-pop-in .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .fruit{animation:qi-pop-in .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .fruit:nth-of-type(1){animation-delay:1s}.qumra-icon[data-animate] .fruit:nth-of-type(2){animation-delay:1.12s}.qumra-icon[data-animate] .fruit:nth-of-type(3){animation-delay:1.24s}.qumra-icon[data-animate] .win{animation:qi-light .4s ease both}.qumra-icon[data-animate] .win:nth-of-type(1){animation-delay:.05s}.qumra-icon[data-animate] .win:nth-of-type(2){animation-delay:.12s}.qumra-icon[data-animate] .win:nth-of-type(3){animation-delay:.19s}.qumra-icon[data-animate] .win:nth-of-type(4){animation-delay:.26s}.qumra-icon[data-animate] .win:nth-of-type(5){animation-delay:.33s}.qumra-icon[data-animate] .win:nth-of-type(6){animation-delay:.4s}.qumra-icon[data-animate] .win:nth-of-type(7){animation-delay:.47s}.qumra-icon[data-animate] .win:nth-of-type(8){animation-delay:.54s}.qumra-icon[data-animate] .win:nth-of-type(9){animation-delay:.61s}.qumra-icon[data-animate] .door{animation:qi-light .4s ease .75s both}.qumra-icon[data-animate] .cup{transform:translateY(-1.6px)}.qumra-icon[data-animate] .piece{transform:translate(-.8px,.8px)}.qumra-icon[data-animate] .knob{transform:translate(1.2px,-1.2px)}.qumra-icon[data-animate] .box{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.15) both}.qumra-icon[data-animate] .box:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .box:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .box:nth-of-type(4){animation-delay:.24s}.qumra-icon[data-animate] .box:nth-of-type(5){animation-delay:.32s}.qumra-icon[data-animate] .box:nth-of-type(6){animation-delay:.4s}.qumra-icon[data-animate] .box.top{animation-delay:.3s}.qumra-icon[data-animate] .item{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.15) both}.qumra-icon[data-animate] .cart,.qumra-icon[data-animate] .basket{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .sign{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .bag{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .flap{transform:rotateX(-70deg)}.qumra-icon[data-animate] .handset{animation:qi-shout .6s ease-in-out}.qumra-icon[data-animate] .hook{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .cash{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .arr1{animation:qi-drive .8s ease-in-out}.qumra-icon[data-animate] .bolt{animation:qi-twinkle .8s ease-in-out}.qumra-icon[data-animate] .hand{transform:translateY(-1px)}.qumra-icon[data-animate] .needle{animation:qi-needle 1.3s cubic-bezier(.22,.9,.3,1.08) both}.qumra-icon[data-animate] .arc{animation:qi-draw .9s cubic-bezier(.3,.6,.3,1) both}.qumra-icon[data-animate] path.arc.a2{animation-duration:.5s;animation-delay:.85s}.qumra-icon[data-animate] circle.arc.a1{animation-duration:.55s;animation-delay:0s}.qumra-icon[data-animate] circle.arc.a2{animation-duration:.4s;animation-delay:.5s}.qumra-icon[data-animate] circle.arc.a3{animation-duration:.35s;animation-delay:.85s}.qumra-icon[data-animate] .tick{animation:qi-tick .3s ease both}.qumra-icon[data-animate] .tick:nth-of-type(1){animation-delay:.1s}.qumra-icon[data-animate] .tick:nth-of-type(2){animation-delay:.32s}.qumra-icon[data-animate] .tick:nth-of-type(3){animation-delay:.54s}.qumra-icon[data-animate] .tick:nth-of-type(4){animation-delay:.76s}.qumra-icon[data-animate] .tick:nth-of-type(5){animation-delay:.98s}.qumra-icon[data-animate] .tick:nth-of-type(6){animation-delay:1.2s}.qumra-icon[data-animate] .readout{animation:qi-write .6s cubic-bezier(.22,1,.36,1) 1.1s both;transform-origin:0 50%}.qumra-icon[data-animate] .draw{animation:qi-draw 1s cubic-bezier(.4,.2,.3,1) .55s both}.qumra-icon[data-animate] .draw:nth-of-type(2){animation-delay:.7s}.qumra-icon[data-animate] .draw:nth-of-type(3){animation-delay:.85s}.qumra-icon[data-animate] .node{animation:qi-pop-in .4s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .node:nth-of-type(1){animation-delay:.75s}.qumra-icon[data-animate] .node:nth-of-type(2){animation-delay:.95s}.qumra-icon[data-animate] .node:nth-of-type(3){animation-delay:1.15s}.qumra-icon[data-animate] .bar:nth-of-type(4){animation-delay:.21s}.qumra-icon[data-animate] .arrow{animation:qi-pop-in .4s cubic-bezier(.22,1,.36,1) 1.5s both}.qumra-icon[data-animate] .cursor{animation:qi-click .6s ease-in-out 1.35s}/* \u0627\u0644\u0635\u0639\u0648\u062f:\u0627\u0644\u0643\u062a\u0644 \u062a\u0646\u0645\u0648 \u0645\u0646 \u062e\u0637 \u0627\u0644\u0623\u0631\u0636\u060c \u062b\u0645 \u064a\u064f\u0631\u0633\u0645 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u060c \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0633\u0647\u0645 */.qumra-icon[data-animate] .grow-up{animation:qi-grow .6s cubic-bezier(.2,.8,.25,1.06) both}.qumra-icon[data-animate] .grow-up:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .grow-up:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .lift{animation:qi-up .5s cubic-bezier(.22,1,.36,1) .5s both}.qumra-icon[data-animate] .flag{animation:qi-up .45s cubic-bezier(.22,1,.36,1) .55s both}/* \u0627\u0644\u0637\u0628\u0642\u0627\u062a:\u062a\u0647\u0628\u0637 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644 \u0644\u0644\u0623\u0639\u0644\u0649 \u0628\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062a\u0643\u062f\u064a\u0633 */.qumra-icon[data-animate] .plate{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.12) both}.qumra-icon[data-animate] .plate:nth-of-type(2){animation-delay:.11s}.qumra-icon[data-animate] .plate:nth-of-type(3){animation-delay:.22s}/* \u0627\u0644\u0637\u0627\u0642\u0629:\u0627\u0644\u0628\u0631\u0642 \u064a\u0648\u0645\u0636 \u062b\u0645 \u062a\u0634\u0639\u0651 \u0627\u0644\u0623\u0634\u0639\u0651\u0629 \u0645\u0646 \u0627\u0644\u062f\u0627\u062e\u0644 \u0644\u0644\u062e\u0627\u0631\u062c */.qumra-icon[data-animate] .pulse{animation:qi-flash .8s ease-out both}.qumra-icon[data-animate] .core{animation:qi-flash .8s ease-out both}.qumra-icon[data-animate] .ray{animation:qi-ray .5s ease-out both}.qumra-icon[data-animate] .ray:nth-of-type(1){animation-delay:.30s}.qumra-icon[data-animate] .ray:nth-of-type(2){animation-delay:.34s}.qumra-icon[data-animate] .ray:nth-of-type(3){animation-delay:.38s}.qumra-icon[data-animate] .ray:nth-of-type(4){animation-delay:.42s}.qumra-icon[data-animate] .ray:nth-of-type(5){animation-delay:.46s}.qumra-icon[data-animate] .ray:nth-of-type(6){animation-delay:.50s}.qumra-icon[data-animate] .ray:nth-of-type(7){animation-delay:.54s}.qumra-icon[data-animate] .ray:nth-of-type(8){animation-delay:.58s}/* \u0627\u0644\u0641\u0631\u064a\u0642:\u064a\u0638\u0647\u0631\u0648\u0646 \u0645\u0646 \u0627\u0644\u062e\u0644\u0641 \u0625\u0644\u0649 \u0627\u0644\u0623\u0645\u0627\u0645 */.qumra-icon[data-animate] .person{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .person:nth-of-type(2){animation-delay:.09s}.qumra-icon[data-animate] .person:nth-of-type(3){animation-delay:.18s}.qumra-icon[data-animate] .handle{transform:translateY(-1.4px)}.qumra-icon[data-animate] .parcel{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .speed{animation:qi-speed .9s ease-in-out}.qumra-icon[data-animate] .link-a{transform:translate(-1px,0)}.qumra-icon[data-animate] .link-b{transform:translate(1px,0)}.qumra-icon[data-animate] .eye{animation:qi-blink .9s ease-in-out .25s}/* \u0627\u0644\u0645\u0634\u0627\u0647\u062f\u0627\u062a:\u0627\u0644\u0639\u064a\u0646 \u062a\u064f\u0641\u062a\u062d \u0645\u0646 \u062e\u0637 \u0631\u0641\u064a\u0639\u060c \u062b\u0645 \u062a\u062a\u062c\u0648\u0651\u0644 \u0627\u0644\u0646\u0638\u0631\u0629 \u064a\u0645\u064a\u0646\u064b\u0627 \u0641\u064a\u0633\u0627\u0631\u064b\u0627 \u0648\u062a\u0639\u0648\u062f \u0644\u0644\u0645\u0631\u0643\u0632 \u0648\u0627\u0644\u0628\u0624\u0628\u0624 \u064a\u062a\u0651\u0633\u0639 */.qumra-icon[data-animate] .vw-lid{animation:qi-open .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .vw-gaze{animation:qi-gaze 1.1s ease-in-out .42s both}.qumra-icon[data-animate] .vw-pupil{animation:qi-dilate 1.1s ease-in-out .42s both}/* \u0627\u0644\u0632\u0648\u0627\u0631:\u0633\u0647\u0645 \u0627\u0644\u062f\u062e\u0648\u0644 \u064a\u0646\u0632\u0644\u0642 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0632\u0627\u0626\u0631 \u00b7 \u0627\u0644\u062c\u0644\u0633\u0627\u062a:\u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u062a\u0631\u062a\u0641\u0639 \u0648\u0627\u0644\u0639\u0642\u0631\u0628 \u064a\u062f\u0648\u0631 \u062f\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 */.ss-hand{transform-origin:24px 24px;transform-box:view-box}.qumra-icon[data-animate] .vt-in{animation:qi-enter .55s cubic-bezier(.3,.8,.3,1) both}.qumra-icon[data-animate] .vt-p{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) .2s both}.qumra-icon[data-animate] .ss-win{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .ss-badge{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .3s both}.qumra-icon[data-animate] .ss-hand{animation:qi-turn 1.05s cubic-bezier(.4,.05,.2,1) .5s both}/* \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0635\u0627\u062f\u0631:\u0627\u0644\u0623\u0633\u0647\u0645 \u062a\u0646\u0633\u0627\u0628 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0642\u0645\u0627\u0634 \u0627\u0644\u0639\u0644\u0645 \u064a\u0631\u0641\u0631\u0641\u060c \u0627\u0644\u0628\u0646\u0627\u064a\u0627\u062a \u062a\u0646\u0645\u0648 \u0645\u0646 \u0627\u0644\u0623\u0631\u0636\u060c \u0627\u0644\u0647\u0627\u062a\u0641 \u064a\u0646\u0628\u062b\u0642 \u0628\u0639\u062f \u0627\u0644\u0634\u0627\u0634\u0629\u060c \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 \u062a\u0646\u0632\u0644\u0642\u060c \u0648\u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u062a\u064f\u0636\u0627\u0621 \u062b\u0645 \u062a\u0646\u0628\u0636 \u0627\u0644\u0646\u0648\u0627\u0629 */.cn-cloth{transform-origin:0 50%}.qumra-icon[data-animate] .ts-a{animation:qi-flow .55s cubic-bezier(.3,.8,.3,1) both}.qumra-icon[data-animate] .ts-a:nth-of-type(2){animation-delay:.09s}.qumra-icon[data-animate] .ts-a:nth-of-type(3){animation-delay:.18s}.qumra-icon[data-animate] .ts-disc{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .3s both}.qumra-icon[data-animate] .cn-cloth{animation:qi-cloth 1.1s ease-in-out both}.qumra-icon[data-animate] .dv-m{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .dv-p{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .22s both}.qumra-icon[data-animate] .br-b{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .br-f{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) .12s both}.qumra-icon[data-animate] .os-pin{animation:qi-ray .4s ease-out both}.qumra-icon[data-animate] .os-pin:nth-of-type(even){animation-delay:.14s}.qumra-icon[data-animate] .os-core{animation:qi-flash .85s ease-out .22s both}/* \u0641\u0627\u0631\u063a:\u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u064a\u0638\u0647\u0631 \u062b\u0645 \u064a\u0646\u0641\u062a\u062d \u0644\u0633\u0627\u0646\u0627\u0647 \u0645\u0646 \u0645\u0641\u0635\u0644\u064a\u0647\u0645\u0627 \u0639\u0646\u062f \u062d\u0627\u0641\u0651\u062a\u064a \u0627\u0644\u0641\u062a\u062d\u0629 \u0648\u064a\u0633\u062a\u0642\u0631\u0651\u0627\u0646 */.em-fl{transform-box:view-box}.em-fl.l{transform-origin:6.5px 15.9px}.em-fl.r{transform-origin:25.5px 15.9px}.qumra-icon[data-animate] .em-box{animation:qi-appear .4s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .em-fl.l{animation:qi-flap-l .6s cubic-bezier(.34,1.4,.64,1) .12s both}.qumra-icon[data-animate] .em-fl.r{animation:qi-flap-r .6s cubic-bezier(.34,1.4,.64,1) .12s both}/* \u0627\u0644\u0635\u0641\u062d\u0629 \u063a\u064a\u0631 \u0645\u0648\u062c\u0648\u062f\u0629:\u0627\u0644\u0648\u0631\u0642\u0629 \u062a\u0638\u0647\u0631 \u062b\u0645 \u062a\u0646\u0628\u062b\u0642 \u0634\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0641\u0647\u0627\u0645 */.qumra-icon[data-animate] .nf-page{animation:qi-appear .42s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .nf-mark{animation:qi-check .45s cubic-bezier(.34,1.5,.64,1) .22s both}.qumra-icon[data-animate] .node{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .node:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .node:nth-of-type(3){animation-delay:.14s}/* >>> gen_brand *//* \u0639\u0644\u0627\u0645\u0629 \u0642\u064f\u0645\u0631\u0629 (\u0645\u0634\u062a\u0642\u0651\u0629 \u0645\u0646 \u0627\u0644\u0644\u0648\u062c\u0648) \u2014 \u0623\u0637\u0648\u0627\u0644 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u062e\u0628\u0648\u0632\u0629:\u0627\u0644\u0631\u0626\u064a\u0633\u064a 60.72 \u00b7 \u0627\u0644\u0630\u064a\u0644 6.88 */.qm-main,.qm-tail,.qm-tailrun{stroke-dashoffset:0}.qumra-icon[data-animate] .qm-main{animation:qi-draw .95s cubic-bezier(.4,.05,.2,1) both}.qumra-icon[data-animate] .qm-tail{animation:qi-draw .26s cubic-bezier(.3,.8,.3,1) .82s both}.qumra-icon[data-animate] .qm-logo{animation:qi-appear .55s cubic-bezier(.22,1,.36,1) both}/* \u0627\u0644\u0644\u0648\u062c\u0648 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u062a\u062d\u0631\u0651\u0643 \u2014 \u0643\u0634\u0641 \u0648\u0627\u062d\u062f \u0645\u062a\u0635\u0644 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631:\u0627\u0644\u0633\u0644\u0629 (0\u2192.5s) \u062b\u0645 \u0627\u0644\u0643\u0644\u0645\u0629 (.32\u2192.95s) */.qm-la-r{transform-box:fill-box;transform-origin:100% 50%}.qumra-icon[data-animate] .qm-la-r1{animation:qm-la-wipe .5s cubic-bezier(.4,0,.2,1) both}.qumra-icon[data-animate] .qm-la-r2{animation:qm-la-wipe .63s cubic-bezier(.25,.1,.25,1) .32s both}@keyframes qm-la-wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}.qumra-icon[data-animate] .qm-comet.c1{animation:qm-run1 1.25s linear infinite}.qumra-icon[data-animate] .qm-comet.c2{animation:qm-run2 1.25s linear infinite}.qumra-icon[data-animate] .qm-comet.c3{animation:qm-run3 1.25s linear infinite}.qumra-icon[data-animate] .qm-tailrun{animation:qm-tailrun 1.25s linear infinite}@keyframes qm-run1{from{stroke-dashoffset:0}to{stroke-dashoffset:-70.72}}@keyframes qm-run2{from{stroke-dashoffset:-3.5}to{stroke-dashoffset:-74.22}}@keyframes qm-run3{from{stroke-dashoffset:-6.5}to{stroke-dashoffset:-77.22}}@keyframes qm-tailrun{0%,71.7%{stroke-dashoffset:11.18;opacity:1}85.8%{stroke-dashoffset:0;opacity:1}91.8%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}/* <<< gen_brand *//* >>> gen_notif *//* \u0627\u0644\u0625\u0634\u0639\u0627\u0631\u0627\u062a */.qumra-icon[data-animate] .turn{animation:qi-turn .9s cubic-bezier(.4,.05,.2,1) both}.ridge{stroke-dashoffset:0}.qumra-icon[data-animate] .ridge{animation:qi-draw .7s cubic-bezier(.4,.05,.2,1) both}.qumra-icon[data-animate] .ridge:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .ridge:nth-of-type(3){animation-delay:.14s}.qumra-icon[data-animate] .ridge:nth-of-type(4){animation-delay:.21s}.qumra-icon[data-animate] .scan{animation:qi-scan 1.25s ease-in-out .1s both}.done{transform-origin:center}.qumra-icon[data-animate] .snap{animation:qi-snap .5s cubic-bezier(.3,.7,.3,1) both}.qumra-icon[data-animate] .done{animation:qi-check .4s cubic-bezier(.34,1.56,.64,1) .45s both}@keyframes qi-turn{to{transform:rotate(360deg)}}@keyframes qi-snap{0%{transform:translate(-3px,3px);opacity:.5}70%{transform:translate(.4px,-.4px);opacity:1}100%{transform:none}}@keyframes qi-check{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes qi-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(-21.4px)}}/* <<< gen_notif */@keyframes qi-nod{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}70%{transform:rotate(3deg)}}/* >>> gen_flags *//* \u0627\u0644\u0623\u0639\u0644\u0627\u0645:\u0631\u0641\u0631\u0641\u0629 \u062e\u0641\u064a\u0641\u0629 \u062a\u0639\u0648\u062f \u0644\u0644\u0633\u0643\u0648\u0646 \u0627\u0644\u062a\u0627\u0645 + \u0634\u0631\u064a\u0637 \u0636\u0648\u0621 \u064a\u0639\u0628\u0631 \u0627\u0644\u0639\u0644\u0645 \u0645\u0631\u0651\u0629 \u0648\u0627\u062d\u062f\u0629 */.fl-shine{opacity:0}.qumra-icon[data-animate] .fl-wave{animation:qi-flutter 1.1s ease-in-out both}.qumra-icon[data-animate] .fl-shine{animation:qi-shine .95s ease-in-out .12s both}@keyframes qi-flutter{0%,100%{transform:skewY(0) scaleX(1)}28%{transform:skewY(-1.5deg) scaleX(.985)}62%{transform:skewY(1.1deg) scaleX(.992)}}@keyframes qi-shine{0%{transform:translateX(0);opacity:0}22%{opacity:1}78%{opacity:1}100%{transform:translateX(34px);opacity:0}}/* <<< gen_flags *//* >>> gen_social *//* \u0627\u0644\u0628\u0644\u0627\u0637\u0629 \u0644\u0648\u0646\u0647\u0627 \u0644\u0648\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062e\u0627\u0644\u0635 \u0628\u0644\u0627 \u062d\u0648\u0627\u0641 \u0648\u0644\u0627 \u062d\u062f\u0648\u062f \u2014 \u0627\u0644\u0634\u0643\u0644 \u0645\u0631\u0628\u0651\u0639 \u0645\u062f\u0648\u0651\u0631 \u0645\u062a\u0645\u0627\u062b\u0644 \u062a\u0645\u0627\u0645\u064b\u0627.\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0633\u0648\u062f\u0627\u0621 (\u0625\u0643\u0633 \u00b7 \u062a\u064a\u0643 \u062a\u0648\u0643 \u00b7 \u062b\u0631\u064a\u062f\u0632) \u062a\u0630\u0648\u0628 \u0637\u0628\u0639\u064b\u0627 \u0641\u064a \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u062f\u0627\u0643\u0646\u0629\u060c \u062a\u0645\u0627\u0645\u064b\u0627 \u0643\u0645\u0627 \u062a\u0641\u0639\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629 \u0627\u0644\u062f\u0627\u0643\u0646\u0629. \u0644\u0642\u0644\u0628\u0647\u0627 \u0625\u0644\u0649 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0627\u0636\u0628\u0637 \u0627\u0644\u0645\u062a\u063a\u064a\u0651\u0631\u064a\u0646 \u0639\u0644\u0649\u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0648\u064a\u0646\u0641\u0630\u0627\u0646 \u0625\u0644\u0649 \u062f\u0627\u062e\u0644 \u0627\u0644\u0640shadow root:.dark-panel{--qi-social-ink:#FFFFFF;--qi-social-paper:#0B0B0B}*/.so-ink{fill:var(--qi-social-ink,#0B0B0B)}.so-mark{fill:var(--qi-social-paper,#FFFFFF)}/* \u0645\u0646\u0635\u0651\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644:\u0627\u0644\u0628\u0644\u0627\u0637\u0629 \u062a\u0646\u0628\u062b\u0642 \u0628\u0627\u0631\u062a\u062f\u0627\u062f \u062e\u0641\u064a\u0641 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0631\u0645\u0632 \u2014 \u0648\u0627\u0644\u0643\u0644 \u064a\u0639\u0648\u062f \u0644\u0644\u0633\u0643\u0648\u0646 \u0627\u0644\u062a\u0627\u0645 */.so-tile,.so-glyph,.so-solo{transform-box:fill-box;transform-origin:center}.qumra-icon[data-animate] .so-tile{animation:qi-tile .5s cubic-bezier(.34,1.5,.64,1) both}.qumra-icon[data-animate] .so-glyph{animation:qi-mark .42s cubic-bezier(.22,1,.36,1) .1s both}.qumra-icon[data-animate] .so-solo{animation:qi-tile .5s cubic-bezier(.34,1.5,.64,1) both}@keyframes qi-tile{0%{transform:scale(.82);opacity:0}45%{opacity:1}70%{transform:scale(1.045)}100%{transform:scale(1);opacity:1}}@keyframes qi-mark{0%{transform:scale(.55);opacity:0}55%{opacity:1}100%{transform:scale(1);opacity:1}}/* <<< gen_social */@keyframes qi-bounce{0%{transform:translateY(0)}35%{transform:translateY(-2.3px)}70%{transform:translateY(.4px)}100%{transform:translateY(0)}}@keyframes qi-drive{0%{transform:translateX(0)}40%{transform:translateX(2.2px)}100%{transform:translateX(0)}}@keyframes qi-spin{to{transform:rotate(360deg)}}@keyframes qi-grow{from{transform:scaleY(.22)}}@keyframes qi-shout{0%,100%{transform:rotate(0)}20%{transform:rotate(-7deg)}50%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}}@keyframes qi-pop{0%,100%{transform:translateY(0)}40%{transform:translateY(-1.3px)}}@keyframes qi-write{from{transform:scaleX(0)}}@keyframes qi-twinkle{0%,100%{transform:rotate(0);opacity:1}50%{transform:rotate(25deg);opacity:.55}}@keyframes qi-flicker{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.35) scaleX(.9)}}@keyframes qi-blink{0%,100%{transform:scaleY(1)}15%{transform:scaleY(.12)}30%{transform:scaleY(1)}}@keyframes qi-open{0%{transform:scaleY(.08)}62%{transform:scaleY(1.05)}100%{transform:scaleY(1)}}@keyframes qi-gaze{0%,100%{transform:translateX(0)}32%{transform:translateX(2.4px)}68%{transform:translateX(-2.4px)}}@keyframes qi-dilate{0%,100%{transform:scale(1)}45%{transform:scale(1.28)}}@keyframes qi-enter{0%{transform:translateX(-3.4px);opacity:0}45%{opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes qi-flow{0%{transform:translateX(-3px);opacity:0}45%{opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes qi-cloth{0%,100%{transform:skewY(0) scaleX(1)}30%{transform:skewY(-2.2deg) scaleX(.97)}65%{transform:skewY(1.6deg) scaleX(.985)}}@keyframes qi-flap-l{from{transform:rotate(52deg)}to{transform:rotate(0)}}@keyframes qi-flap-r{from{transform:rotate(-52deg)}to{transform:rotate(0)}}@keyframes qi-trail{0%,100%{transform:rotate(0)}50%{transform:rotate(5deg) translate(.6px,-.6px)}}@keyframes qi-speed{0%,100%{transform:translateX(0);opacity:1}40%{transform:translateX(-2.5px);opacity:.6}}@keyframes qi-stem{0%{transform:scaleY(.04)}60%{transform:scaleY(1.04)}100%{transform:scaleY(1)}}@keyframes qi-unfurl{0%{transform:scale(.05) rotate(-28deg);opacity:0}30%{opacity:1}70%{transform:scale(1.08) rotate(4deg)}100%{transform:scale(1) rotate(0)}}@keyframes qi-settle{0%{transform:translateY(0)}40%{transform:translateY(.6px)}100%{transform:translateY(0)}}@keyframes qi-rise{0%{transform:translate(-2px,2px);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes qi-pop-in{0%{opacity:0}100%{opacity:1}}@keyframes qi-light{0%{fill-opacity:.55}100%{fill-opacity:1;fill:#FFE38F}}@keyframes qi-drop{0%{transform:translateY(-6px);opacity:0}60%{transform:translateY(.6px);opacity:1}100%{transform:translateY(0)}}@keyframes qi-needle{0%{transform:rotate(-155deg)}75%{transform:rotate(7deg)}88%{transform:rotate(-2.5deg)}100%{transform:rotate(0)}}@keyframes qi-draw{from{stroke-dashoffset:var(--l,1)}to{stroke-dashoffset:0}}@keyframes qi-tick{from{stroke-opacity:.3}to{stroke-opacity:1}}@keyframes qi-click{0%,100%{transform:translate(0,0)}40%{transform:translate(-1.2px,-1.2px)}}@keyframes qi-up{from{opacity:0;transform:translateY(3.2px)}to{opacity:1;transform:translateY(0)}}@keyframes qi-appear{from{opacity:0;transform:translateY(2.6px)}to{opacity:1;transform:translateY(0)}}@keyframes qi-flash{0%{opacity:.25}22%{opacity:1}38%{opacity:.5}55%{opacity:1}100%{opacity:1}}@keyframes qi-ray{from{opacity:0}to{opacity:1}}@keyframes qi-swing{0%,100%{transform:rotate(0)}25%{transform:rotate(-11deg)}60%{transform:rotate(7deg)}85%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.qumra-icon *{animation:none!important;transition:none!important}}.qumra-icon[data-still] *{animation:none!important;transform:none!important}/* sprite <use>:\u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0623\u062c\u0632\u0627\u0621\u060c \u0641\u062a\u062a\u062d\u0631\u0643 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0643\u0627\u0645\u0644\u0629 */\n";
1
+ const CSS = "/*! qumra-icons v1.0.0 */\n.qumra-icon{display:inline-block;vertical-align:middle}.qumra-icon{overflow:visible}.qumra-icon.qi-has-count .badge:not(.qi-count){display:none}.qumra-icon[data-mono]{filter:grayscale(1);opacity:.62}.qumra-icon[data-mono]:hover,.qumra-icon[data-mono][data-animate],.qumra-icon[data-mono][data-active]{filter:none;opacity:1}.qumra-icon *{transform-box:fill-box;transform-origin:center}.fit{transform-box:view-box;transform-origin:0 0}.roof,.body,.lid,.bag,.truck,.top,.label,.glass,.bell,.moon,.cap,.ring,.lg-front,.lg-back,.lens,.rocket,.page,.ribbon,.play,.link-a,.link-b,.cp-back,.shackle,.head,.antenna,.tail,.pot,.plant,.leaf,.arrow,.handle,.clasp,.parcel,.speed,.win,.door,.cup,.ear,.piece,.knob,.box,.item,.cart,.basket,.sign,.bag,.flap,.handset,.hook,.cash,.arr1,.bolt,.hand,.dial,.needle,.slice,.cursor,.fruit,.plate,.person,.lift,.tool-a,.tool-b,.gear-r,.tassel,.grow-up,.pulse,.ray,.flag,.peak,.core,.shutter,.awning,.horn,.wave,.sun,.mount,.shield,.mark,.gear,.card,.clasp,.back,.front,.glow{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s ease,fill-opacity .3s ease}.gear,.ring{transition-duration:.8s}.glass{transform-origin:40% 40%}.bell{transform-origin:50% 10%}.tassel{transform-origin:50% 0}.flame{transform-origin:50% 0}.antenna{transform-origin:50% 100%}.head{transform-origin:50% 90%}.tail{transform-origin:15% 85%}/* \u0646\u0645\u0648 \u0627\u0644\u0646\u0628\u0627\u062a:\u0627\u0644\u0633\u0627\u0642 \u0645\u0646 \u0627\u0644\u062a\u0631\u0628\u0629\u060c \u0643\u0644 \u0648\u0631\u0642\u0629 \u0645\u0646 \u0646\u0642\u0637\u0629 \u0627\u062a\u0635\u0627\u0644\u0647\u0627 \u0628\u0627\u0644\u0633\u0627\u0642 */.stem{transform-origin:50% 100%}.leaf.l{transform-origin:100% 100%}.leaf.r{transform-origin:0 100%}.leaf.c{transform-origin:50% 100%}.fruit{transform-origin:center}.win{transition:fill-opacity .25s ease}.flap{transform-origin:50% 0}.handset{transform-origin:40% 60%}.needle{transform-origin:16px 18px;transform-box:view-box}.arc,.draw{stroke-dashoffset:0}.tick{stroke-opacity:.3}.hook{transform-origin:78% 22%}.box{transform-origin:50% 100%}.handle{transform-origin:50% 100%}.eye{transform-origin:50% 50%}.page:first-of-type{transform-origin:100% 50%}.page:nth-of-type(2){transform-origin:0 50%}.wave{opacity:.55;transition:opacity .25s ease,transform .4s cubic-bezier(.22,1,.36,1)}.wave+.wave{transition-delay:.1s}.shutter{transform-origin:50% 0}.bar{transform-origin:50% 100%}.line{transform-origin:100% 50%}.horn{transform-origin:18% 50%}.tag{transform-origin:26% 26%}.qumra-icon[data-animate] .roof{transform:translateY(-1.1px)}.qumra-icon[data-animate] .glow{fill-opacity:1}.qumra-icon[data-animate] .lid{transform:translateY(-1.5px)}.qumra-icon[data-animate] .bag{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .truck{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .wheel{animation:qi-spin .9s linear}.qumra-icon[data-animate] .top{transform:translateY(-2px)}.qumra-icon[data-animate] .label{transform:translateY(-.6px)}.qumra-icon[data-animate] .shutter{transform:scaleY(.28)}.qumra-icon[data-animate] .awning{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .bar{animation:qi-grow .6s cubic-bezier(.2,.8,.25,1.06) both}.qumra-icon[data-animate] .bar:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .bar:nth-of-type(3){animation-delay:.14s}.qumra-icon[data-animate] .horn{animation:qi-shout .7s ease-in-out}.qumra-icon[data-animate] .wave{opacity:1;transform:translateX(.8px)}.qumra-icon[data-animate] .wave+.wave{transform:translateX(1.6px)}.qumra-icon[data-animate] .sun{transform:translate(-.8px,-1.3px)}.qumra-icon[data-animate] .mount.near{transform:translateX(-1.2px)}.qumra-icon[data-animate] .mount.far{transform:translateX(.9px)}.qumra-icon[data-animate] .tile{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .tile:nth-of-type(2){animation-delay:.06s}.qumra-icon[data-animate] .tile:nth-of-type(3){animation-delay:.12s}.qumra-icon[data-animate] .tile:nth-of-type(4){animation-delay:.18s}.qumra-icon[data-animate] .shield{transform:translateY(-.8px)}.qumra-icon[data-animate] .mark{animation:qi-pop .55s cubic-bezier(.22,1,.36,1)}.qumra-icon[data-animate] .gear{transform:rotate(90deg)}.qumra-icon[data-animate] .gear-r{transform:rotate(-103deg)}.qumra-icon[data-animate] .tool-a{transform:rotate(-7deg)}.qumra-icon[data-animate] .tool-b{transform:rotate(7deg)}.qumra-icon[data-animate] .card{transform:translateY(-2.4px)}.qumra-icon[data-animate] .clasp{transform:translateY(-.7px)}.qumra-icon[data-animate] .line{animation:qi-write .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .line:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .line:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .back{transform:translate(1.5px,-1.3px)}.qumra-icon[data-animate] .front{transform:translateX(-.7px)}.qumra-icon[data-animate] .tag{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .glass{transform:rotate(-14deg)}.qumra-icon[data-animate] .lens{transform:translate(.6px,-.6px)}.qumra-icon[data-animate] .bell{animation:qi-shout .7s ease-in-out}.qumra-icon[data-animate] .badge{animation:qi-pop .5s cubic-bezier(.22,1,.36,1)}.qumra-icon[data-animate] .moon{transform:rotate(-18deg)}.qumra-icon[data-animate] .star{animation:qi-twinkle .8s ease-in-out}.qumra-icon[data-animate] .lg-front{transform:translate(1.2px,-1.2px)}.qumra-icon[data-animate] .lg-back{transform:translate(-1.2px,1.2px)}.qumra-icon[data-animate] .cap{transform:translateY(-1.2px)}.qumra-icon[data-animate] .tassel{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .pin{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .ring{transform:rotate(90deg)}.qumra-icon[data-animate] .rocket{transform:translateY(-1.6px)}.qumra-icon[data-animate] .flame{animation:qi-flicker .5s ease-in-out infinite}.qumra-icon[data-animate] .spark{animation:qi-twinkle .9s ease-in-out}.qumra-icon[data-animate] .spark2{animation:qi-twinkle .9s ease-in-out .15s}.qumra-icon[data-animate] .dot{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .dot:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .dot:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .page:first-of-type{transform:rotateY(18deg)}.qumra-icon[data-animate] .page:nth-of-type(2){transform:rotateY(-18deg)}.qumra-icon[data-animate] .ribbon{transform:translateY(1.4px)}.qumra-icon[data-animate] .play{transform:translateX(.9px)}.qumra-icon[data-animate] .link-a{transform:translate(1px,-1px)}.qumra-icon[data-animate] .link-b{transform:translate(-1px,1px)}.qumra-icon[data-animate] .cp-back{transform:translate(-1.2px,-1.2px)}.qumra-icon[data-animate] .shackle{transform:translateY(-1.8px) translateX(1px) rotate(-8deg)}.qumra-icon[data-animate] .head{animation:qi-nod .9s ease-in-out}.qumra-icon[data-animate] .antenna{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .tail{animation:qi-trail .8s ease-in-out}.qumra-icon[data-animate] .stem{animation:qi-stem .7s cubic-bezier(.25,.8,.3,1) both}.qumra-icon[data-animate] .leaf{animation:qi-unfurl .75s cubic-bezier(.2,.9,.3,1.12) both}.qumra-icon[data-animate] .leaf:nth-of-type(2){animation-delay:.42s}.qumra-icon[data-animate] .leaf:nth-of-type(3){animation-delay:.58s}.qumra-icon[data-animate] .leaf:nth-of-type(4){animation-delay:.74s}.qumra-icon[data-animate] .pot{animation:qi-settle .5s ease-out both}.qumra-icon[data-animate] .arrow{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) 1.1s both}.qumra-icon[data-animate] .leaf.c{animation:qi-unfurl .7s cubic-bezier(.2,.9,.3,1.12) both}.qumra-icon[data-animate] .fruit{animation:qi-pop-in .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .fruit{animation:qi-pop-in .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .fruit:nth-of-type(1){animation-delay:1s}.qumra-icon[data-animate] .fruit:nth-of-type(2){animation-delay:1.12s}.qumra-icon[data-animate] .fruit:nth-of-type(3){animation-delay:1.24s}.qumra-icon[data-animate] .win{animation:qi-light .4s ease both}.qumra-icon[data-animate] .win:nth-of-type(1){animation-delay:.05s}.qumra-icon[data-animate] .win:nth-of-type(2){animation-delay:.12s}.qumra-icon[data-animate] .win:nth-of-type(3){animation-delay:.19s}.qumra-icon[data-animate] .win:nth-of-type(4){animation-delay:.26s}.qumra-icon[data-animate] .win:nth-of-type(5){animation-delay:.33s}.qumra-icon[data-animate] .win:nth-of-type(6){animation-delay:.4s}.qumra-icon[data-animate] .win:nth-of-type(7){animation-delay:.47s}.qumra-icon[data-animate] .win:nth-of-type(8){animation-delay:.54s}.qumra-icon[data-animate] .win:nth-of-type(9){animation-delay:.61s}.qumra-icon[data-animate] .door{animation:qi-light .4s ease .75s both}.qumra-icon[data-animate] .cup{transform:translateY(-1.6px)}.qumra-icon[data-animate] .piece{transform:translate(-.8px,.8px)}.qumra-icon[data-animate] .knob{transform:translate(1.2px,-1.2px)}.qumra-icon[data-animate] .box{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.15) both}.qumra-icon[data-animate] .box:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .box:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .box:nth-of-type(4){animation-delay:.24s}.qumra-icon[data-animate] .box:nth-of-type(5){animation-delay:.32s}.qumra-icon[data-animate] .box:nth-of-type(6){animation-delay:.4s}.qumra-icon[data-animate] .box.top{animation-delay:.3s}.qumra-icon[data-animate] .item{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.15) both}.qumra-icon[data-animate] .cart,.qumra-icon[data-animate] .basket{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .sign{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .bag{animation:qi-bounce .6s cubic-bezier(.34,1.56,.64,1)}.qumra-icon[data-animate] .flap{transform:rotateX(-70deg)}.qumra-icon[data-animate] .handset{animation:qi-shout .6s ease-in-out}.qumra-icon[data-animate] .hook{animation:qi-swing .9s ease-in-out}.qumra-icon[data-animate] .cash{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .arr1{animation:qi-drive .8s ease-in-out}.qumra-icon[data-animate] .bolt{animation:qi-twinkle .8s ease-in-out}.qumra-icon[data-animate] .hand{transform:translateY(-1px)}.qumra-icon[data-animate] .needle{animation:qi-needle 1.3s cubic-bezier(.22,.9,.3,1.08) both}.qumra-icon[data-animate] .arc{animation:qi-draw .9s cubic-bezier(.3,.6,.3,1) both}.qumra-icon[data-animate] path.arc.a2{animation-duration:.5s;animation-delay:.85s}.qumra-icon[data-animate] circle.arc.a1{animation-duration:.55s;animation-delay:0s}.qumra-icon[data-animate] circle.arc.a2{animation-duration:.4s;animation-delay:.5s}.qumra-icon[data-animate] circle.arc.a3{animation-duration:.35s;animation-delay:.85s}.qumra-icon[data-animate] .tick{animation:qi-tick .3s ease both}.qumra-icon[data-animate] .tick:nth-of-type(1){animation-delay:.1s}.qumra-icon[data-animate] .tick:nth-of-type(2){animation-delay:.32s}.qumra-icon[data-animate] .tick:nth-of-type(3){animation-delay:.54s}.qumra-icon[data-animate] .tick:nth-of-type(4){animation-delay:.76s}.qumra-icon[data-animate] .tick:nth-of-type(5){animation-delay:.98s}.qumra-icon[data-animate] .tick:nth-of-type(6){animation-delay:1.2s}.qumra-icon[data-animate] .readout{animation:qi-write .6s cubic-bezier(.22,1,.36,1) 1.1s both;transform-origin:0 50%}.qumra-icon[data-animate] .draw{animation:qi-draw 1s cubic-bezier(.4,.2,.3,1) .55s both}.qumra-icon[data-animate] .draw:nth-of-type(2){animation-delay:.7s}.qumra-icon[data-animate] .draw:nth-of-type(3){animation-delay:.85s}.qumra-icon[data-animate] .node{animation:qi-pop-in .4s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .node:nth-of-type(1){animation-delay:.75s}.qumra-icon[data-animate] .node:nth-of-type(2){animation-delay:.95s}.qumra-icon[data-animate] .node:nth-of-type(3){animation-delay:1.15s}.qumra-icon[data-animate] .bar:nth-of-type(4){animation-delay:.21s}.qumra-icon[data-animate] .arrow{animation:qi-pop-in .4s cubic-bezier(.22,1,.36,1) 1.5s both}.qumra-icon[data-animate] .cursor{animation:qi-click .6s ease-in-out 1.35s}/* \u0627\u0644\u0635\u0639\u0648\u062f:\u0627\u0644\u0643\u062a\u0644 \u062a\u0646\u0645\u0648 \u0645\u0646 \u062e\u0637 \u0627\u0644\u0623\u0631\u0636\u060c \u062b\u0645 \u064a\u064f\u0631\u0633\u0645 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u060c \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0633\u0647\u0645 */.qumra-icon[data-animate] .grow-up{animation:qi-grow .6s cubic-bezier(.2,.8,.25,1.06) both}.qumra-icon[data-animate] .grow-up:nth-of-type(2){animation-delay:.08s}.qumra-icon[data-animate] .grow-up:nth-of-type(3){animation-delay:.16s}.qumra-icon[data-animate] .lift{animation:qi-up .5s cubic-bezier(.22,1,.36,1) .5s both}.qumra-icon[data-animate] .flag{animation:qi-up .45s cubic-bezier(.22,1,.36,1) .55s both}/* \u0627\u0644\u0637\u0628\u0642\u0627\u062a:\u062a\u0647\u0628\u0637 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644 \u0644\u0644\u0623\u0639\u0644\u0649 \u0628\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062a\u0643\u062f\u064a\u0633 */.qumra-icon[data-animate] .plate{animation:qi-drop .55s cubic-bezier(.25,.8,.3,1.12) both}.qumra-icon[data-animate] .plate:nth-of-type(2){animation-delay:.11s}.qumra-icon[data-animate] .plate:nth-of-type(3){animation-delay:.22s}/* \u0627\u0644\u0637\u0627\u0642\u0629:\u0627\u0644\u0628\u0631\u0642 \u064a\u0648\u0645\u0636 \u062b\u0645 \u062a\u0634\u0639\u0651 \u0627\u0644\u0623\u0634\u0639\u0651\u0629 \u0645\u0646 \u0627\u0644\u062f\u0627\u062e\u0644 \u0644\u0644\u062e\u0627\u0631\u062c */.qumra-icon[data-animate] .pulse{animation:qi-flash .8s ease-out both}.qumra-icon[data-animate] .core{animation:qi-flash .8s ease-out both}.qumra-icon[data-animate] .ray{animation:qi-ray .5s ease-out both}.qumra-icon[data-animate] .ray:nth-of-type(1){animation-delay:.30s}.qumra-icon[data-animate] .ray:nth-of-type(2){animation-delay:.34s}.qumra-icon[data-animate] .ray:nth-of-type(3){animation-delay:.38s}.qumra-icon[data-animate] .ray:nth-of-type(4){animation-delay:.42s}.qumra-icon[data-animate] .ray:nth-of-type(5){animation-delay:.46s}.qumra-icon[data-animate] .ray:nth-of-type(6){animation-delay:.50s}.qumra-icon[data-animate] .ray:nth-of-type(7){animation-delay:.54s}.qumra-icon[data-animate] .ray:nth-of-type(8){animation-delay:.58s}/* \u0627\u0644\u0641\u0631\u064a\u0642:\u064a\u0638\u0647\u0631\u0648\u0646 \u0645\u0646 \u0627\u0644\u062e\u0644\u0641 \u0625\u0644\u0649 \u0627\u0644\u0623\u0645\u0627\u0645 */.qumra-icon[data-animate] .person{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .person:nth-of-type(2){animation-delay:.09s}.qumra-icon[data-animate] .person:nth-of-type(3){animation-delay:.18s}.qumra-icon[data-animate] .handle{transform:translateY(-1.4px)}.qumra-icon[data-animate] .parcel{animation:qi-drive .9s ease-in-out}.qumra-icon[data-animate] .speed{animation:qi-speed .9s ease-in-out}.qumra-icon[data-animate] .link-a{transform:translate(-1px,0)}.qumra-icon[data-animate] .link-b{transform:translate(1px,0)}.qumra-icon[data-animate] .eye{animation:qi-blink .9s ease-in-out .25s}/* \u0627\u0644\u0645\u0634\u0627\u0647\u062f\u0627\u062a:\u0627\u0644\u0639\u064a\u0646 \u062a\u064f\u0641\u062a\u062d \u0645\u0646 \u062e\u0637 \u0631\u0641\u064a\u0639\u060c \u062b\u0645 \u062a\u062a\u062c\u0648\u0651\u0644 \u0627\u0644\u0646\u0638\u0631\u0629 \u064a\u0645\u064a\u0646\u064b\u0627 \u0641\u064a\u0633\u0627\u0631\u064b\u0627 \u0648\u062a\u0639\u0648\u062f \u0644\u0644\u0645\u0631\u0643\u0632 \u0648\u0627\u0644\u0628\u0624\u0628\u0624 \u064a\u062a\u0651\u0633\u0639 */.qumra-icon[data-animate] .vw-lid{animation:qi-open .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .vw-gaze{animation:qi-gaze 1.1s ease-in-out .42s both}.qumra-icon[data-animate] .vw-pupil{animation:qi-dilate 1.1s ease-in-out .42s both}/* \u0627\u0644\u0632\u0648\u0627\u0631:\u0633\u0647\u0645 \u0627\u0644\u062f\u062e\u0648\u0644 \u064a\u0646\u0632\u0644\u0642 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0632\u0627\u0626\u0631 \u00b7 \u0627\u0644\u062c\u0644\u0633\u0627\u062a:\u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u062a\u0631\u062a\u0641\u0639 \u0648\u0627\u0644\u0639\u0642\u0631\u0628 \u064a\u062f\u0648\u0631 \u062f\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 */.ss-hand{transform-origin:24px 24px;transform-box:view-box}.qumra-icon[data-animate] .vt-in{animation:qi-enter .55s cubic-bezier(.3,.8,.3,1) both}.qumra-icon[data-animate] .vt-p{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) .2s both}.qumra-icon[data-animate] .ss-win{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .ss-badge{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .3s both}.qumra-icon[data-animate] .ss-hand{animation:qi-turn 1.05s cubic-bezier(.4,.05,.2,1) .5s both}/* \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0635\u0627\u062f\u0631:\u0627\u0644\u0623\u0633\u0647\u0645 \u062a\u0646\u0633\u0627\u0628 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0642\u0645\u0627\u0634 \u0627\u0644\u0639\u0644\u0645 \u064a\u0631\u0641\u0631\u0641\u060c \u0627\u0644\u0628\u0646\u0627\u064a\u0627\u062a \u062a\u0646\u0645\u0648 \u0645\u0646 \u0627\u0644\u0623\u0631\u0636\u060c \u0627\u0644\u0647\u0627\u062a\u0641 \u064a\u0646\u0628\u062b\u0642 \u0628\u0639\u062f \u0627\u0644\u0634\u0627\u0634\u0629\u060c \u0627\u0644\u0646\u0627\u0641\u0630\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 \u062a\u0646\u0632\u0644\u0642\u060c \u0648\u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u062a\u064f\u0636\u0627\u0621 \u062b\u0645 \u062a\u0646\u0628\u0636 \u0627\u0644\u0646\u0648\u0627\u0629 */.cn-cloth{transform-origin:0 50%}.qumra-icon[data-animate] .ts-a{animation:qi-flow .55s cubic-bezier(.3,.8,.3,1) both}.qumra-icon[data-animate] .ts-a:nth-of-type(2){animation-delay:.09s}.qumra-icon[data-animate] .ts-a:nth-of-type(3){animation-delay:.18s}.qumra-icon[data-animate] .ts-disc{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .3s both}.qumra-icon[data-animate] .cn-cloth{animation:qi-cloth 1.1s ease-in-out both}.qumra-icon[data-animate] .dv-m{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .dv-p{animation:qi-check .42s cubic-bezier(.34,1.56,.64,1) .22s both}.qumra-icon[data-animate] .br-b{animation:qi-appear .45s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .br-f{animation:qi-rise .5s cubic-bezier(.22,1,.36,1) .12s both}.qumra-icon[data-animate] .os-pin{animation:qi-ray .4s ease-out both}.qumra-icon[data-animate] .os-pin:nth-of-type(even){animation-delay:.14s}.qumra-icon[data-animate] .os-core{animation:qi-flash .85s ease-out .22s both}/* \u0641\u0627\u0631\u063a:\u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u064a\u0638\u0647\u0631 \u062b\u0645 \u064a\u0646\u0641\u062a\u062d \u0644\u0633\u0627\u0646\u0627\u0647 \u0645\u0646 \u0645\u0641\u0635\u0644\u064a\u0647\u0645\u0627 \u0639\u0646\u062f \u062d\u0627\u0641\u0651\u062a\u064a \u0627\u0644\u0641\u062a\u062d\u0629 \u0648\u064a\u0633\u062a\u0642\u0631\u0651\u0627\u0646 */.em-fl{transform-box:view-box}.em-fl.l{transform-origin:6.5px 15.9px}.em-fl.r{transform-origin:25.5px 15.9px}.qumra-icon[data-animate] .em-box{animation:qi-appear .4s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .em-fl.l{animation:qi-flap-l .6s cubic-bezier(.34,1.4,.64,1) .12s both}.qumra-icon[data-animate] .em-fl.r{animation:qi-flap-r .6s cubic-bezier(.34,1.4,.64,1) .12s both}/* \u0627\u0644\u0635\u0641\u062d\u0629 \u063a\u064a\u0631 \u0645\u0648\u062c\u0648\u062f\u0629:\u0627\u0644\u0648\u0631\u0642\u0629 \u062a\u0638\u0647\u0631 \u062b\u0645 \u062a\u0646\u0628\u062b\u0642 \u0634\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0641\u0647\u0627\u0645 */.qumra-icon[data-animate] .nf-page{animation:qi-appear .42s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .nf-mark{animation:qi-check .45s cubic-bezier(.34,1.5,.64,1) .22s both}.qumra-icon[data-animate] .node{animation:qi-pop .5s cubic-bezier(.22,1,.36,1) both}.qumra-icon[data-animate] .node:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .node:nth-of-type(3){animation-delay:.14s}/* >>> gen_brand *//* \u0639\u0644\u0627\u0645\u0629 \u0642\u064f\u0645\u0631\u0629 (\u0645\u0634\u062a\u0642\u0651\u0629 \u0645\u0646 \u0627\u0644\u0644\u0648\u062c\u0648) \u2014 \u0623\u0637\u0648\u0627\u0644 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u062e\u0628\u0648\u0632\u0629:\u0627\u0644\u0631\u0626\u064a\u0633\u064a 60.72 \u00b7 \u0627\u0644\u0630\u064a\u0644 6.88 */.qm-main,.qm-tail,.qm-tailrun{stroke-dashoffset:0}.qumra-icon[data-animate] .qm-main{animation:qi-draw .95s cubic-bezier(.4,.05,.2,1) both}.qumra-icon[data-animate] .qm-tail{animation:qi-draw .26s cubic-bezier(.3,.8,.3,1) .82s both}.qumra-icon[data-animate] .qm-logo{animation:qi-appear .55s cubic-bezier(.22,1,.36,1) both}/* \u0627\u0644\u0644\u0648\u062c\u0648 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u062a\u062d\u0631\u0651\u0643 \u2014 \u0643\u0634\u0641 \u0648\u0627\u062d\u062f \u0645\u062a\u0635\u0644 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631:\u0627\u0644\u0633\u0644\u0629 (0\u2192.5s) \u062b\u0645 \u0627\u0644\u0643\u0644\u0645\u0629 (.32\u2192.95s) */.qm-la-r{transform-box:fill-box;transform-origin:100% 50%}.qumra-icon[data-animate] .qm-la-r1{animation:qm-la-wipe .5s cubic-bezier(.4,0,.2,1) both}.qumra-icon[data-animate] .qm-la-r2{animation:qm-la-wipe .63s cubic-bezier(.25,.1,.25,1) .32s both}@keyframes qm-la-wipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}.qumra-icon[data-animate] .qm-comet.c1{animation:qm-run1 1.25s linear infinite}.qumra-icon[data-animate] .qm-comet.c2{animation:qm-run2 1.25s linear infinite}.qumra-icon[data-animate] .qm-comet.c3{animation:qm-run3 1.25s linear infinite}.qumra-icon[data-animate] .qm-tailrun{animation:qm-tailrun 1.25s linear infinite}@keyframes qm-run1{from{stroke-dashoffset:0}to{stroke-dashoffset:-70.72}}@keyframes qm-run2{from{stroke-dashoffset:-3.5}to{stroke-dashoffset:-74.22}}@keyframes qm-run3{from{stroke-dashoffset:-6.5}to{stroke-dashoffset:-77.22}}@keyframes qm-tailrun{0%,71.7%{stroke-dashoffset:11.18;opacity:1}85.8%{stroke-dashoffset:0;opacity:1}91.8%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}/* <<< gen_brand *//* >>> gen_notif *//* \u0627\u0644\u0625\u0634\u0639\u0627\u0631\u0627\u062a */.qumra-icon[data-animate] .turn{animation:qi-turn .9s cubic-bezier(.4,.05,.2,1) both}.ridge{stroke-dashoffset:0}.qumra-icon[data-animate] .ridge{animation:qi-draw .7s cubic-bezier(.4,.05,.2,1) both}.qumra-icon[data-animate] .ridge:nth-of-type(2){animation-delay:.07s}.qumra-icon[data-animate] .ridge:nth-of-type(3){animation-delay:.14s}.qumra-icon[data-animate] .ridge:nth-of-type(4){animation-delay:.21s}.qumra-icon[data-animate] .scan{animation:qi-scan 1.25s ease-in-out .1s both}.done{transform-origin:center}.qumra-icon[data-animate] .snap{animation:qi-snap .5s cubic-bezier(.3,.7,.3,1) both}.qumra-icon[data-animate] .done{animation:qi-check .4s cubic-bezier(.34,1.56,.64,1) .45s both}@keyframes qi-turn{to{transform:rotate(360deg)}}@keyframes qi-snap{0%{transform:translate(-3px,3px);opacity:.5}70%{transform:translate(.4px,-.4px);opacity:1}100%{transform:none}}@keyframes qi-check{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes qi-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(-21.4px)}}/* <<< gen_notif */@keyframes qi-nod{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}70%{transform:rotate(3deg)}}/* >>> gen_flags *//* \u0627\u0644\u0623\u0639\u0644\u0627\u0645:\u0631\u0641\u0631\u0641\u0629 \u062e\u0641\u064a\u0641\u0629 \u062a\u0639\u0648\u062f \u0644\u0644\u0633\u0643\u0648\u0646 \u0627\u0644\u062a\u0627\u0645 + \u0634\u0631\u064a\u0637 \u0636\u0648\u0621 \u064a\u0639\u0628\u0631 \u0627\u0644\u0639\u0644\u0645 \u0645\u0631\u0651\u0629 \u0648\u0627\u062d\u062f\u0629 */.fl-shine{opacity:0}.qumra-icon[data-animate] .fl-wave{animation:qi-flutter 1.1s ease-in-out both}.qumra-icon[data-animate] .fl-shine{animation:qi-shine .95s ease-in-out .12s both}@keyframes qi-flutter{0%,100%{transform:skewY(0) scaleX(1)}28%{transform:skewY(-1.5deg) scaleX(.985)}62%{transform:skewY(1.1deg) scaleX(.992)}}@keyframes qi-shine{0%{transform:translateX(0);opacity:0}22%{opacity:1}78%{opacity:1}100%{transform:translateX(34px);opacity:0}}/* <<< gen_flags *//* >>> gen_social *//* \u0627\u0644\u0628\u0644\u0627\u0637\u0629 \u0644\u0648\u0646\u0647\u0627 \u0644\u0648\u0646 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062e\u0627\u0644\u0635 \u0628\u0644\u0627 \u062d\u0648\u0627\u0641 \u0648\u0644\u0627 \u062d\u062f\u0648\u062f \u2014 \u0627\u0644\u0634\u0643\u0644 \u0645\u0631\u0628\u0651\u0639 \u0645\u062f\u0648\u0651\u0631 \u0645\u062a\u0645\u0627\u062b\u0644 \u062a\u0645\u0627\u0645\u064b\u0627.\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0633\u0648\u062f\u0627\u0621 (\u0625\u0643\u0633 \u00b7 \u062a\u064a\u0643 \u062a\u0648\u0643 \u00b7 \u062b\u0631\u064a\u062f\u0632) \u062a\u0630\u0648\u0628 \u0637\u0628\u0639\u064b\u0627 \u0641\u064a \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u062f\u0627\u0643\u0646\u0629\u060c \u062a\u0645\u0627\u0645\u064b\u0627 \u0643\u0645\u0627 \u062a\u0641\u0639\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629 \u0627\u0644\u062f\u0627\u0643\u0646\u0629. \u0644\u0642\u0644\u0628\u0647\u0627 \u0625\u0644\u0649 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0627\u0636\u0628\u0637 \u0627\u0644\u0645\u062a\u063a\u064a\u0651\u0631\u064a\u0646 \u0639\u0644\u0649\u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0648\u064a\u0646\u0641\u0630\u0627\u0646 \u0625\u0644\u0649 \u062f\u0627\u062e\u0644 \u0627\u0644\u0640shadow root:.dark-panel{--qi-social-ink:#FFFFFF;--qi-social-paper:#0B0B0B}*/.so-ink{fill:var(--qi-social-ink,#0B0B0B)}.so-mark{fill:var(--qi-social-paper,#FFFFFF)}/* \u0645\u0646\u0635\u0651\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644:\u0627\u0644\u0628\u0644\u0627\u0637\u0629 \u062a\u0646\u0628\u062b\u0642 \u0628\u0627\u0631\u062a\u062f\u0627\u062f \u062e\u0641\u064a\u0641 \u062b\u0645 \u064a\u0638\u0647\u0631 \u0627\u0644\u0631\u0645\u0632 \u2014 \u0648\u0627\u0644\u0643\u0644 \u064a\u0639\u0648\u062f \u0644\u0644\u0633\u0643\u0648\u0646 \u0627\u0644\u062a\u0627\u0645 */.so-tile,.so-glyph,.so-solo{transform-box:fill-box;transform-origin:center}.qumra-icon[data-animate] .so-tile{animation:qi-tile .5s cubic-bezier(.34,1.5,.64,1) both}.qumra-icon[data-animate] .so-glyph{animation:qi-mark .42s cubic-bezier(.22,1,.36,1) .1s both}.qumra-icon[data-animate] .so-solo{animation:qi-tile .5s cubic-bezier(.34,1.5,.64,1) both}@keyframes qi-tile{0%{transform:scale(.82);opacity:0}45%{opacity:1}70%{transform:scale(1.045)}100%{transform:scale(1);opacity:1}}@keyframes qi-mark{0%{transform:scale(.55);opacity:0}55%{opacity:1}100%{transform:scale(1);opacity:1}}/* <<< gen_social */@keyframes qi-bounce{0%{transform:translateY(0)}35%{transform:translateY(-2.3px)}70%{transform:translateY(.4px)}100%{transform:translateY(0)}}@keyframes qi-drive{0%{transform:translateX(0)}40%{transform:translateX(2.2px)}100%{transform:translateX(0)}}@keyframes qi-spin{to{transform:rotate(360deg)}}@keyframes qi-grow{from{transform:scaleY(.22)}}@keyframes qi-shout{0%,100%{transform:rotate(0)}20%{transform:rotate(-7deg)}50%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}}@keyframes qi-pop{0%,100%{transform:translateY(0)}40%{transform:translateY(-1.3px)}}@keyframes qi-write{from{transform:scaleX(0)}}@keyframes qi-twinkle{0%,100%{transform:rotate(0);opacity:1}50%{transform:rotate(25deg);opacity:.55}}@keyframes qi-flicker{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.35) scaleX(.9)}}@keyframes qi-blink{0%,100%{transform:scaleY(1)}15%{transform:scaleY(.12)}30%{transform:scaleY(1)}}@keyframes qi-open{0%{transform:scaleY(.08)}62%{transform:scaleY(1.05)}100%{transform:scaleY(1)}}@keyframes qi-gaze{0%,100%{transform:translateX(0)}32%{transform:translateX(2.4px)}68%{transform:translateX(-2.4px)}}@keyframes qi-dilate{0%,100%{transform:scale(1)}45%{transform:scale(1.28)}}@keyframes qi-enter{0%{transform:translateX(-3.4px);opacity:0}45%{opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes qi-flow{0%{transform:translateX(-3px);opacity:0}45%{opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes qi-cloth{0%,100%{transform:skewY(0) scaleX(1)}30%{transform:skewY(-2.2deg) scaleX(.97)}65%{transform:skewY(1.6deg) scaleX(.985)}}@keyframes qi-flap-l{from{transform:rotate(52deg)}to{transform:rotate(0)}}@keyframes qi-flap-r{from{transform:rotate(-52deg)}to{transform:rotate(0)}}@keyframes qi-trail{0%,100%{transform:rotate(0)}50%{transform:rotate(5deg) translate(.6px,-.6px)}}@keyframes qi-speed{0%,100%{transform:translateX(0);opacity:1}40%{transform:translateX(-2.5px);opacity:.6}}@keyframes qi-stem{0%{transform:scaleY(.04)}60%{transform:scaleY(1.04)}100%{transform:scaleY(1)}}@keyframes qi-unfurl{0%{transform:scale(.05) rotate(-28deg);opacity:0}30%{opacity:1}70%{transform:scale(1.08) rotate(4deg)}100%{transform:scale(1) rotate(0)}}@keyframes qi-settle{0%{transform:translateY(0)}40%{transform:translateY(.6px)}100%{transform:translateY(0)}}@keyframes qi-rise{0%{transform:translate(-2px,2px);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes qi-pop-in{0%{opacity:0}100%{opacity:1}}@keyframes qi-light{0%{fill-opacity:.55}100%{fill-opacity:1;fill:#FFE38F}}@keyframes qi-drop{0%{transform:translateY(-6px);opacity:0}60%{transform:translateY(.6px);opacity:1}100%{transform:translateY(0)}}@keyframes qi-needle{0%{transform:rotate(-155deg)}75%{transform:rotate(7deg)}88%{transform:rotate(-2.5deg)}100%{transform:rotate(0)}}@keyframes qi-draw{from{stroke-dashoffset:var(--l,1)}to{stroke-dashoffset:0}}@keyframes qi-tick{from{stroke-opacity:.3}to{stroke-opacity:1}}@keyframes qi-click{0%,100%{transform:translate(0,0)}40%{transform:translate(-1.2px,-1.2px)}}@keyframes qi-up{from{opacity:0;transform:translateY(3.2px)}to{opacity:1;transform:translateY(0)}}@keyframes qi-appear{from{opacity:0;transform:translateY(2.6px)}to{opacity:1;transform:translateY(0)}}@keyframes qi-flash{0%{opacity:.25}22%{opacity:1}38%{opacity:.5}55%{opacity:1}100%{opacity:1}}@keyframes qi-ray{from{opacity:0}to{opacity:1}}@keyframes qi-swing{0%,100%{transform:rotate(0)}25%{transform:rotate(-11deg)}60%{transform:rotate(7deg)}85%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.qumra-icon *{animation:none!important;transition:none!important}}.qumra-icon[data-still] *{animation:none!important;transform:none!important}/* sprite <use>:\u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0623\u062c\u0632\u0627\u0621\u060c \u0641\u062a\u062a\u062d\u0631\u0643 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0643\u0627\u0645\u0644\u0629 */\n";
2
2
  import { createElement as h, useMemo, useEffect, forwardRef } from "react";
3
3
  import * as React from "react";
4
4
 
@@ -35,13 +35,32 @@ function build(node, uid, key) {
35
35
  return h(type, p, kids ? kids.map((c, i) => build(c, uid, i)) : undefined);
36
36
  }
37
37
 
38
+ /** شارة عدد: قرص لرقم واحد ويستطيل لرقمين، وما زاد على 99 يصير 99+ */
39
+ function countBadge(v) {
40
+ const t = String(v == null ? "" : v).trim();
41
+ if (!t || t === "0") return null;
42
+ const n = Number(t);
43
+ const s = !isNaN(n) && n > 99 ? "99+" : t.length > 3 ? t.slice(0, 3) : t;
44
+ const w = s.length === 1 ? 12.4 : s.length === 2 ? 15.8 : 19.2;
45
+ const fs = s.length === 1 ? 9 : s.length === 2 ? 8.2 : 7.1;
46
+ const x = 30.4 - w, cy = 8.4, hh = 12.4, r = hh / 2;
47
+ return h("g", { key: "qi-count", className: "badge qi-count" }, [
48
+ h("rect", { key: "r", x, y: cy - r, width: w, height: hh, rx: r,
49
+ fill: "#E8A94F", stroke: "#F2F7F8", strokeWidth: 1.4 }),
50
+ h("text", { key: "t", x: x + w / 2, y: cy, textAnchor: "middle", dominantBaseline: "central",
51
+ fill: "#FFFFFF", fontSize: fs, fontWeight: 700,
52
+ fontFamily: "Alexandria,system-ui,-apple-system,Segoe UI,sans-serif" }, s),
53
+ ]);
54
+ }
55
+
38
56
  export default function createIcon(iconName, label, tree) {
39
57
  const Icon = forwardRef(function QumraIcon(
40
- { size = 32, mono, active, animate, still, label: aria, className = "", style, injectStyles = true, ...rest },
58
+ { size = 32, mono, active, animate, still, count, label: aria, className = "", style, injectStyles = true, ...rest },
41
59
  ref
42
60
  ) {
43
61
  const uid = useUid();
44
62
  useStyles(injectStyles);
63
+ const badge = countBadge(count);
45
64
  const children = useMemo(() => tree.map((n, i) => build(n, uid, i)), [uid]);
46
65
  return h(
47
66
  "svg",
@@ -52,8 +71,8 @@ export default function createIcon(iconName, label, tree) {
52
71
  width: size,
53
72
  height: size,
54
73
  role: "img",
55
- "aria-label": aria || label,
56
- className: ("qumra-icon " + className).trim(),
74
+ "aria-label": aria || (badge ? label + " — " + count : label),
75
+ className: ("qumra-icon " + (badge ? "qi-has-count " : "") + className).trim(),
57
76
  "data-icon": iconName,
58
77
  "data-mono": mono ? "" : undefined,
59
78
  "data-active": active ? "" : undefined,
@@ -62,7 +81,7 @@ export default function createIcon(iconName, label, tree) {
62
81
  style,
63
82
  ...rest,
64
83
  },
65
- children
84
+ badge ? children.concat(badge) : children
66
85
  );
67
86
  });
68
87
  Icon.iconName = iconName;
package/dist/esm/icons/active.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { QumraIcon } from "../../index.js";
2
+ declare const Active: QumraIcon;
3
+ export default Active;
package/dist/esm/icons/active.js ADDED
@@ -0,0 +1,2 @@
1
+ import createIcon from "../createIcon.js";
2
+ export default createIcon("active", "فعّال الآن", [["defs",{},[["linearGradient",{"id":"act-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]]]],["path",{"className":"wave","fill":"none","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M24.58 8.80A11.2 11.2 0 0 1 24.58 23.20"}],["path",{"className":"wave","fill":"none","stroke":"#E8A94F","strokeWidth":"2.4","strokeLinecap":"round","d":"M7.42 23.20A11.2 11.2 0 0 1 7.42 8.80"}],["circle",{"fill":"url(#act-m)","cx":"16","cy":"16","r":"7.6"}],["path",{"fill":"none","stroke":"#fff","strokeWidth":"2.4","strokeLinecap":"round","strokeLinejoin":"round","d":"m12.3 16.1 2.7 2.7 4.8-5.6"}]]);
package/dist/esm/icons/notifications-none.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import type { QumraIcon } from "../../index.js";
2
+ declare const NotificationsNone: QumraIcon;
3
+ export default NotificationsNone;
package/dist/esm/icons/notifications-none.js ADDED
@@ -0,0 +1,2 @@
1
+ import createIcon from "../createIcon.js";
2
+ export default createIcon("notifications-none", "لا إشعارات", [["defs",{},[["linearGradient",{"id":"ntn-m","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#3E8C93"}],["stop",{"offset":"1","stopColor":"#1D5259"}]]],["linearGradient",{"id":"ntn-d","x1":"0","y1":"0","x2":"0.55","y2":"1"},[["stop",{"offset":"0","stopColor":"#357F87"}],["stop",{"offset":"1","stopColor":"#163E44"}]]]]],["path",{"className":"bell","fill":"url(#ntn-m)","d":"M16 3.4a1.9 1.9 0 0 1 1.9 1.9v.5A8.6 8.6 0 0 1 24.6 14v4.6l2.1 3a1.6 1.6 0 0 1-1.3 2.5H6.6a1.6 1.6 0 0 1-1.3-2.5l2.1-3V14a8.6 8.6 0 0 1 6.7-8.2v-.5A1.9 1.9 0 0 1 16 3.4Z"}],["path",{"fill":"url(#ntn-d)","d":"M12.2 25.6h7.6a3.8 3.8 0 0 1-7.6 0Z"}]]);