/* ================================================================
   icon-urls.css — GENERERAD FIL, redigera inte för hand.
   ================================================================
   Genererad: 2026-06-16
   Källa:     src/api/icons.json (single source of truth)
   Bygg-script: scripts/build-icon-urls-css.py
   Regenerera: npm run build-icon-urls

   En klass per mask-renderad ikon, format:
       .icon--<asset>-<name>

   Klassen deklarerar --icon-mask-url-24 + --icon-mask-url-48 OCH
   applicerar mask-image direkt — båda i samma stylesheet. Det är
   medvetet: relativa url()-referenser i CSS-variabler resolveras
   olika beroende på browser (declaration-site vs use-site). Genom
   att deklarera och konsumera url-token i SAMMA fil bryr sig
   browsern inte om var var(...) anropas från — paths funkar i
   embedded <style>, andra CSS-filer, oavsett directory.

   Storleksbyte:
       parent  .icon-card-grid--48 <child>     → 48-källan
       element .icon--size-48                  → 48-källan per element

   Konsumenter sätter klass på elementet:
       <span class="icon-card__svg icon-card__svg--mask icon--material-arrow_back" aria-hidden="true"></span>

   Pattern.css / konsument-CSS deklarerar background-color och
   mask-size/position/repeat. mask-image kommer härifrån.

   Full-color custom-ikoner (futur_default) renderas som <img> och
   behöver ingen klass här — de listas inte.
================================================================ */

/* Pilar & navigation (26 ikoner) */
.icon--material-arrow_back {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/arrow_back.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/arrow_back.svg');
}
.icon--material-arrow_forward {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/arrow_forward.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/arrow_forward.svg');
}
.icon--material-arrow_upward {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/arrow_upward.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/arrow_upward.svg');
}
.icon--material-arrow_downward {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/arrow_downward.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/arrow_downward.svg');
}
.icon--material-arrow_left {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/arrow_left.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/arrow_left.svg');
}
.icon--material-arrow_right {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/arrow_right.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/arrow_right.svg');
}
.icon--material-arrow_drop_up {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/arrow_drop_up.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/arrow_drop_up.svg');
}
.icon--material-arrow_drop_down {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/arrow_drop_down.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/arrow_drop_down.svg');
}
.icon--material-arrow_outward {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/arrow_outward.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/arrow_outward.svg');
}
.icon--material-arrow_selector_tool {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/arrow_selector_tool.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/arrow_selector_tool.svg');
}
.icon--material-chevron_left {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/chevron_left.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/chevron_left.svg');
}
.icon--material-chevron_right {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/chevron_right.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/chevron_right.svg');
}
.icon--material-expand_more {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/expand_more.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/expand_more.svg');
}
.icon--material-expand_less {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/expand_less.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/expand_less.svg');
}
.icon--material-north_east {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/north_east.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/north_east.svg');
}
.icon--material-south_east {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/south_east.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/south_east.svg');
}
.icon--material-north_west {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/north_west.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/north_west.svg');
}
.icon--material-south_west {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/south_west.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/south_west.svg');
}
.icon--material-east {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/east.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/east.svg');
}
.icon--material-west {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/west.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/west.svg');
}
.icon--material-south {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/south.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/south.svg');
}
.icon--material-swap_horiz {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/swap_horiz.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/swap_horiz.svg');
}
.icon--material-swap_vert {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/swap_vert.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/swap_vert.svg');
}
.icon--material-open_in_new {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/open_in_new.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/open_in_new.svg');
}
.icon--material-open_in_full {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/open_in_full.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/open_in_full.svg');
}
.icon--material-close_fullscreen {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/close_fullscreen.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/close_fullscreen.svg');
}

