/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons.eot");
  src:
    url("./media/primeicons.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons.woff2") format("woff2"),
    url("./media/primeicons.woff") format("woff"),
    url("./media/primeicons.ttf") format("truetype"),
    url("./media/primeicons.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* src/styles.scss */
:where(html) {
  --masta-opacity-0: 100%;
  --masta-opacity-1: 66%;
  --masta-opacity-2: 33%;
  --masta-background-50:
    linear-gradient(
      
      15deg,
      rgba(236, 239, 241, 0) 5.69%,
      rgba(236, 239, 241, 0.5) 83.41% ),
    linear-gradient(
      23deg,
      var(--masta-color-gradient-1) 6.16%,
      #9db7df 79.71%);
  --masta-background-100:
    linear-gradient(
      
      15deg,
      var(--masta-color-primary-900-2) 5.69%,
      var(--masta-color-neutral-900) 83.41% ),
    linear-gradient(
      34deg,
      var(--masta-color-neutral-900) 6.16%,
      var(--masta-color-neutral-700) 79.71%);
  --masta-color-auto-neutral-10: #f9fafa;
  --masta-color-auto-neutral-10-1: rgba(249, 250, 250, 0.66);
  --masta-color-auto-neutral-10-2: rgba(249, 250, 250, 0.33);
  --masta-color-auto-neutral-30: #f2f4f6;
  --masta-color-auto-neutral-30-1: rgba(242, 244, 246, 0.66);
  --masta-color-auto-neutral-30-2: rgba(242, 244, 246, 0.33);
  --masta-color-auto-neutral-50: #eceff1;
  --masta-color-auto-neutral-50-1: rgba(236, 239, 241, 0.66);
  --masta-color-auto-neutral-50-2: rgba(236, 239, 241, 0.33);
  --masta-color-auto-neutral-80: #e3e8ec;
  --masta-color-auto-neutral-80-1: rgba(227, 232, 236, 0.66);
  --masta-color-auto-neutral-80-2: rgba(227, 232, 236, 0.33);
  --masta-color-auto-neutral-100: #d5dce2;
  --masta-color-auto-neutral-100-1: rgba(213, 220, 226, 0.66);
  --masta-color-auto-neutral-100-2: rgba(213, 220, 226, 0.33);
  --masta-color-auto-neutral-200: #bfc9d1;
  --masta-color-auto-neutral-200-1: rgba(191, 201, 209, 0.66);
  --masta-color-auto-neutral-200-2: rgba(191, 201, 209, 0.33);
  --masta-color-auto-neutral-250: #bcbfc2;
  --masta-color-auto-neutral-250-1: rgba(188, 191, 194, 0.66);
  --masta-color-auto-neutral-250-2: rgba(188, 191, 194, 0.33);
  --masta-color-auto-neutral-300: #a9b6c2;
  --masta-color-auto-neutral-300-1: rgba(169, 182, 194, 0.66);
  --masta-color-auto-neutral-300-2: rgba(169, 182, 194, 0.33);
  --masta-color-auto-neutral-400: #8899a8;
  --masta-color-auto-neutral-400-1: rgba(136, 153, 168, 0.66);
  --masta-color-auto-neutral-400-2: rgba(136, 153, 168, 0.33);
  --masta-color-auto-neutral-450: #767676;
  --masta-color-auto-neutral-450-1: rgba(118, 118, 118, 0.66);
  --masta-color-auto-neutral-450-2: rgba(118, 118, 118, 0.33);
  --masta-color-auto-neutral-500: #596e81;
  --masta-color-auto-neutral-500-1: rgba(89, 110, 129, 0.66);
  --masta-color-auto-neutral-500-2: rgba(89, 110, 129, 0.33);
  --masta-color-auto-neutral-600: #333e47;
  --masta-color-auto-neutral-600-1: rgba(51, 62, 71, 0.66);
  --masta-color-auto-neutral-600-2: rgba(51, 62, 71, 0.33);
  --masta-color-auto-neutral-700: #262f36;
  --masta-color-auto-neutral-700-1: rgba(38, 47, 54, 0.66);
  --masta-color-auto-neutral-700-2: rgba(38, 47, 54, 0.33);
  --masta-color-auto-neutral-800: #1c2125;
  --masta-color-auto-neutral-800-1: rgba(28, 33, 37, 0.66);
  --masta-color-auto-neutral-800-2: rgba(28, 33, 37, 0.33);
  --masta-color-auto-neutral-900: #111416;
  --masta-color-auto-neutral-900-1: rgba(17, 20, 22, 0.66);
  --masta-color-auto-neutral-900-2: rgba(17, 20, 22, 0.33);
  --masta-color-auto-primary-10: #ece0e4;
  --masta-color-auto-primary-10-1: rgba(236, 224, 228, 0.66);
  --masta-color-auto-primary-10-2: rgba(236, 224, 228, 0.33);
  --masta-color-auto-primary-50: #c4a0ae;
  --masta-color-auto-primary-50-1: rgba(196, 160, 174, 0.66);
  --masta-color-auto-primary-50-2: rgba(196, 160, 174, 0.33);
  --masta-color-auto-primary-300: #a26b80;
  --masta-color-auto-primary-300-1: rgba(162, 107, 128, 0.66);
  --masta-color-auto-primary-300-2: rgba(162, 107, 128, 0.33);
  --masta-color-auto-primary-400: #92577B;
  --masta-color-auto-primary-400-1: rgba(146, 87, 123, 0.66);
  --masta-color-auto-primary-400-2: rgba(146, 87, 123, 0.33);
  --masta-color-auto-primary-500: #9a3e5d;
  --masta-color-auto-primary-500-1: rgba(154, 62, 93, 0.66);
  --masta-color-auto-primary-500-2: rgba(154, 62, 93, 0.33);
  --masta-color-auto-primary-700: #820f36;
  --masta-color-auto-primary-700-1: rgba(130, 15, 54, 0.66);
  --masta-color-auto-primary-700-2: rgba(130, 15, 54, 0.33);
  --masta-color-auto-primary-900: #5a0036;
  --masta-color-auto-primary-900-1: rgba(90, 0, 54, 0.66);
  --masta-color-auto-primary-900-2: rgba(90, 0, 54, 0.33);
  --masta-color-auto-secondary-10: #edf3fb;
  --masta-color-auto-secondary-10-1: rgba(237, 243, 251, 0.66);
  --masta-color-auto-secondary-10-2: rgba(237, 243, 251, 0.33);
  --masta-color-auto-secondary-50: #c7dbf2;
  --masta-color-auto-secondary-50-1: rgba(199, 219, 242, 0.66);
  --masta-color-auto-secondary-50-2: rgba(199, 219, 242, 0.33);
  --masta-color-auto-secondary-300: #9ab2d3;
  --masta-color-auto-secondary-300-1: rgba(154, 178, 211, 0.66);
  --masta-color-auto-secondary-300-2: rgba(154, 178, 211, 0.33);
  --masta-color-auto-secondary-500: #6396d1;
  --masta-color-auto-secondary-500-1: rgba(99, 150, 209, 0.66);
  --masta-color-auto-secondary-500-2: rgba(99, 150, 209, 0.33);
  --masta-color-auto-secondary-600: #637fa0;
  --masta-color-auto-secondary-600-1: rgba(99, 127, 160, 0.66);
  --masta-color-auto-secondary-600-2: rgba(99, 127, 160, 0.33);
  --masta-color-auto-secondary-700: #3870b4;
  --masta-color-auto-secondary-700-1: rgba(56, 112, 180, 0.66);
  --masta-color-auto-secondary-700-2: rgba(56, 112, 180, 0.33);
  --masta-color-auto-secondary-900: #133d6f;
  --masta-color-auto-secondary-900-1: rgba(19, 61, 111, 0.66);
  --masta-color-auto-secondary-900-2: rgba(19, 61, 111, 0.33);
  --masta-color-auto-success-10: #e8fbec;
  --masta-color-auto-success-10-1: rgba(232, 251, 236, 0.66);
  --masta-color-auto-success-10-2: rgba(232, 251, 236, 0.33);
  --masta-color-auto-success-50: #baf2c4;
  --masta-color-auto-success-50-1: rgba(186, 242, 196, 0.66);
  --masta-color-auto-success-50-2: rgba(186, 242, 196, 0.33);
  --masta-color-auto-success-200: #b0deca;
  --masta-color-auto-success-200-1: rgba(176, 222, 202, 0.66);
  --masta-color-auto-success-200-2: rgba(176, 222, 202, 0.33);
  --masta-color-auto-success-300: #90c79a;
  --masta-color-auto-success-300-1: rgba(144, 199, 154, 0.66);
  --masta-color-auto-success-300-2: rgba(144, 199, 154, 0.33);
  --masta-color-auto-success-500: #40be71;
  --masta-color-auto-success-500-1: rgba(64, 190, 113, 0.66);
  --masta-color-auto-success-500-2: rgba(64, 190, 113, 0.33);
  --masta-color-auto-success-700: #0f9b5f;
  --masta-color-auto-success-700-1: rgba(15, 155, 95, 0.66);
  --masta-color-auto-success-700-2: rgba(15, 155, 95, 0.33);
  --masta-color-auto-success-900: #047147;
  --masta-color-auto-success-900-1: rgba(4, 113, 71, 0.66);
  --masta-color-auto-success-900-2: rgba(4, 113, 71, 0.33);
  --masta-color-auto-warning-10: #ffecdf;
  --masta-color-auto-warning-10-1: rgba(255, 236, 223, 0.66);
  --masta-color-auto-warning-10-2: rgba(255, 236, 223, 0.33);
  --masta-color-auto-warning-50: #ffc49f;
  --masta-color-auto-warning-50-1: rgba(255, 196, 159, 0.66);
  --masta-color-auto-warning-50-2: rgba(255, 196, 159, 0.33);
  --masta-color-auto-warning-200: #ffd2ab;
  --masta-color-auto-warning-200-1: rgba(255, 210, 171, 0.66);
  --masta-color-auto-warning-200-2: rgba(255, 210, 171, 0.33);
  --masta-color-auto-warning-300: #ffa66e;
  --masta-color-auto-warning-300-1: rgba(255, 166, 110, 0.66);
  --masta-color-auto-warning-300-2: rgba(255, 166, 110, 0.33);
  --masta-color-auto-warning-500: #ff8d45;
  --masta-color-auto-warning-500-1: rgba(255, 141, 69, 0.66);
  --masta-color-auto-warning-500-2: rgba(255, 141, 69, 0.33);
  --masta-color-auto-warning-700: #ff7800;
  --masta-color-auto-warning-700-1: rgba(255, 120, 0, 0.66);
  --masta-color-auto-warning-700-2: rgba(255, 120, 0, 0.33);
  --masta-color-auto-warning-900: #e34f00;
  --masta-color-auto-warning-900-1: rgba(227, 79, 0, 0.66);
  --masta-color-auto-warning-900-2: rgba(227, 79, 0, 0.33);
  --masta-color-auto-error-10: #ffddda;
  --masta-color-auto-error-10-1: rgba(255, 221, 218, 0.66);
  --masta-color-auto-error-10-2: rgba(255, 221, 218, 0.33);
  --masta-color-auto-error-50: #ff978e;
  --masta-color-auto-error-50-1: rgba(255, 151, 142, 0.66);
  --masta-color-auto-error-50-2: rgba(255, 151, 142, 0.33);
  --masta-color-auto-error-200: #ffabbb;
  --masta-color-auto-error-200-1: rgba(255, 171, 187, 0.66);
  --masta-color-auto-error-200-2: rgba(255, 171, 187, 0.33);
  --masta-color-auto-error-300: #ff7c71;
  --masta-color-auto-error-300-1: rgba(255, 124, 113, 0.66);
  --masta-color-auto-error-300-2: rgba(255, 124, 113, 0.33);
  --masta-color-auto-error-500: #fc5454;
  --masta-color-auto-error-500-1: rgba(252, 84, 84, 0.66);
  --masta-color-auto-error-500-2: rgba(252, 84, 84, 0.33);
  --masta-color-auto-error-700: #ff0031;
  --masta-color-auto-error-700-1: rgba(255, 0, 49, 0.66);
  --masta-color-auto-error-700-2: rgba(255, 0, 49, 0.33);
  --masta-color-auto-error-900: #c9091f;
  --masta-color-auto-error-900-1: rgba(201, 9, 31, 0.66);
  --masta-color-auto-error-900-2: rgba(201, 9, 31, 0.33);
  --masta-color-auto-shades-50: #fff;
  --masta-color-auto-shades-50-1: rgba(255, 255, 255, 0.66);
  --masta-color-auto-shades-50-2: rgba(255, 255, 255, 0.33);
  --masta-color-auto-shades-100: #000;
  --masta-color-auto-shades-100-1: rgba(0, 0, 0, 0.66);
  --masta-color-auto-shades-100-2: rgba(0, 0, 0, 0.33);
  --masta-color-auto-brand-700: #eb002d;
  --masta-color-auto-brand-700-1: rgba(235, 0, 45, 0.66);
  --masta-color-auto-brand-700-2: rgba(235, 0, 45, 0.33);
  --masta-color-auto-brand-900: #c80001;
  --masta-color-auto-brand-900-1: rgba(200, 0, 1, 0.66);
  --masta-color-auto-brand-900-2: rgba(200, 0, 1, 0.33);
  --masta-color-auto-gradient-1: #ada8d0;
  --masta-color-auto-gradient-1-1: rgba(173, 168, 208, 0.66);
  --masta-color-auto-gradient-1-2: rgba(173, 168, 208, 0.33);
  --masta-color-auto-gradient-2: #e4edf8;
  --masta-color-auto-gradient-2-1: rgba(228, 237, 248, 0.66);
  --masta-color-auto-gradient-2-2: rgba(228, 237, 248, 0.33);
  --masta-color-auto-gradient-3: #fef2f7;
  --masta-color-auto-gradient-3-1: rgba(254, 242, 247, 0.66);
  --masta-color-auto-gradient-3-2: rgba(254, 242, 247, 0.33);
  --masta-color-auto-light-50: #eceff1;
  --masta-color-auto-light-50-1: rgba(236, 239, 241, 0.66);
  --masta-color-auto-light-50-2: rgba(236, 239, 241, 0.33);
  --masta-color-auto-light-500: #8899a8;
  --masta-color-auto-light-500-1: rgba(136, 153, 168, 0.66);
  --masta-color-auto-light-500-2: rgba(136, 153, 168, 0.33);
  --masta-color-auto-light-700: #bfc9d1;
  --masta-color-auto-light-700-1: rgba(191, 201, 209, 0.66);
  --masta-color-auto-light-700-2: rgba(191, 201, 209, 0.33);
  --masta-color-auto-light-900: #111416;
  --masta-color-auto-light-900-1: rgba(17, 20, 22, 0.66);
  --masta-color-auto-light-900-2: rgba(17, 20, 22, 0.33);
  --masta-color-auto-dark-500: #596e81;
  --masta-color-auto-dark-500-1: rgba(89, 110, 129, 0.66);
  --masta-color-auto-dark-500-2: rgba(89, 110, 129, 0.33);
  --masta-color-auto-dark-700: #262f36;
  --masta-color-auto-dark-700-1: rgba(38, 47, 54, 0.66);
  --masta-color-auto-dark-700-2: rgba(38, 47, 54, 0.33);
  --masta-color-auto-dark-900: #111416;
  --masta-color-auto-dark-900-1: rgba(17, 20, 22, 0.66);
  --masta-color-auto-dark-900-2: rgba(17, 20, 22, 0.33);
  --masta-color-auto-highlight-100: #FFDE7C;
  --masta-color-auto-highlight-100-1: rgba(255, 222, 124, 0.66);
  --masta-color-auto-highlight-100-2: rgba(255, 222, 124, 0.33);
  --masta-color-auto-ruby-100: #D9004D;
  --masta-color-auto-ruby-100-1: rgba(217, 0, 77, 0.66);
  --masta-color-auto-ruby-100-2: rgba(217, 0, 77, 0.33);
  --masta-color-auto-ruby-font: #FFEBF0;
  --masta-color-auto-ruby-font-1: rgba(255, 235, 240, 0.66);
  --masta-color-auto-ruby-font-2: rgba(255, 235, 240, 0.33);
  --masta-color-auto-topaz-100: #F56700;
  --masta-color-auto-topaz-100-1: rgba(245, 103, 0, 0.66);
  --masta-color-auto-topaz-100-2: rgba(245, 103, 0, 0.33);
  --masta-color-auto-topaz-font: #471E00;
  --masta-color-auto-topaz-font-1: rgba(71, 30, 0, 0.66);
  --masta-color-auto-topaz-font-2: rgba(71, 30, 0, 0.33);
  --masta-color-auto-citrine-100: #FAC541;
  --masta-color-auto-citrine-100-1: rgba(250, 197, 65, 0.66);
  --masta-color-auto-citrine-100-2: rgba(250, 197, 65, 0.33);
  --masta-color-auto-citrine-font: #6D4F03;
  --masta-color-auto-citrine-font-1: rgba(109, 79, 3, 0.66);
  --masta-color-auto-citrine-font-2: rgba(109, 79, 3, 0.33);
  --masta-color-auto-aquamarine-100: #37DDBC;
  --masta-color-auto-aquamarine-100-1: rgba(55, 221, 188, 0.66);
  --masta-color-auto-aquamarine-100-2: rgba(55, 221, 188, 0.33);
  --masta-color-auto-aquamarine-font: #0E5D4E;
  --masta-color-auto-aquamarine-font-1: rgba(14, 93, 78, 0.66);
  --masta-color-auto-aquamarine-font-2: rgba(14, 93, 78, 0.33);
  --masta-color-auto-emerald-100: #02C48E;
  --masta-color-auto-emerald-100-1: rgba(2, 196, 142, 0.66);
  --masta-color-auto-emerald-100-2: rgba(2, 196, 142, 0.33);
  --masta-color-auto-emerald-font: #023B36;
  --masta-color-auto-emerald-font-1: rgba(2, 59, 54, 0.66);
  --masta-color-auto-emerald-font-2: rgba(2, 59, 54, 0.33);
  --masta-color-auto-opal-100: #2593B8;
  --masta-color-auto-opal-100-1: rgba(37, 147, 184, 0.66);
  --masta-color-auto-opal-100-2: rgba(37, 147, 184, 0.33);
  --masta-color-auto-opal-font: #07242C;
  --masta-color-auto-opal-font-1: rgba(7, 36, 44, 0.66);
  --masta-color-auto-opal-font-2: rgba(7, 36, 44, 0.33);
  --masta-color-auto-apatite-100: #2DD8FE;
  --masta-color-auto-apatite-100-1: rgba(45, 216, 254, 0.66);
  --masta-color-auto-apatite-100-2: rgba(45, 216, 254, 0.33);
  --masta-color-auto-apatite-font: #015B6F;
  --masta-color-auto-apatite-font-1: rgba(1, 91, 111, 0.66);
  --masta-color-auto-apatite-font-2: rgba(1, 91, 111, 0.33);
  --masta-color-auto-sapphire-100: #006FEC;
  --masta-color-auto-sapphire-100-1: rgba(0, 111, 236, 0.66);
  --masta-color-auto-sapphire-100-2: rgba(0, 111, 236, 0.33);
  --masta-color-auto-sapphire-font: #FAFCFF;
  --masta-color-auto-sapphire-font-1: rgba(250, 252, 255, 0.66);
  --masta-color-auto-sapphire-font-2: rgba(250, 252, 255, 0.33);
  --masta-color-auto-amethyst-100: #8D207B;
  --masta-color-auto-amethyst-100-1: rgba(141, 32, 123, 0.66);
  --masta-color-auto-amethyst-100-2: rgba(141, 32, 123, 0.33);
  --masta-color-auto-amethyst-font: #EDB0E4;
  --masta-color-auto-amethyst-font-1: rgba(237, 176, 228, 0.66);
  --masta-color-auto-amethyst-font-2: rgba(237, 176, 228, 0.33);
  --masta-color-background-50:
    linear-gradient(
      199deg,
      #ECEFF1 9.75%,
      #D5DCE2 86.81%);
  --masta-color-background-100:
    linear-gradient(
      201deg,
      var(--masta-color-neutral-700) 22.63%,
      var(--masta-color-neutral-900) 98.09%);
  --masta-color-auto-background-50: var(--masta-color-background-50);
  --masta-color-auto-background-100: var(--masta-color-background-100);
  --masta-color-neutral-10: #f9fafa;
  --masta-color-neutral-10-1: rgba(249, 250, 250, 0.66);
  --masta-color-neutral-10-2: rgba(249, 250, 250, 0.33);
  --masta-color-neutral-30: #f2f4f6;
  --masta-color-neutral-30-1: rgba(242, 244, 246, 0.66);
  --masta-color-neutral-30-2: rgba(242, 244, 246, 0.33);
  --masta-color-neutral-50: #eceff1;
  --masta-color-neutral-50-1: rgba(236, 239, 241, 0.66);
  --masta-color-neutral-50-2: rgba(236, 239, 241, 0.33);
  --masta-color-neutral-80: #e3e8ec;
  --masta-color-neutral-80-1: rgba(227, 232, 236, 0.66);
  --masta-color-neutral-80-2: rgba(227, 232, 236, 0.33);
  --masta-color-neutral-100: #d5dce2;
  --masta-color-neutral-100-1: rgba(213, 220, 226, 0.66);
  --masta-color-neutral-100-2: rgba(213, 220, 226, 0.33);
  --masta-color-neutral-200: #bfc9d1;
  --masta-color-neutral-200-1: rgba(191, 201, 209, 0.66);
  --masta-color-neutral-200-2: rgba(191, 201, 209, 0.33);
  --masta-color-neutral-250: #bcbfc2;
  --masta-color-neutral-250-1: rgba(188, 191, 194, 0.66);
  --masta-color-neutral-250-2: rgba(188, 191, 194, 0.33);
  --masta-color-neutral-300: #a9b6c2;
  --masta-color-neutral-300-1: rgba(169, 182, 194, 0.66);
  --masta-color-neutral-300-2: rgba(169, 182, 194, 0.33);
  --masta-color-neutral-400: #8899a8;
  --masta-color-neutral-400-1: rgba(136, 153, 168, 0.66);
  --masta-color-neutral-400-2: rgba(136, 153, 168, 0.33);
  --masta-color-neutral-450: #767676;
  --masta-color-neutral-450-1: rgba(118, 118, 118, 0.66);
  --masta-color-neutral-450-2: rgba(118, 118, 118, 0.33);
  --masta-color-neutral-500: #596e81;
  --masta-color-neutral-500-1: rgba(89, 110, 129, 0.66);
  --masta-color-neutral-500-2: rgba(89, 110, 129, 0.33);
  --masta-color-neutral-600: #333e47;
  --masta-color-neutral-600-1: rgba(51, 62, 71, 0.66);
  --masta-color-neutral-600-2: rgba(51, 62, 71, 0.33);
  --masta-color-neutral-700: #262f36;
  --masta-color-neutral-700-1: rgba(38, 47, 54, 0.66);
  --masta-color-neutral-700-2: rgba(38, 47, 54, 0.33);
  --masta-color-neutral-800: #1c2125;
  --masta-color-neutral-800-1: rgba(28, 33, 37, 0.66);
  --masta-color-neutral-800-2: rgba(28, 33, 37, 0.33);
  --masta-color-neutral-900: #111416;
  --masta-color-neutral-900-1: rgba(17, 20, 22, 0.66);
  --masta-color-neutral-900-2: rgba(17, 20, 22, 0.33);
  --masta-color-primary-10: #ece0e4;
  --masta-color-primary-10-1: rgba(236, 224, 228, 0.66);
  --masta-color-primary-10-2: rgba(236, 224, 228, 0.33);
  --masta-color-primary-50: #c4a0ae;
  --masta-color-primary-50-1: rgba(196, 160, 174, 0.66);
  --masta-color-primary-50-2: rgba(196, 160, 174, 0.33);
  --masta-color-primary-300: #a26b80;
  --masta-color-primary-300-1: rgba(162, 107, 128, 0.66);
  --masta-color-primary-300-2: rgba(162, 107, 128, 0.33);
  --masta-color-primary-400: #92577B;
  --masta-color-primary-400-1: rgba(146, 87, 123, 0.66);
  --masta-color-primary-400-2: rgba(146, 87, 123, 0.33);
  --masta-color-primary-500: #9a3e5d;
  --masta-color-primary-500-1: rgba(154, 62, 93, 0.66);
  --masta-color-primary-500-2: rgba(154, 62, 93, 0.33);
  --masta-color-primary-700: #820f36;
  --masta-color-primary-700-1: rgba(130, 15, 54, 0.66);
  --masta-color-primary-700-2: rgba(130, 15, 54, 0.33);
  --masta-color-primary-900: #5a0036;
  --masta-color-primary-900-1: rgba(90, 0, 54, 0.66);
  --masta-color-primary-900-2: rgba(90, 0, 54, 0.33);
  --masta-color-secondary-10: #edf3fb;
  --masta-color-secondary-10-1: rgba(237, 243, 251, 0.66);
  --masta-color-secondary-10-2: rgba(237, 243, 251, 0.33);
  --masta-color-secondary-50: #c7dbf2;
  --masta-color-secondary-50-1: rgba(199, 219, 242, 0.66);
  --masta-color-secondary-50-2: rgba(199, 219, 242, 0.33);
  --masta-color-secondary-300: #9ab2d3;
  --masta-color-secondary-300-1: rgba(154, 178, 211, 0.66);
  --masta-color-secondary-300-2: rgba(154, 178, 211, 0.33);
  --masta-color-secondary-500: #6396d1;
  --masta-color-secondary-500-1: rgba(99, 150, 209, 0.66);
  --masta-color-secondary-500-2: rgba(99, 150, 209, 0.33);
  --masta-color-secondary-600: #637fa0;
  --masta-color-secondary-600-1: rgba(99, 127, 160, 0.66);
  --masta-color-secondary-600-2: rgba(99, 127, 160, 0.33);
  --masta-color-secondary-700: #3870b4;
  --masta-color-secondary-700-1: rgba(56, 112, 180, 0.66);
  --masta-color-secondary-700-2: rgba(56, 112, 180, 0.33);
  --masta-color-secondary-900: #133d6f;
  --masta-color-secondary-900-1: rgba(19, 61, 111, 0.66);
  --masta-color-secondary-900-2: rgba(19, 61, 111, 0.33);
  --masta-color-success-10: #e8fbec;
  --masta-color-success-10-1: rgba(232, 251, 236, 0.66);
  --masta-color-success-10-2: rgba(232, 251, 236, 0.33);
  --masta-color-success-50: #baf2c4;
  --masta-color-success-50-1: rgba(186, 242, 196, 0.66);
  --masta-color-success-50-2: rgba(186, 242, 196, 0.33);
  --masta-color-success-200: #b0deca;
  --masta-color-success-200-1: rgba(176, 222, 202, 0.66);
  --masta-color-success-200-2: rgba(176, 222, 202, 0.33);
  --masta-color-success-300: #90c79a;
  --masta-color-success-300-1: rgba(144, 199, 154, 0.66);
  --masta-color-success-300-2: rgba(144, 199, 154, 0.33);
  --masta-color-success-500: #40be71;
  --masta-color-success-500-1: rgba(64, 190, 113, 0.66);
  --masta-color-success-500-2: rgba(64, 190, 113, 0.33);
  --masta-color-success-700: #0f9b5f;
  --masta-color-success-700-1: rgba(15, 155, 95, 0.66);
  --masta-color-success-700-2: rgba(15, 155, 95, 0.33);
  --masta-color-success-900: #047147;
  --masta-color-success-900-1: rgba(4, 113, 71, 0.66);
  --masta-color-success-900-2: rgba(4, 113, 71, 0.33);
  --masta-color-warning-10: #ffecdf;
  --masta-color-warning-10-1: rgba(255, 236, 223, 0.66);
  --masta-color-warning-10-2: rgba(255, 236, 223, 0.33);
  --masta-color-warning-50: #ffc49f;
  --masta-color-warning-50-1: rgba(255, 196, 159, 0.66);
  --masta-color-warning-50-2: rgba(255, 196, 159, 0.33);
  --masta-color-warning-200: #ffd2ab;
  --masta-color-warning-200-1: rgba(255, 210, 171, 0.66);
  --masta-color-warning-200-2: rgba(255, 210, 171, 0.33);
  --masta-color-warning-300: #ffa66e;
  --masta-color-warning-300-1: rgba(255, 166, 110, 0.66);
  --masta-color-warning-300-2: rgba(255, 166, 110, 0.33);
  --masta-color-warning-500: #ff8d45;
  --masta-color-warning-500-1: rgba(255, 141, 69, 0.66);
  --masta-color-warning-500-2: rgba(255, 141, 69, 0.33);
  --masta-color-warning-700: #ff7800;
  --masta-color-warning-700-1: rgba(255, 120, 0, 0.66);
  --masta-color-warning-700-2: rgba(255, 120, 0, 0.33);
  --masta-color-warning-900: #e34f00;
  --masta-color-warning-900-1: rgba(227, 79, 0, 0.66);
  --masta-color-warning-900-2: rgba(227, 79, 0, 0.33);
  --masta-color-error-10: #ffddda;
  --masta-color-error-10-1: rgba(255, 221, 218, 0.66);
  --masta-color-error-10-2: rgba(255, 221, 218, 0.33);
  --masta-color-error-50: #ff978e;
  --masta-color-error-50-1: rgba(255, 151, 142, 0.66);
  --masta-color-error-50-2: rgba(255, 151, 142, 0.33);
  --masta-color-error-200: #ffabbb;
  --masta-color-error-200-1: rgba(255, 171, 187, 0.66);
  --masta-color-error-200-2: rgba(255, 171, 187, 0.33);
  --masta-color-error-300: #ff7c71;
  --masta-color-error-300-1: rgba(255, 124, 113, 0.66);
  --masta-color-error-300-2: rgba(255, 124, 113, 0.33);
  --masta-color-error-500: #fc5454;
  --masta-color-error-500-1: rgba(252, 84, 84, 0.66);
  --masta-color-error-500-2: rgba(252, 84, 84, 0.33);
  --masta-color-error-700: #ff0031;
  --masta-color-error-700-1: rgba(255, 0, 49, 0.66);
  --masta-color-error-700-2: rgba(255, 0, 49, 0.33);
  --masta-color-error-900: #c9091f;
  --masta-color-error-900-1: rgba(201, 9, 31, 0.66);
  --masta-color-error-900-2: rgba(201, 9, 31, 0.33);
  --masta-color-shades-50: #fff;
  --masta-color-shades-50-1: rgba(255, 255, 255, 0.66);
  --masta-color-shades-50-2: rgba(255, 255, 255, 0.33);
  --masta-color-shades-100: #000;
  --masta-color-shades-100-1: rgba(0, 0, 0, 0.66);
  --masta-color-shades-100-2: rgba(0, 0, 0, 0.33);
  --masta-color-brand-700: #eb002d;
  --masta-color-brand-700-1: rgba(235, 0, 45, 0.66);
  --masta-color-brand-700-2: rgba(235, 0, 45, 0.33);
  --masta-color-brand-900: #c80001;
  --masta-color-brand-900-1: rgba(200, 0, 1, 0.66);
  --masta-color-brand-900-2: rgba(200, 0, 1, 0.33);
  --masta-color-gradient-1: #ada8d0;
  --masta-color-gradient-1-1: rgba(173, 168, 208, 0.66);
  --masta-color-gradient-1-2: rgba(173, 168, 208, 0.33);
  --masta-color-gradient-2: #e4edf8;
  --masta-color-gradient-2-1: rgba(228, 237, 248, 0.66);
  --masta-color-gradient-2-2: rgba(228, 237, 248, 0.33);
  --masta-color-gradient-3: #fef2f7;
  --masta-color-gradient-3-1: rgba(254, 242, 247, 0.66);
  --masta-color-gradient-3-2: rgba(254, 242, 247, 0.33);
  --masta-color-light-50: #eceff1;
  --masta-color-light-50-1: rgba(236, 239, 241, 0.66);
  --masta-color-light-50-2: rgba(236, 239, 241, 0.33);
  --masta-color-light-500: #8899a8;
  --masta-color-light-500-1: rgba(136, 153, 168, 0.66);
  --masta-color-light-500-2: rgba(136, 153, 168, 0.33);
  --masta-color-light-700: #bfc9d1;
  --masta-color-light-700-1: rgba(191, 201, 209, 0.66);
  --masta-color-light-700-2: rgba(191, 201, 209, 0.33);
  --masta-color-light-900: #111416;
  --masta-color-light-900-1: rgba(17, 20, 22, 0.66);
  --masta-color-light-900-2: rgba(17, 20, 22, 0.33);
  --masta-color-dark-500: #596e81;
  --masta-color-dark-500-1: rgba(89, 110, 129, 0.66);
  --masta-color-dark-500-2: rgba(89, 110, 129, 0.33);
  --masta-color-dark-700: #262f36;
  --masta-color-dark-700-1: rgba(38, 47, 54, 0.66);
  --masta-color-dark-700-2: rgba(38, 47, 54, 0.33);
  --masta-color-dark-900: #111416;
  --masta-color-dark-900-1: rgba(17, 20, 22, 0.66);
  --masta-color-dark-900-2: rgba(17, 20, 22, 0.33);
  --masta-color-highlight-100: #FFDE7C;
  --masta-color-highlight-100-1: rgba(255, 222, 124, 0.66);
  --masta-color-highlight-100-2: rgba(255, 222, 124, 0.33);
  --masta-color-ruby-100: #D9004D;
  --masta-color-ruby-100-1: rgba(217, 0, 77, 0.66);
  --masta-color-ruby-100-2: rgba(217, 0, 77, 0.33);
  --masta-color-ruby-font: #FFEBF0;
  --masta-color-ruby-font-1: rgba(255, 235, 240, 0.66);
  --masta-color-ruby-font-2: rgba(255, 235, 240, 0.33);
  --masta-color-topaz-100: #F56700;
  --masta-color-topaz-100-1: rgba(245, 103, 0, 0.66);
  --masta-color-topaz-100-2: rgba(245, 103, 0, 0.33);
  --masta-color-topaz-font: #471E00;
  --masta-color-topaz-font-1: rgba(71, 30, 0, 0.66);
  --masta-color-topaz-font-2: rgba(71, 30, 0, 0.33);
  --masta-color-citrine-100: #FAC541;
  --masta-color-citrine-100-1: rgba(250, 197, 65, 0.66);
  --masta-color-citrine-100-2: rgba(250, 197, 65, 0.33);
  --masta-color-citrine-font: #6D4F03;
  --masta-color-citrine-font-1: rgba(109, 79, 3, 0.66);
  --masta-color-citrine-font-2: rgba(109, 79, 3, 0.33);
  --masta-color-aquamarine-100: #37DDBC;
  --masta-color-aquamarine-100-1: rgba(55, 221, 188, 0.66);
  --masta-color-aquamarine-100-2: rgba(55, 221, 188, 0.33);
  --masta-color-aquamarine-font: #0E5D4E;
  --masta-color-aquamarine-font-1: rgba(14, 93, 78, 0.66);
  --masta-color-aquamarine-font-2: rgba(14, 93, 78, 0.33);
  --masta-color-emerald-100: #02C48E;
  --masta-color-emerald-100-1: rgba(2, 196, 142, 0.66);
  --masta-color-emerald-100-2: rgba(2, 196, 142, 0.33);
  --masta-color-emerald-font: #023B36;
  --masta-color-emerald-font-1: rgba(2, 59, 54, 0.66);
  --masta-color-emerald-font-2: rgba(2, 59, 54, 0.33);
  --masta-color-opal-100: #2593B8;
  --masta-color-opal-100-1: rgba(37, 147, 184, 0.66);
  --masta-color-opal-100-2: rgba(37, 147, 184, 0.33);
  --masta-color-opal-font: #07242C;
  --masta-color-opal-font-1: rgba(7, 36, 44, 0.66);
  --masta-color-opal-font-2: rgba(7, 36, 44, 0.33);
  --masta-color-apatite-100: #2DD8FE;
  --masta-color-apatite-100-1: rgba(45, 216, 254, 0.66);
  --masta-color-apatite-100-2: rgba(45, 216, 254, 0.33);
  --masta-color-apatite-font: #015B6F;
  --masta-color-apatite-font-1: rgba(1, 91, 111, 0.66);
  --masta-color-apatite-font-2: rgba(1, 91, 111, 0.33);
  --masta-color-sapphire-100: #006FEC;
  --masta-color-sapphire-100-1: rgba(0, 111, 236, 0.66);
  --masta-color-sapphire-100-2: rgba(0, 111, 236, 0.33);
  --masta-color-sapphire-font: #FAFCFF;
  --masta-color-sapphire-font-1: rgba(250, 252, 255, 0.66);
  --masta-color-sapphire-font-2: rgba(250, 252, 255, 0.33);
  --masta-color-amethyst-100: #8D207B;
  --masta-color-amethyst-100-1: rgba(141, 32, 123, 0.66);
  --masta-color-amethyst-100-2: rgba(141, 32, 123, 0.33);
  --masta-color-amethyst-font: #EDB0E4;
  --masta-color-amethyst-font-1: rgba(237, 176, 228, 0.66);
  --masta-color-amethyst-font-2: rgba(237, 176, 228, 0.33);
}
:where(html) {
  --masta-border-width-1: 1px;
  --masta-border-width-2: 2px;
  --masta-border-width-3: 3px;
  --masta-border-width-4: 4px;
  --masta-border-radius-0: 0px;
  --masta-border-radius-1: 4px;
  --masta-border-radius-2: 8px;
  --masta-border-radius-3: 12px;
  --masta-border-radius-4: 16px;
  --masta-border-radius-5: 20px;
  --masta-border-radius-6: 48px;
  --masta-border-radius-7: 80px;
  --masta-border-radius-full: 9999px;
}
:where(html) {
  --masta-font-weight-00: 200;
  --masta-font-weight-0: 400;
  --masta-font-weight-1: 500;
  --masta-font-weight-2: 600;
  --masta-font-weight-3: 700;
  --masta-font-weight-4: 800;
  --masta-line-height-00: 0.75rem;
  --masta-line-height-0: 0.875rem;
  --masta-line-height-1: 1.125rem;
  --masta-line-height-2: 1.25rem;
  --masta-line-height-3: 1.375rem;
  --masta-line-height-4: 1.5rem;
  --masta-line-height-5: 2.25rem;
  --masta-letter-spacing-0: 0rem;
  --masta-letter-spacing-1: 0.01rem;
  --masta-letter-spacing-2: 0.01375rem;
  --masta-letter-spacing-3: 0.0175rem;
  --masta-letter-spacing-4: 0.02rem;
  --masta-letter-spacing-5: 0.02375rem;
  --masta-letter-spacing-6: 0.05rem;
  --masta-letter-spacing-7: 0.06rem;
  --masta-letter-spacing-8: 0.09375rem;
  --masta-letter-spacing-9: 0.11rem;
  --masta-letter-spacing-10: 0.165rem;
  --masta-font-size-000: 0.625rem;
  --masta-font-size-00: 0.75rem;
  --masta-font-size-0: 0.875rem;
  --masta-font-size-1: 1rem;
  --masta-font-size-2: 1.25rem;
  --masta-font-size-3: 1.5rem;
}
:where(html) {
  --masta-shadow-1: 0px 0px 8px 0px var(--masta-color-neutral-500-2);
  --masta-shadow-2: 0px 2px 16px 0px var(--masta-color-neutral-500-2);
  --masta-shadow-3: 0px 3px 16px 0px var(--masta-color-neutral-500-2);
  --masta-shadow-4: 0px 8px 32px 0px var(--masta-color-neutral-500-2);
  --masta-shadow-5: 0px 8px 48px 0px var(--masta-color-neutral-500-2);
}
:where(html) {
  --masta-size-000: -10px;
  --masta-size-00: -5px;
  --masta-size-0-1: 2px;
  --masta-size-1: 4px;
  --masta-size-2: 6px;
  --masta-size-3: 8px;
  --masta-size-4: 10px;
  --masta-size-5: 12px;
  --masta-size-6: 14px;
  --masta-size-6-7: 16px;
  --masta-size-7: 18px;
  --masta-size-8: 20px;
  --masta-size-9: 22px;
  --masta-size-10: 24px;
  --masta-size-11: 26px;
  --masta-size-12: 30px;
  --masta-size-12-13: 32px;
  --masta-size-13: 36px;
  --masta-size-14: 40px;
  --masta-size-15: 42px;
  --masta-size-15-16: 44px;
  --masta-size-16: 46px;
  --masta-size-17: 48px;
  --masta-size-18: 50px;
  --masta-size-19: 52px;
  --masta-size-20: 56px;
  --masta-size-21: 60px;
  --masta-size-21-22: 64px;
  --masta-size-22: 80px;
  --masta-size-22-23: 100px;
  --masta-size-23: 115px;
  --masta-size-24: 120px;
  --masta-size-25: 130px;
  --masta-size-26: 140px;
  --masta-size-27: 150px;
}
:where(html) {
  --masta-index-overlay-0: 70;
  --masta-index-overlay-1: 71;
  --masta-index-overlay-2: 72;
  --masta-index-overlay-3: 73;
  --masta-index-overlay-4: 74;
  --masta-index-overlay-5: 75;
}
@font-face {
  font-family: "Gilroy";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/Gilroy-Regular.otf) format("opentype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/Gilroy-Medium.otf) format("opentype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/Gilroy-SemiBold.otf) format("opentype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/Gilroy-Bold.otf) format("opentype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Radomir Tinkov";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RadomirTinkov-Gilroy-Light.otf) format("truetype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Radomir Tinkov";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RadomirTinkov-Gilroy-Medium.otf) format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Radomir Tinkov";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RadomirTinkov-Gilroy-SemiBold.otf) format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Radomir Tinkov";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RadomirTinkov-Gilroy-ExtraBold.otf) format("truetype");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RedHatMono-Light.ttf) format("truetype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RedHatMono-Regular.ttf) format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RedHatMono-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url(https://cdnmarkantnet.blob.core.windows.net/markant-elements-markant-net/fonts/RedHatMono-Bold.ttf) format("truetype");
  font-weight: 700;
  font-display: swap;
}
.icon .m-icon-m_add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_address {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_address.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_address.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_add-filled {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_add-filled.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_add-filled.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_admin-active {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_admin-active.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_admin-active.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_admin-inactive {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_admin-inactive.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_admin-inactive.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_ai {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_ai.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_ai.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_alarm-clock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alarm-clock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alarm-clock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_alert {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_alert-add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert-add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert-add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_alert-add-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert-add-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert-add-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_alert-disabled {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert-disabled.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert-disabled.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_alert-disabled-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert-disabled-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert-disabled-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_alert-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_alert-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-circle-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-circle-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-circle-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-circle-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-circle-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-circle-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-down-xsmall {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-down-xsmall.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-down-xsmall.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-link {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-link.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-link.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-right-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-right-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-right-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-s-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-s-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-s-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-s-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-s-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-s-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-up-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-up-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-up-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-up-xsmall {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-up-xsmall.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-up-xsmall.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-xs-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-xs-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-xs-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_arrow-xs-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-xs-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_arrow-xs-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_article {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_article.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_article.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_attach {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_attach.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_attach.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_attachment {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_attachment.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_attachment.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_attachment-add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_attachment-add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_attachment-add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_attachment-add-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_attachment-add-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_attachment-add-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_attachment-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_attachment-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_attachment-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_batch-processing {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_batch-processing.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_batch-processing.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_batch-processing-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_batch-processing-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_batch-processing-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_bic {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_bic.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_bic.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_block-user {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_block-user.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_block-user.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_bolt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_bolt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_bolt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_bolt-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_bolt-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_bolt-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_bonbon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_bonbon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_bonbon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_box {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_box.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_box.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_burger-menu {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_burger-menu.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_burger-menu.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_calculate {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_calculate.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_calculate.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_calendar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_calendar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_calendar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_calendar-check {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_calendar-check.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_calendar-check.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_calendar--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_calendar--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_calendar--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_camera {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_camera.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_camera.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_camera-add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_camera-add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_camera-add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_camera-add-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_camera-add-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_camera-add-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_camera-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_camera-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_camera-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_catalog {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_catalog.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_catalog.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_catering {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_catering.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_catering.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_certificate {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_certificate.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_certificate.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_certificate-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_certificate-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_certificate-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chart-bar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chart-bar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chart-bar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chart-graph {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chart-graph.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chart-graph.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chart-graph-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chart-graph-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chart-graph-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_checkmark {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_checkmark.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_checkmark.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_checkmark-outlined {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_checkmark-outlined.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_checkmark-outlined.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_checkmark-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_checkmark-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_checkmark-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cheque {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cheque.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cheque.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-backward {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-backward.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-backward.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-backward-end {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-backward-end.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-backward-end.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-down-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-down-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-down-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-forward {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-forward.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-forward.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-forward-end {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-forward-end.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-forward-end.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-left-navigation-end-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-left-navigation-end-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-left-navigation-end-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-left-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-left-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-left-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-left--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-left--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-left--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-right-navigation-end-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-right-navigation-end-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-right-navigation-end-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-right-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-right-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-right-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-right--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-right--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-right--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_chevron-up-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-up-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_chevron-up-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_clock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_clock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_clock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_close {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_close.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_close.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_close-all {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_close-all.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_close-all.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_close-outlined {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_close-outlined.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_close-outlined.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_close-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_close-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_close-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_close--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_close--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_close--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_cloud-upload {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_cloud-upload.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_cloud-upload.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_collapse {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_collapse.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_collapse.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_collapse-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_collapse-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_collapse-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_collective-edit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_collective-edit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_collective-edit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_column-settings {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_column-settings.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_column-settings.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_company {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_company.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_company.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_comparison-equal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-equal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-equal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_comparison-equal-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-equal-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-equal-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_comparison-greater-or-equal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-greater-or-equal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-greater-or-equal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_comparison-greater-or-equal-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-greater-or-equal-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-greater-or-equal-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_comparison-greater-than {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-greater-than.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-greater-than.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_comparison-greater-than-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-greater-than-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-greater-than-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_comparison-less-or-equal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-less-or-equal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-less-or-equal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_comparison-less-or-equal-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-less-or-equal-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-less-or-equal-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_comparison-less-than {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-less-than.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-less-than.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_comparison-less-than-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-less-than-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_comparison-less-than-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_connect-article {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_connect-article.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_connect-article.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_connect-article-text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_connect-article-text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_connect-article-text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_context-menu {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_context-menu.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_context-menu.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_contract {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_contract.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_contract.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_copy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_copy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_copy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_copy-text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_copy-text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_copy-text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_copy-user {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_copy-user.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_copy-user.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_dashboard {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dashboard.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dashboard.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_dealer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dealer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dealer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_delete-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_delete-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_delete-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_delete-user {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_delete-user.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_delete-user.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_delivery {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_delivery.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_delivery.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_delivery-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_delivery-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_delivery-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_dislike {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dislike.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dislike.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_dislike-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dislike-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dislike-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_document {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_document-add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_document-add-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-add-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-add-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_document-finance {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-finance.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-finance.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_document-unvalid {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-unvalid.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-unvalid.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_document-unvalid-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-unvalid-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-unvalid-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_document-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_document-valid {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-valid.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-valid.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_document-valid-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-valid-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_document-valid-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_download-advanced {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_download-advanced.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_download-advanced.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_dot {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dot.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dot.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_dot-circled {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dot-circled.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dot-circled.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_dot-circled-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dot-circled-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dot-circled-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_dot-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dot-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_dot-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_download {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_download.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_download.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_download-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_download-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_download-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_drag {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_drag.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_drag.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_duplicate {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_duplicate.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_duplicate.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_duplicate-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_duplicate-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_duplicate-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_edit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_edit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_edit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_edit-message {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_edit-message.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_edit-message.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_edit-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_edit-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_edit-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_equal--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_equal--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_equal--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_error {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_error.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_error.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_archivierung_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_archivierung_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_archivierung_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_archivierung_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_archivierung_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_archivierung_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_basic_kommunikation_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_basic_kommunikation_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_basic_kommunikation_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_belegabwicklung_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_belegabwicklung_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_belegabwicklung_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_belegabwicklung_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_belegabwicklung_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_belegabwicklung_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_cybtos_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_cybtos_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_cybtos_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_digitales_produktschaufenster_negativ {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_digitales_produktschaufenster_negativ.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_digitales_produktschaufenster_negativ.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_digitales_produktschaufenster_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_digitales_produktschaufenster_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_digitales_produktschaufenster_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_dva_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_dva_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_dva_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_edi_hub_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_edi_hub_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_edi_hub_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_edi_hub_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_edi_hub_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_edi_hub_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_handelsforum_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_handelsforum_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_handelsforum_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_handelsforum_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_handelsforum_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_handelsforum_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_informationsdienst_produktsicherheit_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_informationsdienst_produktsicherheit_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_informationsdienst_produktsicherheit_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_informationsdienst_produktsicherheit_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_informationsdienst_produktsicherheit_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_informationsdienst_produktsicherheit_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_informationsmanagement_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_informationsmanagement_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_informationsmanagement_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_informationsmanagement_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_informationsmanagement_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_informationsmanagement_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_insights_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_insights_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_insights_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_insights_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_insights_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_insights_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_it-board_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_it-board_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_it-board_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_kauf_und_kundenverhalten_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_kauf_und_kundenverhalten_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_kauf_und_kundenverhalten_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_kosten-rechnungs-workflow-positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_kosten-rechnungs-workflow-positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_kosten-rechnungs-workflow-positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_krisenmanagerdatenbank_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_krisenmanagerdatenbank_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_krisenmanagerdatenbank_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_markant_audit_vision_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_markant_audit_vision_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_markant_audit_vision_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_media_assets_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_media_assets_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_media_assets_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_media_assets_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_media_assets_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_media_assets_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_mro24_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_mro24_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_mro24_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_mro24_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_mro24_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_mro24_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_mro_eprocurement_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_mro_eprocurement_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_mro_eprocurement_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_personal_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_personal_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_personal_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_personal_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_personal_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_personal_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_placeholder_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_placeholder_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_placeholder_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_preisinformationen_markant_price_monitor {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_preisinformationen_markant_price_monitor.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_preisinformationen_markant_price_monitor.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_preisinformationen_markant_price_monitor_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_preisinformationen_markant_price_monitor_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_preisinformationen_markant_price_monitor_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_preisinformationen_markant_price_monitor_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_preisinformationen_markant_price_monitor_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_preisinformationen_markant_price_monitor_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_preisinformationen_regalpreis_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_preisinformationen_regalpreis_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_preisinformationen_regalpreis_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_produktanalysen_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktanalysen_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktanalysen_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_produktdokumente_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktdokumente_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktdokumente_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_produktrueckruf_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktrueckruf_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktrueckruf_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_produktstammdaten_promis_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktstammdaten_promis_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktstammdaten_promis_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_produktstammdaten_promis_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktstammdaten_promis_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktstammdaten_promis_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_produktstammdaten_zas_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktstammdaten_zas_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktstammdaten_zas_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_produktstammdaten_zas_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktstammdaten_zas_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_produktstammdaten_zas_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_prozessunterstuetzung_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_prozessunterstuetzung_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_prozessunterstuetzung_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_prozessunterstuetzung_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_prozessunterstuetzung_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_prozessunterstuetzung_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_sourcing_management_mro24_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_sourcing_management_mro24_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_sourcing_management_mro24_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_sourcing_management_mro24_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_sourcing_management_mro24_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_sourcing_management_mro24_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_start-up_portal_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_start-up_portal_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_start-up_portal_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_support_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_support_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_support_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_web_edi_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_web_edi_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_web_edi_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_zahlungsoptimierung_fiska_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_fiska_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_fiska_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_zahlungsoptimierung_fiska_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_fiska_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_fiska_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_zahlungsoptimierung_liquiditaetstool_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_liquiditaetstool_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_liquiditaetstool_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_zahlungsoptimierung_liquiditaetstool_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_liquiditaetstool_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_liquiditaetstool_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_zahlungsoptimierung_zahlungsverfahren_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_zahlungsverfahren_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_zahlungsverfahren_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_zahlungsoptimierung_zahlungsverfahren_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_zahlungsverfahren_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zahlungsoptimierung_zahlungsverfahren_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_zentralregulierung_positiv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zentralregulierung_positiv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zentralregulierung_positiv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eservice_zentralregulierung_positiv_abnahme {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zentralregulierung_positiv_abnahme.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eservice_zentralregulierung_positiv_abnahme.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_euro {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_euro.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_euro.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_euro-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_euro-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_euro-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_exclamation-mark {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_exclamation-mark.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_exclamation-mark.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_exclamation-mark-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_exclamation-mark-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_exclamation-mark-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_expand {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_expand.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_expand.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_expand-less {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_expand-less.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_expand-less.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_expand-more {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_expand-more.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_expand-more.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_expand-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_expand-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_expand-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_export {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_export.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_export.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_external-link {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_external-link.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_external-link.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-factory {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/factory.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/factory.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_factory--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_factory--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_factory--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_favorite {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_favorite.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_favorite.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_favorite-active {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_favorite-active.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_favorite-active.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_favorite-filled-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_favorite-filled-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_favorite-filled-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_favorite-inactive {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_favorite-inactive.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_favorite-inactive.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_favorite-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_favorite-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_favorite-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_file-doc {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_file-doc.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_file-doc.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_file-not-found {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_file-not-found.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_file-not-found.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_file-pdf {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_file-pdf.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_file-pdf.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_file-xml {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_file-xml.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_file-xml.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_filter {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_filter.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_filter.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_filter-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_filter-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_filter-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_first-steps {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_first-steps.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_first-steps.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_flag {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_flag.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_flag.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_folder {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_folder.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_folder.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_folders-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_folders-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_folders-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_folder-add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_folder-add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_folder-add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_form {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_form.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_form.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_fullscreen {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_fullscreen.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_fullscreen.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_gallery {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_gallery.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_gallery.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_gdsn {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_gdsn.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_gdsn.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_glasses {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_glasses.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_glasses.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_gln--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_gln--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_gln--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group-large {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group-large-add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group-large-check {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-check.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-check.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group-large-copy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-copy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-copy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group-large-delete {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-delete.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-delete.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group-large-edit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-edit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-edit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group-large-filter {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-filter.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-filter.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group-large-lock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-lock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-lock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group-large-unlock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-unlock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-large-unlock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_group-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_group-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_help {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_help.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_help.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_history {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_history.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_history.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_home {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_home.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_home.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_home-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_home-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_home-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_iban {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_iban.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_iban.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_image {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_image.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_image.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_image-add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_image-add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_image-add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_image-add-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_image-add-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_image-add-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_image-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_image-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_image-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_inbox {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_inbox.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_inbox.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_info {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_info.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_info.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_info-i {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_info-i.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_info-i.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_info-i-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_info-i-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_info-i-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_info-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_info-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_info-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_invisible {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_invisible.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_invisible.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_in-progress {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_in-progress.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_in-progress.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_in-progress-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_in-progress-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_in-progress-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_key {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_key.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_key.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_kin--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_kin--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_kin--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_language {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_language.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_language.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_leaf {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_leaf.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_leaf.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_leaf-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_leaf-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_leaf-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_like {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_like.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_like.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_like-active {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_like-active.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_like-active.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_like-inactive {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_like-inactive.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_like-inactive.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_like-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_like-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_like-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_link {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_link.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_link.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_link-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_link-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_link-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_list {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_list.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_list.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_location {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_location.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_location.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_location-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_location-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_location-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_lock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_lock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_lock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_lock-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_lock-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_lock-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_login {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_login.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_login.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_login-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_login-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_login-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_logout {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_logout.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_logout.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_logout-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_logout-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_logout-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_magazine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_magazine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_magazine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_magic {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_magic.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_magic.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_magic-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_magic-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_magic-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_mail {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_mail.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_mail.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_mail-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_mail-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_mail-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_map {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_map.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_map.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_markant-net {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_markant-net.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_markant-net.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_maximize {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_maximize.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_maximize.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_maximize-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_maximize-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_maximize-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_megaphone {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_megaphone.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_megaphone.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_menu {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_menu.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_menu.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_message {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_message.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_message.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_message-edit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_message-edit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_message-edit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_message-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_message-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_message-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_minimize {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_minimize.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_minimize.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_minus-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_minus-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_minus-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mips_calendar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mips_calendar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mips_calendar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mips_plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mips_plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mips_plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mips_trash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mips_trash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mips_trash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_missing {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_missing.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_missing.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_mobile-upload {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_mobile-upload.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_mobile-upload.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_money {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_money.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_money.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_more {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_more.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_more.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_more-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_more-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_more-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_move {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_move.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_move.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_move-inside {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_move-inside.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_move-inside.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_move-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_move-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_move-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_my-licenses {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_my-licenses.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_my-licenses.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_new {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_new.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_new.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_news {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_news.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_news.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_new-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_new-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_new-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_next {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_next.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_next.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_notification {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_notification.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_notification.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_off {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_off.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_off.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_off-switch {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_off-switch.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_off-switch.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_on {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_on.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_on.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_on-switch {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_on-switch.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_on-switch.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_open-all {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_open-all.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_open-all.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_original-receipt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_original-receipt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_original-receipt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_package {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_package.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_package.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_parameters {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_parameters.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_parameters.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_parameters-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_parameters-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_parameters-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_partner-chat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_partner-chat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_partner-chat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_password-hide {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_password-hide.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_password-hide.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_password-hide-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_password-hide-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_password-hide-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_password-show {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_password-show.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_password-show.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_password-show-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_password-show-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_password-show-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_phone {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_phone.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_phone.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_phone-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_phone-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_phone-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_pie-chart {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_pie-chart.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_pie-chart.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_pie-chart-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_pie-chart-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_pie-chart-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_piggy-bank {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_piggy-bank.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_piggy-bank.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_play {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_play.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_play.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_play-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_play-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_play-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_plug {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_plug.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_plug.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_plug-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_plug-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_plug-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_plus-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_plus-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_plus-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_print {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_print.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_print.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_privacy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_privacy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_privacy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_produktschaufenster {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_produktschaufenster.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_produktschaufenster.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_profession {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_profession.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_profession.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_profession-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_profession-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_profession-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_question {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_question.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_question.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_question-mark {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_question-mark.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_question-mark.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_question-mark-circled-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_question-mark-circled-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_question-mark-circled-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_question-mark-circled {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_question-mark-circled.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_question-mark-circled.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_question-mark-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_question-mark-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_question-mark-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-receipt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/receipt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/receipt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_redo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_redo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_redo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_refresh {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_refresh.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_refresh.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_refresh-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_refresh-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_refresh-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_resize {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_resize.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_resize.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_resize-collapse {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_resize-collapse.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_resize-collapse.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_rewrite {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_rewrite.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_rewrite.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_rocket {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_rocket.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_rocket.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_save {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_save.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_save.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_scan {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_scan.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_scan.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_search {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_search.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_search.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_search-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_search-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_search-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_search--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_search--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_search--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_send {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_send.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_send.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sent {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sent-failed {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent-failed.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent-failed.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sent-failed-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent-failed-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent-failed-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sent-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sent-successful {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent-successful.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent-successful.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sent-successful-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent-successful-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sent-successful-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_service {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_service.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_service.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_service-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_service-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_service-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_settings {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_settings.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_settings.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_settings-slider {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_settings-slider.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_settings-slider.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_settings-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_settings-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_settings-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_shopping-cart {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_shopping-cart.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_shopping-cart.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_snowflake {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_snowflake.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_snowflake.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_solution {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_solution.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_solution.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_solution-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_solution-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_solution-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sort-ascend-descend-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sort-ascend-descend-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sort-ascend-descend-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sort-ascend-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sort-ascend-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sort-ascend-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sort-descend-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sort-descend-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sort-descend-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sort-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sort-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sort-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_statistics {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_statistics.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_statistics.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_storage {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_storage.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_storage.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_subdirectory-arrow-back {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_subdirectory-arrow-back.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_subdirectory-arrow-back.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_subdirectory-arrow-forward {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_subdirectory-arrow-forward.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_subdirectory-arrow-forward.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_sun {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sun.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_sun.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_support {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_support.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_support.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_survey {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_survey.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_survey.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_table {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_table.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_table.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_table-edit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_table-edit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_table-edit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_table-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_table-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_table-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_table-spacing-big {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_table-spacing-big.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_table-spacing-big.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_table-spacing-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_table-spacing-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_table-spacing-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_tag {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_tag.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_tag.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_teamviewer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_teamviewer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_teamviewer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_time-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_time-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_time-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_tiles {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_tiles.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_tiles.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_transcript {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_transcript.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_transcript.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_trash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_trash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_trash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_time {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_time.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_time.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_undo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_undo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_undo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_unlock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_unlock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_unlock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_unlock-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_unlock-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_unlock-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_unlock_user {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_unlock_user.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_unlock_user.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_upload {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_upload.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_upload.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_upload-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_upload-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_upload-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_user {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_usergroup {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_usergroup.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_usergroup.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_user-add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_user-catalog {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-catalog.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-catalog.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_user-check {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-check.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-check.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_user-check-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-check-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-check-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_user-config {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-config.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-config.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_user-lock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-lock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-lock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_user-profile {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-profile.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-profile.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_user-remove {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-remove.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-remove.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_user-unlock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-unlock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_user-unlock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_verified-conversation {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_verified-conversation.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_verified-conversation.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_video {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_video.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_video.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_visible {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_visible.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_visible.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_wait {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_wait.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_wait.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_wait-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_wait-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_wait-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_warning {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_warning.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_warning.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_warning-small {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_warning-small.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_warning-small.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_waterdrop {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_waterdrop.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_waterdrop.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_weight {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_weight.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_weight.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_widget-add {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-add.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-add.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_widget-delete {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-delete.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-delete.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_widget-edit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-edit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-edit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_widget-fullscreen {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-fullscreen.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-fullscreen.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_widget-move {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-move.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-move.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_widget-reset {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-reset.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_widget-reset.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_work {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_work.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_work.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_world {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_world.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_world.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-m_zoom-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/m_zoom-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/m_zoom-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-_arrow-down--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/_arrow-down--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/_arrow-down--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-_cancel {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/_cancel.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/_cancel.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-_close--dense {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/_close--dense.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/_close--dense.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-_input_number_arrow_down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/_input_number_arrow_down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/_input_number_arrow_down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-_input_number_arrow_up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/_input_number_arrow_up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/_input_number_arrow_up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-_sort {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/_sort.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/_sort.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-acorn {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/acorn.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/acorn.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-address-book {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/address-book.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/address-book.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-address-book-tabs {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/address-book-tabs.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/address-book-tabs.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-air-traffic-control {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/air-traffic-control.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/air-traffic-control.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-airplane {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-airplane-in-flight {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane-in-flight.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane-in-flight.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-airplane-landing {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane-landing.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane-landing.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-airplane-takeoff {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane-takeoff.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane-takeoff.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-airplane-taxiing {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane-taxiing.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane-taxiing.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-airplane-tilt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane-tilt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/airplane-tilt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-airplay {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/airplay.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/airplay.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-alarm {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/alarm.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/alarm.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-alien {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/alien.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/alien.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-bottom {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-bottom.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-bottom.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-bottom-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-bottom-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-bottom-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-center-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-center-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-center-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-center-horizontal-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-center-horizontal-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-center-horizontal-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-center-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-center-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-center-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-center-vertical-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-center-vertical-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-center-vertical-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-left-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-left-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-left-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-right-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-right-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-right-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-top {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-top.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-top.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-align-top-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/align-top-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/align-top-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-amazon-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/amazon-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/amazon-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ambulance {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ambulance.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ambulance.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-anchor {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/anchor.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/anchor.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-anchor-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/anchor-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/anchor-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-android-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/android-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/android-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-angle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/angle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/angle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-angular-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/angular-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/angular-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-aperture {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/aperture.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/aperture.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-app-store-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/app-store-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/app-store-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-app-window {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/app-window.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/app-window.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-apple-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/apple-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/apple-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-apple-podcasts-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/apple-podcasts-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/apple-podcasts-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-approximate-equals {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/approximate-equals.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/approximate-equals.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-archive {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/archive.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/archive.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-armchair {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/armchair.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/armchair.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-arc-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-arc-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-arc-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-arc-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-arc-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-arc-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-bend-double-up-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-double-up-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-double-up-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-bend-double-up-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-double-up-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-double-up-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-bend-down-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-down-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-down-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-bend-down-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-down-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-down-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-bend-left-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-left-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-left-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-bend-left-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-left-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-left-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-bend-right-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-right-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-right-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-bend-right-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-right-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-right-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-bend-up-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-up-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-up-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-bend-up-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-up-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-bend-up-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-circle-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-circle-down-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-down-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-down-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-circle-down-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-down-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-down-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-circle-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-circle-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-circle-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-circle-up-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-up-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-up-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-circle-up-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-up-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-circle-up-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-clockwise {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-clockwise.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-clockwise.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-counter-clockwise {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-counter-clockwise.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-counter-clockwise.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-down-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-down-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-down-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-down-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-down-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-down-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-elbow-down-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-down-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-down-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-elbow-down-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-down-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-down-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-elbow-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-elbow-left-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-left-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-left-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-elbow-left-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-left-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-left-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-elbow-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-elbow-right-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-right-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-right-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-elbow-right-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-right-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-right-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-elbow-up-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-up-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-up-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-elbow-up-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-up-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-elbow-up-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-line-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-line-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-line-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-line-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-line-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-line-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-line-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-line-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-line-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-line-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-line-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-line-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-lines-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-lines-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-lines-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-lines-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-lines-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-lines-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-lines-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-lines-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-lines-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-lines-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-lines-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-lines-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-fat-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-fat-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-line-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-line-down-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-down-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-down-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-line-down-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-down-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-down-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-line-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-line-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-line-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-line-up-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-up-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-up-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-line-up-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-up-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-line-up-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-square-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-square-down-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-down-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-down-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-square-down-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-down-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-down-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-square-in {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-in.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-in.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-square-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-square-out {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-out.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-out.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-square-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-square-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-square-up-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-up-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-up-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-square-up-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-up-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-square-up-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-u-down-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-down-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-down-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-u-down-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-down-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-down-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-u-left-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-left-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-left-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-u-left-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-left-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-left-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-u-right-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-right-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-right-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-u-right-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-right-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-right-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-u-up-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-up-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-up-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-u-up-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-up-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-u-up-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-up-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-up-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-up-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrow-up-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-up-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrow-up-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-clockwise {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-clockwise.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-clockwise.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-counter-clockwise {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-counter-clockwise.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-counter-clockwise.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-down-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-down-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-down-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-in {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-in.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-in.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-in-cardinal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-in-cardinal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-in-cardinal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-in-line-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-in-line-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-in-line-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-in-line-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-in-line-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-in-line-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-in-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-in-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-in-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-left-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-left-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-left-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-merge {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-merge.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-merge.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-out {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-out.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-out.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-out-cardinal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-out-cardinal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-out-cardinal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-out-line-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-out-line-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-out-line-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-out-line-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-out-line-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-out-line-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-out-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-out-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-out-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-split {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-split.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-split.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-arrows-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/arrows-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-article {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/article.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/article.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-article-medium {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/article-medium.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/article-medium.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-article-ny-times {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/article-ny-times.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/article-ny-times.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-asclepius {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/asclepius.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/asclepius.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-asterisk {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/asterisk.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/asterisk.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-asterisk-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/asterisk-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/asterisk-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-at {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/at.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/at.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-atom {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/atom.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/atom.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-avocado {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/avocado.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/avocado.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-axe {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/axe.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/axe.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-baby {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/baby.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/baby.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-baby-carriage {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/baby-carriage.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/baby-carriage.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-backpack {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/backpack.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/backpack.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-backspace {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/backspace.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/backspace.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bag {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bag.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bag.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bag-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bag-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bag-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-balloon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/balloon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/balloon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bandaids {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bandaids.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bandaids.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bank {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bank.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bank.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-barbell {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/barbell.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/barbell.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-barcode {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/barcode.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/barcode.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-barn {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/barn.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/barn.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-barricade {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/barricade.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/barricade.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-baseball {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/baseball.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/baseball.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-baseball-cap {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/baseball-cap.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/baseball-cap.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-baseball-helmet {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/baseball-helmet.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/baseball-helmet.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-basket {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/basket.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/basket.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-basketball {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/basketball.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/basketball.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bathtub {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bathtub.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bathtub.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-charging {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-charging.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-charging.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-charging-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-charging-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-charging-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-empty {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-empty.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-empty.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-full {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-full.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-full.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-high {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-high.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-high.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-low {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-low.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-low.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-medium {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-medium.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-medium.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-plus-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-plus-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-plus-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-vertical-empty {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-vertical-empty.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-vertical-empty.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-vertical-full {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-vertical-full.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-vertical-full.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-vertical-high {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-vertical-high.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-vertical-high.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-vertical-low {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-vertical-low.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-vertical-low.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-vertical-medium {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-vertical-medium.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-vertical-medium.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-warning {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-warning.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-warning.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-battery-warning-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-warning-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/battery-warning-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-beach-ball {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/beach-ball.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/beach-ball.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-beanie {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/beanie.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/beanie.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bed {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bed.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bed.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-beer-bottle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/beer-bottle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/beer-bottle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-beer-stein {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/beer-stein.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/beer-stein.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-behance-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/behance-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/behance-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bell {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bell.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bell.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bell-ringing {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-ringing.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-ringing.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bell-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bell-simple-ringing {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-simple-ringing.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-simple-ringing.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bell-simple-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-simple-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-simple-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bell-simple-z {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-simple-z.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-simple-z.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bell-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bell-z {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-z.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bell-z.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-belt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/belt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/belt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bezier-curve {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bezier-curve.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bezier-curve.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bicycle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bicycle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bicycle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-binary {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/binary.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/binary.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-binoculars {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/binoculars.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/binoculars.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-biohazard {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/biohazard.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/biohazard.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bird {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bird.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bird.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-blueprint {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/blueprint.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/blueprint.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bluetooth {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bluetooth.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bluetooth.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bluetooth-connected {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bluetooth-connected.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bluetooth-connected.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bluetooth-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bluetooth-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bluetooth-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bluetooth-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bluetooth-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bluetooth-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-boat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/boat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/boat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bomb {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bomb.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bomb.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bone {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bone.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bone.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-book {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/book.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/book.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-book-bookmark {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/book-bookmark.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/book-bookmark.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-book-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/book-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/book-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-book-open-text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/book-open-text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/book-open-text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bookmark {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bookmark.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bookmark.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bookmark-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bookmark-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bookmark-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bookmarks {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bookmarks.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bookmarks.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bookmarks-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bookmarks-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bookmarks-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-books {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/books.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/books.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-boot {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/boot.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/boot.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-boules {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/boules.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/boules.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bounding-box {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bounding-box.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bounding-box.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bowl-food {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bowl-food.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bowl-food.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bowl-steam {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bowl-steam.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bowl-steam.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bowling-ball {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bowling-ball.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bowling-ball.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-box-arrow-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/box-arrow-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/box-arrow-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-box-arrow-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/box-arrow-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/box-arrow-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-boxing-glove {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/boxing-glove.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/boxing-glove.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-brackets-angle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/brackets-angle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/brackets-angle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-brackets-curly {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/brackets-curly.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/brackets-curly.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-brackets-round {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/brackets-round.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/brackets-round.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-brackets-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/brackets-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/brackets-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-brain {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/brain.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/brain.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-brandy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/brandy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/brandy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bread {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bread.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bread.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bridge {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bridge.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bridge.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-briefcase {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/briefcase.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/briefcase.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-briefcase-metal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/briefcase-metal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/briefcase-metal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-broadcast {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/broadcast.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/broadcast.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-broom {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/broom.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/broom.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-browser {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/browser.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/browser.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-browsers {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/browsers.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/browsers.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bug {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bug.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bug.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bug-beetle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bug-beetle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bug-beetle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bug-droid {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bug-droid.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bug-droid.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-building {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/building.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/building.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-building-apartment {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/building-apartment.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/building-apartment.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-building-office {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/building-office.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/building-office.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-buildings {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/buildings.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/buildings.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bulldozer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bulldozer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bulldozer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-bus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/bus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/bus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-butterfly {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/butterfly.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/butterfly.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cable-car {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cable-car.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cable-car.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cactus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cactus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cactus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cake {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cake.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cake.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calculator {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calculator.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calculator.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar-blank {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-blank.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-blank.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar-check {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-check.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-check.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar-dot {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-dot.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-dot.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar-dots {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-dots.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-dots.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar-heart {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-heart.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-heart.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar-minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar-star {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-star.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-star.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-calendar-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/calendar-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-call-bell {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/call-bell.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/call-bell.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-camera {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/camera.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/camera.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-camera-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/camera-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/camera-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-camera-rotate {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/camera-rotate.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/camera-rotate.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-camera-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/camera-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/camera-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-campfire {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/campfire.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/campfire.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-car {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/car.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/car.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-car-battery {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/car-battery.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/car-battery.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-car-profile {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/car-profile.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/car-profile.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-car-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/car-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/car-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cardholder {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cardholder.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cardholder.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cards {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cards.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cards.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cards-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cards-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cards-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-circle-double-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-double-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-double-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-circle-double-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-double-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-double-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-circle-double-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-double-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-double-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-circle-double-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-double-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-double-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-circle-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-circle-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-circle-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-circle-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-circle-up-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-up-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-circle-up-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-double-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-double-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-double-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-double-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-double-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-double-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-double-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-double-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-double-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-double-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-double-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-double-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-line-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-line-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-line-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-line-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-line-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-line-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-line-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-line-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-line-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-line-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-line-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-line-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-caret-up-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-up-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/caret-up-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-carrot {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/carrot.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/carrot.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cash-register {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cash-register.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cash-register.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cassette-tape {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cassette-tape.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cassette-tape.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-castle-turret {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/castle-turret.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/castle-turret.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cell-signal-full {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-full.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-full.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cell-signal-high {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-high.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-high.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cell-signal-low {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-low.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-low.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cell-signal-medium {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-medium.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-medium.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cell-signal-none {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-none.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-none.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cell-signal-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cell-signal-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-signal-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cell-tower {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-tower.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cell-tower.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-certificate {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/certificate.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/certificate.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chair {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chair.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chair.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chalkboard {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chalkboard.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chalkboard.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chalkboard-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chalkboard-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chalkboard-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chalkboard-teacher {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chalkboard-teacher.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chalkboard-teacher.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-champagne {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/champagne.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/champagne.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-charging-station {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/charging-station.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/charging-station.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chart-bar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-bar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-bar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chart-bar-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-bar-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-bar-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chart-donut {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-donut.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-donut.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chart-line {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-line.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-line.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chart-line-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-line-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-line-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chart-line-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-line-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-line-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chart-pie {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-pie.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-pie.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chart-pie-slice {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-pie-slice.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-pie-slice.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chart-polar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-polar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-polar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chart-scatter {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-scatter.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chart-scatter.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-centered {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-centered.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-centered.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-centered-dots {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-centered-dots.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-centered-dots.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-centered-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-centered-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-centered-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-centered-text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-centered-text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-centered-text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-circle-dots {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-circle-dots.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-circle-dots.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-circle-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-circle-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-circle-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-circle-text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-circle-text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-circle-text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-dots {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-dots.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-dots.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-teardrop {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-teardrop.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-teardrop.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-teardrop-dots {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-teardrop-dots.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-teardrop-dots.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-teardrop-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-teardrop-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-teardrop-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-teardrop-text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-teardrop-text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-teardrop-text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chat-text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chat-text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chats {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chats.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chats.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chats-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chats-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chats-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chats-teardrop {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chats-teardrop.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chats-teardrop.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-check {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/check.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/check.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-check-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/check-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/check-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-check-fat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/check-fat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/check-fat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-check-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/check-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/check-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-check-square-offset {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/check-square-offset.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/check-square-offset.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-checkerboard {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/checkerboard.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/checkerboard.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-checks {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/checks.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/checks.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cheers {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cheers.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cheers.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cheese {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cheese.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cheese.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-chef-hat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/chef-hat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/chef-hat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cherries {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cherries.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cherries.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-church {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/church.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/church.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cigarette {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cigarette.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cigarette.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cigarette-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cigarette-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cigarette-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-circle-dashed {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/circle-dashed.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/circle-dashed.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-circle-half {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/circle-half.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/circle-half.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-circle-half-tilt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/circle-half-tilt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/circle-half-tilt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-circle-notch {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/circle-notch.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/circle-notch.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-circles-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/circles-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/circles-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-circles-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/circles-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/circles-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-circles-three-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/circles-three-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/circles-three-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-circuitry {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/circuitry.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/circuitry.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-city {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/city.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/city.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-clipboard {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/clipboard.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/clipboard.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-clipboard-text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/clipboard-text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/clipboard-text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-clock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/clock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/clock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-clock-afternoon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/clock-afternoon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/clock-afternoon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-clock-clockwise {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/clock-clockwise.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/clock-clockwise.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-clock-countdown {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/clock-countdown.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/clock-countdown.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-clock-counter-clockwise {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/clock-counter-clockwise.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/clock-counter-clockwise.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-clock-user {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/clock-user.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/clock-user.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-closed-captioning {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/closed-captioning.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/closed-captioning.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-arrow-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-arrow-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-arrow-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-arrow-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-arrow-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-arrow-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-check {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-check.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-check.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-fog {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-fog.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-fog.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-lightning {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-lightning.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-lightning.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-moon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-moon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-moon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-rain {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-rain.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-rain.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-snow {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-snow.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-snow.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-sun {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-sun.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-sun.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-warning {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-warning.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-warning.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cloud-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cloud-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-clover {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/clover.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/clover.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-club {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/club.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/club.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-coat-hanger {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/coat-hanger.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/coat-hanger.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-coda-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/coda-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/coda-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-code {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/code.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/code.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-code-block {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/code-block.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/code-block.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-code-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/code-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/code-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-codepen-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/codepen-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/codepen-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-codesandbox-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/codesandbox-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/codesandbox-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-coffee {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/coffee.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/coffee.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-coffee-bean {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/coffee-bean.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/coffee-bean.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-coin {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/coin.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/coin.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-coin-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/coin-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/coin-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-coins {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/coins.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/coins.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-columns {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/columns.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/columns.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-columns-plus-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/columns-plus-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/columns-plus-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-columns-plus-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/columns-plus-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/columns-plus-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-command {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/command.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/command.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-compass {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/compass.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/compass.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-compass-rose {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/compass-rose.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/compass-rose.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-compass-tool {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/compass-tool.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/compass-tool.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-computer-tower {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/computer-tower.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/computer-tower.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-confetti {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/confetti.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/confetti.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-contactless-payment {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/contactless-payment.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/contactless-payment.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-control {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/control.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/control.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cookie {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cookie.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cookie.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cooking-pot {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cooking-pot.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cooking-pot.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-copy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/copy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/copy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-copy-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/copy-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/copy-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-copyleft {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/copyleft.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/copyleft.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-copyright {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/copyright.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/copyright.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-corners-in {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/corners-in.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/corners-in.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-corners-out {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/corners-out.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/corners-out.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-couch {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/couch.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/couch.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-court-basketball {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/court-basketball.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/court-basketball.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cow {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cow.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cow.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cowboy-hat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cowboy-hat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cowboy-hat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cpu {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cpu.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cpu.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-crane {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/crane.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/crane.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-crane-tower {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/crane-tower.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/crane-tower.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-credit-card {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/credit-card.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/credit-card.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cricket {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cricket.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cricket.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-crop {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/crop.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/crop.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cross {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cross.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cross.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-crosshair {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/crosshair.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/crosshair.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-crosshair-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/crosshair-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/crosshair-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-crown {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/crown.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/crown.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-crown-cross {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/crown-cross.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/crown-cross.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-crown-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/crown-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/crown-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cube {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cube.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cube.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cube-focus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cube-focus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cube-focus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cube-transparent {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cube-transparent.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cube-transparent.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-btc {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-btc.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-btc.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-circle-dollar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-circle-dollar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-circle-dollar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-cny {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-cny.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-cny.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-dollar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-dollar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-dollar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-dollar-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-dollar-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-dollar-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-eth {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-eth.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-eth.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-eur {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-eur.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-eur.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-gbp {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-gbp.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-gbp.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-inr {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-inr.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-inr.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-jpy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-jpy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-jpy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-krw {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-krw.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-krw.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-kzt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-kzt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-kzt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-ngn {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-ngn.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-ngn.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-currency-rub {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-rub.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/currency-rub.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cursor {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cursor.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cursor.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cursor-click {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cursor-click.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cursor-click.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cursor-text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cursor-text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cursor-text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-cylinder {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/cylinder.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/cylinder.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-database {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/database.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/database.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-desk {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/desk.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/desk.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-desktop {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/desktop.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/desktop.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-desktop-tower {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/desktop-tower.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/desktop-tower.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-detective {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/detective.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/detective.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dev-to-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dev-to-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dev-to-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-device-mobile {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/device-mobile.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/device-mobile.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-device-mobile-camera {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/device-mobile-camera.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/device-mobile-camera.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-device-mobile-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/device-mobile-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/device-mobile-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-device-mobile-speaker {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/device-mobile-speaker.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/device-mobile-speaker.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-device-rotate {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/device-rotate.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/device-rotate.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-device-tablet {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/device-tablet.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/device-tablet.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-device-tablet-camera {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/device-tablet-camera.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/device-tablet-camera.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-device-tablet-speaker {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/device-tablet-speaker.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/device-tablet-speaker.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-devices {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/devices.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/devices.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-diamond {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/diamond.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/diamond.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-diamonds-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/diamonds-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/diamonds-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dice-five {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-five.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-five.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dice-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dice-one {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-one.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-one.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dice-six {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-six.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-six.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dice-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dice-two {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-two.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dice-two.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-disc {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/disc.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/disc.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-disco-ball {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/disco-ball.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/disco-ball.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-discord-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/discord-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/discord-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-divide {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/divide.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/divide.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dna {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dna.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dna.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dog {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dog.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dog.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-door {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/door.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/door.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-door-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/door-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/door-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dot {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dot.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dot.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dot-outline {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dot-outline.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dot-outline.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dots-nine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-nine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-nine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dots-six {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-six.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-six.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dots-six-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-six-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-six-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dots-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dots-three-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dots-three-circle-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three-circle-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three-circle-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dots-three-outline {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three-outline.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three-outline.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dots-three-outline-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three-outline-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three-outline-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dots-three-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dots-three-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-download {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/download.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/download.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-download-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/download-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/download-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dress {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dress.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dress.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dresser {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dresser.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dresser.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dribbble-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dribbble-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dribbble-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-drone {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/drone.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/drone.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-drop {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/drop.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/drop.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-drop-half {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/drop-half.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/drop-half.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-drop-half-bottom {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/drop-half-bottom.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/drop-half-bottom.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-drop-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/drop-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/drop-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-drop-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/drop-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/drop-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-dropbox-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/dropbox-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/dropbox-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ear {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ear.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ear.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ear-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ear-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ear-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-egg {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/egg.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/egg.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-egg-crack {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/egg-crack.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/egg-crack.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eject {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eject.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eject.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eject-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eject-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eject-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-elevator {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/elevator.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/elevator.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-empty {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/empty.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/empty.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-engine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/engine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/engine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-envelope {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/envelope.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/envelope.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-envelope-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/envelope-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/envelope-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-envelope-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/envelope-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/envelope-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-envelope-simple-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/envelope-simple-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/envelope-simple-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-equalizer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/equalizer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/equalizer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-equals {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/equals.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/equals.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eraser {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eraser.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eraser.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-escalator-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/escalator-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/escalator-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-escalator-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/escalator-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/escalator-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-exam {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/exam.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/exam.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-exclamation-mark {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/exclamation-mark.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/exclamation-mark.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-exclude {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/exclude.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/exclude.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-exclude-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/exclude-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/exclude-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-export {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/export.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/export.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eye {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eye.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eye.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eye-closed {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eye-closed.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eye-closed.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eye-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eye-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eye-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eyedropper {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eyedropper.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eyedropper.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eyedropper-sample {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eyedropper-sample.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eyedropper-sample.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eyeglasses {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eyeglasses.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eyeglasses.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-eyes {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/eyes.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/eyes.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-face-mask {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/face-mask.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/face-mask.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-facebook-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/facebook-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/facebook-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-factory {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/factory.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/factory.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-faders {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/faders.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/faders.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-faders-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/faders-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/faders-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fallout-shelter {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fallout-shelter.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fallout-shelter.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fan {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fan.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fan.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-farm {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/farm.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/farm.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fast-forward {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fast-forward.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fast-forward.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fast-forward-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fast-forward-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fast-forward-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-feather {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/feather.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/feather.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fediverse-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fediverse-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fediverse-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-figma-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/figma-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/figma-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-archive {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-archive.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-archive.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-arrow-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-arrow-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-arrow-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-arrow-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-arrow-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-arrow-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-audio {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-audio.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-audio.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-c {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-c.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-c.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-c-sharp {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-c-sharp.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-c-sharp.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-cloud {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-cloud.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-cloud.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-code {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-code.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-code.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-cpp {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-cpp.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-cpp.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-css {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-css.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-css.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-csv {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-csv.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-csv.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-dashed {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-dashed.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-dashed.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-doc {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-doc.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-doc.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-html {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-html.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-html.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-image {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-image.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-image.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-ini {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-ini.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-ini.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-jpg {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-jpg.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-jpg.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-js {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-js.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-js.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-jsx {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-jsx.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-jsx.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-lock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-lock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-lock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-magnifying-glass {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-magnifying-glass.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-magnifying-glass.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-md {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-md.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-md.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-pdf {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-pdf.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-pdf.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-png {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-png.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-png.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-ppt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-ppt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-ppt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-py {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-py.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-py.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-rs {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-rs.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-rs.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-sql {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-sql.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-sql.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-svg {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-svg.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-svg.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-text {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-text.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-text.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-ts {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-ts.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-ts.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-tsx {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-tsx.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-tsx.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-txt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-txt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-txt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-video {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-video.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-video.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-vue {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-vue.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-vue.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-xls {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-xls.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-xls.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-file-zip {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/file-zip.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/file-zip.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-files {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/files.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/files.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-film-reel {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/film-reel.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/film-reel.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-film-script {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/film-script.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/film-script.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-film-slate {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/film-slate.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/film-slate.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-film-strip {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/film-strip.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/film-strip.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fingerprint {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fingerprint.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fingerprint.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fingerprint-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fingerprint-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fingerprint-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-finn-the-human {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/finn-the-human.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/finn-the-human.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fire {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fire.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fire.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fire-extinguisher {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fire-extinguisher.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fire-extinguisher.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fire-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fire-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fire-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fire-truck {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fire-truck.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fire-truck.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-first-aid {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/first-aid.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/first-aid.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-first-aid-kit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/first-aid-kit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/first-aid-kit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fish {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fish.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fish.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fish-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fish-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fish-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flag {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flag.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flag.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flag-banner {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flag-banner.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flag-banner.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flag-banner-fold {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flag-banner-fold.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flag-banner-fold.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flag-checkered {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flag-checkered.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flag-checkered.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flag-pennant {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flag-pennant.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flag-pennant.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flame {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flame.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flame.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flashlight {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flashlight.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flashlight.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flask {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flask.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flask.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flip-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flip-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flip-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flip-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flip-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flip-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-floppy-disk {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/floppy-disk.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/floppy-disk.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-floppy-disk-back {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/floppy-disk-back.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/floppy-disk-back.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flow-arrow {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flow-arrow.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flow-arrow.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flower {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flower.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flower.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flower-lotus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flower-lotus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flower-lotus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flower-tulip {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flower-tulip.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flower-tulip.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-flying-saucer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/flying-saucer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/flying-saucer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-folder {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/folder.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/folder.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-folder-dashed {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-dashed.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-dashed.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-folder-lock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-lock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-lock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-folder-minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-folder-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-folder-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-folder-star {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-star.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-star.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-folder-user {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-user.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/folder-user.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-folders {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/folders.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/folders.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-football {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/football.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/football.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-football-helmet {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/football-helmet.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/football-helmet.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-footprints {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/footprints.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/footprints.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-fork-knife {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/fork-knife.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/fork-knife.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-four-k {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/four-k.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/four-k.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-frame-corners {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/frame-corners.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/frame-corners.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-framer-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/framer-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/framer-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-function {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/function.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/function.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-funnel {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/funnel.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/funnel.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-funnel-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/funnel-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/funnel-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-funnel-simple-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/funnel-simple-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/funnel-simple-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-funnel-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/funnel-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/funnel-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-game-controller {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/game-controller.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/game-controller.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-garage {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/garage.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/garage.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gas-can {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gas-can.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gas-can.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gas-pump {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gas-pump.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gas-pump.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gauge {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gauge.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gauge.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gavel {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gavel.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gavel.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gear {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gear.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gear.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gear-fine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gear-fine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gear-fine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gear-six {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gear-six.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gear-six.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gender-female {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-female.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-female.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gender-intersex {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-intersex.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-intersex.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gender-male {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-male.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-male.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gender-neuter {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-neuter.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-neuter.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gender-nonbinary {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-nonbinary.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-nonbinary.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gender-transgender {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-transgender.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gender-transgender.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ghost {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ghost.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ghost.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gif {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gif.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gif.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gift {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gift.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gift.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-git-branch {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/git-branch.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/git-branch.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-git-commit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/git-commit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/git-commit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-git-diff {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/git-diff.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/git-diff.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-git-fork {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/git-fork.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/git-fork.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-git-merge {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/git-merge.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/git-merge.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-git-pull-request {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/git-pull-request.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/git-pull-request.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-github-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/github-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/github-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gitlab-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gitlab-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gitlab-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gitlab-logo-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gitlab-logo-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gitlab-logo-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-globe {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/globe.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/globe.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-globe-hemisphere-east {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-hemisphere-east.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-hemisphere-east.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-globe-hemisphere-west {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-hemisphere-west.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-hemisphere-west.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-globe-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-globe-simple-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-simple-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-simple-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-globe-stand {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-stand.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-stand.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-globe-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/globe-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-goggles {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/goggles.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/goggles.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-golf {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/golf.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/golf.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-goodreads-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/goodreads-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/goodreads-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-google-cardboard-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/google-cardboard-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/google-cardboard-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-google-chrome-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/google-chrome-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/google-chrome-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-google-drive-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/google-drive-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/google-drive-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-google-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/google-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/google-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-google-photos-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/google-photos-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/google-photos-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-google-play-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/google-play-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/google-play-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-google-podcasts-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/google-podcasts-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/google-podcasts-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gps {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gps.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gps.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gps-fix {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gps-fix.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gps-fix.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gps-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gps-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gps-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-gradient {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/gradient.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/gradient.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-graduation-cap {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/graduation-cap.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/graduation-cap.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-grains {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/grains.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/grains.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-grains-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/grains-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/grains-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-graph {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/graph.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/graph.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-graphics-card {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/graphics-card.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/graphics-card.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-greater-than {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/greater-than.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/greater-than.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-greater-than-or-equal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/greater-than-or-equal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/greater-than-or-equal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-grid-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/grid-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/grid-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-grid-nine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/grid-nine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/grid-nine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-guitar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/guitar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/guitar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hair-dryer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hair-dryer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hair-dryer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hamburger {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hamburger.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hamburger.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hammer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hammer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hammer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-arrow-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-arrow-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-arrow-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-arrow-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-arrow-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-arrow-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-coins {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-coins.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-coins.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-deposit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-deposit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-deposit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-eye {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-eye.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-eye.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-fist {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-fist.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-fist.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-grabbing {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-grabbing.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-grabbing.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-heart {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-heart.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-heart.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-palm {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-palm.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-palm.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-peace {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-peace.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-peace.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-pointing {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-pointing.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-pointing.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-soap {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-soap.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-soap.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-swipe-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-swipe-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-swipe-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-swipe-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-swipe-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-swipe-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-tap {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-tap.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-tap.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-waving {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-waving.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-waving.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hand-withdraw {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-withdraw.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hand-withdraw.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-handbag {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/handbag.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/handbag.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-handbag-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/handbag-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/handbag-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hands-clapping {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hands-clapping.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hands-clapping.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hands-praying {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hands-praying.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hands-praying.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-handshake {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/handshake.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/handshake.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hard-drive {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hard-drive.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hard-drive.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hard-drives {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hard-drives.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hard-drives.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hard-hat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hard-hat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hard-hat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hash-straight {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hash-straight.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hash-straight.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-head-circuit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/head-circuit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/head-circuit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-headlights {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/headlights.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/headlights.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-headphones {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/headphones.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/headphones.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-headset {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/headset.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/headset.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-heart {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/heart.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/heart.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-heart-break {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/heart-break.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/heart-break.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-heart-half {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/heart-half.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/heart-half.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-heart-straight {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/heart-straight.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/heart-straight.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-heart-straight-break {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/heart-straight-break.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/heart-straight-break.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-heartbeat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/heartbeat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/heartbeat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hexagon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hexagon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hexagon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-high-definition {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/high-definition.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/high-definition.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-high-heel {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/high-heel.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/high-heel.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-highlighter {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/highlighter.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/highlighter.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-highlighter-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/highlighter-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/highlighter-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hockey {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hockey.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hockey.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hoodie {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hoodie.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hoodie.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-horse {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/horse.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/horse.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hospital {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hospital.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hospital.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hourglass {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hourglass-high {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-high.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-high.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hourglass-low {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-low.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-low.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hourglass-medium {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-medium.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-medium.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hourglass-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hourglass-simple-high {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-simple-high.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-simple-high.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hourglass-simple-low {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-simple-low.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-simple-low.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hourglass-simple-medium {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-simple-medium.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hourglass-simple-medium.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-house {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/house.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/house.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-house-line {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/house-line.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/house-line.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-house-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/house-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/house-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-hurricane {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/hurricane.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/hurricane.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ice-cream {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ice-cream.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ice-cream.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-identification-badge {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/identification-badge.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/identification-badge.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-identification-card {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/identification-card.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/identification-card.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-image {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/image.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/image.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-image-broken {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/image-broken.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/image-broken.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-image-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/image-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/image-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-images {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/images.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/images.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-images-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/images-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/images-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-infinity {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/infinity.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/infinity.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-info {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/info.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/info.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-instagram-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/instagram-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/instagram-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-intersect {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/intersect.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/intersect.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-intersect-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/intersect-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/intersect-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-intersect-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/intersect-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/intersect-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-intersection {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/intersection.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/intersection.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-invoice {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/invoice.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/invoice.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-island {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/island.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/island.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-jar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/jar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/jar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-jar-label {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/jar-label.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/jar-label.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-jeep {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/jeep.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/jeep.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-joystick {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/joystick.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/joystick.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-kanban {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/kanban.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/kanban.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-key {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/key.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/key.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-key-return {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/key-return.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/key-return.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-keyboard {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/keyboard.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/keyboard.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-keyhole {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/keyhole.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/keyhole.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-knife {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/knife.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/knife.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ladder {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ladder.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ladder.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ladder-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ladder-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ladder-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lamp {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lamp.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lamp.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lamp-pendant {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lamp-pendant.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lamp-pendant.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-laptop {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/laptop.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/laptop.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lasso {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lasso.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lasso.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lastfm-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lastfm-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lastfm-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-layout {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/layout.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/layout.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-leaf {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/leaf.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/leaf.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lectern {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lectern.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lectern.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lego {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lego.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lego.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lego-smiley {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lego-smiley.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lego-smiley.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-less-than {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/less-than.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/less-than.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-less-than-or-equal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/less-than-or-equal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/less-than-or-equal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-letter-circle-h {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/letter-circle-h.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/letter-circle-h.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-letter-circle-p {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/letter-circle-p.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/letter-circle-p.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-letter-circle-v {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/letter-circle-v.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/letter-circle-v.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lifebuoy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lifebuoy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lifebuoy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lightbulb {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lightbulb.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lightbulb.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lightbulb-filament {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lightbulb-filament.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lightbulb-filament.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lighthouse {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lighthouse.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lighthouse.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lightning {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lightning.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lightning.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lightning-a {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lightning-a.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lightning-a.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lightning-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lightning-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lightning-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-line-segment {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/line-segment.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/line-segment.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-line-segments {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/line-segments.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/line-segments.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-line-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/line-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/line-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-link {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/link.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/link.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-link-break {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/link-break.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/link-break.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-link-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/link-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/link-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-link-simple-break {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/link-simple-break.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/link-simple-break.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-link-simple-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/link-simple-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/link-simple-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-link-simple-horizontal-break {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/link-simple-horizontal-break.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/link-simple-horizontal-break.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-linkedin-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/linkedin-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/linkedin-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-linktree-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/linktree-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/linktree-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-linux-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/linux-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/linux-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-list {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/list.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/list.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-list-bullets {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/list-bullets.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/list-bullets.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-list-checks {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/list-checks.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/list-checks.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-list-dashes {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/list-dashes.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/list-dashes.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-list-heart {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/list-heart.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/list-heart.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-list-magnifying-glass {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/list-magnifying-glass.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/list-magnifying-glass.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-list-numbers {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/list-numbers.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/list-numbers.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-list-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/list-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/list-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-list-star {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/list-star.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/list-star.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lock-key {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-key.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-key.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lock-key-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-key-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-key-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lock-laminated {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-laminated.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-laminated.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lock-laminated-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-laminated-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-laminated-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lock-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lock-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lock-simple-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-simple-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lock-simple-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-lockers {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/lockers.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/lockers.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-log {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/log.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/log.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-magic-wand {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/magic-wand.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/magic-wand.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-magnet {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/magnet.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/magnet.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-magnet-straight {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/magnet-straight.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/magnet-straight.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-magnifying-glass {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/magnifying-glass.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/magnifying-glass.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-magnifying-glass-minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/magnifying-glass-minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/magnifying-glass-minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-magnifying-glass-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/magnifying-glass-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/magnifying-glass-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mailbox {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mailbox.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mailbox.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-map-pin {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-map-pin-area {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-area.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-area.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-map-pin-line {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-line.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-line.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-map-pin-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-map-pin-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-map-pin-simple-area {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-simple-area.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-simple-area.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-map-pin-simple-line {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-simple-line.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/map-pin-simple-line.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-map-trifold {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/map-trifold.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/map-trifold.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-markdown-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/markdown-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/markdown-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-marker-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/marker-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/marker-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-martini {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/martini.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/martini.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mask-happy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mask-happy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mask-happy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mask-sad {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mask-sad.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mask-sad.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mastodon-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mastodon-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mastodon-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-math-operations {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/math-operations.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/math-operations.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-matrix-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/matrix-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/matrix-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-medal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/medal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/medal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-medal-military {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/medal-military.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/medal-military.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-medium-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/medium-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/medium-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-megaphone {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/megaphone.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/megaphone.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-megaphone-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/megaphone-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/megaphone-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-member-of {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/member-of.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/member-of.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-memory {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/memory.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/memory.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-messenger-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/messenger-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/messenger-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-meta-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/meta-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/meta-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-meteor {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/meteor.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/meteor.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-metronome {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/metronome.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/metronome.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-microphone {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/microphone.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/microphone.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-microphone-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/microphone-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/microphone-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-microphone-stage {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/microphone-stage.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/microphone-stage.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-microscope {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/microscope.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/microscope.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-microsoft-excel-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/microsoft-excel-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/microsoft-excel-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-microsoft-outlook-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/microsoft-outlook-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/microsoft-outlook-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-microsoft-powerpoint-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/microsoft-powerpoint-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/microsoft-powerpoint-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-microsoft-teams-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/microsoft-teams-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/microsoft-teams-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-microsoft-word-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/microsoft-word-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/microsoft-word-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-minus-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/minus-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/minus-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-minus-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/minus-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/minus-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-money {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/money.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/money.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-money-wavy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/money-wavy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/money-wavy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-monitor {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/monitor.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/monitor.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-monitor-arrow-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/monitor-arrow-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/monitor-arrow-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-monitor-play {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/monitor-play.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/monitor-play.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-moon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/moon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/moon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-moon-stars {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/moon-stars.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/moon-stars.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-moped {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/moped.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/moped.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-moped-front {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/moped-front.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/moped-front.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mosque {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mosque.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mosque.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-motorcycle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/motorcycle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/motorcycle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mountains {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mountains.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mountains.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mouse {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mouse-left-click {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse-left-click.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse-left-click.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mouse-middle-click {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse-middle-click.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse-middle-click.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mouse-right-click {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse-right-click.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse-right-click.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mouse-scroll {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse-scroll.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse-scroll.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-mouse-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/mouse-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-music-note {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/music-note.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/music-note.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-music-note-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/music-note-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/music-note-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-music-notes {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/music-notes.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/music-notes.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-music-notes-minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/music-notes-minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/music-notes-minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-music-notes-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/music-notes-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/music-notes-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-music-notes-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/music-notes-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/music-notes-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-navigation-arrow {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/navigation-arrow.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/navigation-arrow.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-needle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/needle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/needle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-network {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/network.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/network.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-network-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/network-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/network-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-network-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/network-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/network-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-newspaper {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/newspaper.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/newspaper.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-newspaper-clipping {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/newspaper-clipping.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/newspaper-clipping.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-not-equals {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/not-equals.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/not-equals.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-not-member-of {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/not-member-of.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/not-member-of.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-not-subset-of {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/not-subset-of.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/not-subset-of.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-not-superset-of {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/not-superset-of.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/not-superset-of.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-notches {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/notches.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/notches.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-note {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/note.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/note.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-note-blank {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/note-blank.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/note-blank.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-note-pencil {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/note-pencil.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/note-pencil.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-notebook {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/notebook.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/notebook.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-notepad {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/notepad.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/notepad.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-notification {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/notification.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/notification.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-notion-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/notion-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/notion-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-nuclear-plant {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/nuclear-plant.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/nuclear-plant.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-circle-eight {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-eight.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-eight.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-circle-five {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-five.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-five.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-circle-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-circle-nine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-nine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-nine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-circle-one {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-one.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-one.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-circle-seven {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-seven.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-seven.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-circle-six {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-six.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-six.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-circle-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-circle-two {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-two.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-two.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-circle-zero {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-zero.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-circle-zero.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-eight {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-eight.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-eight.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-five {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-five.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-five.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-nine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-nine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-nine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-one {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-one.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-one.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-seven {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-seven.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-seven.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-six {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-six.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-six.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-square-eight {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-eight.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-eight.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-square-five {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-five.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-five.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-square-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-square-nine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-nine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-nine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-square-one {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-one.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-one.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-square-seven {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-seven.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-seven.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-square-six {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-six.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-six.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-square-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-square-two {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-two.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-two.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-square-zero {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-zero.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-square-zero.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-two {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-two.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-two.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-number-zero {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/number-zero.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/number-zero.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-numpad {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/numpad.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/numpad.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-nut {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/nut.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/nut.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ny-times-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ny-times-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ny-times-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-octagon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/octagon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/octagon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-office-chair {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/office-chair.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/office-chair.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-onigiri {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/onigiri.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/onigiri.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-open-ai-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/open-ai-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/open-ai-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-option {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/option.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/option.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-orange {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/orange.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/orange.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-orange-slice {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/orange-slice.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/orange-slice.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-oven {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/oven.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/oven.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-package {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/package.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/package.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paint-brush {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paint-brush.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paint-brush.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paint-brush-broad {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paint-brush-broad.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paint-brush-broad.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paint-brush-household {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paint-brush-household.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paint-brush-household.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paint-bucket {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paint-bucket.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paint-bucket.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paint-roller {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paint-roller.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paint-roller.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-palette {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/palette.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/palette.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-panorama {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/panorama.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/panorama.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pants {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pants.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pants.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paper-plane {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paper-plane.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paper-plane.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paper-plane-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paper-plane-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paper-plane-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paper-plane-tilt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paper-plane-tilt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paper-plane-tilt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paperclip {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paperclip.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paperclip.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paperclip-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paperclip-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paperclip-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-parachute {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/parachute.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/parachute.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paragraph {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paragraph.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paragraph.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-parallelogram {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/parallelogram.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/parallelogram.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-park {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/park.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/park.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-password {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/password.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/password.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-path {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/path.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/path.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-patreon-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/patreon-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/patreon-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pause {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pause.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pause.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pause-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pause-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pause-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paw-print {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paw-print.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paw-print.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-paypal-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/paypal-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/paypal-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-peace {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/peace.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/peace.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pen {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pen.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pen.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pen-nib {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pen-nib.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pen-nib.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pen-nib-straight {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pen-nib-straight.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pen-nib-straight.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pencil {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pencil-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pencil-line {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-line.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-line.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pencil-ruler {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-ruler.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-ruler.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pencil-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pencil-simple-line {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-simple-line.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-simple-line.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pencil-simple-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-simple-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-simple-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pencil-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pencil-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pentagon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pentagon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pentagon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pentagram {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pentagram.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pentagram.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pepper {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pepper.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pepper.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-percent {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/percent.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/percent.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-arms-spread {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-arms-spread.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-arms-spread.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple-bike {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-bike.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-bike.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple-hike {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-hike.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-hike.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple-run {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-run.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-run.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple-ski {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-ski.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-ski.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple-snowboard {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-snowboard.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-snowboard.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple-swim {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-swim.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-swim.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple-tai-chi {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-tai-chi.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-tai-chi.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple-throw {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-throw.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-throw.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-person-simple-walk {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-walk.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/person-simple-walk.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-perspective {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/perspective.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/perspective.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone-call {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-call.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-call.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone-disconnect {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-disconnect.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-disconnect.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone-incoming {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-incoming.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-incoming.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone-list {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-list.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-list.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone-outgoing {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-outgoing.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-outgoing.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone-pause {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-pause.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-pause.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone-transfer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-transfer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-transfer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phone-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phone-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-phosphor-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/phosphor-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/phosphor-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pi {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pi.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pi.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-piano-keys {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/piano-keys.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/piano-keys.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-picnic-table {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/picnic-table.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/picnic-table.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-picture-in-picture {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/picture-in-picture.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/picture-in-picture.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-piggy-bank {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/piggy-bank.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/piggy-bank.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pill {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pill.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pill.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ping-pong {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ping-pong.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ping-pong.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pint-glass {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pint-glass.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pint-glass.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pinterest-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pinterest-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pinterest-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pinwheel {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pinwheel.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pinwheel.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pipe {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pipe.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pipe.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pipe-wrench {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pipe-wrench.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pipe-wrench.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pix-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pix-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pix-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pizza {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pizza.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pizza.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-placeholder {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/placeholder.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/placeholder.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-planet {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/planet.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/planet.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-plant {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/plant.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/plant.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-play {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/play.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/play.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-play-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/play-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/play-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-play-pause {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/play-pause.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/play-pause.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-playlist {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/playlist.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/playlist.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-plug {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/plug.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/plug.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-plug-charging {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/plug-charging.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/plug-charging.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-plugs {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/plugs.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/plugs.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-plugs-connected {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/plugs-connected.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/plugs-connected.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-plus-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/plus-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/plus-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-plus-minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/plus-minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/plus-minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-plus-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/plus-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/plus-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-poker-chip {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/poker-chip.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/poker-chip.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-police-car {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/police-car.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/police-car.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-polygon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/polygon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/polygon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-popcorn {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/popcorn.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/popcorn.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-popsicle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/popsicle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/popsicle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-potted-plant {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/potted-plant.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/potted-plant.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-power {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/power.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/power.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-prescription {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/prescription.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/prescription.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-presentation {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/presentation.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/presentation.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-presentation-chart {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/presentation-chart.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/presentation-chart.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-printer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/printer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/printer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-prohibit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/prohibit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/prohibit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-prohibit-inset {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/prohibit-inset.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/prohibit-inset.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-projector-screen {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/projector-screen.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/projector-screen.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-projector-screen-chart {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/projector-screen-chart.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/projector-screen-chart.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-pulse {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/pulse.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/pulse.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-push-pin {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/push-pin.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/push-pin.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-push-pin-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/push-pin-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/push-pin-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-push-pin-simple-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/push-pin-simple-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/push-pin-simple-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-push-pin-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/push-pin-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/push-pin-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-puzzle-piece {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/puzzle-piece.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/puzzle-piece.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-qr-code {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/qr-code.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/qr-code.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-question {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/question.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/question.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-question-mark {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/question-mark.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/question-mark.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-queue {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/queue.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/queue.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-quotes {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/quotes.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/quotes.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rabbit {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rabbit.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rabbit.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-racquet {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/racquet.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/racquet.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-radical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/radical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/radical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-radio {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/radio.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/radio.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-radio-button {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/radio-button.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/radio-button.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-radioactive {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/radioactive.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/radioactive.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rainbow {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rainbow.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rainbow.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rainbow-cloud {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rainbow-cloud.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rainbow-cloud.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ranking {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ranking.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ranking.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-read-cv-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/read-cv-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/read-cv-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-receipt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/receipt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/receipt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-receipt-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/receipt-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/receipt-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-record {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/record.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/record.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rectangle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rectangle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rectangle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rectangle-dashed {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rectangle-dashed.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rectangle-dashed.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-recycle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/recycle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/recycle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-reddit-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/reddit-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/reddit-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-repeat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/repeat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/repeat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-repeat-once {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/repeat-once.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/repeat-once.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-replit-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/replit-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/replit-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-resize {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/resize.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/resize.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rewind {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rewind.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rewind.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rewind-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rewind-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rewind-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-road-horizon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/road-horizon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/road-horizon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-robot {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/robot.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/robot.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rocket {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rocket.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rocket.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rocket-launch {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rocket-launch.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rocket-launch.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rows {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rows.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rows.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rows-plus-bottom {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rows-plus-bottom.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rows-plus-bottom.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rows-plus-top {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rows-plus-top.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rows-plus-top.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rss {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rss.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rss.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rss-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rss-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rss-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-rug {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/rug.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/rug.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ruler {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ruler.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ruler.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sailboat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sailboat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sailboat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-scales {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/scales.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/scales.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-scan {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/scan.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/scan.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-scan-smiley {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/scan-smiley.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/scan-smiley.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-scissors {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/scissors.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/scissors.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-scooter {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/scooter.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/scooter.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-screencast {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/screencast.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/screencast.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-screwdriver {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/screwdriver.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/screwdriver.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-scribble {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/scribble.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/scribble.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-scribble-loop {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/scribble-loop.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/scribble-loop.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-scroll {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/scroll.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/scroll.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-seal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/seal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/seal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-seal-check {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/seal-check.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/seal-check.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-seal-percent {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/seal-percent.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/seal-percent.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-seal-question {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/seal-question.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/seal-question.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-seal-warning {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/seal-warning.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/seal-warning.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-seat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/seat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/seat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-seatbelt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/seatbelt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/seatbelt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-security-camera {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/security-camera.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/security-camera.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-selection {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/selection.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/selection.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-selection-all {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-all.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-all.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-selection-background {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-background.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-background.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-selection-foreground {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-foreground.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-foreground.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-selection-inverse {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-inverse.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-inverse.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-selection-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-selection-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/selection-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shapes {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shapes.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shapes.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-share {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/share.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/share.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-share-fat {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/share-fat.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/share-fat.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-share-network {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/share-network.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/share-network.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shield {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shield.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shield.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shield-check {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-check.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-check.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shield-checkered {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-checkered.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-checkered.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shield-chevron {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-chevron.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-chevron.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shield-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shield-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shield-star {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-star.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-star.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shield-warning {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-warning.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shield-warning.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shipping-container {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shipping-container.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shipping-container.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shirt-folded {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shirt-folded.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shirt-folded.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shooting-star {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shooting-star.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shooting-star.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shopping-bag {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shopping-bag.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shopping-bag.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shopping-bag-open {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shopping-bag-open.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shopping-bag-open.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shopping-cart {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shopping-cart.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shopping-cart.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shopping-cart-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shopping-cart-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shopping-cart-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shovel {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shovel.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shovel.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shower {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shower.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shower.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shrimp {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shrimp.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shrimp.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shuffle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shuffle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shuffle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shuffle-angular {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shuffle-angular.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shuffle-angular.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-shuffle-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/shuffle-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/shuffle-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sidebar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sidebar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sidebar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sidebar-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sidebar-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sidebar-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sigma {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sigma.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sigma.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sign-in {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sign-in.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sign-in.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sign-out {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sign-out.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sign-out.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-signature {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/signature.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/signature.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-signpost {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/signpost.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/signpost.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sim-card {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sim-card.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sim-card.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-siren {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/siren.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/siren.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sketch-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sketch-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sketch-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-skip-back {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/skip-back.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/skip-back.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-skip-back-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/skip-back-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/skip-back-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-skip-forward {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/skip-forward.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/skip-forward.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-skip-forward-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/skip-forward-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/skip-forward-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-skull {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/skull.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/skull.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-skype-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/skype-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/skype-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-slack-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/slack-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/slack-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sliders {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sliders.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sliders.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sliders-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sliders-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sliders-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-slideshow {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/slideshow.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/slideshow.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-smiley {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-smiley-angry {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-angry.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-angry.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-smiley-blank {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-blank.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-blank.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-smiley-meh {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-meh.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-meh.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-smiley-melting {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-melting.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-melting.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-smiley-nervous {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-nervous.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-nervous.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-smiley-sad {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-sad.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-sad.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-smiley-sticker {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-sticker.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-sticker.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-smiley-wink {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-wink.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-wink.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-smiley-x-eyes {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-x-eyes.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/smiley-x-eyes.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-snapchat-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/snapchat-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/snapchat-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sneaker {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sneaker.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sneaker.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sneaker-move {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sneaker-move.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sneaker-move.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-snowflake {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/snowflake.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/snowflake.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-soccer-ball {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/soccer-ball.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/soccer-ball.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sock {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sock.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sock.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-solar-panel {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/solar-panel.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/solar-panel.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-solar-roof {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/solar-roof.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/solar-roof.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sort-ascending {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sort-ascending.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sort-ascending.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sort-descending {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sort-descending.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sort-descending.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-soundcloud-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/soundcloud-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/soundcloud-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-spade {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/spade.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/spade.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sparkle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sparkle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sparkle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-hifi {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-hifi.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-hifi.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-high {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-high.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-high.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-low {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-low.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-low.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-none {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-none.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-none.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-simple-high {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-simple-high.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-simple-high.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-simple-low {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-simple-low.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-simple-low.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-simple-none {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-simple-none.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-simple-none.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-simple-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-simple-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-simple-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-simple-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-simple-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-simple-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speaker-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speaker-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-speedometer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/speedometer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/speedometer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sphere {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sphere.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sphere.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-spinner {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/spinner.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/spinner.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-spinner-ball {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/spinner-ball.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/spinner-ball.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-spinner-gap {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/spinner-gap.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/spinner-gap.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-spiral {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/spiral.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/spiral.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-split-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/split-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/split-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-split-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/split-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/split-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-spotify-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/spotify-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/spotify-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-spray-bottle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/spray-bottle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/spray-bottle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-square-half {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/square-half.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/square-half.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-square-half-bottom {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/square-half-bottom.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/square-half-bottom.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-square-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/square-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/square-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-square-split-horizontal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/square-split-horizontal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/square-split-horizontal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-square-split-vertical {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/square-split-vertical.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/square-split-vertical.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-squares-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/squares-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/squares-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stack {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stack.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stack.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stack-minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stack-minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stack-minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stack-overflow-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stack-overflow-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stack-overflow-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stack-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stack-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stack-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stack-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stack-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stack-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stairs {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stairs.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stairs.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stamp {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stamp.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stamp.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-standard-definition {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/standard-definition.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/standard-definition.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-star {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/star.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/star.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-star-and-crescent {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/star-and-crescent.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/star-and-crescent.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-star-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/star-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/star-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-star-half {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/star-half.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/star-half.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-star-of-david {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/star-of-david.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/star-of-david.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-steam-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/steam-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/steam-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-steering-wheel {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/steering-wheel.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/steering-wheel.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-steps {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/steps.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/steps.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stethoscope {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stethoscope.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stethoscope.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sticker {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sticker.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sticker.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stool {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stool.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stool.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stop {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stop.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stop.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stop-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stop-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stop-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-storefront {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/storefront.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/storefront.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-strategy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/strategy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/strategy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-stripe-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/stripe-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/stripe-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-student {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/student.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/student.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-subset-of {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/subset-of.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/subset-of.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-subset-proper-of {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/subset-proper-of.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/subset-proper-of.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-subtitles {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/subtitles.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/subtitles.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-subtitles-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/subtitles-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/subtitles-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-subtract {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/subtract.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/subtract.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-subtract-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/subtract-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/subtract-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-subway {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/subway.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/subway.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-suitcase {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/suitcase.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/suitcase.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-suitcase-rolling {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/suitcase-rolling.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/suitcase-rolling.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-suitcase-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/suitcase-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/suitcase-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sun {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sun.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sun.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sun-dim {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sun-dim.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sun-dim.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sun-horizon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sun-horizon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sun-horizon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sunglasses {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sunglasses.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sunglasses.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-superset-of {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/superset-of.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/superset-of.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-superset-proper-of {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/superset-proper-of.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/superset-proper-of.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-swap {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/swap.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/swap.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-swatches {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/swatches.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/swatches.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-swimming-pool {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/swimming-pool.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/swimming-pool.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-sword {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/sword.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/sword.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-synagogue {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/synagogue.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/synagogue.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-syringe {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/syringe.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/syringe.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-t-shirt {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/t-shirt.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/t-shirt.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-table {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/table.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/table.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tabs {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tabs.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tabs.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tag {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tag.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tag.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tag-chevron {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tag-chevron.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tag-chevron.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tag-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tag-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tag-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-target {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/target.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/target.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-taxi {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/taxi.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/taxi.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tea-bag {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tea-bag.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tea-bag.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-telegram-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/telegram-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/telegram-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-television {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/television.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/television.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-television-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/television-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/television-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tennis-ball {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tennis-ball.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tennis-ball.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tent {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tent.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tent.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-terminal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/terminal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/terminal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-terminal-window {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/terminal-window.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/terminal-window.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-test-tube {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/test-tube.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/test-tube.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-a-underline {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-a-underline.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-a-underline.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-aa {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-aa.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-aa.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-align-center {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-align-center.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-align-center.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-align-justify {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-align-justify.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-align-justify.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-align-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-align-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-align-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-align-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-align-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-align-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-b {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-b.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-b.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-columns {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-columns.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-columns.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-h {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-h-five {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-five.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-five.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-h-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-h-one {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-one.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-one.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-h-six {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-six.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-six.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-h-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-h-two {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-two.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-h-two.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-indent {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-indent.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-indent.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-italic {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-italic.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-italic.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-outdent {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-outdent.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-outdent.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-strikethrough {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-strikethrough.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-strikethrough.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-subscript {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-subscript.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-subscript.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-superscript {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-superscript.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-superscript.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-t {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-t.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-t.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-t-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-t-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-t-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-text-underline {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/text-underline.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/text-underline.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-textbox {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/textbox.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/textbox.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-thermometer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/thermometer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/thermometer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-thermometer-cold {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/thermometer-cold.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/thermometer-cold.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-thermometer-hot {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/thermometer-hot.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/thermometer-hot.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-thermometer-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/thermometer-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/thermometer-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-threads-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/threads-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/threads-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-three-d {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/three-d.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/three-d.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-thumbs-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/thumbs-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/thumbs-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-thumbs-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/thumbs-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/thumbs-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-ticket {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/ticket.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/ticket.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tidal-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tidal-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tidal-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tiktok-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tiktok-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tiktok-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tilde {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tilde.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tilde.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-timer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/timer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/timer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tip-jar {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tip-jar.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tip-jar.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tipi {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tipi.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tipi.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tire {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tire.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tire.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-toggle-left {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/toggle-left.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/toggle-left.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-toggle-right {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/toggle-right.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/toggle-right.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-toilet {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/toilet.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/toilet.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-toilet-paper {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/toilet-paper.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/toilet-paper.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-toolbox {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/toolbox.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/toolbox.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tooth {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tooth.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tooth.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tornado {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tornado.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tornado.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tote {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tote.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tote.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tote-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tote-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tote-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-towel {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/towel.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/towel.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tractor {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tractor.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tractor.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-trademark {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/trademark.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/trademark.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-trademark-registered {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/trademark-registered.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/trademark-registered.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-traffic-cone {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/traffic-cone.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/traffic-cone.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-traffic-sign {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/traffic-sign.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/traffic-sign.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-traffic-signal {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/traffic-signal.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/traffic-signal.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-train {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/train.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/train.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-train-regional {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/train-regional.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/train-regional.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-train-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/train-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/train-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tram {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tram.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tram.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-translate {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/translate.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/translate.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-trash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/trash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/trash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-trash-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/trash-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/trash-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tray {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tray.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tray.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tray-arrow-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tray-arrow-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tray-arrow-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tray-arrow-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tray-arrow-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tray-arrow-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-treasure-chest {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/treasure-chest.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/treasure-chest.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tree {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tree.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tree.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tree-evergreen {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tree-evergreen.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tree-evergreen.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tree-palm {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tree-palm.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tree-palm.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tree-structure {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tree-structure.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tree-structure.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tree-view {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tree-view.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tree-view.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-trend-down {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/trend-down.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/trend-down.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-trend-up {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/trend-up.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/trend-up.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-triangle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/triangle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/triangle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-triangle-dashed {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/triangle-dashed.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/triangle-dashed.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-trolley {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/trolley.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/trolley.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-trolley-suitcase {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/trolley-suitcase.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/trolley-suitcase.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-trophy {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/trophy.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/trophy.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-truck {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/truck.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/truck.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-truck-trailer {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/truck-trailer.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/truck-trailer.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-tumblr-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/tumblr-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/tumblr-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-twitch-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/twitch-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/twitch-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-twitter-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/twitter-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/twitter-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-umbrella {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/umbrella.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/umbrella.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-umbrella-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/umbrella-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/umbrella-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-union {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/union.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/union.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-unite {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/unite.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/unite.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-unite-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/unite-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/unite-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-upload {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/upload.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/upload.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-upload-simple {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/upload-simple.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/upload-simple.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-usb {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/usb.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/usb.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-check {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-check.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-check.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-circle-check {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle-check.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle-check.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-circle-dashed {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle-dashed.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle-dashed.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-circle-gear {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle-gear.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle-gear.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-circle-minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle-minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle-minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-circle-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-circle-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-focus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-focus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-focus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-gear {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-gear.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-gear.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-list {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-list.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-list.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-minus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-minus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-minus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-plus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-plus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-plus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-rectangle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-rectangle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-rectangle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-sound {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-sound.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-sound.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-user-switch {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/user-switch.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/user-switch.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-users {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/users.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/users.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-users-four {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/users-four.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/users-four.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-users-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/users-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/users-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-van {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/van.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/van.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-vault {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/vault.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/vault.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-vector-three {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/vector-three.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/vector-three.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-vector-two {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/vector-two.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/vector-two.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-vibrate {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/vibrate.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/vibrate.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-video {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/video.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/video.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-video-camera {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/video-camera.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/video-camera.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-video-camera-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/video-camera-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/video-camera-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-video-conference {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/video-conference.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/video-conference.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-vignette {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/vignette.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/vignette.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-vinyl-record {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/vinyl-record.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/vinyl-record.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-virtual-reality {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/virtual-reality.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/virtual-reality.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-virus {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/virus.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/virus.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-visor {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/visor.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/visor.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-voicemail {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/voicemail.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/voicemail.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-volleyball {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/volleyball.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/volleyball.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wall {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wall.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wall.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wallet {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wallet.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wallet.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-warehouse {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/warehouse.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/warehouse.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-warning {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/warning.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/warning.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-warning-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/warning-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/warning-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-warning-diamond {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/warning-diamond.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/warning-diamond.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-warning-octagon {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/warning-octagon.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/warning-octagon.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-washing-machine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/washing-machine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/washing-machine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-watch {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/watch.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/watch.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wave-sawtooth {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wave-sawtooth.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wave-sawtooth.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wave-sine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wave-sine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wave-sine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wave-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wave-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wave-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wave-triangle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wave-triangle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wave-triangle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-waveform {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/waveform.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/waveform.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-waveform-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/waveform-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/waveform-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-waves {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/waves.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/waves.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-webcam {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/webcam.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/webcam.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-webcam-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/webcam-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/webcam-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-webhooks-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/webhooks-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/webhooks-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wechat-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wechat-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wechat-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-whatsapp-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/whatsapp-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/whatsapp-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wheelchair {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wheelchair.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wheelchair.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wheelchair-motion {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wheelchair-motion.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wheelchair-motion.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wifi-high {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-high.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-high.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wifi-low {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-low.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-low.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wifi-medium {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-medium.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-medium.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wifi-none {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-none.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-none.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wifi-slash {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-slash.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-slash.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wifi-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wifi-x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wind {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wind.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wind.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-windmill {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/windmill.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/windmill.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-windows-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/windows-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/windows-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wine {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wine.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wine.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-wrench {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/wrench.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/wrench.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-x {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/x.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/x.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-x-circle {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/x-circle.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/x-circle.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-x-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/x-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/x-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-x-square {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/x-square.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/x-square.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-yarn {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/yarn.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/yarn.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-yin-yang {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/yin-yang.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/yin-yang.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
.icon .m-icon-youtube-logo {
  background-color: currentColor;
  -webkit-mask: url(https://elements.markant.services/mel/icons/masta-icons/youtube-logo.svg) no-repeat center;
  mask: url(https://elements.markant.services/mel/icons/masta-icons/youtube-logo.svg) no-repeat center;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 1rem;
  width: 1rem;
}
html.mel-dark-mode {
  --masta-color-auto-neutral-10: #111416;
  --masta-color-auto-neutral-10-1: rgba(17, 20, 22, 0.66);
  --masta-color-auto-neutral-10-2: rgba(17, 20, 22, 0.33);
  --masta-color-auto-neutral-30: #1c2125;
  --masta-color-auto-neutral-30-1: rgba(28, 33, 37, 0.66);
  --masta-color-auto-neutral-30-2: rgba(28, 33, 37, 0.33);
  --masta-color-auto-neutral-50: #262f36;
  --masta-color-auto-neutral-50-1: rgba(38, 47, 54, 0.66);
  --masta-color-auto-neutral-50-2: rgba(38, 47, 54, 0.33);
  --masta-color-auto-neutral-80: #333e47;
  --masta-color-auto-neutral-80-1: rgba(51, 62, 71, 0.66);
  --masta-color-auto-neutral-80-2: rgba(51, 62, 71, 0.33);
  --masta-color-auto-neutral-100: #596e81;
  --masta-color-auto-neutral-100-1: rgba(89, 110, 129, 0.66);
  --masta-color-auto-neutral-100-2: rgba(89, 110, 129, 0.33);
  --masta-color-auto-neutral-200: #788086;
  --masta-color-auto-neutral-200-1: rgba(120, 128, 134, 0.66);
  --masta-color-auto-neutral-200-2: rgba(120, 128, 134, 0.33);
  --masta-color-auto-neutral-250: #8899a8;
  --masta-color-auto-neutral-250-1: rgba(136, 153, 168, 0.66);
  --masta-color-auto-neutral-250-2: rgba(136, 153, 168, 0.33);
  --masta-color-auto-neutral-300: #a9b6c2;
  --masta-color-auto-neutral-300-1: rgba(169, 182, 194, 0.66);
  --masta-color-auto-neutral-300-2: rgba(169, 182, 194, 0.33);
  --masta-color-auto-neutral-400: #bcbfc2;
  --masta-color-auto-neutral-400-1: rgba(188, 191, 194, 0.66);
  --masta-color-auto-neutral-400-2: rgba(188, 191, 194, 0.33);
  --masta-color-auto-neutral-450: #bfc9d1;
  --masta-color-auto-neutral-450-1: rgba(191, 201, 209, 0.66);
  --masta-color-auto-neutral-450-2: rgba(191, 201, 209, 0.33);
  --masta-color-auto-neutral-500: #d5dce2;
  --masta-color-auto-neutral-500-1: rgba(213, 220, 226, 0.66);
  --masta-color-auto-neutral-500-2: rgba(213, 220, 226, 0.33);
  --masta-color-auto-neutral-600: #e3e8ec;
  --masta-color-auto-neutral-600-1: rgba(227, 232, 236, 0.66);
  --masta-color-auto-neutral-600-2: rgba(227, 232, 236, 0.33);
  --masta-color-auto-neutral-700: #eceff1;
  --masta-color-auto-neutral-700-1: rgba(236, 239, 241, 0.66);
  --masta-color-auto-neutral-700-2: rgba(236, 239, 241, 0.33);
  --masta-color-auto-neutral-800: #f2f4f6;
  --masta-color-auto-neutral-800-1: rgba(242, 244, 246, 0.66);
  --masta-color-auto-neutral-800-2: rgba(242, 244, 246, 0.33);
  --masta-color-auto-neutral-900: #f9fafa;
  --masta-color-auto-neutral-900-1: rgba(249, 250, 250, 0.66);
  --masta-color-auto-neutral-900-2: rgba(249, 250, 250, 0.33);
  --masta-color-auto-primary-10: #5a0036;
  --masta-color-auto-primary-10-1: rgba(90, 0, 54, 0.66);
  --masta-color-auto-primary-10-2: rgba(90, 0, 54, 0.33);
  --masta-color-auto-primary-50: #820f36;
  --masta-color-auto-primary-50-1: rgba(130, 15, 54, 0.66);
  --masta-color-auto-primary-50-2: rgba(130, 15, 54, 0.33);
  --masta-color-auto-primary-300: #9a3e5d;
  --masta-color-auto-primary-300-1: rgba(154, 62, 93, 0.66);
  --masta-color-auto-primary-300-2: rgba(154, 62, 93, 0.33);
  --masta-color-auto-primary-400: #92577B;
  --masta-color-auto-primary-400-1: rgba(146, 87, 123, 0.66);
  --masta-color-auto-primary-400-2: rgba(146, 87, 123, 0.33);
  --masta-color-auto-primary-500: #a26b80;
  --masta-color-auto-primary-500-1: rgba(162, 107, 128, 0.66);
  --masta-color-auto-primary-500-2: rgba(162, 107, 128, 0.33);
  --masta-color-auto-primary-700: #c4a0ae;
  --masta-color-auto-primary-700-1: rgba(196, 160, 174, 0.66);
  --masta-color-auto-primary-700-2: rgba(196, 160, 174, 0.33);
  --masta-color-auto-primary-900: #ece0e4;
  --masta-color-auto-primary-900-1: rgba(236, 224, 228, 0.66);
  --masta-color-auto-primary-900-2: rgba(236, 224, 228, 0.33);
  --masta-color-auto-secondary-10: #133d6f;
  --masta-color-auto-secondary-10-1: rgba(19, 61, 111, 0.66);
  --masta-color-auto-secondary-10-2: rgba(19, 61, 111, 0.33);
  --masta-color-auto-secondary-50: #3870b4;
  --masta-color-auto-secondary-50-1: rgba(56, 112, 180, 0.66);
  --masta-color-auto-secondary-50-2: rgba(56, 112, 180, 0.33);
  --masta-color-auto-secondary-300: #637fa0;
  --masta-color-auto-secondary-300-1: rgba(99, 127, 160, 0.66);
  --masta-color-auto-secondary-300-2: rgba(99, 127, 160, 0.33);
  --masta-color-auto-secondary-500: #6396d1;
  --masta-color-auto-secondary-500-1: rgba(99, 150, 209, 0.66);
  --masta-color-auto-secondary-500-2: rgba(99, 150, 209, 0.33);
  --masta-color-auto-secondary-600: #9ab2d3;
  --masta-color-auto-secondary-600-1: rgba(154, 178, 211, 0.66);
  --masta-color-auto-secondary-600-2: rgba(154, 178, 211, 0.33);
  --masta-color-auto-secondary-700: #c7dbf2;
  --masta-color-auto-secondary-700-1: rgba(199, 219, 242, 0.66);
  --masta-color-auto-secondary-700-2: rgba(199, 219, 242, 0.33);
  --masta-color-auto-secondary-900: #edf3fb;
  --masta-color-auto-secondary-900-1: rgba(237, 243, 251, 0.66);
  --masta-color-auto-secondary-900-2: rgba(237, 243, 251, 0.33);
  --masta-color-auto-success-10: #047147;
  --masta-color-auto-success-10-1: rgba(4, 113, 71, 0.66);
  --masta-color-auto-success-10-2: rgba(4, 113, 71, 0.33);
  --masta-color-auto-success-50: #0f9b5f;
  --masta-color-auto-success-50-1: rgba(15, 155, 95, 0.66);
  --masta-color-auto-success-50-2: rgba(15, 155, 95, 0.33);
  --masta-color-auto-success-200: #40be71;
  --masta-color-auto-success-200-1: rgba(64, 190, 113, 0.66);
  --masta-color-auto-success-200-2: rgba(64, 190, 113, 0.33);
  --masta-color-auto-success-300: #90c79a;
  --masta-color-auto-success-300-1: rgba(144, 199, 154, 0.66);
  --masta-color-auto-success-300-2: rgba(144, 199, 154, 0.33);
  --masta-color-auto-success-500: #b0deca;
  --masta-color-auto-success-500-1: rgba(176, 222, 202, 0.66);
  --masta-color-auto-success-500-2: rgba(176, 222, 202, 0.33);
  --masta-color-auto-success-700: #baf2c4;
  --masta-color-auto-success-700-1: rgba(186, 242, 196, 0.66);
  --masta-color-auto-success-700-2: rgba(186, 242, 196, 0.33);
  --masta-color-auto-success-900: #e8fbec;
  --masta-color-auto-success-900-1: rgba(232, 251, 236, 0.66);
  --masta-color-auto-success-900-2: rgba(232, 251, 236, 0.33);
  --masta-color-auto-warning-10: #e34f00;
  --masta-color-auto-warning-10-1: rgba(227, 79, 0, 0.66);
  --masta-color-auto-warning-10-2: rgba(227, 79, 0, 0.33);
  --masta-color-auto-warning-50: #ff7800;
  --masta-color-auto-warning-50-1: rgba(255, 120, 0, 0.66);
  --masta-color-auto-warning-50-2: rgba(255, 120, 0, 0.33);
  --masta-color-auto-warning-200: #ff8d45;
  --masta-color-auto-warning-200-1: rgba(255, 141, 69, 0.66);
  --masta-color-auto-warning-200-2: rgba(255, 141, 69, 0.33);
  --masta-color-auto-warning-300: #ffa66e;
  --masta-color-auto-warning-300-1: rgba(255, 166, 110, 0.66);
  --masta-color-auto-warning-300-2: rgba(255, 166, 110, 0.33);
  --masta-color-auto-warning-500: #ffd2ab;
  --masta-color-auto-warning-500-1: rgba(255, 210, 171, 0.66);
  --masta-color-auto-warning-500-2: rgba(255, 210, 171, 0.33);
  --masta-color-auto-warning-700: #ffc49f;
  --masta-color-auto-warning-700-1: rgba(255, 196, 159, 0.66);
  --masta-color-auto-warning-700-2: rgba(255, 196, 159, 0.33);
  --masta-color-auto-warning-900: #ffecdf;
  --masta-color-auto-warning-900-1: rgba(255, 236, 223, 0.66);
  --masta-color-auto-warning-900-2: rgba(255, 236, 223, 0.33);
  --masta-color-auto-error-10: #c9091f;
  --masta-color-auto-error-10-1: rgba(201, 9, 31, 0.66);
  --masta-color-auto-error-10-2: rgba(201, 9, 31, 0.33);
  --masta-color-auto-error-50: #ff0031;
  --masta-color-auto-error-50-1: rgba(255, 0, 49, 0.66);
  --masta-color-auto-error-50-2: rgba(255, 0, 49, 0.33);
  --masta-color-auto-error-200: #fc5454;
  --masta-color-auto-error-200-1: rgba(252, 84, 84, 0.66);
  --masta-color-auto-error-200-2: rgba(252, 84, 84, 0.33);
  --masta-color-auto-error-300: #ff7c71;
  --masta-color-auto-error-300-1: rgba(255, 124, 113, 0.66);
  --masta-color-auto-error-300-2: rgba(255, 124, 113, 0.33);
  --masta-color-auto-error-500: #ffabbb;
  --masta-color-auto-error-500-1: rgba(255, 171, 187, 0.66);
  --masta-color-auto-error-500-2: rgba(255, 171, 187, 0.33);
  --masta-color-auto-error-700: #ff978e;
  --masta-color-auto-error-700-1: rgba(255, 151, 142, 0.66);
  --masta-color-auto-error-700-2: rgba(255, 151, 142, 0.33);
  --masta-color-auto-error-900: #ffddda;
  --masta-color-auto-error-900-1: rgba(255, 221, 218, 0.66);
  --masta-color-auto-error-900-2: rgba(255, 221, 218, 0.33);
  --masta-color-auto-shades-50: #000;
  --masta-color-auto-shades-50-1: rgba(0, 0, 0, 0.66);
  --masta-color-auto-shades-50-2: rgba(0, 0, 0, 0.33);
  --masta-color-auto-shades-100: #fff;
  --masta-color-auto-shades-100-1: rgba(255, 255, 255, 0.66);
  --masta-color-auto-shades-100-2: rgba(255, 255, 255, 0.33);
  --masta-color-auto-brand-700: #eb002d;
  --masta-color-auto-brand-700-1: rgba(235, 0, 45, 0.66);
  --masta-color-auto-brand-700-2: rgba(235, 0, 45, 0.33);
  --masta-color-auto-brand-900: #c80001;
  --masta-color-auto-brand-900-1: rgba(200, 0, 1, 0.66);
  --masta-color-auto-brand-900-2: rgba(200, 0, 1, 0.33);
  --masta-color-auto-gradient-1: #fff;
  --masta-color-auto-gradient-1-1: rgba(255, 255, 255, 0.66);
  --masta-color-auto-gradient-1-2: rgba(255, 255, 255, 0.33);
  --masta-color-auto-gradient-2: #fff;
  --masta-color-auto-gradient-2-1: rgba(255, 255, 255, 0.66);
  --masta-color-auto-gradient-2-2: rgba(255, 255, 255, 0.33);
  --masta-color-auto-gradient-3: #fff;
  --masta-color-auto-gradient-3-1: rgba(255, 255, 255, 0.66);
  --masta-color-auto-gradient-3-2: rgba(255, 255, 255, 0.33);
  --masta-color-auto-light-50: #111416;
  --masta-color-auto-light-50-1: rgba(17, 20, 22, 0.66);
  --masta-color-auto-light-50-2: rgba(17, 20, 22, 0.33);
  --masta-color-auto-light-500: #bfc9d1;
  --masta-color-auto-light-500-1: rgba(191, 201, 209, 0.66);
  --masta-color-auto-light-500-2: rgba(191, 201, 209, 0.33);
  --masta-color-auto-light-700: #8899a8;
  --masta-color-auto-light-700-1: rgba(136, 153, 168, 0.66);
  --masta-color-auto-light-700-2: rgba(136, 153, 168, 0.33);
  --masta-color-auto-light-900: #eceff1;
  --masta-color-auto-light-900-1: rgba(236, 239, 241, 0.66);
  --masta-color-auto-light-900-2: rgba(236, 239, 241, 0.33);
  --masta-color-auto-dark-500: #111416;
  --masta-color-auto-dark-500-1: rgba(17, 20, 22, 0.66);
  --masta-color-auto-dark-500-2: rgba(17, 20, 22, 0.33);
  --masta-color-auto-dark-700: #262f36;
  --masta-color-auto-dark-700-1: rgba(38, 47, 54, 0.66);
  --masta-color-auto-dark-700-2: rgba(38, 47, 54, 0.33);
  --masta-color-auto-dark-900: #596e81;
  --masta-color-auto-dark-900-1: rgba(89, 110, 129, 0.66);
  --masta-color-auto-dark-900-2: rgba(89, 110, 129, 0.33);
  --masta-color-auto-highlight-100: #FFDE7C;
  --masta-color-auto-highlight-100-1: rgba(255, 222, 124, 0.66);
  --masta-color-auto-highlight-100-2: rgba(255, 222, 124, 0.33);
  --masta-color-auto-ruby-100: #FFEBF0;
  --masta-color-auto-ruby-100-1: rgba(255, 235, 240, 0.66);
  --masta-color-auto-ruby-100-2: rgba(255, 235, 240, 0.33);
  --masta-color-auto-ruby-font: #D9004D;
  --masta-color-auto-ruby-font-1: rgba(217, 0, 77, 0.66);
  --masta-color-auto-ruby-font-2: rgba(217, 0, 77, 0.33);
  --masta-color-auto-topaz-100: #471E00;
  --masta-color-auto-topaz-100-1: rgba(71, 30, 0, 0.66);
  --masta-color-auto-topaz-100-2: rgba(71, 30, 0, 0.33);
  --masta-color-auto-topaz-font: #F56700;
  --masta-color-auto-topaz-font-1: rgba(245, 103, 0, 0.66);
  --masta-color-auto-topaz-font-2: rgba(245, 103, 0, 0.33);
  --masta-color-auto-citrine-100: #6D4F03;
  --masta-color-auto-citrine-100-1: rgba(109, 79, 3, 0.66);
  --masta-color-auto-citrine-100-2: rgba(109, 79, 3, 0.33);
  --masta-color-auto-citrine-font: #FAC541;
  --masta-color-auto-citrine-font-1: rgba(250, 197, 65, 0.66);
  --masta-color-auto-citrine-font-2: rgba(250, 197, 65, 0.33);
  --masta-color-auto-aquamarine-100: #0E5D4E;
  --masta-color-auto-aquamarine-100-1: rgba(14, 93, 78, 0.66);
  --masta-color-auto-aquamarine-100-2: rgba(14, 93, 78, 0.33);
  --masta-color-auto-aquamarine-font: #37DDBC;
  --masta-color-auto-aquamarine-font-1: rgba(55, 221, 188, 0.66);
  --masta-color-auto-aquamarine-font-2: rgba(55, 221, 188, 0.33);
  --masta-color-auto-emerald-100: #023B36;
  --masta-color-auto-emerald-100-1: rgba(2, 59, 54, 0.66);
  --masta-color-auto-emerald-100-2: rgba(2, 59, 54, 0.33);
  --masta-color-auto-emerald-font: #02C48E;
  --masta-color-auto-emerald-font-1: rgba(2, 196, 142, 0.66);
  --masta-color-auto-emerald-font-2: rgba(2, 196, 142, 0.33);
  --masta-color-auto-opal-100: #07242C;
  --masta-color-auto-opal-100-1: rgba(7, 36, 44, 0.66);
  --masta-color-auto-opal-100-2: rgba(7, 36, 44, 0.33);
  --masta-color-auto-opal-font: #2593B8;
  --masta-color-auto-opal-font-1: rgba(37, 147, 184, 0.66);
  --masta-color-auto-opal-font-2: rgba(37, 147, 184, 0.33);
  --masta-color-auto-apatite-100: #015B6F;
  --masta-color-auto-apatite-100-1: rgba(1, 91, 111, 0.66);
  --masta-color-auto-apatite-100-2: rgba(1, 91, 111, 0.33);
  --masta-color-auto-apatite-font: #2DD8FE;
  --masta-color-auto-apatite-font-1: rgba(45, 216, 254, 0.66);
  --masta-color-auto-apatite-font-2: rgba(45, 216, 254, 0.33);
  --masta-color-auto-sapphire-100: #FAFCFF;
  --masta-color-auto-sapphire-100-1: rgba(250, 252, 255, 0.66);
  --masta-color-auto-sapphire-100-2: rgba(250, 252, 255, 0.33);
  --masta-color-auto-sapphire-font: #006FEC;
  --masta-color-auto-sapphire-font-1: rgba(0, 111, 236, 0.66);
  --masta-color-auto-sapphire-font-2: rgba(0, 111, 236, 0.33);
  --masta-color-auto-amethyst-100: #EDB0E4;
  --masta-color-auto-amethyst-100-1: rgba(237, 176, 228, 0.66);
  --masta-color-auto-amethyst-100-2: rgba(237, 176, 228, 0.33);
  --masta-color-auto-amethyst-font: #8D207B;
  --masta-color-auto-amethyst-font-1: rgba(141, 32, 123, 0.66);
  --masta-color-auto-amethyst-font-2: rgba(141, 32, 123, 0.33);
  --masta-color-background-50:
    linear-gradient(
      199deg,
      #ECEFF1 9.75%,
      #D5DCE2 86.81%);
  --masta-color-background-100:
    linear-gradient(
      201deg,
      var(--masta-color-neutral-700) 22.63%,
      var(--masta-color-neutral-900) 98.09%);
  --masta-color-auto-background-50: var(--masta-color-background-100);
  --masta-color-auto-background-100: var(--masta-color-background-50);
}
html:not(.mel-dark-mode) {
  --masta-color-auto-neutral-10: #f9fafa;
  --masta-color-auto-neutral-10-1: rgba(249, 250, 250, 0.66);
  --masta-color-auto-neutral-10-2: rgba(249, 250, 250, 0.33);
  --masta-color-auto-neutral-30: #f2f4f6;
  --masta-color-auto-neutral-30-1: rgba(242, 244, 246, 0.66);
  --masta-color-auto-neutral-30-2: rgba(242, 244, 246, 0.33);
  --masta-color-auto-neutral-50: #eceff1;
  --masta-color-auto-neutral-50-1: rgba(236, 239, 241, 0.66);
  --masta-color-auto-neutral-50-2: rgba(236, 239, 241, 0.33);
  --masta-color-auto-neutral-80: #e3e8ec;
  --masta-color-auto-neutral-80-1: rgba(227, 232, 236, 0.66);
  --masta-color-auto-neutral-80-2: rgba(227, 232, 236, 0.33);
  --masta-color-auto-neutral-100: #d5dce2;
  --masta-color-auto-neutral-100-1: rgba(213, 220, 226, 0.66);
  --masta-color-auto-neutral-100-2: rgba(213, 220, 226, 0.33);
  --masta-color-auto-neutral-200: #bfc9d1;
  --masta-color-auto-neutral-200-1: rgba(191, 201, 209, 0.66);
  --masta-color-auto-neutral-200-2: rgba(191, 201, 209, 0.33);
  --masta-color-auto-neutral-250: #bcbfc2;
  --masta-color-auto-neutral-250-1: rgba(188, 191, 194, 0.66);
  --masta-color-auto-neutral-250-2: rgba(188, 191, 194, 0.33);
  --masta-color-auto-neutral-300: #a9b6c2;
  --masta-color-auto-neutral-300-1: rgba(169, 182, 194, 0.66);
  --masta-color-auto-neutral-300-2: rgba(169, 182, 194, 0.33);
  --masta-color-auto-neutral-400: #8899a8;
  --masta-color-auto-neutral-400-1: rgba(136, 153, 168, 0.66);
  --masta-color-auto-neutral-400-2: rgba(136, 153, 168, 0.33);
  --masta-color-auto-neutral-450: #767676;
  --masta-color-auto-neutral-450-1: rgba(118, 118, 118, 0.66);
  --masta-color-auto-neutral-450-2: rgba(118, 118, 118, 0.33);
  --masta-color-auto-neutral-500: #596e81;
  --masta-color-auto-neutral-500-1: rgba(89, 110, 129, 0.66);
  --masta-color-auto-neutral-500-2: rgba(89, 110, 129, 0.33);
  --masta-color-auto-neutral-600: #333e47;
  --masta-color-auto-neutral-600-1: rgba(51, 62, 71, 0.66);
  --masta-color-auto-neutral-600-2: rgba(51, 62, 71, 0.33);
  --masta-color-auto-neutral-700: #262f36;
  --masta-color-auto-neutral-700-1: rgba(38, 47, 54, 0.66);
  --masta-color-auto-neutral-700-2: rgba(38, 47, 54, 0.33);
  --masta-color-auto-neutral-800: #1c2125;
  --masta-color-auto-neutral-800-1: rgba(28, 33, 37, 0.66);
  --masta-color-auto-neutral-800-2: rgba(28, 33, 37, 0.33);
  --masta-color-auto-neutral-900: #111416;
  --masta-color-auto-neutral-900-1: rgba(17, 20, 22, 0.66);
  --masta-color-auto-neutral-900-2: rgba(17, 20, 22, 0.33);
  --masta-color-auto-primary-10: #ece0e4;
  --masta-color-auto-primary-10-1: rgba(236, 224, 228, 0.66);
  --masta-color-auto-primary-10-2: rgba(236, 224, 228, 0.33);
  --masta-color-auto-primary-50: #c4a0ae;
  --masta-color-auto-primary-50-1: rgba(196, 160, 174, 0.66);
  --masta-color-auto-primary-50-2: rgba(196, 160, 174, 0.33);
  --masta-color-auto-primary-300: #a26b80;
  --masta-color-auto-primary-300-1: rgba(162, 107, 128, 0.66);
  --masta-color-auto-primary-300-2: rgba(162, 107, 128, 0.33);
  --masta-color-auto-primary-400: #92577B;
  --masta-color-auto-primary-400-1: rgba(146, 87, 123, 0.66);
  --masta-color-auto-primary-400-2: rgba(146, 87, 123, 0.33);
  --masta-color-auto-primary-500: #9a3e5d;
  --masta-color-auto-primary-500-1: rgba(154, 62, 93, 0.66);
  --masta-color-auto-primary-500-2: rgba(154, 62, 93, 0.33);
  --masta-color-auto-primary-700: #820f36;
  --masta-color-auto-primary-700-1: rgba(130, 15, 54, 0.66);
  --masta-color-auto-primary-700-2: rgba(130, 15, 54, 0.33);
  --masta-color-auto-primary-900: #5a0036;
  --masta-color-auto-primary-900-1: rgba(90, 0, 54, 0.66);
  --masta-color-auto-primary-900-2: rgba(90, 0, 54, 0.33);
  --masta-color-auto-secondary-10: #edf3fb;
  --masta-color-auto-secondary-10-1: rgba(237, 243, 251, 0.66);
  --masta-color-auto-secondary-10-2: rgba(237, 243, 251, 0.33);
  --masta-color-auto-secondary-50: #c7dbf2;
  --masta-color-auto-secondary-50-1: rgba(199, 219, 242, 0.66);
  --masta-color-auto-secondary-50-2: rgba(199, 219, 242, 0.33);
  --masta-color-auto-secondary-300: #9ab2d3;
  --masta-color-auto-secondary-300-1: rgba(154, 178, 211, 0.66);
  --masta-color-auto-secondary-300-2: rgba(154, 178, 211, 0.33);
  --masta-color-auto-secondary-500: #6396d1;
  --masta-color-auto-secondary-500-1: rgba(99, 150, 209, 0.66);
  --masta-color-auto-secondary-500-2: rgba(99, 150, 209, 0.33);
  --masta-color-auto-secondary-600: #637fa0;
  --masta-color-auto-secondary-600-1: rgba(99, 127, 160, 0.66);
  --masta-color-auto-secondary-600-2: rgba(99, 127, 160, 0.33);
  --masta-color-auto-secondary-700: #3870b4;
  --masta-color-auto-secondary-700-1: rgba(56, 112, 180, 0.66);
  --masta-color-auto-secondary-700-2: rgba(56, 112, 180, 0.33);
  --masta-color-auto-secondary-900: #133d6f;
  --masta-color-auto-secondary-900-1: rgba(19, 61, 111, 0.66);
  --masta-color-auto-secondary-900-2: rgba(19, 61, 111, 0.33);
  --masta-color-auto-success-10: #e8fbec;
  --masta-color-auto-success-10-1: rgba(232, 251, 236, 0.66);
  --masta-color-auto-success-10-2: rgba(232, 251, 236, 0.33);
  --masta-color-auto-success-50: #baf2c4;
  --masta-color-auto-success-50-1: rgba(186, 242, 196, 0.66);
  --masta-color-auto-success-50-2: rgba(186, 242, 196, 0.33);
  --masta-color-auto-success-200: #b0deca;
  --masta-color-auto-success-200-1: rgba(176, 222, 202, 0.66);
  --masta-color-auto-success-200-2: rgba(176, 222, 202, 0.33);
  --masta-color-auto-success-300: #90c79a;
  --masta-color-auto-success-300-1: rgba(144, 199, 154, 0.66);
  --masta-color-auto-success-300-2: rgba(144, 199, 154, 0.33);
  --masta-color-auto-success-500: #40be71;
  --masta-color-auto-success-500-1: rgba(64, 190, 113, 0.66);
  --masta-color-auto-success-500-2: rgba(64, 190, 113, 0.33);
  --masta-color-auto-success-700: #0f9b5f;
  --masta-color-auto-success-700-1: rgba(15, 155, 95, 0.66);
  --masta-color-auto-success-700-2: rgba(15, 155, 95, 0.33);
  --masta-color-auto-success-900: #047147;
  --masta-color-auto-success-900-1: rgba(4, 113, 71, 0.66);
  --masta-color-auto-success-900-2: rgba(4, 113, 71, 0.33);
  --masta-color-auto-warning-10: #ffecdf;
  --masta-color-auto-warning-10-1: rgba(255, 236, 223, 0.66);
  --masta-color-auto-warning-10-2: rgba(255, 236, 223, 0.33);
  --masta-color-auto-warning-50: #ffc49f;
  --masta-color-auto-warning-50-1: rgba(255, 196, 159, 0.66);
  --masta-color-auto-warning-50-2: rgba(255, 196, 159, 0.33);
  --masta-color-auto-warning-200: #ffd2ab;
  --masta-color-auto-warning-200-1: rgba(255, 210, 171, 0.66);
  --masta-color-auto-warning-200-2: rgba(255, 210, 171, 0.33);
  --masta-color-auto-warning-300: #ffa66e;
  --masta-color-auto-warning-300-1: rgba(255, 166, 110, 0.66);
  --masta-color-auto-warning-300-2: rgba(255, 166, 110, 0.33);
  --masta-color-auto-warning-500: #ff8d45;
  --masta-color-auto-warning-500-1: rgba(255, 141, 69, 0.66);
  --masta-color-auto-warning-500-2: rgba(255, 141, 69, 0.33);
  --masta-color-auto-warning-700: #ff7800;
  --masta-color-auto-warning-700-1: rgba(255, 120, 0, 0.66);
  --masta-color-auto-warning-700-2: rgba(255, 120, 0, 0.33);
  --masta-color-auto-warning-900: #e34f00;
  --masta-color-auto-warning-900-1: rgba(227, 79, 0, 0.66);
  --masta-color-auto-warning-900-2: rgba(227, 79, 0, 0.33);
  --masta-color-auto-error-10: #ffddda;
  --masta-color-auto-error-10-1: rgba(255, 221, 218, 0.66);
  --masta-color-auto-error-10-2: rgba(255, 221, 218, 0.33);
  --masta-color-auto-error-50: #ff978e;
  --masta-color-auto-error-50-1: rgba(255, 151, 142, 0.66);
  --masta-color-auto-error-50-2: rgba(255, 151, 142, 0.33);
  --masta-color-auto-error-200: #ffabbb;
  --masta-color-auto-error-200-1: rgba(255, 171, 187, 0.66);
  --masta-color-auto-error-200-2: rgba(255, 171, 187, 0.33);
  --masta-color-auto-error-300: #ff7c71;
  --masta-color-auto-error-300-1: rgba(255, 124, 113, 0.66);
  --masta-color-auto-error-300-2: rgba(255, 124, 113, 0.33);
  --masta-color-auto-error-500: #fc5454;
  --masta-color-auto-error-500-1: rgba(252, 84, 84, 0.66);
  --masta-color-auto-error-500-2: rgba(252, 84, 84, 0.33);
  --masta-color-auto-error-700: #ff0031;
  --masta-color-auto-error-700-1: rgba(255, 0, 49, 0.66);
  --masta-color-auto-error-700-2: rgba(255, 0, 49, 0.33);
  --masta-color-auto-error-900: #c9091f;
  --masta-color-auto-error-900-1: rgba(201, 9, 31, 0.66);
  --masta-color-auto-error-900-2: rgba(201, 9, 31, 0.33);
  --masta-color-auto-shades-50: #fff;
  --masta-color-auto-shades-50-1: rgba(255, 255, 255, 0.66);
  --masta-color-auto-shades-50-2: rgba(255, 255, 255, 0.33);
  --masta-color-auto-shades-100: #000;
  --masta-color-auto-shades-100-1: rgba(0, 0, 0, 0.66);
  --masta-color-auto-shades-100-2: rgba(0, 0, 0, 0.33);
  --masta-color-auto-brand-700: #eb002d;
  --masta-color-auto-brand-700-1: rgba(235, 0, 45, 0.66);
  --masta-color-auto-brand-700-2: rgba(235, 0, 45, 0.33);
  --masta-color-auto-brand-900: #c80001;
  --masta-color-auto-brand-900-1: rgba(200, 0, 1, 0.66);
  --masta-color-auto-brand-900-2: rgba(200, 0, 1, 0.33);
  --masta-color-auto-gradient-1: #ada8d0;
  --masta-color-auto-gradient-1-1: rgba(173, 168, 208, 0.66);
  --masta-color-auto-gradient-1-2: rgba(173, 168, 208, 0.33);
  --masta-color-auto-gradient-2: #e4edf8;
  --masta-color-auto-gradient-2-1: rgba(228, 237, 248, 0.66);
  --masta-color-auto-gradient-2-2: rgba(228, 237, 248, 0.33);
  --masta-color-auto-gradient-3: #fef2f7;
  --masta-color-auto-gradient-3-1: rgba(254, 242, 247, 0.66);
  --masta-color-auto-gradient-3-2: rgba(254, 242, 247, 0.33);
  --masta-color-auto-light-50: #eceff1;
  --masta-color-auto-light-50-1: rgba(236, 239, 241, 0.66);
  --masta-color-auto-light-50-2: rgba(236, 239, 241, 0.33);
  --masta-color-auto-light-500: #8899a8;
  --masta-color-auto-light-500-1: rgba(136, 153, 168, 0.66);
  --masta-color-auto-light-500-2: rgba(136, 153, 168, 0.33);
  --masta-color-auto-light-700: #bfc9d1;
  --masta-color-auto-light-700-1: rgba(191, 201, 209, 0.66);
  --masta-color-auto-light-700-2: rgba(191, 201, 209, 0.33);
  --masta-color-auto-light-900: #111416;
  --masta-color-auto-light-900-1: rgba(17, 20, 22, 0.66);
  --masta-color-auto-light-900-2: rgba(17, 20, 22, 0.33);
  --masta-color-auto-dark-500: #596e81;
  --masta-color-auto-dark-500-1: rgba(89, 110, 129, 0.66);
  --masta-color-auto-dark-500-2: rgba(89, 110, 129, 0.33);
  --masta-color-auto-dark-700: #262f36;
  --masta-color-auto-dark-700-1: rgba(38, 47, 54, 0.66);
  --masta-color-auto-dark-700-2: rgba(38, 47, 54, 0.33);
  --masta-color-auto-dark-900: #111416;
  --masta-color-auto-dark-900-1: rgba(17, 20, 22, 0.66);
  --masta-color-auto-dark-900-2: rgba(17, 20, 22, 0.33);
  --masta-color-auto-highlight-100: #FFDE7C;
  --masta-color-auto-highlight-100-1: rgba(255, 222, 124, 0.66);
  --masta-color-auto-highlight-100-2: rgba(255, 222, 124, 0.33);
  --masta-color-auto-ruby-100: #D9004D;
  --masta-color-auto-ruby-100-1: rgba(217, 0, 77, 0.66);
  --masta-color-auto-ruby-100-2: rgba(217, 0, 77, 0.33);
  --masta-color-auto-ruby-font: #FFEBF0;
  --masta-color-auto-ruby-font-1: rgba(255, 235, 240, 0.66);
  --masta-color-auto-ruby-font-2: rgba(255, 235, 240, 0.33);
  --masta-color-auto-topaz-100: #F56700;
  --masta-color-auto-topaz-100-1: rgba(245, 103, 0, 0.66);
  --masta-color-auto-topaz-100-2: rgba(245, 103, 0, 0.33);
  --masta-color-auto-topaz-font: #471E00;
  --masta-color-auto-topaz-font-1: rgba(71, 30, 0, 0.66);
  --masta-color-auto-topaz-font-2: rgba(71, 30, 0, 0.33);
  --masta-color-auto-citrine-100: #FAC541;
  --masta-color-auto-citrine-100-1: rgba(250, 197, 65, 0.66);
  --masta-color-auto-citrine-100-2: rgba(250, 197, 65, 0.33);
  --masta-color-auto-citrine-font: #6D4F03;
  --masta-color-auto-citrine-font-1: rgba(109, 79, 3, 0.66);
  --masta-color-auto-citrine-font-2: rgba(109, 79, 3, 0.33);
  --masta-color-auto-aquamarine-100: #37DDBC;
  --masta-color-auto-aquamarine-100-1: rgba(55, 221, 188, 0.66);
  --masta-color-auto-aquamarine-100-2: rgba(55, 221, 188, 0.33);
  --masta-color-auto-aquamarine-font: #0E5D4E;
  --masta-color-auto-aquamarine-font-1: rgba(14, 93, 78, 0.66);
  --masta-color-auto-aquamarine-font-2: rgba(14, 93, 78, 0.33);
  --masta-color-auto-emerald-100: #02C48E;
  --masta-color-auto-emerald-100-1: rgba(2, 196, 142, 0.66);
  --masta-color-auto-emerald-100-2: rgba(2, 196, 142, 0.33);
  --masta-color-auto-emerald-font: #023B36;
  --masta-color-auto-emerald-font-1: rgba(2, 59, 54, 0.66);
  --masta-color-auto-emerald-font-2: rgba(2, 59, 54, 0.33);
  --masta-color-auto-opal-100: #2593B8;
  --masta-color-auto-opal-100-1: rgba(37, 147, 184, 0.66);
  --masta-color-auto-opal-100-2: rgba(37, 147, 184, 0.33);
  --masta-color-auto-opal-font: #07242C;
  --masta-color-auto-opal-font-1: rgba(7, 36, 44, 0.66);
  --masta-color-auto-opal-font-2: rgba(7, 36, 44, 0.33);
  --masta-color-auto-apatite-100: #2DD8FE;
  --masta-color-auto-apatite-100-1: rgba(45, 216, 254, 0.66);
  --masta-color-auto-apatite-100-2: rgba(45, 216, 254, 0.33);
  --masta-color-auto-apatite-font: #015B6F;
  --masta-color-auto-apatite-font-1: rgba(1, 91, 111, 0.66);
  --masta-color-auto-apatite-font-2: rgba(1, 91, 111, 0.33);
  --masta-color-auto-sapphire-100: #006FEC;
  --masta-color-auto-sapphire-100-1: rgba(0, 111, 236, 0.66);
  --masta-color-auto-sapphire-100-2: rgba(0, 111, 236, 0.33);
  --masta-color-auto-sapphire-font: #FAFCFF;
  --masta-color-auto-sapphire-font-1: rgba(250, 252, 255, 0.66);
  --masta-color-auto-sapphire-font-2: rgba(250, 252, 255, 0.33);
  --masta-color-auto-amethyst-100: #8D207B;
  --masta-color-auto-amethyst-100-1: rgba(141, 32, 123, 0.66);
  --masta-color-auto-amethyst-100-2: rgba(141, 32, 123, 0.33);
  --masta-color-auto-amethyst-font: #EDB0E4;
  --masta-color-auto-amethyst-font-1: rgba(237, 176, 228, 0.66);
  --masta-color-auto-amethyst-font-2: rgba(237, 176, 228, 0.33);
  --masta-color-background-50:
    linear-gradient(
      199deg,
      #ECEFF1 9.75%,
      #D5DCE2 86.81%);
  --masta-color-background-100:
    linear-gradient(
      201deg,
      var(--masta-color-neutral-700) 22.63%,
      var(--masta-color-neutral-900) 98.09%);
  --masta-color-auto-background-50: var(--masta-color-background-50);
  --masta-color-auto-background-100: var(--masta-color-background-100);
}
body {
  font-family:
    "Gilroy",
    sans-serif,
    system-ui;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background: var(--masta-color-auto-background-50, #ffffff);
  color: var(--p-text-color, #1f2937);
  transition: color 0.2s ease;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */