/* ═══════════════════════════════════════════════════════════════════════════
   Icon System — replaces emoji characters with themed SVG icons
   Uses CSS mask-image so icons inherit currentColor from parent text.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Base icon class ───────────────────────────────────────────────────── */
.icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  vertical-align: -0.15em;
  flex-shrink: 0;
}

/* Size variants */
.icon-xs  { width: 0.8em;  height: 0.8em;  }
.icon-sm  { width: 1em;    height: 1em;    }
.icon-lg  { width: 1.5em;  height: 1.5em;  }
.icon-xl  { width: 2em;    height: 2em;    }
.icon-2xl { width: 2.5em;  height: 2.5em;  }

/* Star rating container */
.icon-rating {
  display: inline-block;
  height: 1em;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  vertical-align: -0.1em;
}
.icon-rating-5 { width: 5.2em; }
.icon-rating-4 { width: 5.2em; }
.icon-rating-3 { width: 5.2em; }
.icon-rating-2 { width: 5.2em; }
.icon-rating-1 { width: 5.2em; }
.icon-rating-4x { width: 4.2em; }
.icon-rating-3x { width: 3.2em; }
.icon-rating-2x { width: 2.2em; }

.icon-abacus { -webkit-mask-image: url(/static/img/icons/abacus.svg); mask-image: url(/static/img/icons/abacus.svg); }
.icon-abandoned-house { -webkit-mask-image: url(/static/img/icons/abandoned-house.svg); mask-image: url(/static/img/icons/abandoned-house.svg); }
.icon-alembic { -webkit-mask-image: url(/static/img/icons/alembic.svg); mask-image: url(/static/img/icons/alembic.svg); }
.icon-alert { -webkit-mask-image: url(/static/img/icons/alert.svg); mask-image: url(/static/img/icons/alert.svg); }
.icon-alien { -webkit-mask-image: url(/static/img/icons/alien.svg); mask-image: url(/static/img/icons/alien.svg); }
.icon-amphora { -webkit-mask-image: url(/static/img/icons/amphora.svg); mask-image: url(/static/img/icons/amphora.svg); }
.icon-amulet { -webkit-mask-image: url(/static/img/icons/amulet.svg); mask-image: url(/static/img/icons/amulet.svg); }
.icon-anchor { -webkit-mask-image: url(/static/img/icons/anchor.svg); mask-image: url(/static/img/icons/anchor.svg); }
.icon-angel { -webkit-mask-image: url(/static/img/icons/angel.svg); mask-image: url(/static/img/icons/angel.svg); }
.icon-anger { -webkit-mask-image: url(/static/img/icons/anger.svg); mask-image: url(/static/img/icons/anger.svg); }
.icon-angry { -webkit-mask-image: url(/static/img/icons/angry.svg); mask-image: url(/static/img/icons/angry.svg); }
.icon-armor-chest { -webkit-mask-image: url(/static/img/icons/armor-chest.svg); mask-image: url(/static/img/icons/armor-chest.svg); }
.icon-art { -webkit-mask-image: url(/static/img/icons/art.svg); mask-image: url(/static/img/icons/art.svg); }
.icon-axe { -webkit-mask-image: url(/static/img/icons/axe.svg); mask-image: url(/static/img/icons/axe.svg); }
.icon-backpack { -webkit-mask-image: url(/static/img/icons/backpack.svg); mask-image: url(/static/img/icons/backpack.svg); }
.icon-bandage { -webkit-mask-image: url(/static/img/icons/bandage.svg); mask-image: url(/static/img/icons/bandage.svg); }
.icon-bank { -webkit-mask-image: url(/static/img/icons/bank.svg); mask-image: url(/static/img/icons/bank.svg); }
.icon-bat { -webkit-mask-image: url(/static/img/icons/bat.svg); mask-image: url(/static/img/icons/bat.svg); }
.icon-bear { -webkit-mask-image: url(/static/img/icons/bear.svg); mask-image: url(/static/img/icons/bear.svg); }
.icon-bearded { -webkit-mask-image: url(/static/img/icons/bearded.svg); mask-image: url(/static/img/icons/bearded.svg); }
.icon-bee { -webkit-mask-image: url(/static/img/icons/bee.svg); mask-image: url(/static/img/icons/bee.svg); }
.icon-beetle { -webkit-mask-image: url(/static/img/icons/beetle.svg); mask-image: url(/static/img/icons/beetle.svg); }
.icon-bell { -webkit-mask-image: url(/static/img/icons/bell.svg); mask-image: url(/static/img/icons/bell.svg); }
.icon-biohazard { -webkit-mask-image: url(/static/img/icons/biohazard.svg); mask-image: url(/static/img/icons/biohazard.svg); }
.icon-bird { -webkit-mask-image: url(/static/img/icons/bird.svg); mask-image: url(/static/img/icons/bird.svg); }
.icon-black-flag { -webkit-mask-image: url(/static/img/icons/black-flag.svg); mask-image: url(/static/img/icons/black-flag.svg); }
.icon-blood { -webkit-mask-image: url(/static/img/icons/blood.svg); mask-image: url(/static/img/icons/blood.svg); }
.icon-boar { -webkit-mask-image: url(/static/img/icons/boar.svg); mask-image: url(/static/img/icons/boar.svg); }
.icon-bone { -webkit-mask-image: url(/static/img/icons/bone.svg); mask-image: url(/static/img/icons/bone.svg); }
.icon-book-closed { -webkit-mask-image: url(/static/img/icons/book-closed.svg); mask-image: url(/static/img/icons/book-closed.svg); }
.icon-bookmark { -webkit-mask-image: url(/static/img/icons/bookmark.svg); mask-image: url(/static/img/icons/bookmark.svg); }
.icon-books { -webkit-mask-image: url(/static/img/icons/books.svg); mask-image: url(/static/img/icons/books.svg); }
.icon-boots { -webkit-mask-image: url(/static/img/icons/boots.svg); mask-image: url(/static/img/icons/boots.svg); }
.icon-bow { -webkit-mask-image: url(/static/img/icons/bow.svg); mask-image: url(/static/img/icons/bow.svg); }
.icon-boxing-glove { -webkit-mask-image: url(/static/img/icons/boxing-glove.svg); mask-image: url(/static/img/icons/boxing-glove.svg); }
.icon-brain { -webkit-mask-image: url(/static/img/icons/brain.svg); mask-image: url(/static/img/icons/brain.svg); }
.icon-briefcase { -webkit-mask-image: url(/static/img/icons/briefcase.svg); mask-image: url(/static/img/icons/briefcase.svg); }
.icon-bronze-medal { -webkit-mask-image: url(/static/img/icons/bronze-medal.svg); mask-image: url(/static/img/icons/bronze-medal.svg); }
.icon-broom { -webkit-mask-image: url(/static/img/icons/broom.svg); mask-image: url(/static/img/icons/broom.svg); }
.icon-bubbles { -webkit-mask-image: url(/static/img/icons/bubbles.svg); mask-image: url(/static/img/icons/bubbles.svg); }
.icon-bug { -webkit-mask-image: url(/static/img/icons/bug.svg); mask-image: url(/static/img/icons/bug.svg); }
.icon-cake { -webkit-mask-image: url(/static/img/icons/cake.svg); mask-image: url(/static/img/icons/cake.svg); }
.icon-calendar { -webkit-mask-image: url(/static/img/icons/calendar.svg); mask-image: url(/static/img/icons/calendar.svg); }
.icon-calendar-spiral { -webkit-mask-image: url(/static/img/icons/calendar-spiral.svg); mask-image: url(/static/img/icons/calendar-spiral.svg); }
.icon-camel { -webkit-mask-image: url(/static/img/icons/camel.svg); mask-image: url(/static/img/icons/camel.svg); }
.icon-camping { -webkit-mask-image: url(/static/img/icons/camping.svg); mask-image: url(/static/img/icons/camping.svg); }
.icon-candle { -webkit-mask-image: url(/static/img/icons/candle.svg); mask-image: url(/static/img/icons/candle.svg); }
.icon-cart { -webkit-mask-image: url(/static/img/icons/cart.svg); mask-image: url(/static/img/icons/cart.svg); }
.icon-castle { -webkit-mask-image: url(/static/img/icons/castle.svg); mask-image: url(/static/img/icons/castle.svg); }
.icon-cat { -webkit-mask-image: url(/static/img/icons/cat.svg); mask-image: url(/static/img/icons/cat.svg); }
.icon-chain { -webkit-mask-image: url(/static/img/icons/chain.svg); mask-image: url(/static/img/icons/chain.svg); }
.icon-chart { -webkit-mask-image: url(/static/img/icons/chart.svg); mask-image: url(/static/img/icons/chart.svg); }
.icon-chart-up { -webkit-mask-image: url(/static/img/icons/chart-up.svg); mask-image: url(/static/img/icons/chart-up.svg); }
.icon-check-green { -webkit-mask-image: url(/static/img/icons/check-green.svg); mask-image: url(/static/img/icons/check-green.svg); }
.icon-checkbox { -webkit-mask-image: url(/static/img/icons/checkbox.svg); mask-image: url(/static/img/icons/checkbox.svg); }
.icon-checkmark { -webkit-mask-image: url(/static/img/icons/checkmark.svg); mask-image: url(/static/img/icons/checkmark.svg); }
.icon-cheering { -webkit-mask-image: url(/static/img/icons/cheering.svg); mask-image: url(/static/img/icons/cheering.svg); }
.icon-cherry-blossom { -webkit-mask-image: url(/static/img/icons/cherry-blossom.svg); mask-image: url(/static/img/icons/cherry-blossom.svg); }
.icon-church { -webkit-mask-image: url(/static/img/icons/church.svg); mask-image: url(/static/img/icons/church.svg); }
.icon-circus { -webkit-mask-image: url(/static/img/icons/circus.svg); mask-image: url(/static/img/icons/circus.svg); }
.icon-cityscape { -webkit-mask-image: url(/static/img/icons/cityscape.svg); mask-image: url(/static/img/icons/cityscape.svg); }
.icon-clapperboard { -webkit-mask-image: url(/static/img/icons/clapperboard.svg); mask-image: url(/static/img/icons/clapperboard.svg); }
.icon-clipboard { -webkit-mask-image: url(/static/img/icons/clipboard.svg); mask-image: url(/static/img/icons/clipboard.svg); }
.icon-clock { -webkit-mask-image: url(/static/img/icons/clock.svg); mask-image: url(/static/img/icons/clock.svg); }
.icon-close { -webkit-mask-image: url(/static/img/icons/close.svg); mask-image: url(/static/img/icons/close.svg); }
.icon-coffin { -webkit-mask-image: url(/static/img/icons/coffin.svg); mask-image: url(/static/img/icons/coffin.svg); }
.icon-coin { -webkit-mask-image: url(/static/img/icons/coin.svg); mask-image: url(/static/img/icons/coin.svg); }
.icon-comet { -webkit-mask-image: url(/static/img/icons/comet.svg); mask-image: url(/static/img/icons/comet.svg); }
.icon-compass { -webkit-mask-image: url(/static/img/icons/compass.svg); mask-image: url(/static/img/icons/compass.svg); }
.icon-computer { -webkit-mask-image: url(/static/img/icons/computer.svg); mask-image: url(/static/img/icons/computer.svg); }
.icon-construction { -webkit-mask-image: url(/static/img/icons/construction.svg); mask-image: url(/static/img/icons/construction.svg); }
.icon-cookie { -webkit-mask-image: url(/static/img/icons/cookie.svg); mask-image: url(/static/img/icons/cookie.svg); }
.icon-coral { -webkit-mask-image: url(/static/img/icons/coral.svg); mask-image: url(/static/img/icons/coral.svg); }
.icon-crab { -webkit-mask-image: url(/static/img/icons/crab.svg); mask-image: url(/static/img/icons/crab.svg); }
.icon-credit-card { -webkit-mask-image: url(/static/img/icons/credit-card.svg); mask-image: url(/static/img/icons/credit-card.svg); }
.icon-crescent-moon { -webkit-mask-image: url(/static/img/icons/crescent-moon.svg); mask-image: url(/static/img/icons/crescent-moon.svg); }
.icon-crocodile { -webkit-mask-image: url(/static/img/icons/crocodile.svg); mask-image: url(/static/img/icons/crocodile.svg); }
.icon-cross-red { -webkit-mask-image: url(/static/img/icons/cross-red.svg); mask-image: url(/static/img/icons/cross-red.svg); }
.icon-crossed-hammers { -webkit-mask-image: url(/static/img/icons/crossed-hammers.svg); mask-image: url(/static/img/icons/crossed-hammers.svg); }
.icon-crossed-swords { -webkit-mask-image: url(/static/img/icons/crossed-swords.svg); mask-image: url(/static/img/icons/crossed-swords.svg); }
.icon-crown { -webkit-mask-image: url(/static/img/icons/crown.svg); mask-image: url(/static/img/icons/crown.svg); }
.icon-crystal-ball { -webkit-mask-image: url(/static/img/icons/crystal-ball.svg); mask-image: url(/static/img/icons/crystal-ball.svg); }
.icon-cyclone { -webkit-mask-image: url(/static/img/icons/cyclone.svg); mask-image: url(/static/img/icons/cyclone.svg); }
.icon-dagger { -webkit-mask-image: url(/static/img/icons/dagger.svg); mask-image: url(/static/img/icons/dagger.svg); }
.icon-dark-moon-face { -webkit-mask-image: url(/static/img/icons/dark-moon-face.svg); mask-image: url(/static/img/icons/dark-moon-face.svg); }
.icon-dash { -webkit-mask-image: url(/static/img/icons/dash.svg); mask-image: url(/static/img/icons/dash.svg); }
.icon-deer { -webkit-mask-image: url(/static/img/icons/deer.svg); mask-image: url(/static/img/icons/deer.svg); }
.icon-demon { -webkit-mask-image: url(/static/img/icons/demon.svg); mask-image: url(/static/img/icons/demon.svg); }
.icon-desert { -webkit-mask-image: url(/static/img/icons/desert.svg); mask-image: url(/static/img/icons/desert.svg); }
.icon-detective { -webkit-mask-image: url(/static/img/icons/detective.svg); mask-image: url(/static/img/icons/detective.svg); }
.icon-diamond-blue { -webkit-mask-image: url(/static/img/icons/diamond-blue.svg); mask-image: url(/static/img/icons/diamond-blue.svg); }
.icon-diamond-dot { -webkit-mask-image: url(/static/img/icons/diamond-dot.svg); mask-image: url(/static/img/icons/diamond-dot.svg); }
.icon-diamond-orange { -webkit-mask-image: url(/static/img/icons/diamond-orange.svg); mask-image: url(/static/img/icons/diamond-orange.svg); }
.icon-dice { -webkit-mask-image: url(/static/img/icons/dice.svg); mask-image: url(/static/img/icons/dice.svg); }
.icon-dizzy { -webkit-mask-image: url(/static/img/icons/dizzy.svg); mask-image: url(/static/img/icons/dizzy.svg); }
.icon-dna { -webkit-mask-image: url(/static/img/icons/dna.svg); mask-image: url(/static/img/icons/dna.svg); }
.icon-dog { -webkit-mask-image: url(/static/img/icons/dog.svg); mask-image: url(/static/img/icons/dog.svg); }
.icon-door { -webkit-mask-image: url(/static/img/icons/door.svg); mask-image: url(/static/img/icons/door.svg); }
.icon-dot-black { -webkit-mask-image: url(/static/img/icons/dot-black.svg); mask-image: url(/static/img/icons/dot-black.svg); }
.icon-dot-blue { -webkit-mask-image: url(/static/img/icons/dot-blue.svg); mask-image: url(/static/img/icons/dot-blue.svg); }
.icon-dot-brown { -webkit-mask-image: url(/static/img/icons/dot-brown.svg); mask-image: url(/static/img/icons/dot-brown.svg); }
.icon-dot-green { -webkit-mask-image: url(/static/img/icons/dot-green.svg); mask-image: url(/static/img/icons/dot-green.svg); }
.icon-dot-orange { -webkit-mask-image: url(/static/img/icons/dot-orange.svg); mask-image: url(/static/img/icons/dot-orange.svg); }
.icon-dot-purple { -webkit-mask-image: url(/static/img/icons/dot-purple.svg); mask-image: url(/static/img/icons/dot-purple.svg); }
.icon-dot-red { -webkit-mask-image: url(/static/img/icons/dot-red.svg); mask-image: url(/static/img/icons/dot-red.svg); }
.icon-dot-yellow { -webkit-mask-image: url(/static/img/icons/dot-yellow.svg); mask-image: url(/static/img/icons/dot-yellow.svg); }
.icon-dragon { -webkit-mask-image: url(/static/img/icons/dragon.svg); mask-image: url(/static/img/icons/dragon.svg); }
.icon-dragon-face { -webkit-mask-image: url(/static/img/icons/dragon-face.svg); mask-image: url(/static/img/icons/dragon-face.svg); }
.icon-dress { -webkit-mask-image: url(/static/img/icons/dress.svg); mask-image: url(/static/img/icons/dress.svg); }
.icon-eagle { -webkit-mask-image: url(/static/img/icons/eagle.svg); mask-image: url(/static/img/icons/eagle.svg); }
.icon-earth { -webkit-mask-image: url(/static/img/icons/earth.svg); mask-image: url(/static/img/icons/earth.svg); }
.icon-elf { -webkit-mask-image: url(/static/img/icons/elf.svg); mask-image: url(/static/img/icons/elf.svg); }
.icon-email { -webkit-mask-image: url(/static/img/icons/email.svg); mask-image: url(/static/img/icons/email.svg); }
.icon-envelope { -webkit-mask-image: url(/static/img/icons/envelope.svg); mask-image: url(/static/img/icons/envelope.svg); }
.icon-evil-eye { -webkit-mask-image: url(/static/img/icons/evil-eye.svg); mask-image: url(/static/img/icons/evil-eye.svg); }
.icon-explosion { -webkit-mask-image: url(/static/img/icons/explosion.svg); mask-image: url(/static/img/icons/explosion.svg); }
.icon-eye { -webkit-mask-image: url(/static/img/icons/eye.svg); mask-image: url(/static/img/icons/eye.svg); }
.icon-fang { -webkit-mask-image: url(/static/img/icons/fang.svg); mask-image: url(/static/img/icons/fang.svg); }
.icon-feather { -webkit-mask-image: url(/static/img/icons/feather.svg); mask-image: url(/static/img/icons/feather.svg); }
.icon-female { -webkit-mask-image: url(/static/img/icons/female.svg); mask-image: url(/static/img/icons/female.svg); }
.icon-fireworks { -webkit-mask-image: url(/static/img/icons/fireworks.svg); mask-image: url(/static/img/icons/fireworks.svg); }
.icon-fist { -webkit-mask-image: url(/static/img/icons/fist.svg); mask-image: url(/static/img/icons/fist.svg); }
.icon-flag { -webkit-mask-image: url(/static/img/icons/flag.svg); mask-image: url(/static/img/icons/flag.svg); }
.icon-flames { -webkit-mask-image: url(/static/img/icons/flames.svg); mask-image: url(/static/img/icons/flames.svg); }
.icon-fleur-de-lis { -webkit-mask-image: url(/static/img/icons/fleur-de-lis.svg); mask-image: url(/static/img/icons/fleur-de-lis.svg); }
.icon-fly { -webkit-mask-image: url(/static/img/icons/fly.svg); mask-image: url(/static/img/icons/fly.svg); }
.icon-fog { -webkit-mask-image: url(/static/img/icons/fog.svg); mask-image: url(/static/img/icons/fog.svg); }
.icon-four-leaf-clover { -webkit-mask-image: url(/static/img/icons/four-leaf-clover.svg); mask-image: url(/static/img/icons/four-leaf-clover.svg); }
.icon-four-pointed-star { -webkit-mask-image: url(/static/img/icons/four-pointed-star.svg); mask-image: url(/static/img/icons/four-pointed-star.svg); }
.icon-fox { -webkit-mask-image: url(/static/img/icons/fox.svg); mask-image: url(/static/img/icons/fox.svg); }
.icon-frame { -webkit-mask-image: url(/static/img/icons/frame.svg); mask-image: url(/static/img/icons/frame.svg); }
.icon-frog { -webkit-mask-image: url(/static/img/icons/frog.svg); mask-image: url(/static/img/icons/frog.svg); }
.icon-full-moon { -webkit-mask-image: url(/static/img/icons/full-moon.svg); mask-image: url(/static/img/icons/full-moon.svg); }
.icon-galaxy { -webkit-mask-image: url(/static/img/icons/galaxy.svg); mask-image: url(/static/img/icons/galaxy.svg); }
.icon-gamepad-alt { -webkit-mask-image: url(/static/img/icons/gamepad-alt.svg); mask-image: url(/static/img/icons/gamepad-alt.svg); }
.icon-gear { -webkit-mask-image: url(/static/img/icons/gear.svg); mask-image: url(/static/img/icons/gear.svg); }
.icon-gem { -webkit-mask-image: url(/static/img/icons/gem.svg); mask-image: url(/static/img/icons/gem.svg); }
.icon-ghost { -webkit-mask-image: url(/static/img/icons/ghost.svg); mask-image: url(/static/img/icons/ghost.svg); }
.icon-gift { -webkit-mask-image: url(/static/img/icons/gift.svg); mask-image: url(/static/img/icons/gift.svg); }
.icon-globe { -webkit-mask-image: url(/static/img/icons/globe.svg); mask-image: url(/static/img/icons/globe.svg); }
.icon-gloves { -webkit-mask-image: url(/static/img/icons/gloves.svg); mask-image: url(/static/img/icons/gloves.svg); }
.icon-glowing-star { -webkit-mask-image: url(/static/img/icons/glowing-star.svg); mask-image: url(/static/img/icons/glowing-star.svg); }
.icon-gold-medal { -webkit-mask-image: url(/static/img/icons/gold-medal.svg); mask-image: url(/static/img/icons/gold-medal.svg); }
.icon-gorilla { -webkit-mask-image: url(/static/img/icons/gorilla.svg); mask-image: url(/static/img/icons/gorilla.svg); }
.icon-halo { -webkit-mask-image: url(/static/img/icons/halo.svg); mask-image: url(/static/img/icons/halo.svg); }
.icon-hamburger { -webkit-mask-image: url(/static/img/icons/hamburger.svg); mask-image: url(/static/img/icons/hamburger.svg); }
.icon-hammer { -webkit-mask-image: url(/static/img/icons/hammer.svg); mask-image: url(/static/img/icons/hammer.svg); }
.icon-handshake { -webkit-mask-image: url(/static/img/icons/handshake.svg); mask-image: url(/static/img/icons/handshake.svg); }
.icon-heart { -webkit-mask-image: url(/static/img/icons/heart.svg); mask-image: url(/static/img/icons/heart.svg); }
.icon-heart-black { -webkit-mask-image: url(/static/img/icons/heart-black.svg); mask-image: url(/static/img/icons/heart-black.svg); }
.icon-heart-blue { -webkit-mask-image: url(/static/img/icons/heart-blue.svg); mask-image: url(/static/img/icons/heart-blue.svg); }
.icon-heart-broken { -webkit-mask-image: url(/static/img/icons/heart-broken.svg); mask-image: url(/static/img/icons/heart-broken.svg); }
.icon-heart-green { -webkit-mask-image: url(/static/img/icons/heart-green.svg); mask-image: url(/static/img/icons/heart-green.svg); }
.icon-heart-organ { -webkit-mask-image: url(/static/img/icons/heart-organ.svg); mask-image: url(/static/img/icons/heart-organ.svg); }
.icon-heart-purple { -webkit-mask-image: url(/static/img/icons/heart-purple.svg); mask-image: url(/static/img/icons/heart-purple.svg); }
.icon-heart-yellow { -webkit-mask-image: url(/static/img/icons/heart-yellow.svg); mask-image: url(/static/img/icons/heart-yellow.svg); }
.icon-helmet { -webkit-mask-image: url(/static/img/icons/helmet.svg); mask-image: url(/static/img/icons/helmet.svg); }
.icon-herb { -webkit-mask-image: url(/static/img/icons/herb.svg); mask-image: url(/static/img/icons/herb.svg); }
.icon-hero { -webkit-mask-image: url(/static/img/icons/hero.svg); mask-image: url(/static/img/icons/hero.svg); }
.icon-hibiscus { -webkit-mask-image: url(/static/img/icons/hibiscus.svg); mask-image: url(/static/img/icons/hibiscus.svg); }
.icon-hole { -webkit-mask-image: url(/static/img/icons/hole.svg); mask-image: url(/static/img/icons/hole.svg); }
.icon-home { -webkit-mask-image: url(/static/img/icons/home.svg); mask-image: url(/static/img/icons/home.svg); }
.icon-horse { -webkit-mask-image: url(/static/img/icons/horse.svg); mask-image: url(/static/img/icons/horse.svg); }
.icon-ice { -webkit-mask-image: url(/static/img/icons/ice.svg); mask-image: url(/static/img/icons/ice.svg); }
.icon-ice-cube { -webkit-mask-image: url(/static/img/icons/ice-cube.svg); mask-image: url(/static/img/icons/ice-cube.svg); }
.icon-incoming-envelope { -webkit-mask-image: url(/static/img/icons/incoming-envelope.svg); mask-image: url(/static/img/icons/incoming-envelope.svg); }
.icon-incoming-mail { -webkit-mask-image: url(/static/img/icons/incoming-mail.svg); mask-image: url(/static/img/icons/incoming-mail.svg); }
.icon-infinity { -webkit-mask-image: url(/static/img/icons/infinity.svg); mask-image: url(/static/img/icons/infinity.svg); }
.icon-jack-o-lantern { -webkit-mask-image: url(/static/img/icons/jack-o-lantern.svg); mask-image: url(/static/img/icons/jack-o-lantern.svg); }
.icon-japan-map { -webkit-mask-image: url(/static/img/icons/japan-map.svg); mask-image: url(/static/img/icons/japan-map.svg); }
.icon-japanese-castle { -webkit-mask-image: url(/static/img/icons/japanese-castle.svg); mask-image: url(/static/img/icons/japanese-castle.svg); }
.icon-jar { -webkit-mask-image: url(/static/img/icons/jar.svg); mask-image: url(/static/img/icons/jar.svg); }
.icon-key { -webkit-mask-image: url(/static/img/icons/key.svg); mask-image: url(/static/img/icons/key.svg); }
.icon-kimono { -webkit-mask-image: url(/static/img/icons/kimono.svg); mask-image: url(/static/img/icons/kimono.svg); }
.icon-knife { -webkit-mask-image: url(/static/img/icons/knife.svg); mask-image: url(/static/img/icons/knife.svg); }
.icon-knot { -webkit-mask-image: url(/static/img/icons/knot.svg); mask-image: url(/static/img/icons/knot.svg); }
.icon-lab-coat { -webkit-mask-image: url(/static/img/icons/lab-coat.svg); mask-image: url(/static/img/icons/lab-coat.svg); }
.icon-lantern { -webkit-mask-image: url(/static/img/icons/lantern.svg); mask-image: url(/static/img/icons/lantern.svg); }
.icon-leaf { -webkit-mask-image: url(/static/img/icons/leaf.svg); mask-image: url(/static/img/icons/leaf.svg); }
.icon-leopard { -webkit-mask-image: url(/static/img/icons/leopard.svg); mask-image: url(/static/img/icons/leopard.svg); }
.icon-light-bulb { -webkit-mask-image: url(/static/img/icons/light-bulb.svg); mask-image: url(/static/img/icons/light-bulb.svg); }
.icon-lightning { -webkit-mask-image: url(/static/img/icons/lightning.svg); mask-image: url(/static/img/icons/lightning.svg); }
.icon-link { -webkit-mask-image: url(/static/img/icons/link.svg); mask-image: url(/static/img/icons/link.svg); }
.icon-lion { -webkit-mask-image: url(/static/img/icons/lion.svg); mask-image: url(/static/img/icons/lion.svg); }
.icon-lizard { -webkit-mask-image: url(/static/img/icons/lizard.svg); mask-image: url(/static/img/icons/lizard.svg); }
.icon-location-pin { -webkit-mask-image: url(/static/img/icons/location-pin.svg); mask-image: url(/static/img/icons/location-pin.svg); }
.icon-lock { -webkit-mask-image: url(/static/img/icons/lock.svg); mask-image: url(/static/img/icons/lock.svg); }
.icon-lock-key { -webkit-mask-image: url(/static/img/icons/lock-key.svg); mask-image: url(/static/img/icons/lock-key.svg); }
.icon-lotus { -webkit-mask-image: url(/static/img/icons/lotus.svg); mask-image: url(/static/img/icons/lotus.svg); }
.icon-mage { -webkit-mask-image: url(/static/img/icons/mage.svg); mask-image: url(/static/img/icons/mage.svg); }
.icon-mailbox-empty { -webkit-mask-image: url(/static/img/icons/mailbox-empty.svg); mask-image: url(/static/img/icons/mailbox-empty.svg); }
.icon-mailbox-flag { -webkit-mask-image: url(/static/img/icons/mailbox-flag.svg); mask-image: url(/static/img/icons/mailbox-flag.svg); }
.icon-male { -webkit-mask-image: url(/static/img/icons/male.svg); mask-image: url(/static/img/icons/male.svg); }
.icon-map { -webkit-mask-image: url(/static/img/icons/map.svg); mask-image: url(/static/img/icons/map.svg); }
.icon-meat { -webkit-mask-image: url(/static/img/icons/meat.svg); mask-image: url(/static/img/icons/meat.svg); }
.icon-mechanical-arm { -webkit-mask-image: url(/static/img/icons/mechanical-arm.svg); mask-image: url(/static/img/icons/mechanical-arm.svg); }
.icon-mechanical-leg { -webkit-mask-image: url(/static/img/icons/mechanical-leg.svg); mask-image: url(/static/img/icons/mechanical-leg.svg); }
.icon-medal { -webkit-mask-image: url(/static/img/icons/medal.svg); mask-image: url(/static/img/icons/medal.svg); }
.icon-medical-symbol { -webkit-mask-image: url(/static/img/icons/medical-symbol.svg); mask-image: url(/static/img/icons/medical-symbol.svg); }
.icon-megaphone { -webkit-mask-image: url(/static/img/icons/megaphone.svg); mask-image: url(/static/img/icons/megaphone.svg); }
.icon-merfolk { -webkit-mask-image: url(/static/img/icons/merfolk.svg); mask-image: url(/static/img/icons/merfolk.svg); }
.icon-military-helmet { -webkit-mask-image: url(/static/img/icons/military-helmet.svg); mask-image: url(/static/img/icons/military-helmet.svg); }
.icon-military-medal { -webkit-mask-image: url(/static/img/icons/military-medal.svg); mask-image: url(/static/img/icons/military-medal.svg); }
.icon-mirror { -webkit-mask-image: url(/static/img/icons/mirror.svg); mask-image: url(/static/img/icons/mirror.svg); }
.icon-moai { -webkit-mask-image: url(/static/img/icons/moai.svg); mask-image: url(/static/img/icons/moai.svg); }
.icon-mobile { -webkit-mask-image: url(/static/img/icons/mobile.svg); mask-image: url(/static/img/icons/mobile.svg); }
.icon-money-bag { -webkit-mask-image: url(/static/img/icons/money-bag.svg); mask-image: url(/static/img/icons/money-bag.svg); }
.icon-mountain { -webkit-mask-image: url(/static/img/icons/mountain.svg); mask-image: url(/static/img/icons/mountain.svg); }
.icon-mountain-snow { -webkit-mask-image: url(/static/img/icons/mountain-snow.svg); mask-image: url(/static/img/icons/mountain-snow.svg); }
.icon-multiply { -webkit-mask-image: url(/static/img/icons/multiply.svg); mask-image: url(/static/img/icons/multiply.svg); }
.icon-muscle { -webkit-mask-image: url(/static/img/icons/muscle.svg); mask-image: url(/static/img/icons/muscle.svg); }
.icon-music-note { -webkit-mask-image: url(/static/img/icons/music-note.svg); mask-image: url(/static/img/icons/music-note.svg); }
.icon-mute { -webkit-mask-image: url(/static/img/icons/mute.svg); mask-image: url(/static/img/icons/mute.svg); }
.icon-name-badge { -webkit-mask-image: url(/static/img/icons/name-badge.svg); mask-image: url(/static/img/icons/name-badge.svg); }
.icon-new-moon { -webkit-mask-image: url(/static/img/icons/new-moon.svg); mask-image: url(/static/img/icons/new-moon.svg); }
.icon-newspaper { -webkit-mask-image: url(/static/img/icons/newspaper.svg); mask-image: url(/static/img/icons/newspaper.svg); }
.icon-note { -webkit-mask-image: url(/static/img/icons/note.svg); mask-image: url(/static/img/icons/note.svg); }
.icon-notebook { -webkit-mask-image: url(/static/img/icons/notebook.svg); mask-image: url(/static/img/icons/notebook.svg); }
.icon-nut-bolt { -webkit-mask-image: url(/static/img/icons/nut-bolt.svg); mask-image: url(/static/img/icons/nut-bolt.svg); }
.icon-ogre { -webkit-mask-image: url(/static/img/icons/ogre.svg); mask-image: url(/static/img/icons/ogre.svg); }
.icon-old-key { -webkit-mask-image: url(/static/img/icons/old-key.svg); mask-image: url(/static/img/icons/old-key.svg); }
.icon-open-book { -webkit-mask-image: url(/static/img/icons/open-book.svg); mask-image: url(/static/img/icons/open-book.svg); }
.icon-package { -webkit-mask-image: url(/static/img/icons/package.svg); mask-image: url(/static/img/icons/package.svg); }
.icon-pants { -webkit-mask-image: url(/static/img/icons/pants.svg); mask-image: url(/static/img/icons/pants.svg); }
.icon-party { -webkit-mask-image: url(/static/img/icons/party.svg); mask-image: url(/static/img/icons/party.svg); }
.icon-paw-print { -webkit-mask-image: url(/static/img/icons/paw-print.svg); mask-image: url(/static/img/icons/paw-print.svg); }
.icon-pencil { -webkit-mask-image: url(/static/img/icons/pencil.svg); mask-image: url(/static/img/icons/pencil.svg); }
.icon-people { -webkit-mask-image: url(/static/img/icons/people.svg); mask-image: url(/static/img/icons/people.svg); }
.icon-person { -webkit-mask-image: url(/static/img/icons/person.svg); mask-image: url(/static/img/icons/person.svg); }
.icon-person-generic { -webkit-mask-image: url(/static/img/icons/person-generic.svg); mask-image: url(/static/img/icons/person-generic.svg); }
.icon-petri-dish { -webkit-mask-image: url(/static/img/icons/petri-dish.svg); mask-image: url(/static/img/icons/petri-dish.svg); }
.icon-pickaxe { -webkit-mask-image: url(/static/img/icons/pickaxe.svg); mask-image: url(/static/img/icons/pickaxe.svg); }
.icon-pill { -webkit-mask-image: url(/static/img/icons/pill.svg); mask-image: url(/static/img/icons/pill.svg); }
.icon-pine-tree { -webkit-mask-image: url(/static/img/icons/pine-tree.svg); mask-image: url(/static/img/icons/pine-tree.svg); }
.icon-plug { -webkit-mask-image: url(/static/img/icons/plug.svg); mask-image: url(/static/img/icons/plug.svg); }
.icon-plus { -webkit-mask-image: url(/static/img/icons/plus.svg); mask-image: url(/static/img/icons/plus.svg); }
.icon-postal-horn { -webkit-mask-image: url(/static/img/icons/postal-horn.svg); mask-image: url(/static/img/icons/postal-horn.svg); }
.icon-potion { -webkit-mask-image: url(/static/img/icons/potion.svg); mask-image: url(/static/img/icons/potion.svg); }
.icon-pouring { -webkit-mask-image: url(/static/img/icons/pouring.svg); mask-image: url(/static/img/icons/pouring.svg); }
.icon-pray { -webkit-mask-image: url(/static/img/icons/pray.svg); mask-image: url(/static/img/icons/pray.svg); }
.icon-princess { -webkit-mask-image: url(/static/img/icons/princess.svg); mask-image: url(/static/img/icons/princess.svg); }
.icon-prohibited { -webkit-mask-image: url(/static/img/icons/prohibited.svg); mask-image: url(/static/img/icons/prohibited.svg); }
.icon-projector { -webkit-mask-image: url(/static/img/icons/projector.svg); mask-image: url(/static/img/icons/projector.svg); }
.icon-pushpin { -webkit-mask-image: url(/static/img/icons/pushpin.svg); mask-image: url(/static/img/icons/pushpin.svg); }
.icon-question { -webkit-mask-image: url(/static/img/icons/question.svg); mask-image: url(/static/img/icons/question.svg); }
.icon-radio-button { -webkit-mask-image: url(/static/img/icons/radio-button.svg); mask-image: url(/static/img/icons/radio-button.svg); }
.icon-rat { -webkit-mask-image: url(/static/img/icons/rat.svg); mask-image: url(/static/img/icons/rat.svg); }
.icon-refresh { -webkit-mask-image: url(/static/img/icons/refresh.svg); mask-image: url(/static/img/icons/refresh.svg); }
.icon-repeat { -webkit-mask-image: url(/static/img/icons/repeat.svg); mask-image: url(/static/img/icons/repeat.svg); }
.icon-ribbon { -webkit-mask-image: url(/static/img/icons/ribbon.svg); mask-image: url(/static/img/icons/ribbon.svg); }
.icon-ring { -webkit-mask-image: url(/static/img/icons/ring.svg); mask-image: url(/static/img/icons/ring.svg); }
.icon-robot { -webkit-mask-image: url(/static/img/icons/robot.svg); mask-image: url(/static/img/icons/robot.svg); }
.icon-rock { -webkit-mask-image: url(/static/img/icons/rock.svg); mask-image: url(/static/img/icons/rock.svg); }
.icon-rose { -webkit-mask-image: url(/static/img/icons/rose.svg); mask-image: url(/static/img/icons/rose.svg); }
.icon-safety-vest { -webkit-mask-image: url(/static/img/icons/safety-vest.svg); mask-image: url(/static/img/icons/safety-vest.svg); }
.icon-scales { -webkit-mask-image: url(/static/img/icons/scales.svg); mask-image: url(/static/img/icons/scales.svg); }
.icon-scared { -webkit-mask-image: url(/static/img/icons/scared.svg); mask-image: url(/static/img/icons/scared.svg); }
.icon-scarf { -webkit-mask-image: url(/static/img/icons/scarf.svg); mask-image: url(/static/img/icons/scarf.svg); }
.icon-scissors { -webkit-mask-image: url(/static/img/icons/scissors.svg); mask-image: url(/static/img/icons/scissors.svg); }
.icon-scroll { -webkit-mask-image: url(/static/img/icons/scroll.svg); mask-image: url(/static/img/icons/scroll.svg); }
.icon-search { -webkit-mask-image: url(/static/img/icons/search.svg); mask-image: url(/static/img/icons/search.svg); }
.icon-seedling { -webkit-mask-image: url(/static/img/icons/seedling.svg); mask-image: url(/static/img/icons/seedling.svg); }
.icon-shaking { -webkit-mask-image: url(/static/img/icons/shaking.svg); mask-image: url(/static/img/icons/shaking.svg); }
.icon-shark { -webkit-mask-image: url(/static/img/icons/shark.svg); mask-image: url(/static/img/icons/shark.svg); }
.icon-shield { -webkit-mask-image: url(/static/img/icons/shield.svg); mask-image: url(/static/img/icons/shield.svg); }
.icon-ship { -webkit-mask-image: url(/static/img/icons/ship.svg); mask-image: url(/static/img/icons/ship.svg); }
.icon-shoe { -webkit-mask-image: url(/static/img/icons/shoe.svg); mask-image: url(/static/img/icons/shoe.svg); }
.icon-shooting-star { -webkit-mask-image: url(/static/img/icons/shooting-star.svg); mask-image: url(/static/img/icons/shooting-star.svg); }
.icon-shop { -webkit-mask-image: url(/static/img/icons/shop.svg); mask-image: url(/static/img/icons/shop.svg); }
.icon-silver-medal { -webkit-mask-image: url(/static/img/icons/silver-medal.svg); mask-image: url(/static/img/icons/silver-medal.svg); }
.icon-skull-bones { -webkit-mask-image: url(/static/img/icons/skull-bones.svg); mask-image: url(/static/img/icons/skull-bones.svg); }
.icon-skull-icon { -webkit-mask-image: url(/static/img/icons/skull-icon.svg); mask-image: url(/static/img/icons/skull-icon.svg); }
.icon-sleeping { -webkit-mask-image: url(/static/img/icons/sleeping.svg); mask-image: url(/static/img/icons/sleeping.svg); }
.icon-snake { -webkit-mask-image: url(/static/img/icons/snake.svg); mask-image: url(/static/img/icons/snake.svg); }
.icon-sparkles { -webkit-mask-image: url(/static/img/icons/sparkles.svg); mask-image: url(/static/img/icons/sparkles.svg); }
.icon-speech-bubble { -webkit-mask-image: url(/static/img/icons/speech-bubble.svg); mask-image: url(/static/img/icons/speech-bubble.svg); }
.icon-spider { -webkit-mask-image: url(/static/img/icons/spider.svg); mask-image: url(/static/img/icons/spider.svg); }
.icon-sprint { -webkit-mask-image: url(/static/img/icons/sprint.svg); mask-image: url(/static/img/icons/sprint.svg); }
.icon-square-blue { -webkit-mask-image: url(/static/img/icons/square-blue.svg); mask-image: url(/static/img/icons/square-blue.svg); }
.icon-square-green { -webkit-mask-image: url(/static/img/icons/square-green.svg); mask-image: url(/static/img/icons/square-green.svg); }
.icon-square-orange { -webkit-mask-image: url(/static/img/icons/square-orange.svg); mask-image: url(/static/img/icons/square-orange.svg); }
.icon-square-purple { -webkit-mask-image: url(/static/img/icons/square-purple.svg); mask-image: url(/static/img/icons/square-purple.svg); }
.icon-squid { -webkit-mask-image: url(/static/img/icons/squid.svg); mask-image: url(/static/img/icons/squid.svg); }
.icon-stadium { -webkit-mask-image: url(/static/img/icons/stadium.svg); mask-image: url(/static/img/icons/stadium.svg); }
.icon-star { -webkit-mask-image: url(/static/img/icons/star.svg); mask-image: url(/static/img/icons/star.svg); }
.icon-star-empty { -webkit-mask-image: url(/static/img/icons/star-empty.svg); mask-image: url(/static/img/icons/star-empty.svg); }
.icon-star-filled { -webkit-mask-image: url(/static/img/icons/star-filled.svg); mask-image: url(/static/img/icons/star-filled.svg); }
.icon-stethoscope { -webkit-mask-image: url(/static/img/icons/stethoscope.svg); mask-image: url(/static/img/icons/stethoscope.svg); }
.icon-storm { -webkit-mask-image: url(/static/img/icons/storm.svg); mask-image: url(/static/img/icons/storm.svg); }
.icon-sun { -webkit-mask-image: url(/static/img/icons/sun.svg); mask-image: url(/static/img/icons/sun.svg); }
.icon-sunflower { -webkit-mask-image: url(/static/img/icons/sunflower.svg); mask-image: url(/static/img/icons/sunflower.svg); }
.icon-syringe { -webkit-mask-image: url(/static/img/icons/syringe.svg); mask-image: url(/static/img/icons/syringe.svg); }
.icon-tag { -webkit-mask-image: url(/static/img/icons/tag.svg); mask-image: url(/static/img/icons/tag.svg); }
.icon-target { -webkit-mask-image: url(/static/img/icons/target.svg); mask-image: url(/static/img/icons/target.svg); }
.icon-temple { -webkit-mask-image: url(/static/img/icons/temple.svg); mask-image: url(/static/img/icons/temple.svg); }
.icon-tengu { -webkit-mask-image: url(/static/img/icons/tengu.svg); mask-image: url(/static/img/icons/tengu.svg); }
.icon-tent { -webkit-mask-image: url(/static/img/icons/tent.svg); mask-image: url(/static/img/icons/tent.svg); }
.icon-theater { -webkit-mask-image: url(/static/img/icons/theater.svg); mask-image: url(/static/img/icons/theater.svg); }
.icon-thumbs-down { -webkit-mask-image: url(/static/img/icons/thumbs-down.svg); mask-image: url(/static/img/icons/thumbs-down.svg); }
.icon-thumbs-up { -webkit-mask-image: url(/static/img/icons/thumbs-up.svg); mask-image: url(/static/img/icons/thumbs-up.svg); }
.icon-ticket { -webkit-mask-image: url(/static/img/icons/ticket.svg); mask-image: url(/static/img/icons/ticket.svg); }
.icon-tombstone { -webkit-mask-image: url(/static/img/icons/tombstone.svg); mask-image: url(/static/img/icons/tombstone.svg); }
.icon-tornado { -webkit-mask-image: url(/static/img/icons/tornado.svg); mask-image: url(/static/img/icons/tornado.svg); }
.icon-tower { -webkit-mask-image: url(/static/img/icons/tower.svg); mask-image: url(/static/img/icons/tower.svg); }
.icon-trap { -webkit-mask-image: url(/static/img/icons/trap.svg); mask-image: url(/static/img/icons/trap.svg); }
.icon-trash { -webkit-mask-image: url(/static/img/icons/trash.svg); mask-image: url(/static/img/icons/trash.svg); }
.icon-tree { -webkit-mask-image: url(/static/img/icons/tree.svg); mask-image: url(/static/img/icons/tree.svg); }
.icon-trident { -webkit-mask-image: url(/static/img/icons/trident.svg); mask-image: url(/static/img/icons/trident.svg); }
.icon-trophy { -webkit-mask-image: url(/static/img/icons/trophy.svg); mask-image: url(/static/img/icons/trophy.svg); }
.icon-truck { -webkit-mask-image: url(/static/img/icons/truck.svg); mask-image: url(/static/img/icons/truck.svg); }
.icon-umbrella { -webkit-mask-image: url(/static/img/icons/umbrella.svg); mask-image: url(/static/img/icons/umbrella.svg); }
.icon-unlock { -webkit-mask-image: url(/static/img/icons/unlock.svg); mask-image: url(/static/img/icons/unlock.svg); }
.icon-vampire { -webkit-mask-image: url(/static/img/icons/vampire.svg); mask-image: url(/static/img/icons/vampire.svg); }
.icon-volcano { -webkit-mask-image: url(/static/img/icons/volcano.svg); mask-image: url(/static/img/icons/volcano.svg); }
.icon-volume { -webkit-mask-image: url(/static/img/icons/volume.svg); mask-image: url(/static/img/icons/volume.svg); }
.icon-volume-low { -webkit-mask-image: url(/static/img/icons/volume-low.svg); mask-image: url(/static/img/icons/volume-low.svg); }
.icon-walking-person { -webkit-mask-image: url(/static/img/icons/walking-person.svg); mask-image: url(/static/img/icons/walking-person.svg); }
.icon-wand { -webkit-mask-image: url(/static/img/icons/wand.svg); mask-image: url(/static/img/icons/wand.svg); }
.icon-warning { -webkit-mask-image: url(/static/img/icons/warning.svg); mask-image: url(/static/img/icons/warning.svg); }
.icon-water-drop { -webkit-mask-image: url(/static/img/icons/water-drop.svg); mask-image: url(/static/img/icons/water-drop.svg); }
.icon-wave { -webkit-mask-image: url(/static/img/icons/wave.svg); mask-image: url(/static/img/icons/wave.svg); }
.icon-waxing-crescent { -webkit-mask-image: url(/static/img/icons/waxing-crescent.svg); mask-image: url(/static/img/icons/waxing-crescent.svg); }
.icon-web { -webkit-mask-image: url(/static/img/icons/web.svg); mask-image: url(/static/img/icons/web.svg); }
.icon-whale { -webkit-mask-image: url(/static/img/icons/whale.svg); mask-image: url(/static/img/icons/whale.svg); }
.icon-wine { -webkit-mask-image: url(/static/img/icons/wine.svg); mask-image: url(/static/img/icons/wine.svg); }
.icon-wolf { -webkit-mask-image: url(/static/img/icons/wolf.svg); mask-image: url(/static/img/icons/wolf.svg); }
.icon-worm { -webkit-mask-image: url(/static/img/icons/worm.svg); mask-image: url(/static/img/icons/worm.svg); }
.icon-wrench { -webkit-mask-image: url(/static/img/icons/wrench.svg); mask-image: url(/static/img/icons/wrench.svg); }
.icon-writing { -webkit-mask-image: url(/static/img/icons/writing.svg); mask-image: url(/static/img/icons/writing.svg); }
.icon-x-mark { -webkit-mask-image: url(/static/img/icons/x-mark.svg); mask-image: url(/static/img/icons/x-mark.svg); }
.icon-xray { -webkit-mask-image: url(/static/img/icons/xray.svg); mask-image: url(/static/img/icons/xray.svg); }
.icon-zombie { -webkit-mask-image: url(/static/img/icons/zombie.svg); mask-image: url(/static/img/icons/zombie.svg); }

/* ── Star ratings ── */
.icon-rating-5 { -webkit-mask-image: url(/static/img/icons/rating-5.svg); mask-image: url(/static/img/icons/rating-5.svg); }
.icon-rating-4 { -webkit-mask-image: url(/static/img/icons/rating-4.svg); mask-image: url(/static/img/icons/rating-4.svg); }
.icon-rating-3 { -webkit-mask-image: url(/static/img/icons/rating-3.svg); mask-image: url(/static/img/icons/rating-3.svg); }
.icon-rating-2 { -webkit-mask-image: url(/static/img/icons/rating-2.svg); mask-image: url(/static/img/icons/rating-2.svg); }
.icon-rating-1 { -webkit-mask-image: url(/static/img/icons/rating-1.svg); mask-image: url(/static/img/icons/rating-1.svg); }
.icon-rating-5-emoji { -webkit-mask-image: url(/static/img/icons/rating-5-emoji.svg); mask-image: url(/static/img/icons/rating-5-emoji.svg); }
.icon-rating-4-emoji { -webkit-mask-image: url(/static/img/icons/rating-4-emoji.svg); mask-image: url(/static/img/icons/rating-4-emoji.svg); }
.icon-rating-4x { -webkit-mask-image: url(/static/img/icons/rating-4x.svg); mask-image: url(/static/img/icons/rating-4x.svg); }
.icon-rating-3x { -webkit-mask-image: url(/static/img/icons/rating-3x.svg); mask-image: url(/static/img/icons/rating-3x.svg); }
.icon-rating-2x { -webkit-mask-image: url(/static/img/icons/rating-2x.svg); mask-image: url(/static/img/icons/rating-2x.svg); }

/* ── Arena Rank Icons ─────────────────────────────────────────────────── */
.icon-rank-bronze { -webkit-mask-image: url(/static/img/icons/rank-bronze.svg); mask-image: url(/static/img/icons/rank-bronze.svg); }
.icon-rank-silver { -webkit-mask-image: url(/static/img/icons/rank-silver.svg); mask-image: url(/static/img/icons/rank-silver.svg); }
.icon-rank-gold { -webkit-mask-image: url(/static/img/icons/rank-gold.svg); mask-image: url(/static/img/icons/rank-gold.svg); }
.icon-rank-platinum { -webkit-mask-image: url(/static/img/icons/rank-platinum.svg); mask-image: url(/static/img/icons/rank-platinum.svg); }
.icon-rank-diamond { -webkit-mask-image: url(/static/img/icons/rank-diamond.svg); mask-image: url(/static/img/icons/rank-diamond.svg); }
.icon-rank-legend { -webkit-mask-image: url(/static/img/icons/rank-legend.svg); mask-image: url(/static/img/icons/rank-legend.svg); }