/* Åtgärder (32 ikoner) */
.icon--material-add {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/add.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/add.svg');
}
.icon--material-add_circle {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/add_circle.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/add_circle.svg');
}
.icon--material-close {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/close.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/close.svg');
}
.icon--material-cancel {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/cancel.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/cancel.svg');
}
.icon--material-remove {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/remove.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/remove.svg');
}
.icon--material-delete {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/delete.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/delete.svg');
}
.icon--material-edit {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/edit.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/edit.svg');
}
.icon--material-save {
  --icon-mask-url-24: url('../../../images/ikoner/material/hardware/24/save.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/hardware/48/save.svg');
}
.icon--material-send {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/send.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/send.svg');
}
.icon--material-print {
  --icon-mask-url-24: url('../../../images/ikoner/material/hardware/24/print.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/hardware/48/print.svg');
}
.icon--material-download {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/download.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/download.svg');
}
.icon--material-upload {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/upload.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/upload.svg');
}
.icon--material-publish {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/publish.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/publish.svg');
}
.icon--material-content_copy {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/content_copy.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/content_copy.svg');
}
.icon--material-search {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/search.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/search.svg');
}
.icon--material-filter_alt {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/filter_alt.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/filter_alt.svg');
}
.icon--material-filter_alt_off {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/filter_alt_off.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/filter_alt_off.svg');
}
.icon--material-tune {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/tune.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/tune.svg');
}
.icon--material-more_vert {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/more_vert.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/more_vert.svg');
}
.icon--material-more_horiz {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/more_horiz.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/more_horiz.svg');
}
.icon--material-menu {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/menu.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/menu.svg');
}
.icon--material-dashboard {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/dashboard.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/dashboard.svg');
}
.icon--material-grid_view {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/grid_view.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/grid_view.svg');
}
.icon--material-attach_file {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/attach_file.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/attach_file.svg');
}
.icon--material-dock_to_bottom {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/dock_to_bottom.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/dock_to_bottom.svg');
}
.icon--material-dock_to_right {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/dock_to_right.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/dock_to_right.svg');
}
.icon--material-dock_to_left {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/dock_to_left.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/dock_to_left.svg');
}
.icon--material-move_item {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/move_item.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/move_item.svg');
}
.icon--material-place_item {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/place_item.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/place_item.svg');
}
.icon--material-undo {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/undo.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/undo.svg');
}
.icon--material-input_circle {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/input_circle.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/input_circle.svg');
}
.icon--material-output_circle {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/output_circle.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/output_circle.svg');
}

/* Status & feedback (16 ikoner) */
.icon--material-check {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/check.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/check.svg');
}
.icon--material-info {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/info.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/info.svg');
}
.icon--material-info_i {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/info_i.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/info_i.svg');
}
.icon--material-help {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/help.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/help.svg');
}
.icon--material-warning {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/warning.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/warning.svg');
}
.icon--material-error {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/error.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/error.svg');
}
.icon--material-notifications {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/notifications.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/notifications.svg');
}
.icon--material-notification_important {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/notification_important.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/notification_important.svg');
}
.icon--material-task_alt {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/task_alt.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/task_alt.svg');
}
.icon--material-schedule {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/schedule.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/schedule.svg');
}
.icon--material-history {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/history.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/history.svg');
}
.icon--material-question_mark {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/question_mark.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/question_mark.svg');
}
.icon--material-emergency_home {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/emergency_home.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/emergency_home.svg');
}
.icon--material-magic_exchange {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/magic_exchange.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/magic_exchange.svg');
}
.icon--material-published_with_changes {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/published_with_changes.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/published_with_changes.svg');
}
.icon--material-pan_tool_alt {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/pan_tool_alt.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/pan_tool_alt.svg');
}

/* Toggle & val (18 ikoner) */
.icon--material-check_box {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/check_box.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/check_box.svg');
}
.icon--material-check_box_outline_blank {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/check_box_outline_blank.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/check_box_outline_blank.svg');
}
.icon--material-indeterminate_check_box {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/indeterminate_check_box.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/indeterminate_check_box.svg');
}
.icon--material-radio_button_checked {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/radio_button_checked.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/radio_button_checked.svg');
}
.icon--material-radio_button_unchecked {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/radio_button_unchecked.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/radio_button_unchecked.svg');
}
.icon--material-toggle_on {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/toggle_on.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/toggle_on.svg');
}
.icon--material-toggle_off {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/toggle_off.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/toggle_off.svg');
}
.icon--material-star {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/star.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/star.svg');
}
.icon--material-star_half {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/star_half.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/star_half.svg');
}
.icon--material-favorite {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/favorite.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/favorite.svg');
}
.icon--material-bookmark {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/bookmark.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/bookmark.svg');
}
.icon--material-thumb_up {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/thumb_up.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/thumb_up.svg');
}
.icon--material-thumb_down {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/thumb_down.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/thumb_down.svg');
}
.icon--material-visibility {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/visibility.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/visibility.svg');
}
.icon--material-visibility_off {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/visibility_off.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/visibility_off.svg');
}
.icon--material-block {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/block.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/block.svg');
}
.icon--material-favorite_fill {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/favorite_fill.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/favorite_fill.svg');
}
.icon--material-star_fill {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/star_fill.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/star_fill.svg');
}

/* Kommunikation (10 ikoner) */
.icon--material-mail {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/mail.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/mail.svg');
}
.icon--material-drafts {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/drafts.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/drafts.svg');
}
.icon--material-mark_email_read {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/mark_email_read.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/mark_email_read.svg');
}
.icon--material-mark_email_unread {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/mark_email_unread.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/mark_email_unread.svg');
}
.icon--material-call {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/call.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/call.svg');
}
.icon--material-chat_bubble {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/chat_bubble.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/chat_bubble.svg');
}
.icon--material-support_agent {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/support_agent.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/support_agent.svg');
}
.icon--material-language {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/language.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/language.svg');
}
.icon--material-call_made {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/call_made.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/call_made.svg');
}
.icon--material-call_received {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/call_received.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/call_received.svg');
}

/* Plats & kartor (9 ikoner) */
.icon--material-location_on {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/location_on.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/location_on.svg');
}
.icon--material-my_location {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/my_location.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/my_location.svg');
}
.icon--material-near_me {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/near_me.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/near_me.svg');
}
.icon--material-navigation {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/navigation.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/navigation.svg');
}
.icon--material-map {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/map.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/map.svg');
}
.icon--material-explore {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/explore.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/explore.svg');
}
.icon--material-push_pin {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/push_pin.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/push_pin.svg');
}
.icon--material-directions_car {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/directions_car.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/directions_car.svg');
}
.icon--material-cell_tower {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/cell_tower.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/cell_tower.svg');
}

/* Tid & kalender (4 ikoner) */
.icon--material-calendar_today {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/calendar_today.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/calendar_today.svg');
}
.icon--material-calendar_month {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/calendar_month.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/calendar_month.svg');
}
.icon--material-calendar_add_on {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/calendar_add_on.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/calendar_add_on.svg');
}
.icon--material-event_available {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/event_available.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/event_available.svg');
}

/* Filer & dokument (11 ikoner) */
.icon--material-folder {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/folder.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/folder.svg');
}
.icon--material-description {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/description.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/description.svg');
}
.icon--material-draft {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/draft.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/draft.svg');
}
.icon--material-book_2 {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/book_2.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/book_2.svg');
}
.icon--material-contract {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/contract.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/contract.svg');
}
.icon--material-contract_edit {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/contract_edit.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/contract_edit.svg');
}
.icon--material-contract_delete {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/contract_delete.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/contract_delete.svg');
}
.icon--material-archive {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/archive.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/archive.svg');
}
.icon--material-unarchive {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/unarchive.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/unarchive.svg');
}
.icon--material-qr_code_2 {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/qr_code_2.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/qr_code_2.svg');
}
.icon--material-planner_review {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/planner_review.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/planner_review.svg');
}

/* Personer & identitet (16 ikoner) */
.icon--material-person {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/person.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/person.svg');
}
.icon--material-person_add {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/person_add.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/person_add.svg');
}
.icon--material-group_add {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/group_add.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/group_add.svg');
}
.icon--material-account_circle {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/account_circle.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/account_circle.svg');
}
.icon--material-face {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/face.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/face.svg');
}
.icon--material-mood {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/mood.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/mood.svg');
}
.icon--material-mood_bad {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/mood_bad.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/mood_bad.svg');
}
.icon--material-waving_hand {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/waving_hand.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/waving_hand.svg');
}
.icon--material-handshake {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/handshake.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/handshake.svg');
}
.icon--material-volunteer_activism {
  --icon-mask-url-24: url('../../../images/ikoner/material/activities/24/volunteer_activism.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/activities/48/volunteer_activism.svg');
}
.icon--material-leaderboard {
  --icon-mask-url-24: url('../../../images/ikoner/material/activities/24/leaderboard.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/activities/48/leaderboard.svg');
}
.icon--material-face_2 {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/face_2.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/face_2.svg');
}
.icon--material-face_3 {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/face_3.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/face_3.svg');
}
.icon--material-face_4 {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/face_4.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/face_4.svg');
}
.icon--material-face_5 {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/face_5.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/face_5.svg');
}
.icon--material-face_6 {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/face_6.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/face_6.svg');
}

/* Pengar & ekonomi (20 ikoner) */
.icon--material-paid {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/paid.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/paid.svg');
}
.icon--material-attach_money {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/attach_money.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/attach_money.svg');
}
.icon--material-euro {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/euro.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/euro.svg');
}
.icon--material-currency_yen {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/currency_yen.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/currency_yen.svg');
}
.icon--material-currency_pound {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/currency_pound.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/currency_pound.svg');
}
.icon--material-currency_exchange {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/currency_exchange.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/currency_exchange.svg');
}
.icon--material-currency_bitcoin {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/currency_bitcoin.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/currency_bitcoin.svg');
}
.icon--material-account_balance {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/account_balance.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/account_balance.svg');
}
.icon--material-account_balance_wallet {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/account_balance_wallet.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/account_balance_wallet.svg');
}
.icon--material-savings {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/savings.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/savings.svg');
}
.icon--material-wallet {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/wallet.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/wallet.svg');
}
.icon--material-credit_card {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/credit_card.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/credit_card.svg');
}
.icon--material-redeem {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/redeem.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/redeem.svg');
}
.icon--material-receipt {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/receipt.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/receipt.svg');
}
.icon--material-receipt_long {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/receipt_long.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/receipt_long.svg');
}
.icon--material-shopping_bag {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/shopping_bag.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/shopping_bag.svg');
}
.icon--material-shopping_cart {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/shopping_cart.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/shopping_cart.svg');
}
.icon--material-send_money {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/send_money.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/send_money.svg');
}
.icon--material-balance {
  --icon-mask-url-24: url('../../../images/ikoner/material/hardware/24/balance.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/hardware/48/balance.svg');
}
.icon--material-toll {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/toll.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/toll.svg');
}

/* Diagram & data (19 ikoner) */
.icon--material-show_chart {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/show_chart.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/show_chart.svg');
}
.icon--material-bar_chart {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/bar_chart.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/bar_chart.svg');
}
.icon--material-bar_chart_4_bars {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/bar_chart_4_bars.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/bar_chart_4_bars.svg');
}
.icon--material-area_chart {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/area_chart.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/area_chart.svg');
}
.icon--material-pie_chart {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/pie_chart.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/pie_chart.svg');
}
.icon--material-donut_small {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/donut_small.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/donut_small.svg');
}
.icon--material-candlestick_chart {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/candlestick_chart.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/candlestick_chart.svg');
}
.icon--material-chart_data {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/chart_data.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/chart_data.svg');
}
.icon--material-add_chart {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/add_chart.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/add_chart.svg');
}
.icon--material-stacked_line_chart {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/stacked_line_chart.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/stacked_line_chart.svg');
}
.icon--material-timeline {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/timeline.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/timeline.svg');
}
.icon--material-monitoring {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/monitoring.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/monitoring.svg');
}
.icon--material-insights {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/insights.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/insights.svg');
}
.icon--material-trending_up {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/trending_up.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/trending_up.svg');
}
.icon--material-trending_down {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/trending_down.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/trending_down.svg');
}
.icon--material-track_changes {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/track_changes.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/track_changes.svg');
}
.icon--material-conversion_path {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/conversion_path.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/conversion_path.svg');
}
.icon--material-equal {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/equal.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/equal.svg');
}
.icon--material-account_tree {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/account_tree.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/account_tree.svg');
}

/* Verksamhet & objekt (11 ikoner) */
.icon--material-work {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/work.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/work.svg');
}
.icon--material-cases {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/cases.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/cases.svg');
}
.icon--material-business_center {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/business_center.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/business_center.svg');
}
.icon--material-editor_choice {
  --icon-mask-url-24: url('../../../images/ikoner/material/activities/24/editor_choice.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/activities/48/editor_choice.svg');
}
.icon--material-trophy {
  --icon-mask-url-24: url('../../../images/ikoner/material/activities/24/trophy.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/activities/48/trophy.svg');
}
.icon--material-factory {
  --icon-mask-url-24: url('../../../images/ikoner/material/maps/24/factory.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/maps/48/factory.svg');
}
.icon--material-manufacturing {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/manufacturing.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/manufacturing.svg');
}
.icon--material-build {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/build.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/build.svg');
}
.icon--material-settings {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/settings.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/settings.svg');
}
.icon--material-calculate {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/calculate.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/calculate.svg');
}
.icon--material-chip_extraction {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/chip_extraction.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/chip_extraction.svg');
}

/* Enheter & visning (6 ikoner) */
.icon--material-computer {
  --icon-mask-url-24: url('../../../images/ikoner/material/hardware/24/computer.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/hardware/48/computer.svg');
}
.icon--material-desktop_windows {
  --icon-mask-url-24: url('../../../images/ikoner/material/hardware/24/desktop_windows.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/hardware/48/desktop_windows.svg');
}
.icon--material-tablet_mac {
  --icon-mask-url-24: url('../../../images/ikoner/material/hardware/24/tablet_mac.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/hardware/48/tablet_mac.svg');
}
.icon--material-phone_iphone {
  --icon-mask-url-24: url('../../../images/ikoner/material/hardware/24/phone_iphone.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/hardware/48/phone_iphone.svg');
}
.icon--material-light_mode {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/light_mode.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/light_mode.svg');
}
.icon--material-dark_mode {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/dark_mode.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/dark_mode.svg');
}

/* Säkerhet & åtkomst (7 ikoner) */
.icon--material-lock {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/lock.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/lock.svg');
}
.icon--material-lock_open {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/lock_open.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/lock_open.svg');
}
.icon--material-key {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/key.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/key.svg');
}
.icon--material-login {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/login.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/login.svg');
}
.icon--material-logout {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/logout.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/logout.svg');
}
.icon--material-privacy_tip {
  --icon-mask-url-24: url('../../../images/ikoner/material/privacy-and-security/24/privacy_tip.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/privacy-and-security/48/privacy_tip.svg');
}
.icon--material-verified_user {
  --icon-mask-url-24: url('../../../images/ikoner/material/privacy-and-security/24/verified_user.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/privacy-and-security/48/verified_user.svg');
}

/* Cloud & sync (8 ikoner) */
.icon--material-cloud {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/cloud.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/cloud.svg');
}
.icon--material-cloud_done {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/cloud_done.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/cloud_done.svg');
}
.icon--material-cloud_download {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/cloud_download.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/cloud_download.svg');
}
.icon--material-backup {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/backup.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/backup.svg');
}
.icon--material-cached {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/cached.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/cached.svg');
}
.icon--material-hub {
  --icon-mask-url-24: url('../../../images/ikoner/material/communication/24/hub.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/communication/48/hub.svg');
}
.icon--material-download_done {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/download_done.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/download_done.svg');
}
.icon--material-download_for_offline {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/download_for_offline.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/download_for_offline.svg');
}

/* Hem & värld (12 ikoner) */
.icon--material-home {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/home.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/home.svg');
}
.icon--material-apartment {
  --icon-mask-url-24: url('../../../images/ikoner/material/business-and-payments/24/apartment.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/business-and-payments/48/apartment.svg');
}
.icon--material-family_home {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/family_home.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/family_home.svg');
}
.icon--material-home_health {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/home_health.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/home_health.svg');
}
.icon--material-water_drop {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/water_drop.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/water_drop.svg');
}
.icon--material-eco {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/eco.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/eco.svg');
}
.icon--material-health_and_safety {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/health_and_safety.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/health_and_safety.svg');
}
.icon--material-rocket_launch {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/rocket_launch.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/rocket_launch.svg');
}
.icon--material-emoji_objects {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/emoji_objects.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/emoji_objects.svg');
}
.icon--material-barefoot {
  --icon-mask-url-24: url('../../../images/ikoner/material/social/24/barefoot.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/social/48/barefoot.svg');
}
.icon--material-support {
  --icon-mask-url-24: url('../../../images/ikoner/material/common-actions/24/support.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/common-actions/48/support.svg');
}
.icon--material-science {
  --icon-mask-url-24: url('../../../images/ikoner/material/activities/24/science.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/activities/48/science.svg');
}

/* Media (3 ikoner) */
.icon--material-pause {
  --icon-mask-url-24: url('../../../images/ikoner/material/audio-and-video/24/pause.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/audio-and-video/48/pause.svg');
}
.icon--material-play_arrow {
  --icon-mask-url-24: url('../../../images/ikoner/material/audio-and-video/24/play_arrow.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/audio-and-video/48/play_arrow.svg');
}
.icon--material-bolt {
  --icon-mask-url-24: url('../../../images/ikoner/material/ui-actions/24/bolt.svg');
  --icon-mask-url-48: url('../../../images/ikoner/material/ui-actions/48/bolt.svg');
}

/* Futur brand (1 ikoner) */
.icon--custom-futur_single_color {
  --icon-mask-url-24: url('../../../images/ikoner/custom/futur-brand/24/futur_single_color.svg');
  --icon-mask-url-48: url('../../../images/ikoner/custom/futur-brand/48/futur_single_color.svg');
}

/* Sortering (2 ikoner) */
.icon--custom-sort_upward {
  --icon-mask-url-24: url('../../../images/ikoner/custom/sort/24/sort_upward.svg');
  --icon-mask-url-48: url('../../../images/ikoner/custom/sort/48/sort_upward.svg');
}
.icon--custom-sort_downward {
  --icon-mask-url-24: url('../../../images/ikoner/custom/sort/24/sort_downward.svg');
  --icon-mask-url-48: url('../../../images/ikoner/custom/sort/48/sort_downward.svg');
}

/* Produktsymboler (3 ikoner) */
.icon--custom-deposit {
  --icon-mask-url-24: url('../../../images/ikoner/custom/product/24/deposit.svg');
  --icon-mask-url-48: url('../../../images/ikoner/custom/product/48/deposit.svg');
}
.icon--custom-event_payment {
  --icon-mask-url-24: url('../../../images/ikoner/custom/product/24/event_payment.svg');
  --icon-mask-url-48: url('../../../images/ikoner/custom/product/48/event_payment.svg');
}
.icon--custom-pension_pyramid {
  --icon-mask-url-24: url('../../../images/ikoner/custom/product/24/pension_pyramid.svg');
  --icon-mask-url-48: url('../../../images/ikoner/custom/product/48/pension_pyramid.svg');
}

/* ================================================================
   mask-image — applicerar 24-källan default, 48-källan via parent
   .icon-card-grid--48 ELLER per-element .icon--size-48. Båda
   deklareras här så ingen konsument behöver skriva 'mask-image:
   var(--icon-mask-url-*)' själv — det funkar bara genom att lägga
   .icon--<asset>-<name> på elementet (plus en mask-friendly bas
   som .icon-card__svg--mask för background-color + mask-size).
================================================================ */

[class*="icon--material-"],
[class*="icon--custom-"] {
  mask-image: var(--icon-mask-url-24);
  -webkit-mask-image: var(--icon-mask-url-24);
}

.icon-card-grid--48 [class*="icon--material-"],
.icon-card-grid--48 [class*="icon--custom-"],
[class*="icon--material-"].icon--size-48,
[class*="icon--custom-"].icon--size-48 {
  mask-image: var(--icon-mask-url-48);
  -webkit-mask-image: var(--icon-mask-url-48);
}

/* Totalt: 234 ikon-klasser. */