@function char-from-code($iso-char) {
  @return unquote('"\\#{$iso-char}"');
}

$icon-font-name:        'momentum-ui-icons' !default;
$icon-font-path:        '~@momentum-ui/icons/fonts' !default;
$icon-css-prefix:       icon !default;
$icon-border-color:     #D2D5D6 !default; // $md-gray-30
$icon-inverse-color:    #FFFFFF !default; // $md-white-100
$icon-li-width:         2.14285714em !default;

$icon-3d-object_16: char-from-code("f101");
$icon-3d-object_20: char-from-code("f102");
$icon-3d-object_24: char-from-code("f103");
$icon-3d-object_56: char-from-code("f104");
$icon-accessibility_16: char-from-code("f105");
$icon-accessories_16: char-from-code("f106");
$icon-accessories_18: char-from-code("f107");
$icon-accessories_20: char-from-code("f108");
$icon-accessories_24: char-from-code("f109");
$icon-accessories_36: char-from-code("f10a");
$icon-accessories_56: char-from-code("f10b");
$icon-accessories-active_12: char-from-code("f10c");
$icon-accessories-active_16: char-from-code("f10d");
$icon-accessories-active_18: char-from-code("f10e");
$icon-accessories-active_20: char-from-code("f10f");
$icon-active-speaker_12: char-from-code("f110");
$icon-active-speaker_16: char-from-code("f111");
$icon-active-speaker_24: char-from-code("f112");
$icon-active-speaker_32: char-from-code("f113");
$icon-active-speaker_48: char-from-code("f114");
$icon-active-speaker-alert_12: char-from-code("f115");
$icon-active-speaker-locked_24: char-from-code("f116");
$icon-active-speaker-muted_12: char-from-code("f117");
$icon-active-speaker-muted_16: char-from-code("f118");
$icon-active-speaker-muted_24: char-from-code("f119");
$icon-activities_12: char-from-code("f11a");
$icon-activities_16: char-from-code("f11b");
$icon-add_10: char-from-code("f11c");
$icon-add_12: char-from-code("f11d");
$icon-add_14: char-from-code("f11e");
$icon-add_16: char-from-code("f11f");
$icon-add_20: char-from-code("f120");
$icon-add_24: char-from-code("f121");
$icon-add-option_12: char-from-code("f122");
$icon-add-option_14: char-from-code("f123");
$icon-add-option_16: char-from-code("f124");
$icon-add-poll_12: char-from-code("f125");
$icon-add-poll_14: char-from-code("f126");
$icon-add-question_12: char-from-code("f127");
$icon-add-question_14: char-from-code("f128");
$icon-add-question_16: char-from-code("f129");
$icon-add-video-marker_12: char-from-code("f12a");
$icon-added-to-space_10: char-from-code("f12b");
$icon-added-to-space_12: char-from-code("f12c");
$icon-adjust_12: char-from-code("f12d");
$icon-adjust_14: char-from-code("f12e");
$icon-adjust_16: char-from-code("f12f");
$icon-adjust_20: char-from-code("f130");
$icon-adjust_24: char-from-code("f131");
$icon-adjust-audio_12: char-from-code("f132");
$icon-adjust-audio_14: char-from-code("f133");
$icon-adjust-audio_16: char-from-code("f134");
$icon-adjust-audio_18: char-from-code("f135");
$icon-adjust-audio_20: char-from-code("f136");
$icon-adjust-audio_24: char-from-code("f137");
$icon-adjust-audio_28: char-from-code("f138");
$icon-adjust-microphone_12: char-from-code("f139");
$icon-adjust-video_14: char-from-code("f13a");
$icon-adjust-video_16: char-from-code("f13b");
$icon-adjust-video_24: char-from-code("f13c");
$icon-admin_12: char-from-code("f13d");
$icon-admin_14: char-from-code("f13e");
$icon-admin_16: char-from-code("f13f");
$icon-admin_24: char-from-code("f140");
$icon-admin_32: char-from-code("f141");
$icon-advanced-noise-removal_12: char-from-code("f142");
$icon-alarm_16: char-from-code("f143");
$icon-alarm_20: char-from-code("f144");
$icon-alarm_24: char-from-code("f145");
$icon-alert_10: char-from-code("f146");
$icon-alert_12: char-from-code("f147");
$icon-alert_14: char-from-code("f148");
$icon-alert_16: char-from-code("f149");
$icon-alert_18: char-from-code("f14a");
$icon-alert_20: char-from-code("f14b");
$icon-alert_24: char-from-code("f14c");
$icon-alert_28: char-from-code("f14d");
$icon-alert_36: char-from-code("f14e");
$icon-alert-active_10: char-from-code("f14f");
$icon-alert-active_12: char-from-code("f150");
$icon-alert-active_16: char-from-code("f151");
$icon-alert-active_18: char-from-code("f152");
$icon-alert-active_20: char-from-code("f153");
$icon-alert-active_24: char-from-code("f154");
$icon-alert-active_36: char-from-code("f155");
$icon-alert-muted_10: char-from-code("f156");
$icon-alert-muted_12: char-from-code("f157");
$icon-alert-muted_14: char-from-code("f158");
$icon-alert-muted_16: char-from-code("f159");
$icon-alert-muted_18: char-from-code("f15a");
$icon-alert-muted_20: char-from-code("f15b");
$icon-alert-muted_24: char-from-code("f15c");
$icon-alert-muted_28: char-from-code("f15d");
$icon-alert-muted_36: char-from-code("f15e");
$icon-alert-muted_8: char-from-code("f15f");
$icon-alert-muted-active_10: char-from-code("f160");
$icon-alert-muted-active_12: char-from-code("f161");
$icon-alert-muted-active_16: char-from-code("f162");
$icon-alert-muted-active_18: char-from-code("f163");
$icon-alert-muted-active_20: char-from-code("f164");
$icon-alert-muted-active_24: char-from-code("f165");
$icon-alert-muted-active_36: char-from-code("f166");
$icon-alert-muted-active_8: char-from-code("f167");
$icon-allow-to-annotate_16: char-from-code("f168");
$icon-allow-to-annotate_24: char-from-code("f169");
$icon-analysis_12: char-from-code("f16a");
$icon-analysis_16: char-from-code("f16b");
$icon-analysis_20: char-from-code("f16c");
$icon-analysis_24: char-from-code("f16d");
$icon-analysis_32: char-from-code("f16e");
$icon-analysis_36: char-from-code("f16f");
$icon-analysis_48: char-from-code("f170");
$icon-analysis-active_16: char-from-code("f171");
$icon-analysis-active_20: char-from-code("f172");
$icon-analysis-active_24: char-from-code("f173");
$icon-analysis-active_32: char-from-code("f174");
$icon-analysis-active_36: char-from-code("f175");
$icon-analysis-active_48: char-from-code("f176");
$icon-angellist_16: char-from-code("f177");
$icon-annotation_10: char-from-code("f178");
$icon-annotation_12: char-from-code("f179");
$icon-annotation_14: char-from-code("f17a");
$icon-annotation_16: char-from-code("f17b");
$icon-annotation_18: char-from-code("f17c");
$icon-annotation_20: char-from-code("f17d");
$icon-annotation_24: char-from-code("f17e");
$icon-annotation-legacy_16: char-from-code("f17f");
$icon-announcement_12: char-from-code("f180");
$icon-announcement_14: char-from-code("f181");
$icon-announcement_16: char-from-code("f182");
$icon-announcement_20: char-from-code("f183");
$icon-announcement_72: char-from-code("f184");
$icon-announcement_8: char-from-code("f185");
$icon-announcement-active_12: char-from-code("f186");
$icon-announcement-active_14: char-from-code("f187");
$icon-announcement-active_16: char-from-code("f188");
$icon-announcement-active_20: char-from-code("f189");
$icon-announcement-active_8: char-from-code("f18a");
$icon-announcement-muted_14: char-from-code("f18b");
$icon-appearance_16: char-from-code("f18c");
$icon-appearance_20: char-from-code("f18d");
$icon-applause_12: char-from-code("f18e");
$icon-applause_16: char-from-code("f18f");
$icon-application_12: char-from-code("f190");
$icon-application_16: char-from-code("f191");
$icon-application_20: char-from-code("f192");
$icon-application_24: char-from-code("f193");
$icon-application_36: char-from-code("f194");
$icon-application_48: char-from-code("f195");
$icon-application-panel_16: char-from-code("f196");
$icon-application-panel_20: char-from-code("f197");
$icon-applications_16: char-from-code("f198");
$icon-applications_24: char-from-code("f199");
$icon-approvals_16: char-from-code("f19a");
$icon-approvals_32: char-from-code("f19b");
$icon-apps_16: char-from-code("f19c");
$icon-apps_20: char-from-code("f19d");
$icon-apps_24: char-from-code("f19e");
$icon-apps_28: char-from-code("f19f");
$icon-apps-active_16: char-from-code("f1a0");
$icon-apps-active_20: char-from-code("f1a1");
$icon-apps-active_24: char-from-code("f1a2");
$icon-apps-active_28: char-from-code("f1a3");
$icon-archive_10: char-from-code("f1a4");
$icon-archive_12: char-from-code("f1a5");
$icon-archive_14: char-from-code("f1a6");
$icon-archive_16: char-from-code("f1a7");
$icon-archive_20: char-from-code("f1a8");
$icon-archive_8: char-from-code("f1a9");
$icon-area-chart_16: char-from-code("f1aa");
$icon-area-selector_16: char-from-code("f1ab");
$icon-area-selector_20: char-from-code("f1ac");
$icon-arrow-circle-down_16: char-from-code("f1ad");
$icon-arrow-circle-down_20: char-from-code("f1ae");
$icon-arrow-circle-down_24: char-from-code("f1af");
$icon-arrow-circle-left_16: char-from-code("f1b0");
$icon-arrow-circle-left_20: char-from-code("f1b1");
$icon-arrow-circle-left_24: char-from-code("f1b2");
$icon-arrow-circle-right_16: char-from-code("f1b3");
$icon-arrow-circle-right_20: char-from-code("f1b4");
$icon-arrow-circle-right_24: char-from-code("f1b5");
$icon-arrow-circle-up_16: char-from-code("f1b6");
$icon-arrow-circle-up_20: char-from-code("f1b7");
$icon-arrow-circle-up_24: char-from-code("f1b8");
$icon-arrow-down_12: char-from-code("f1b9");
$icon-arrow-down_16: char-from-code("f1ba");
$icon-arrow-down_18: char-from-code("f1bb");
$icon-arrow-down_20: char-from-code("f1bc");
$icon-arrow-down_24: char-from-code("f1bd");
$icon-arrow-down_28: char-from-code("f1be");
$icon-arrow-down_32: char-from-code("f1bf");
$icon-arrow-down_6: char-from-code("f1c0");
$icon-arrow-down_8: char-from-code("f1c1");
$icon-arrow-down-optical_10: char-from-code("f1c2");
$icon-arrow-down-optical_12: char-from-code("f1c3");
$icon-arrow-down-optical_14: char-from-code("f1c4");
$icon-arrow-down-optical_16: char-from-code("f1c5");
$icon-arrow-down-optical_18: char-from-code("f1c6");
$icon-arrow-down-optical_20: char-from-code("f1c7");
$icon-arrow-down-optical_24: char-from-code("f1c8");
$icon-arrow-down-optical_28: char-from-code("f1c9");
$icon-arrow-down-optical_32: char-from-code("f1ca");
$icon-arrow-down-optical_8: char-from-code("f1cb");
$icon-arrow-filled-down_10: char-from-code("f1cc");
$icon-arrow-filled-down_12: char-from-code("f1cd");
$icon-arrow-filled-down_8: char-from-code("f1ce");
$icon-arrow-filled-up_10: char-from-code("f1cf");
$icon-arrow-filled-up_12: char-from-code("f1d0");
$icon-arrow-filled-up_8: char-from-code("f1d1");
$icon-arrow-left_12: char-from-code("f1d2");
$icon-arrow-left_16: char-from-code("f1d3");
$icon-arrow-left_18: char-from-code("f1d4");
$icon-arrow-left_20: char-from-code("f1d5");
$icon-arrow-left_24: char-from-code("f1d6");
$icon-arrow-left_28: char-from-code("f1d7");
$icon-arrow-left_32: char-from-code("f1d8");
$icon-arrow-left_6: char-from-code("f1d9");
$icon-arrow-left_8: char-from-code("f1da");
$icon-arrow-left-optical_10: char-from-code("f1db");
$icon-arrow-left-optical_12: char-from-code("f1dc");
$icon-arrow-left-optical_14: char-from-code("f1dd");
$icon-arrow-left-optical_16: char-from-code("f1de");
$icon-arrow-left-optical_18: char-from-code("f1df");
$icon-arrow-left-optical_20: char-from-code("f1e0");
$icon-arrow-left-optical_24: char-from-code("f1e1");
$icon-arrow-left-optical_28: char-from-code("f1e2");
$icon-arrow-left-optical_32: char-from-code("f1e3");
$icon-arrow-left-optical_8: char-from-code("f1e4");
$icon-arrow-right_12: char-from-code("f1e5");
$icon-arrow-right_16: char-from-code("f1e6");
$icon-arrow-right_18: char-from-code("f1e7");
$icon-arrow-right_20: char-from-code("f1e8");
$icon-arrow-right_24: char-from-code("f1e9");
$icon-arrow-right_28: char-from-code("f1ea");
$icon-arrow-right_32: char-from-code("f1eb");
$icon-arrow-right_6: char-from-code("f1ec");
$icon-arrow-right_8: char-from-code("f1ed");
$icon-arrow-right-optical_10: char-from-code("f1ee");
$icon-arrow-right-optical_12: char-from-code("f1ef");
$icon-arrow-right-optical_14: char-from-code("f1f0");
$icon-arrow-right-optical_16: char-from-code("f1f1");
$icon-arrow-right-optical_18: char-from-code("f1f2");
$icon-arrow-right-optical_20: char-from-code("f1f3");
$icon-arrow-right-optical_24: char-from-code("f1f4");
$icon-arrow-right-optical_28: char-from-code("f1f5");
$icon-arrow-right-optical_32: char-from-code("f1f6");
$icon-arrow-right-optical_8: char-from-code("f1f7");
$icon-arrow-tail-down_10: char-from-code("f1f8");
$icon-arrow-tail-down_12: char-from-code("f1f9");
$icon-arrow-tail-down_14: char-from-code("f1fa");
$icon-arrow-tail-down_16: char-from-code("f1fb");
$icon-arrow-tail-down_20: char-from-code("f1fc");
$icon-arrow-tail-down_24: char-from-code("f1fd");
$icon-arrow-tail-down_28: char-from-code("f1fe");
$icon-arrow-tail-down_36: char-from-code("f1ff");
$icon-arrow-tail-up_10: char-from-code("f200");
$icon-arrow-tail-up_12: char-from-code("f201");
$icon-arrow-tail-up_14: char-from-code("f202");
$icon-arrow-tail-up_16: char-from-code("f203");
$icon-arrow-tail-up_20: char-from-code("f204");
$icon-arrow-tail-up_24: char-from-code("f205");
$icon-arrow-tail-up_28: char-from-code("f206");
$icon-arrow-tail-up_36: char-from-code("f207");
$icon-arrow-up_12: char-from-code("f208");
$icon-arrow-up_16: char-from-code("f209");
$icon-arrow-up_18: char-from-code("f20a");
$icon-arrow-up_20: char-from-code("f20b");
$icon-arrow-up_24: char-from-code("f20c");
$icon-arrow-up_28: char-from-code("f20d");
$icon-arrow-up_32: char-from-code("f20e");
$icon-arrow-up_6: char-from-code("f20f");
$icon-arrow-up_8: char-from-code("f210");
$icon-arrow-up-optical_12: char-from-code("f211");
$icon-arrow-up-optical_14: char-from-code("f212");
$icon-arrow-up-optical_16: char-from-code("f213");
$icon-arrow-up-optical_18: char-from-code("f214");
$icon-arrow-up-optical_20: char-from-code("f215");
$icon-arrow-up-optical_24: char-from-code("f216");
$icon-arrow-up-optical_28: char-from-code("f217");
$icon-arrow-up-optical_32: char-from-code("f218");
$icon-arrow-up-optical_8: char-from-code("f219");
$icon-ask-for-help_12: char-from-code("f21a");
$icon-ask-for-help_16: char-from-code("f21b");
$icon-ask-for-help_20: char-from-code("f21c");
$icon-assign-host_12: char-from-code("f21d");
$icon-assign-host_16: char-from-code("f21e");
$icon-assign-host_20: char-from-code("f21f");
$icon-assign-host_24: char-from-code("f220");
$icon-assign-privilege_12: char-from-code("f221");
$icon-assign-privilege_16: char-from-code("f222");
$icon-assign-privilege_20: char-from-code("f223");
$icon-assignment_24: char-from-code("f224");
$icon-asterisk_10: char-from-code("f225");
$icon-asterisk_16: char-from-code("f226");
$icon-asterisk_24: char-from-code("f227");
$icon-asterisk_32: char-from-code("f228");
$icon-asterisk_36: char-from-code("f229");
$icon-attachment_12: char-from-code("f22a");
$icon-attachment_16: char-from-code("f22b");
$icon-attachment_20: char-from-code("f22c");
$icon-attachment_24: char-from-code("f22d");
$icon-audio-and-video-connection_12: char-from-code("f22e");
$icon-audio-and-video-connection_20: char-from-code("f22f");
$icon-audio-and-video-connection_24: char-from-code("f230");
$icon-audio-broadcast_14: char-from-code("f231");
$icon-audio-broadcast_16: char-from-code("f232");
$icon-audio-broadcast_20: char-from-code("f233");
$icon-audio-broadcast_24: char-from-code("f234");
$icon-audio-call_14: char-from-code("f235");
$icon-audio-call_16: char-from-code("f236");
$icon-audio-input_16: char-from-code("f237");
$icon-audio-options_20: char-from-code("f238");
$icon-audio-options_24: char-from-code("f239");
$icon-audio-options_28: char-from-code("f23a");
$icon-audio-options_32: char-from-code("f23b");
$icon-audio-options_40: char-from-code("f23c");
$icon-audio-video_12: char-from-code("f23d");
$icon-audio-video_16: char-from-code("f23e");
$icon-audio-video_20: char-from-code("f23f");
$icon-audio-video_24: char-from-code("f240");
$icon-audio-video_28: char-from-code("f241");
$icon-back_10: char-from-code("f242");
$icon-back_12: char-from-code("f243");
$icon-back_16: char-from-code("f244");
$icon-back_20: char-from-code("f245");
$icon-back_24: char-from-code("f246");
$icon-back_28: char-from-code("f247");
$icon-back_36: char-from-code("f248");
$icon-back-to-fullscreen_12: char-from-code("f249");
$icon-back-to-fullscreen_14: char-from-code("f24a");
$icon-back-to-fullscreen_16: char-from-code("f24b");
$icon-back-to-fullscreen_20: char-from-code("f24c");
$icon-back-to-fullscreen_22: char-from-code("f24d");
$icon-back-to-fullscreen_24: char-from-code("f24e");
$icon-back-to-fullscreen-adr_12: char-from-code("f24f");
$icon-back-to-fullscreen-adr_14: char-from-code("f250");
$icon-back-to-fullscreen-adr_16: char-from-code("f251");
$icon-back-to-fullscreen-adr_20: char-from-code("f252");
$icon-back-to-fullscreen-adr_22: char-from-code("f253");
$icon-back-to-fullscreen-adr_24: char-from-code("f254");
$icon-back-to-fullscreen-adr_26: char-from-code("f255");
$icon-back-to-fullscreen-adr_28: char-from-code("f256");
$icon-backspace_16: char-from-code("f257");
$icon-backspace_20: char-from-code("f258");
$icon-backspace_24: char-from-code("f259");
$icon-backup-data_16: char-from-code("f25a");
$icon-backup-data_24: char-from-code("f25b");
$icon-battery_20: char-from-code("f25c");
$icon-battery_24: char-from-code("f25d");
$icon-beta_20: char-from-code("f25e");
$icon-beta-active_20: char-from-code("f25f");
$icon-bitmoji-connect_12: char-from-code("f260");
$icon-bitmoji-connect_14: char-from-code("f261");
$icon-bitmoji-connect_16: char-from-code("f262");
$icon-bitmoji-connected_12: char-from-code("f263");
$icon-bitmoji-connected_14: char-from-code("f264");
$icon-bitmoji-connected_16: char-from-code("f265");
$icon-blocked_12: char-from-code("f266");
$icon-blocked_14: char-from-code("f267");
$icon-blocked_16: char-from-code("f268");
$icon-blocked_18: char-from-code("f269");
$icon-blocked_20: char-from-code("f26a");
$icon-blocked_24: char-from-code("f26b");
$icon-blocked_28: char-from-code("f26c");
$icon-blocked_32: char-from-code("f26d");
$icon-blocked_36: char-from-code("f26e");
$icon-blocked_40: char-from-code("f26f");
$icon-blocked_48: char-from-code("f270");
$icon-blocked_56: char-from-code("f271");
$icon-blocked_8: char-from-code("f272");
$icon-blocked_80: char-from-code("f273");
$icon-blocked-selected_20: char-from-code("f274");
$icon-blocked-selected_24: char-from-code("f275");
$icon-blog_16: char-from-code("f276");
$icon-bloomberg_16: char-from-code("f277");
$icon-bloomberg-circle_16: char-from-code("f278");
$icon-bluetooth_16: char-from-code("f279");
$icon-bluetooth_20: char-from-code("f27a");
$icon-bluetooth_24: char-from-code("f27b");
$icon-bluetooth-container_16: char-from-code("f27c");
$icon-bluetooth-container-muted_16: char-from-code("f27d");
$icon-blur_12: char-from-code("f27e");
$icon-blur_20: char-from-code("f27f");
$icon-blur_24: char-from-code("f280");
$icon-bookmark_16: char-from-code("f281");
$icon-bot_12: char-from-code("f282");
$icon-bot_14: char-from-code("f283");
$icon-bot_16: char-from-code("f284");
$icon-bot_18: char-from-code("f285");
$icon-bot_20: char-from-code("f286");
$icon-bot_24: char-from-code("f287");
$icon-bot_36: char-from-code("f288");
$icon-bot_40: char-from-code("f289");
$icon-bot_56: char-from-code("f28a");
$icon-bot-active_24: char-from-code("f28b");
$icon-bot-customer-assistant_16: char-from-code("f28c");
$icon-bot-customer-assistant_24: char-from-code("f28d");
$icon-bot-customer-assistant_36: char-from-code("f28e");
$icon-bot-expert-assistant_16: char-from-code("f28f");
$icon-bot-expert-assistant_24: char-from-code("f290");
$icon-bot-expert-assistant_36: char-from-code("f291");
$icon-box_24: char-from-code("f292");
$icon-breakout-session_16: char-from-code("f293");
$icon-breakout-session_20: char-from-code("f294");
$icon-breakout-session_24: char-from-code("f295");
$icon-brightness_16: char-from-code("f296");
$icon-brightness_24: char-from-code("f297");
$icon-broadcast-message_16: char-from-code("f298");
$icon-broken-file_16: char-from-code("f299");
$icon-broken-file_24: char-from-code("f29a");
$icon-browser_12: char-from-code("f29b");
$icon-browser_16: char-from-code("f29c");
$icon-browser_20: char-from-code("f29d");
$icon-browser_24: char-from-code("f29e");
$icon-browser_28: char-from-code("f29f");
$icon-bug_16: char-from-code("f2a0");
$icon-calendar-add_12: char-from-code("f2a1");
$icon-calendar-add_14: char-from-code("f2a2");
$icon-calendar-add_16: char-from-code("f2a3");
$icon-calendar-add_20: char-from-code("f2a4");
$icon-calendar-add_24: char-from-code("f2a5");
$icon-calendar-add_32: char-from-code("f2a6");
$icon-calendar-add_36: char-from-code("f2a7");
$icon-calendar-day_12: char-from-code("f2a8");
$icon-calendar-empty_16: char-from-code("f2a9");
$icon-calendar-empty_18: char-from-code("f2aa");
$icon-calendar-empty_20: char-from-code("f2ab");
$icon-calendar-empty_24: char-from-code("f2ac");
$icon-calendar-empty_32: char-from-code("f2ad");
$icon-calendar-empty-active_16: char-from-code("f2ae");
$icon-calendar-empty-active_18: char-from-code("f2af");
$icon-calendar-empty-active_20: char-from-code("f2b0");
$icon-calendar-empty-active_24: char-from-code("f2b1");
$icon-calendar-empty-active_32: char-from-code("f2b2");
$icon-calendar-external_12: char-from-code("f2b3");
$icon-calendar-external_16: char-from-code("f2b4");
$icon-calendar-external_18: char-from-code("f2b5");
$icon-calendar-external_20: char-from-code("f2b6");
$icon-calendar-external_24: char-from-code("f2b7");
$icon-calendar-month_10: char-from-code("f2b8");
$icon-calendar-month_12: char-from-code("f2b9");
$icon-calendar-month_16: char-from-code("f2ba");
$icon-calendar-month_20: char-from-code("f2bb");
$icon-calendar-month_24: char-from-code("f2bc");
$icon-calendar-month_28: char-from-code("f2bd");
$icon-calendar-month_36: char-from-code("f2be");
$icon-calendar-month-active_20: char-from-code("f2bf");
$icon-calendar-month-active_24: char-from-code("f2c0");
$icon-calendar-week_12: char-from-code("f2c1");
$icon-calendar-week_16: char-from-code("f2c2");
$icon-calendar-week_20: char-from-code("f2c3");
$icon-calendar-week_24: char-from-code("f2c4");
$icon-calendar-week-view_12: char-from-code("f2c5");
$icon-calendar-work-week_12: char-from-code("f2c6");
$icon-call-activities_16: char-from-code("f2c7");
$icon-call-activities_24: char-from-code("f2c8");
$icon-call-forward_16: char-from-code("f2c9");
$icon-call-forward_24: char-from-code("f2ca");
$icon-call-forward_28: char-from-code("f2cb");
$icon-call-forward-active_24: char-from-code("f2cc");
$icon-call-forward-divert_14: char-from-code("f2cd");
$icon-call-forward-divert_16: char-from-code("f2ce");
$icon-call-forward-settings_12: char-from-code("f2cf");
$icon-call-forward-settings_14: char-from-code("f2d0");
$icon-call-forward-settings_16: char-from-code("f2d1");
$icon-call-forward-settings_20: char-from-code("f2d2");
$icon-call-forward-settings_24: char-from-code("f2d3");
$icon-call-handling_14: char-from-code("f2d4");
$icon-call-handling_16: char-from-code("f2d5");
$icon-call-hold_14: char-from-code("f2d6");
$icon-call-hold_16: char-from-code("f2d7");
$icon-call-hold_20: char-from-code("f2d8");
$icon-call-hold_24: char-from-code("f2d9");
$icon-call-incoming_12: char-from-code("f2da");
$icon-call-incoming_16: char-from-code("f2db");
$icon-call-incoming_24: char-from-code("f2dc");
$icon-call-incoming_8: char-from-code("f2dd");
$icon-call-log_12: char-from-code("f2de");
$icon-call-log_14: char-from-code("f2df");
$icon-call-log_16: char-from-code("f2e0");
$icon-call-log_20: char-from-code("f2e1");
$icon-call-log_24: char-from-code("f2e2");
$icon-call-log-active_20: char-from-code("f2e3");
$icon-call-merge_12: char-from-code("f2e4");
$icon-call-merge_16: char-from-code("f2e5");
$icon-call-merge_20: char-from-code("f2e6");
$icon-call-merge_24: char-from-code("f2e7");
$icon-call-outgoing_12: char-from-code("f2e8");
$icon-call-outgoing_16: char-from-code("f2e9");
$icon-call-outgoing_24: char-from-code("f2ea");
$icon-call-outgoing_8: char-from-code("f2eb");
$icon-call-pickup_12: char-from-code("f2ec");
$icon-call-pickup_14: char-from-code("f2ed");
$icon-call-private_12: char-from-code("f2ee");
$icon-call-private_14: char-from-code("f2ef");
$icon-call-request_12: char-from-code("f2f0");
$icon-call-request_14: char-from-code("f2f1");
$icon-call-room_28: char-from-code("f2f2");
$icon-call-settings_14: char-from-code("f2f3");
$icon-call-settings_20: char-from-code("f2f4");
$icon-call-swap_16: char-from-code("f2f5");
$icon-call-swap_20: char-from-code("f2f6");
$icon-call-swap_24: char-from-code("f2f7");
$icon-call-swap_28: char-from-code("f2f8");
$icon-call-voicemail_12: char-from-code("f2f9");
$icon-call-voicemail_14: char-from-code("f2fa");
$icon-call-voicemail_16: char-from-code("f2fb");
$icon-call-voicemail_18: char-from-code("f2fc");
$icon-call-voicemail_20: char-from-code("f2fd");
$icon-call-voicemail_24: char-from-code("f2fe");
$icon-camera_10: char-from-code("f2ff");
$icon-camera_12: char-from-code("f300");
$icon-camera_120: char-from-code("f301");
$icon-camera_124: char-from-code("f302");
$icon-camera_14: char-from-code("f303");
$icon-camera_16: char-from-code("f304");
$icon-camera_18: char-from-code("f305");
$icon-camera_20: char-from-code("f306");
$icon-camera_24: char-from-code("f307");
$icon-camera_26: char-from-code("f308");
$icon-camera_28: char-from-code("f309");
$icon-camera_32: char-from-code("f30a");
$icon-camera_36: char-from-code("f30b");
$icon-camera_40: char-from-code("f30c");
$icon-camera_48: char-from-code("f30d");
$icon-camera_56: char-from-code("f30e");
$icon-camera_64: char-from-code("f30f");
$icon-camera_8: char-from-code("f310");
$icon-camera-active_14: char-from-code("f311");
$icon-camera-active_24: char-from-code("f312");
$icon-camera-aux_16: char-from-code("f313");
$icon-camera-aux_24: char-from-code("f314");
$icon-camera-group_16: char-from-code("f315");
$icon-camera-group_24: char-from-code("f316");
$icon-camera-muted_12: char-from-code("f317");
$icon-camera-muted_14: char-from-code("f318");
$icon-camera-muted_16: char-from-code("f319");
$icon-camera-muted_20: char-from-code("f31a");
$icon-camera-muted_24: char-from-code("f31b");
$icon-camera-muted_28: char-from-code("f31c");
$icon-camera-muted_32: char-from-code("f31d");
$icon-camera-muted_36: char-from-code("f31e");
$icon-camera-muted_8: char-from-code("f31f");
$icon-camera-on_16: char-from-code("f320");
$icon-camera-on_20: char-from-code("f321");
$icon-camera-on_24: char-from-code("f322");
$icon-camera-photo_12: char-from-code("f323");
$icon-camera-photo_16: char-from-code("f324");
$icon-camera-photo_20: char-from-code("f325");
$icon-camera-photo_24: char-from-code("f326");
$icon-camera-photo_32: char-from-code("f327");
$icon-camera-photo_48: char-from-code("f328");
$icon-camera-photo-swap_16: char-from-code("f329");
$icon-camera-presence_12: char-from-code("f32a");
$icon-camera-presence_14: char-from-code("f32b");
$icon-camera-presence_24: char-from-code("f32c");
$icon-camera-presence_28: char-from-code("f32d");
$icon-camera-presence_8: char-from-code("f32e");
$icon-camera-presence-stroke_10: char-from-code("f32f");
$icon-camera-presence-stroke_14: char-from-code("f330");
$icon-camera-presence-stroke_16: char-from-code("f331");
$icon-camera-presence-stroke_26: char-from-code("f332");
$icon-camera-presence-stroke_30: char-from-code("f333");
$icon-camera-swap_12: char-from-code("f334");
$icon-camera-swap_16: char-from-code("f335");
$icon-camera-swap_20: char-from-code("f336");
$icon-camera-swap_24: char-from-code("f337");
$icon-cancel_10: char-from-code("f338");
$icon-cancel_12: char-from-code("f339");
$icon-cancel_14: char-from-code("f33a");
$icon-cancel_16: char-from-code("f33b");
$icon-cancel_18: char-from-code("f33c");
$icon-cancel_20: char-from-code("f33d");
$icon-cancel_24: char-from-code("f33e");
$icon-cancel_28: char-from-code("f33f");
$icon-cancel_36: char-from-code("f340");
$icon-cancel_6: char-from-code("f341");
$icon-cancel_8: char-from-code("f342");
$icon-cellular_16: char-from-code("f343");
$icon-certified_16: char-from-code("f344");
$icon-certified_20: char-from-code("f345");
$icon-certified_24: char-from-code("f346");
$icon-ch-p-search_14: char-from-code("f347");
$icon-chat_10: char-from-code("f348");
$icon-chat_12: char-from-code("f349");
$icon-chat_14: char-from-code("f34a");
$icon-chat_16: char-from-code("f34b");
$icon-chat_18: char-from-code("f34c");
$icon-chat_20: char-from-code("f34d");
$icon-chat_24: char-from-code("f34e");
$icon-chat_26: char-from-code("f34f");
$icon-chat_28: char-from-code("f350");
$icon-chat_32: char-from-code("f351");
$icon-chat_36: char-from-code("f352");
$icon-chat_40: char-from-code("f353");
$icon-chat_8: char-from-code("f354");
$icon-chat-active_10: char-from-code("f355");
$icon-chat-active_12: char-from-code("f356");
$icon-chat-active_14: char-from-code("f357");
$icon-chat-active_16: char-from-code("f358");
$icon-chat-active_18: char-from-code("f359");
$icon-chat-active_20: char-from-code("f35a");
$icon-chat-active_24: char-from-code("f35b");
$icon-chat-active_26: char-from-code("f35c");
$icon-chat-active_28: char-from-code("f35d");
$icon-chat-active_32: char-from-code("f35e");
$icon-chat-active_36: char-from-code("f35f");
$icon-chat-active_8: char-from-code("f360");
$icon-chat-group_12: char-from-code("f361");
$icon-chat-group_16: char-from-code("f362");
$icon-chat-group_20: char-from-code("f363");
$icon-chat-group_32: char-from-code("f364");
$icon-chat-muted_12: char-from-code("f365");
$icon-chat-muted_16: char-from-code("f366");
$icon-chat-persistent_16: char-from-code("f367");
$icon-chat-persistent_20: char-from-code("f368");
$icon-chat-persistent_24: char-from-code("f369");
$icon-chat-persistent-active_20: char-from-code("f36a");
$icon-chat-persistent-active_24: char-from-code("f36b");
$icon-check_10: char-from-code("f36c");
$icon-check_12: char-from-code("f36d");
$icon-check_14: char-from-code("f36e");
$icon-check_16: char-from-code("f36f");
$icon-check_18: char-from-code("f370");
$icon-check_20: char-from-code("f371");
$icon-check_24: char-from-code("f372");
$icon-check_28: char-from-code("f373");
$icon-check_32: char-from-code("f374");
$icon-check_36: char-from-code("f375");
$icon-check_40: char-from-code("f376");
$icon-check_64: char-from-code("f377");
$icon-check_8: char-from-code("f378");
$icon-check_80: char-from-code("f379");
$icon-check-calendar_14: char-from-code("f37a");
$icon-check-circle_100: char-from-code("f37b");
$icon-check-circle_12: char-from-code("f37c");
$icon-check-circle_14: char-from-code("f37d");
$icon-check-circle_16: char-from-code("f37e");
$icon-check-circle_18: char-from-code("f37f");
$icon-check-circle_20: char-from-code("f380");
$icon-check-circle_24: char-from-code("f381");
$icon-check-circle_36: char-from-code("f382");
$icon-check-circle_40: char-from-code("f383");
$icon-check-circle_44: char-from-code("f384");
$icon-check-circle_72: char-from-code("f385");
$icon-check-circle-active_16: char-from-code("f386");
$icon-check-circle-active_24: char-from-code("f387");
$icon-check-circle-filled: char-from-code("f388");
$icon-check-refresh_16: char-from-code("f389");
$icon-cisco-logo: char-from-code("f38a");
$icon-clear_12: char-from-code("f38b");
$icon-clear_14: char-from-code("f38c");
$icon-clear_140: char-from-code("f38d");
$icon-clear_16: char-from-code("f38e");
$icon-clear_18: char-from-code("f38f");
$icon-clear_20: char-from-code("f390");
$icon-clear_24: char-from-code("f391");
$icon-clear_32: char-from-code("f392");
$icon-clear_44: char-from-code("f393");
$icon-clear_80: char-from-code("f394");
$icon-clear-active_12: char-from-code("f395");
$icon-clear-active_14: char-from-code("f396");
$icon-clear-active_16: char-from-code("f397");
$icon-clear-active_18: char-from-code("f398");
$icon-clear-active_20: char-from-code("f399");
$icon-clear-active_24: char-from-code("f39a");
$icon-clear-active_32: char-from-code("f39b");
$icon-close-space_12: char-from-code("f39c");
$icon-close-space_18: char-from-code("f39d");
$icon-closed-caption_12: char-from-code("f39e");
$icon-closed-caption_16: char-from-code("f39f");
$icon-closed-caption_20: char-from-code("f3a0");
$icon-closed-caption_24: char-from-code("f3a1");
$icon-closed-caption-active_16: char-from-code("f3a2");
$icon-closed-caption-active_20: char-from-code("f3a3");
$icon-closed-caption-badge_12: char-from-code("f3a4");
$icon-closed-caption-badge_16: char-from-code("f3a5");
$icon-closed-caption-badge_20: char-from-code("f3a6");
$icon-cloud_16: char-from-code("f3a7");
$icon-cloud_20: char-from-code("f3a8");
$icon-cloud_24: char-from-code("f3a9");
$icon-cloud_32: char-from-code("f3aa");
$icon-cloud-upload_16: char-from-code("f3ab");
$icon-cloud-upload_20: char-from-code("f3ac");
$icon-cloud-upload_24: char-from-code("f3ad");
$icon-commenting_16: char-from-code("f3ae");
$icon-commenting_20: char-from-code("f3af");
$icon-commenting_24: char-from-code("f3b0");
$icon-commenting-active_20: char-from-code("f3b1");
$icon-company_12: char-from-code("f3b2");
$icon-company_16: char-from-code("f3b3");
$icon-company_20: char-from-code("f3b4");
$icon-company_24: char-from-code("f3b5");
$icon-company_32: char-from-code("f3b6");
$icon-computer_16: char-from-code("f3b7");
$icon-computer_24: char-from-code("f3b8");
$icon-condition_16: char-from-code("f3b9");
$icon-contact-card_10: char-from-code("f3ba");
$icon-contact-card_12: char-from-code("f3bb");
$icon-contact-card_16: char-from-code("f3bc");
$icon-contact-card_20: char-from-code("f3bd");
$icon-contact-card_22: char-from-code("f3be");
$icon-contact-card_24: char-from-code("f3bf");
$icon-contact-card_28: char-from-code("f3c0");
$icon-contact-card_36: char-from-code("f3c1");
$icon-contact-card-active_20: char-from-code("f3c2");
$icon-contact-card-active_22: char-from-code("f3c3");
$icon-contact-card-active_24: char-from-code("f3c4");
$icon-contact-group_16: char-from-code("f3c5");
$icon-contact-group_20: char-from-code("f3c6");
$icon-content-download_12: char-from-code("f3c7");
$icon-content-download_14: char-from-code("f3c8");
$icon-content-share_10: char-from-code("f3c9");
$icon-content-share_12: char-from-code("f3ca");
$icon-content-share_120: char-from-code("f3cb");
$icon-content-share_124: char-from-code("f3cc");
$icon-content-share_14: char-from-code("f3cd");
$icon-content-share_16: char-from-code("f3ce");
$icon-content-share_18: char-from-code("f3cf");
$icon-content-share_20: char-from-code("f3d0");
$icon-content-share_24: char-from-code("f3d1");
$icon-content-share_32: char-from-code("f3d2");
$icon-content-share_36: char-from-code("f3d3");
$icon-content-share_40: char-from-code("f3d4");
$icon-content-share_48: char-from-code("f3d5");
$icon-content-share_56: char-from-code("f3d6");
$icon-copy_10: char-from-code("f3d7");
$icon-copy_12: char-from-code("f3d8");
$icon-copy_14: char-from-code("f3d9");
$icon-copy_16: char-from-code("f3da");
$icon-copy_20: char-from-code("f3db");
$icon-copy_24: char-from-code("f3dc");
$icon-cpu_16: char-from-code("f3dd");
$icon-cpu_24: char-from-code("f3de");
$icon-cpu_32: char-from-code("f3df");
$icon-crop_16: char-from-code("f3e0");
$icon-crunchbase_16: char-from-code("f3e1");
$icon-crunchbase-circle_16: char-from-code("f3e2");
$icon-cucm-connection_24: char-from-code("f3e3");
$icon-dashboard_16: char-from-code("f3e4");
$icon-dashboard_20: char-from-code("f3e5");
$icon-dashboard_32: char-from-code("f3e6");
$icon-dashboard-active_20: char-from-code("f3e7");
$icon-data-usage_16: char-from-code("f3e8");
$icon-data-usage_18: char-from-code("f3e9");
$icon-data-usage_20: char-from-code("f3ea");
$icon-data-usage_24: char-from-code("f3eb");
$icon-default-app_16: char-from-code("f3ec");
$icon-delete_10: char-from-code("f3ed");
$icon-delete_12: char-from-code("f3ee");
$icon-delete_14: char-from-code("f3ef");
$icon-delete_16: char-from-code("f3f0");
$icon-delete_18: char-from-code("f3f1");
$icon-delete_20: char-from-code("f3f2");
$icon-delete_24: char-from-code("f3f3");
$icon-deskphone_12: char-from-code("f3f4");
$icon-deskphone_14: char-from-code("f3f5");
$icon-deskphone_16: char-from-code("f3f6");
$icon-deskphone_20: char-from-code("f3f7");
$icon-deskphone_24: char-from-code("f3f8");
$icon-deskphone_32: char-from-code("f3f9");
$icon-deskphone_48: char-from-code("f3fa");
$icon-deskphone-warning_16: char-from-code("f3fb");
$icon-device-connection_12: char-from-code("f3fc");
$icon-device-connection_14: char-from-code("f3fd");
$icon-device-connection_16: char-from-code("f3fe");
$icon-device-connection_18: char-from-code("f3ff");
$icon-device-connection_20: char-from-code("f400");
$icon-device-connection_24: char-from-code("f401");
$icon-device-connection_36: char-from-code("f402");
$icon-device-connection_48: char-from-code("f403");
$icon-device-connection-active_14: char-from-code("f404");
$icon-device-connection-active_16: char-from-code("f405");
$icon-device-connection-active_20: char-from-code("f406");
$icon-device-connection-active_24: char-from-code("f407");
$icon-device-connection-active_36: char-from-code("f408");
$icon-device-connection-active_40: char-from-code("f409");
$icon-device-in-room_100: char-from-code("f40a");
$icon-device-in-room_12: char-from-code("f40b");
$icon-device-in-room_14: char-from-code("f40c");
$icon-device-in-room_16: char-from-code("f40d");
$icon-device-in-room_18: char-from-code("f40e");
$icon-device-in-room_20: char-from-code("f40f");
$icon-device-in-room_24: char-from-code("f410");
$icon-device-in-room_32: char-from-code("f411");
$icon-device-in-room_48: char-from-code("f412");
$icon-device-in-room_56: char-from-code("f413");
$icon-device-in-room_8: char-from-code("f414");
$icon-device-in-room-active_24: char-from-code("f415");
$icon-device-in-room-end_16: char-from-code("f416");
$icon-diagnostics_16: char-from-code("f417");
$icon-diagnostics_24: char-from-code("f418");
$icon-diagnostics_32: char-from-code("f419");
$icon-diagnostics-circle_100: char-from-code("f41a");
$icon-dialpad_12: char-from-code("f41b");
$icon-dialpad_14: char-from-code("f41c");
$icon-dialpad_16: char-from-code("f41d");
$icon-dialpad_20: char-from-code("f41e");
$icon-dialpad_24: char-from-code("f41f");
$icon-dialpad_28: char-from-code("f420");
$icon-directory_16: char-from-code("f421");
$icon-directory_20: char-from-code("f422");
$icon-directory_24: char-from-code("f423");
$icon-disconnect-contact_16: char-from-code("f424");
$icon-dislike_12: char-from-code("f425");
$icon-dislike_16: char-from-code("f426");
$icon-dislike_24: char-from-code("f427");
$icon-display_14: char-from-code("f428");
$icon-display_16: char-from-code("f429");
$icon-display_24: char-from-code("f42a");
$icon-display_36: char-from-code("f42b");
$icon-display_72: char-from-code("f42c");
$icon-display-input_16: char-from-code("f42d");
$icon-display-input_24: char-from-code("f42e");
$icon-display-warning_16: char-from-code("f42f");
$icon-dnd_12: char-from-code("f430");
$icon-dnd_120: char-from-code("f431");
$icon-dnd_124: char-from-code("f432");
$icon-dnd_14: char-from-code("f433");
$icon-dnd_16: char-from-code("f434");
$icon-dnd_18: char-from-code("f435");
$icon-dnd_20: char-from-code("f436");
$icon-dnd_24: char-from-code("f437");
$icon-dnd_26: char-from-code("f438");
$icon-dnd_28: char-from-code("f439");
$icon-dnd_32: char-from-code("f43a");
$icon-dnd_36: char-from-code("f43b");
$icon-dnd_40: char-from-code("f43c");
$icon-dnd_48: char-from-code("f43d");
$icon-dnd_56: char-from-code("f43e");
$icon-dnd_8: char-from-code("f43f");
$icon-dnd-active_14: char-from-code("f440");
$icon-dnd-active_24: char-from-code("f441");
$icon-dnd-presence_12: char-from-code("f442");
$icon-dnd-presence_14: char-from-code("f443");
$icon-dnd-presence_24: char-from-code("f444");
$icon-dnd-presence_28: char-from-code("f445");
$icon-dnd-presence_8: char-from-code("f446");
$icon-dnd-presence-stroke_10: char-from-code("f447");
$icon-dnd-presence-stroke_14: char-from-code("f448");
$icon-dnd-presence-stroke_16: char-from-code("f449");
$icon-dnd-presence-stroke_26: char-from-code("f44a");
$icon-dnd-presence-stroke_30: char-from-code("f44b");
$icon-dock-in_12: char-from-code("f44c");
$icon-dock-in_16: char-from-code("f44d");
$icon-dock-out_12: char-from-code("f44e");
$icon-dock-out_16: char-from-code("f44f");
$icon-document_12: char-from-code("f450");
$icon-document_14: char-from-code("f451");
$icon-document_16: char-from-code("f452");
$icon-document_18: char-from-code("f453");
$icon-document_20: char-from-code("f454");
$icon-document_24: char-from-code("f455");
$icon-document_28: char-from-code("f456");
$icon-document_32: char-from-code("f457");
$icon-document_36: char-from-code("f458");
$icon-document_40: char-from-code("f459");
$icon-document_44: char-from-code("f45a");
$icon-document_72: char-from-code("f45b");
$icon-document-create_16: char-from-code("f45c");
$icon-document-move_16: char-from-code("f45d");
$icon-document-share_16: char-from-code("f45e");
$icon-document-share_24: char-from-code("f45f");
$icon-document-share_36: char-from-code("f460");
$icon-document-share_48: char-from-code("f461");
$icon-donut-chart_16: char-from-code("f462");
$icon-download_10: char-from-code("f463");
$icon-download_12: char-from-code("f464");
$icon-download_130: char-from-code("f465");
$icon-download_14: char-from-code("f466");
$icon-download_16: char-from-code("f467");
$icon-download_18: char-from-code("f468");
$icon-download_20: char-from-code("f469");
$icon-download_24: char-from-code("f46a");
$icon-download_28: char-from-code("f46b");
$icon-download_32: char-from-code("f46c");
$icon-download-active_20: char-from-code("f46d");
$icon-download-circle_100: char-from-code("f46e");
$icon-drag_14: char-from-code("f46f");
$icon-drag_16: char-from-code("f470");
$icon-drive-mode_20: char-from-code("f471");
$icon-dx70_16: char-from-code("f472");
$icon-dx70_20: char-from-code("f473");
$icon-dx80_16: char-from-code("f474");
$icon-dx80_20: char-from-code("f475");
$icon-edit_10: char-from-code("f476");
$icon-edit_12: char-from-code("f477");
$icon-edit_14: char-from-code("f478");
$icon-edit_16: char-from-code("f479");
$icon-edit_18: char-from-code("f47a");
$icon-edit_20: char-from-code("f47b");
$icon-edit_24: char-from-code("f47c");
$icon-edit_56: char-from-code("f47d");
$icon-email_12: char-from-code("f47e");
$icon-email_14: char-from-code("f47f");
$icon-email_16: char-from-code("f480");
$icon-email_20: char-from-code("f481");
$icon-email_24: char-from-code("f482");
$icon-email_56: char-from-code("f483");
$icon-email-active_12: char-from-code("f484");
$icon-email-active_16: char-from-code("f485");
$icon-email-active_24: char-from-code("f486");
$icon-email-circle_24: char-from-code("f487");
$icon-email-circle_32: char-from-code("f488");
$icon-email-circle_40: char-from-code("f489");
$icon-email-invite_100: char-from-code("f48a");
$icon-email-invite_16: char-from-code("f48b");
$icon-email-invite_24: char-from-code("f48c");
$icon-email-invite_32: char-from-code("f48d");
$icon-email-read_16: char-from-code("f48e");
$icon-email-read_20: char-from-code("f48f");
$icon-email-read_24: char-from-code("f490");
$icon-emergency-services_28: char-from-code("f491");
$icon-emoji-food_16: char-from-code("f492");
$icon-emoji-heart_16: char-from-code("f493");
$icon-emoji-nature_16: char-from-code("f494");
$icon-emoji-people_16: char-from-code("f495");
$icon-emoticon-passive_24: char-from-code("f496");
$icon-emoticon-sad_24: char-from-code("f497");
$icon-emoticons_12: char-from-code("f498");
$icon-emoticons_16: char-from-code("f499");
$icon-emoticons_18: char-from-code("f49a");
$icon-emoticons_20: char-from-code("f49b");
$icon-emoticons_24: char-from-code("f49c");
$icon-encryption_14: char-from-code("f49d");
$icon-encryption_16: char-from-code("f49e");
$icon-encryption_20: char-from-code("f49f");
$icon-end-remote-desktop-control_10: char-from-code("f4a0");
$icon-end-to-end-encryption_14: char-from-code("f4a1");
$icon-end-to-end-encryption_16: char-from-code("f4a2");
$icon-end-to-end-encryption-circle-filled: char-from-code("f4a3");
$icon-endpoint_10: char-from-code("f4a4");
$icon-endpoint_12: char-from-code("f4a5");
$icon-endpoint_14: char-from-code("f4a6");
$icon-endpoint_16: char-from-code("f4a7");
$icon-endpoint_20: char-from-code("f4a8");
$icon-endpoint_24: char-from-code("f4a9");
$icon-endpoint_28: char-from-code("f4aa");
$icon-endpoint_32: char-from-code("f4ab");
$icon-endpoint_48: char-from-code("f4ac");
$icon-endpoint_56: char-from-code("f4ad");
$icon-endpoint_64: char-from-code("f4ae");
$icon-endpoint_8: char-from-code("f4af");
$icon-endpoint-blocked_12: char-from-code("f4b0");
$icon-endpoint-g2_16: char-from-code("f4b1");
$icon-endpoint-g2_20: char-from-code("f4b2");
$icon-endpoint-g2-70_16: char-from-code("f4b3");
$icon-endpoint-g2-70_20: char-from-code("f4b4");
$icon-endpoint-g2-70-dual_16: char-from-code("f4b5");
$icon-endpoint-g2-70-dual_20: char-from-code("f4b6");
$icon-endpoint-g2-stand_16: char-from-code("f4b7");
$icon-endpoint-g2-stand_20: char-from-code("f4b8");
$icon-endpoint-mx800_16: char-from-code("f4b9");
$icon-endpoint-mx800_20: char-from-code("f4ba");
$icon-endpoint-mx800-dual_16: char-from-code("f4bb");
$icon-endpoint-mx800-dual_20: char-from-code("f4bc");
$icon-endpoint-stand_16: char-from-code("f4bd");
$icon-endpoint-stand_20: char-from-code("f4be");
$icon-endpoint-warning_12: char-from-code("f4bf");
$icon-enter_16: char-from-code("f4c0");
$icon-enter-room_10: char-from-code("f4c1");
$icon-enter-room_12: char-from-code("f4c2");
$icon-enter-room_16: char-from-code("f4c3");
$icon-enter-room_20: char-from-code("f4c4");
$icon-enter-room_24: char-from-code("f4c5");
$icon-enter-room_28: char-from-code("f4c6");
$icon-enter-room_8: char-from-code("f4c7");
$icon-eraser_12: char-from-code("f4c8");
$icon-eraser_14: char-from-code("f4c9");
$icon-eraser_16: char-from-code("f4ca");
$icon-eraser_18: char-from-code("f4cb");
$icon-eraser_24: char-from-code("f4cc");
$icon-error_12: char-from-code("f4cd");
$icon-error_16: char-from-code("f4ce");
$icon-error_20: char-from-code("f4cf");
$icon-error_24: char-from-code("f4d0");
$icon-error_40: char-from-code("f4d1");
$icon-error_8: char-from-code("f4d2");
$icon-error_80: char-from-code("f4d3");
$icon-error-legacy_12: char-from-code("f4d4");
$icon-error-legacy_16: char-from-code("f4d5");
$icon-error-legacy_20: char-from-code("f4d6");
$icon-error-legacy_24: char-from-code("f4d7");
$icon-error-legacy_28: char-from-code("f4d8");
$icon-error-legacy_36: char-from-code("f4d9");
$icon-error-legacy_8: char-from-code("f4da");
$icon-error-legacy_80: char-from-code("f4db");
$icon-ethernet_16: char-from-code("f4dc");
$icon-ethernet_24: char-from-code("f4dd");
$icon-event_16: char-from-code("f4de");
$icon-events_16: char-from-code("f4df");
$icon-events_20: char-from-code("f4e0");
$icon-exchange_16: char-from-code("f4e1");
$icon-exit-room_12: char-from-code("f4e2");
$icon-exit-room_16: char-from-code("f4e3");
$icon-exit-room_20: char-from-code("f4e4");
$icon-exit-room_24: char-from-code("f4e5");
$icon-exit-room_28: char-from-code("f4e6");
$icon-explore_16: char-from-code("f4e7");
$icon-export_16: char-from-code("f4e8");
$icon-export_24: char-from-code("f4e9");
$icon-extension-mobility_16: char-from-code("f4ea");
$icon-extension-mobility_24: char-from-code("f4eb");
$icon-external-message_10: char-from-code("f4ec");
$icon-external-message_16: char-from-code("f4ed");
$icon-external-message_24: char-from-code("f4ee");
$icon-external-message_32: char-from-code("f4ef");
$icon-external-message_36: char-from-code("f4f0");
$icon-external-user_10: char-from-code("f4f1");
$icon-external-user_12: char-from-code("f4f2");
$icon-external-user_16: char-from-code("f4f3");
$icon-external-user_20: char-from-code("f4f4");
$icon-facebook_16: char-from-code("f4f5");
$icon-facebook-blue_12: char-from-code("f4f6");
$icon-facebook-circle_24: char-from-code("f4f7");
$icon-facebook-circle_32: char-from-code("f4f8");
$icon-facebook-circle_40: char-from-code("f4f9");
$icon-facebook-logo_12: char-from-code("f4fa");
$icon-favorite_10: char-from-code("f4fb");
$icon-favorite_12: char-from-code("f4fc");
$icon-favorite_14: char-from-code("f4fd");
$icon-favorite_16: char-from-code("f4fe");
$icon-favorite_20: char-from-code("f4ff");
$icon-favorite_24: char-from-code("f500");
$icon-favorite_28: char-from-code("f501");
$icon-favorite_8: char-from-code("f502");
$icon-favorite-active_12: char-from-code("f503");
$icon-favorite-active_14: char-from-code("f504");
$icon-favorite-active_16: char-from-code("f505");
$icon-favorite-active_20: char-from-code("f506");
$icon-favorite-active_24: char-from-code("f507");
$icon-favorite-active_28: char-from-code("f508");
$icon-favorite-active_8: char-from-code("f509");
$icon-favorite-filled_12: char-from-code("f50a");
$icon-favorite-filled_14: char-from-code("f50b");
$icon-favorite-filled_16: char-from-code("f50c");
$icon-favorite-filled_20: char-from-code("f50d");
$icon-favorite-filled_24: char-from-code("f50e");
$icon-favorite-filled_28: char-from-code("f50f");
$icon-favorite-filled_8: char-from-code("f510");
$icon-fbw_16: char-from-code("f511");
$icon-fbw_24: char-from-code("f512");
$icon-feedback_12: char-from-code("f513");
$icon-feedback_14: char-from-code("f514");
$icon-feedback_16: char-from-code("f515");
$icon-feedback_20: char-from-code("f516");
$icon-feedback_72: char-from-code("f517");
$icon-feedback_8: char-from-code("f518");
$icon-feedback-active_12: char-from-code("f519");
$icon-feedback-active_14: char-from-code("f51a");
$icon-feedback-active_16: char-from-code("f51b");
$icon-feedback-active_20: char-from-code("f51c");
$icon-feedback-active_8: char-from-code("f51d");
$icon-ffw_16: char-from-code("f51e");
$icon-ffw_24: char-from-code("f51f");
$icon-file-analysis_28: char-from-code("f520");
$icon-file-arf_40: char-from-code("f521");
$icon-file-audio_12: char-from-code("f522");
$icon-file-audio_16: char-from-code("f523");
$icon-file-audio_24: char-from-code("f524");
$icon-file-audio_28: char-from-code("f525");
$icon-file-audio_32: char-from-code("f526");
$icon-file-audio_36: char-from-code("f527");
$icon-file-audio_40: char-from-code("f528");
$icon-file-audio_44: char-from-code("f529");
$icon-file-audio_72: char-from-code("f52a");
$icon-file-dashboard_28: char-from-code("f52b");
$icon-file-excel_12: char-from-code("f52c");
$icon-file-excel_16: char-from-code("f52d");
$icon-file-excel_20: char-from-code("f52e");
$icon-file-excel_24: char-from-code("f52f");
$icon-file-excel_28: char-from-code("f530");
$icon-file-excel_32: char-from-code("f531");
$icon-file-excel_36: char-from-code("f532");
$icon-file-excel_40: char-from-code("f533");
$icon-file-excel_44: char-from-code("f534");
$icon-file-excel_72: char-from-code("f535");
$icon-file-excel-active_12: char-from-code("f536");
$icon-file-excel-active_16: char-from-code("f537");
$icon-file-excel-active_20: char-from-code("f538");
$icon-file-excel-active_24: char-from-code("f539");
$icon-file-excel-active_28: char-from-code("f53a");
$icon-file-excel-active_32: char-from-code("f53b");
$icon-file-excel-active_36: char-from-code("f53c");
$icon-file-excel-active_40: char-from-code("f53d");
$icon-file-excel-active_44: char-from-code("f53e");
$icon-file-excel-active_72: char-from-code("f53f");
$icon-file-graph_12: char-from-code("f540");
$icon-file-graph_16: char-from-code("f541");
$icon-file-graph_20: char-from-code("f542");
$icon-file-graph_24: char-from-code("f543");
$icon-file-graph_28: char-from-code("f544");
$icon-file-graph_32: char-from-code("f545");
$icon-file-graph_36: char-from-code("f546");
$icon-file-graph_40: char-from-code("f547");
$icon-file-graph_44: char-from-code("f548");
$icon-file-graph_72: char-from-code("f549");
$icon-file-graph-active_12: char-from-code("f54a");
$icon-file-graph-active_16: char-from-code("f54b");
$icon-file-graph-active_20: char-from-code("f54c");
$icon-file-graph-active_24: char-from-code("f54d");
$icon-file-graph-active_28: char-from-code("f54e");
$icon-file-graph-active_32: char-from-code("f54f");
$icon-file-graph-active_36: char-from-code("f550");
$icon-file-graph-active_40: char-from-code("f551");
$icon-file-graph-active_44: char-from-code("f552");
$icon-file-graph-active_72: char-from-code("f553");
$icon-file-image_12: char-from-code("f554");
$icon-file-image_16: char-from-code("f555");
$icon-file-image_24: char-from-code("f556");
$icon-file-image_28: char-from-code("f557");
$icon-file-image_32: char-from-code("f558");
$icon-file-image_36: char-from-code("f559");
$icon-file-image_40: char-from-code("f55a");
$icon-file-image_44: char-from-code("f55b");
$icon-file-image_72: char-from-code("f55c");
$icon-file-locked_12: char-from-code("f55d");
$icon-file-locked_24: char-from-code("f55e");
$icon-file-locked_32: char-from-code("f55f");
$icon-file-locked_36: char-from-code("f560");
$icon-file-locked_40: char-from-code("f561");
$icon-file-locked_72: char-from-code("f562");
$icon-file-missing_16: char-from-code("f563");
$icon-file-missing_24: char-from-code("f564");
$icon-file-missing_36: char-from-code("f565");
$icon-file-onenote_12: char-from-code("f566");
$icon-file-onenote_16: char-from-code("f567");
$icon-file-onenote_20: char-from-code("f568");
$icon-file-onenote_24: char-from-code("f569");
$icon-file-onenote_28: char-from-code("f56a");
$icon-file-onenote_32: char-from-code("f56b");
$icon-file-onenote_36: char-from-code("f56c");
$icon-file-onenote_40: char-from-code("f56d");
$icon-file-onenote_44: char-from-code("f56e");
$icon-file-onenote_72: char-from-code("f56f");
$icon-file-onenote-active_12: char-from-code("f570");
$icon-file-onenote-active_16: char-from-code("f571");
$icon-file-onenote-active_20: char-from-code("f572");
$icon-file-onenote-active_24: char-from-code("f573");
$icon-file-onenote-active_28: char-from-code("f574");
$icon-file-onenote-active_32: char-from-code("f575");
$icon-file-onenote-active_36: char-from-code("f576");
$icon-file-onenote-active_40: char-from-code("f577");
$icon-file-onenote-active_44: char-from-code("f578");
$icon-file-onenote-active_72: char-from-code("f579");
$icon-file-pdf_12: char-from-code("f57a");
$icon-file-pdf_16: char-from-code("f57b");
$icon-file-pdf_20: char-from-code("f57c");
$icon-file-pdf_24: char-from-code("f57d");
$icon-file-pdf_28: char-from-code("f57e");
$icon-file-pdf_32: char-from-code("f57f");
$icon-file-pdf_36: char-from-code("f580");
$icon-file-pdf_40: char-from-code("f581");
$icon-file-pdf_44: char-from-code("f582");
$icon-file-pdf_72: char-from-code("f583");
$icon-file-pdf-active_12: char-from-code("f584");
$icon-file-pdf-active_16: char-from-code("f585");
$icon-file-pdf-active_20: char-from-code("f586");
$icon-file-pdf-active_24: char-from-code("f587");
$icon-file-pdf-active_28: char-from-code("f588");
$icon-file-pdf-active_32: char-from-code("f589");
$icon-file-pdf-active_36: char-from-code("f58a");
$icon-file-pdf-active_40: char-from-code("f58b");
$icon-file-pdf-active_44: char-from-code("f58c");
$icon-file-pdf-active_72: char-from-code("f58d");
$icon-file-powerpoint_12: char-from-code("f58e");
$icon-file-powerpoint_16: char-from-code("f58f");
$icon-file-powerpoint_20: char-from-code("f590");
$icon-file-powerpoint_24: char-from-code("f591");
$icon-file-powerpoint_28: char-from-code("f592");
$icon-file-powerpoint_32: char-from-code("f593");
$icon-file-powerpoint_36: char-from-code("f594");
$icon-file-powerpoint_40: char-from-code("f595");
$icon-file-powerpoint_44: char-from-code("f596");
$icon-file-powerpoint_72: char-from-code("f597");
$icon-file-powerpoint-active_12: char-from-code("f598");
$icon-file-powerpoint-active_16: char-from-code("f599");
$icon-file-powerpoint-active_20: char-from-code("f59a");
$icon-file-powerpoint-active_24: char-from-code("f59b");
$icon-file-powerpoint-active_28: char-from-code("f59c");
$icon-file-powerpoint-active_32: char-from-code("f59d");
$icon-file-powerpoint-active_36: char-from-code("f59e");
$icon-file-powerpoint-active_40: char-from-code("f59f");
$icon-file-powerpoint-active_44: char-from-code("f5a0");
$icon-file-powerpoint-active_72: char-from-code("f5a1");
$icon-file-sketch_24: char-from-code("f5a2");
$icon-file-spreadsheet_12: char-from-code("f5a3");
$icon-file-spreadsheet_16: char-from-code("f5a4");
$icon-file-spreadsheet_20: char-from-code("f5a5");
$icon-file-spreadsheet_24: char-from-code("f5a6");
$icon-file-spreadsheet_28: char-from-code("f5a7");
$icon-file-spreadsheet_32: char-from-code("f5a8");
$icon-file-spreadsheet_36: char-from-code("f5a9");
$icon-file-spreadsheet_40: char-from-code("f5aa");
$icon-file-spreadsheet_44: char-from-code("f5ab");
$icon-file-spreadsheet_72: char-from-code("f5ac");
$icon-file-spreadsheet-active_12: char-from-code("f5ad");
$icon-file-spreadsheet-active_16: char-from-code("f5ae");
$icon-file-spreadsheet-active_20: char-from-code("f5af");
$icon-file-spreadsheet-active_24: char-from-code("f5b0");
$icon-file-spreadsheet-active_28: char-from-code("f5b1");
$icon-file-spreadsheet-active_32: char-from-code("f5b2");
$icon-file-spreadsheet-active_36: char-from-code("f5b3");
$icon-file-spreadsheet-active_40: char-from-code("f5b4");
$icon-file-spreadsheet-active_44: char-from-code("f5b5");
$icon-file-spreadsheet-active_72: char-from-code("f5b6");
$icon-file-text_12: char-from-code("f5b7");
$icon-file-text_16: char-from-code("f5b8");
$icon-file-text_20: char-from-code("f5b9");
$icon-file-text_24: char-from-code("f5ba");
$icon-file-text_28: char-from-code("f5bb");
$icon-file-text_32: char-from-code("f5bc");
$icon-file-text_36: char-from-code("f5bd");
$icon-file-text_40: char-from-code("f5be");
$icon-file-text_44: char-from-code("f5bf");
$icon-file-text_72: char-from-code("f5c0");
$icon-file-text-active_12: char-from-code("f5c1");
$icon-file-text-active_16: char-from-code("f5c2");
$icon-file-text-active_20: char-from-code("f5c3");
$icon-file-text-active_24: char-from-code("f5c4");
$icon-file-text-active_28: char-from-code("f5c5");
$icon-file-text-active_32: char-from-code("f5c6");
$icon-file-text-active_36: char-from-code("f5c7");
$icon-file-text-active_40: char-from-code("f5c8");
$icon-file-text-active_44: char-from-code("f5c9");
$icon-file-text-active_72: char-from-code("f5ca");
$icon-file-video_12: char-from-code("f5cb");
$icon-file-video_16: char-from-code("f5cc");
$icon-file-video_24: char-from-code("f5cd");
$icon-file-video_28: char-from-code("f5ce");
$icon-file-video_32: char-from-code("f5cf");
$icon-file-video_36: char-from-code("f5d0");
$icon-file-video_40: char-from-code("f5d1");
$icon-file-video_44: char-from-code("f5d2");
$icon-file-video_72: char-from-code("f5d3");
$icon-file-word_12: char-from-code("f5d4");
$icon-file-word_16: char-from-code("f5d5");
$icon-file-word_20: char-from-code("f5d6");
$icon-file-word_24: char-from-code("f5d7");
$icon-file-word_28: char-from-code("f5d8");
$icon-file-word_32: char-from-code("f5d9");
$icon-file-word_36: char-from-code("f5da");
$icon-file-word_40: char-from-code("f5db");
$icon-file-word_44: char-from-code("f5dc");
$icon-file-word_72: char-from-code("f5dd");
$icon-file-word-active_12: char-from-code("f5de");
$icon-file-word-active_16: char-from-code("f5df");
$icon-file-word-active_20: char-from-code("f5e0");
$icon-file-word-active_24: char-from-code("f5e1");
$icon-file-word-active_28: char-from-code("f5e2");
$icon-file-word-active_32: char-from-code("f5e3");
$icon-file-word-active_36: char-from-code("f5e4");
$icon-file-word-active_40: char-from-code("f5e5");
$icon-file-word-active_44: char-from-code("f5e6");
$icon-file-word-active_72: char-from-code("f5e7");
$icon-file-xml_12: char-from-code("f5e8");
$icon-file-xml_16: char-from-code("f5e9");
$icon-file-xml_24: char-from-code("f5ea");
$icon-file-zip_12: char-from-code("f5eb");
$icon-file-zip_16: char-from-code("f5ec");
$icon-file-zip_24: char-from-code("f5ed");
$icon-file-zip_28: char-from-code("f5ee");
$icon-file-zip_32: char-from-code("f5ef");
$icon-file-zip_36: char-from-code("f5f0");
$icon-file-zip_40: char-from-code("f5f1");
$icon-file-zip_44: char-from-code("f5f2");
$icon-file-zip_72: char-from-code("f5f3");
$icon-files_10: char-from-code("f5f4");
$icon-files_12: char-from-code("f5f5");
$icon-files_14: char-from-code("f5f6");
$icon-files_16: char-from-code("f5f7");
$icon-files_20: char-from-code("f5f8");
$icon-files_24: char-from-code("f5f9");
$icon-files_26: char-from-code("f5fa");
$icon-files_28: char-from-code("f5fb");
$icon-files_32: char-from-code("f5fc");
$icon-files_36: char-from-code("f5fd");
$icon-files_72: char-from-code("f5fe");
$icon-files_8: char-from-code("f5ff");
$icon-filter_10: char-from-code("f600");
$icon-filter_16: char-from-code("f601");
$icon-filter_24: char-from-code("f602");
$icon-filter_32: char-from-code("f603");
$icon-filter_8: char-from-code("f604");
$icon-filter-adr_12: char-from-code("f605");
$icon-filter-adr_14: char-from-code("f606");
$icon-filter-adr_16: char-from-code("f607");
$icon-filter-circle_12: char-from-code("f608");
$icon-filter-circle_16: char-from-code("f609");
$icon-filter-circle_20: char-from-code("f60a");
$icon-filter-circle-active_20: char-from-code("f60b");
$icon-fit-to-width_12: char-from-code("f60c");
$icon-fit-to-width_16: char-from-code("f60d");
$icon-fit-to-window_12: char-from-code("f60e");
$icon-fit-to-window_16: char-from-code("f60f");
$icon-fit-to-window-exit_12: char-from-code("f610");
$icon-fit-to-window-exit_16: char-from-code("f611");
$icon-flag_10: char-from-code("f612");
$icon-flag_12: char-from-code("f613");
$icon-flag_14: char-from-code("f614");
$icon-flag_16: char-from-code("f615");
$icon-flag_20: char-from-code("f616");
$icon-flag_24: char-from-code("f617");
$icon-flag_64: char-from-code("f618");
$icon-flag_8: char-from-code("f619");
$icon-flag-active_10: char-from-code("f61a");
$icon-flag-active_12: char-from-code("f61b");
$icon-flag-active_14: char-from-code("f61c");
$icon-flag-active_16: char-from-code("f61d");
$icon-flag-active_20: char-from-code("f61e");
$icon-flag-active_24: char-from-code("f61f");
$icon-flag-active_8: char-from-code("f620");
$icon-flag-circle_16: char-from-code("f621");
$icon-flow_16: char-from-code("f622");
$icon-flow_32: char-from-code("f623");
$icon-focus-3-day_24: char-from-code("f624");
$icon-focus-day_24: char-from-code("f625");
$icon-focus-month_24: char-from-code("f626");
$icon-focus-upcoming_24: char-from-code("f627");
$icon-focus-week_24: char-from-code("f628");
$icon-folder-edit_24: char-from-code("f629");
$icon-folder-lock_24: char-from-code("f62a");
$icon-folder-view_24: char-from-code("f62b");
$icon-font-family_12: char-from-code("f62c");
$icon-font-family_16: char-from-code("f62d");
$icon-forward-message_10: char-from-code("f62e");
$icon-forward-message_12: char-from-code("f62f");
$icon-forward-message_16: char-from-code("f630");
$icon-forward-message_20: char-from-code("f631");
$icon-four-way-navigation_20: char-from-code("f632");
$icon-four-way-navigation_24: char-from-code("f633");
$icon-fullscreen_12: char-from-code("f634");
$icon-fullscreen_16: char-from-code("f635");
$icon-fullscreen-c-native-macOS_14: char-from-code("f636");
$icon-fullscreen-exit_12: char-from-code("f637");
$icon-fullscreen-exit_16: char-from-code("f638");
$icon-generic-device_12: char-from-code("f639");
$icon-generic-device_14: char-from-code("f63a");
$icon-generic-device_16: char-from-code("f63b");
$icon-generic-device_20: char-from-code("f63c");
$icon-generic-device_24: char-from-code("f63d");
$icon-generic-device_28: char-from-code("f63e");
$icon-generic-device_32: char-from-code("f63f");
$icon-generic-device_48: char-from-code("f640");
$icon-generic-device-video_12: char-from-code("f641");
$icon-generic-device-video_14: char-from-code("f642");
$icon-generic-device-video_16: char-from-code("f643");
$icon-generic-device-video_20: char-from-code("f644");
$icon-generic-voice-command_24: char-from-code("f645");
$icon-gif_12: char-from-code("f646");
$icon-gif_16: char-from-code("f647");
$icon-gif_20: char-from-code("f648");
$icon-gif_24: char-from-code("f649");
$icon-github-circle_24: char-from-code("f64a");
$icon-github-circle_32: char-from-code("f64b");
$icon-github-circle_40: char-from-code("f64c");
$icon-google_16: char-from-code("f64d");
$icon-green-leaf-filled: char-from-code("f64e");
$icon-guest-issuer_36: char-from-code("f64f");
$icon-guest-issuer_56: char-from-code("f650");
$icon-handset_10: char-from-code("f651");
$icon-handset_12: char-from-code("f652");
$icon-handset_120: char-from-code("f653");
$icon-handset_124: char-from-code("f654");
$icon-handset_14: char-from-code("f655");
$icon-handset_16: char-from-code("f656");
$icon-handset_18: char-from-code("f657");
$icon-handset_20: char-from-code("f658");
$icon-handset_24: char-from-code("f659");
$icon-handset_26: char-from-code("f65a");
$icon-handset_28: char-from-code("f65b");
$icon-handset_32: char-from-code("f65c");
$icon-handset_36: char-from-code("f65d");
$icon-handset_40: char-from-code("f65e");
$icon-handset_48: char-from-code("f65f");
$icon-handset_56: char-from-code("f660");
$icon-handset_64: char-from-code("f661");
$icon-handset_8: char-from-code("f662");
$icon-handset-active_10: char-from-code("f663");
$icon-handset-active_12: char-from-code("f664");
$icon-handset-active_14: char-from-code("f665");
$icon-handset-active_16: char-from-code("f666");
$icon-handset-active_18: char-from-code("f667");
$icon-handset-active_20: char-from-code("f668");
$icon-handset-active_24: char-from-code("f669");
$icon-handset-active_26: char-from-code("f66a");
$icon-handset-active_28: char-from-code("f66b");
$icon-handset-active_32: char-from-code("f66c");
$icon-handset-active_36: char-from-code("f66d");
$icon-handset-active_40: char-from-code("f66e");
$icon-handset-active_48: char-from-code("f66f");
$icon-handset-active_56: char-from-code("f670");
$icon-handset-active_64: char-from-code("f671");
$icon-handset-active_8: char-from-code("f672");
$icon-handset-alert_20: char-from-code("f673");
$icon-handset-alert_24: char-from-code("f674");
$icon-handset-muted_12: char-from-code("f675");
$icon-handset-muted_14: char-from-code("f676");
$icon-handset-muted_16: char-from-code("f677");
$icon-handset-muted_20: char-from-code("f678");
$icon-handset-muted_24: char-from-code("f679");
$icon-handset-muted_64: char-from-code("f67a");
$icon-handset-presence_12: char-from-code("f67b");
$icon-handset-presence_14: char-from-code("f67c");
$icon-handset-presence_24: char-from-code("f67d");
$icon-handset-presence_28: char-from-code("f67e");
$icon-handset-presence_8: char-from-code("f67f");
$icon-handset-presence-active_14: char-from-code("f680");
$icon-handset-presence-active_24: char-from-code("f681");
$icon-handset-presence-stroke_10: char-from-code("f682");
$icon-handset-presence-stroke_14: char-from-code("f683");
$icon-handset-presence-stroke_16: char-from-code("f684");
$icon-handset-presence-stroke_26: char-from-code("f685");
$icon-handset-presence-stroke_30: char-from-code("f686");
$icon-handshake_14: char-from-code("f687");
$icon-handshake_16: char-from-code("f688");
$icon-handshake_32: char-from-code("f689");
$icon-hd-badge_28: char-from-code("f68a");
$icon-headset_12: char-from-code("f68b");
$icon-headset_14: char-from-code("f68c");
$icon-headset_16: char-from-code("f68d");
$icon-headset_18: char-from-code("f68e");
$icon-headset_20: char-from-code("f68f");
$icon-headset_24: char-from-code("f690");
$icon-headset_32: char-from-code("f691");
$icon-headset_36: char-from-code("f692");
$icon-headset_48: char-from-code("f693");
$icon-headset_8: char-from-code("f694");
$icon-headset-alert_12: char-from-code("f695");
$icon-headset-muted_12: char-from-code("f696");
$icon-headset-muted_16: char-from-code("f697");
$icon-headset-muted_24: char-from-code("f698");
$icon-headset-muted_32: char-from-code("f699");
$icon-headset-muted_48: char-from-code("f69a");
$icon-headset-muted-alert_12: char-from-code("f69b");
$icon-headset-muted-private_12: char-from-code("f69c");
$icon-headset-private_12: char-from-code("f69d");
$icon-headset-selected_20: char-from-code("f69e");
$icon-help_10: char-from-code("f69f");
$icon-help_12: char-from-code("f6a0");
$icon-help_16: char-from-code("f6a1");
$icon-help_20: char-from-code("f6a2");
$icon-help_24: char-from-code("f6a3");
$icon-help_8: char-from-code("f6a4");
$icon-help-circle_12: char-from-code("f6a5");
$icon-help-circle_14: char-from-code("f6a6");
$icon-help-circle_16: char-from-code("f6a7");
$icon-help-circle_20: char-from-code("f6a8");
$icon-help-circle_24: char-from-code("f6a9");
$icon-help-circle_36: char-from-code("f6aa");
$icon-help-circle_44: char-from-code("f6ab");
$icon-help-circle_72: char-from-code("f6ac");
$icon-help-circle-active_12: char-from-code("f6ad");
$icon-help-circle-active_16: char-from-code("f6ae");
$icon-help-circle-active_20: char-from-code("f6af");
$icon-help-circle-active_24: char-from-code("f6b0");
$icon-help-circle-active_36: char-from-code("f6b1");
$icon-help-circle-active_44: char-from-code("f6b2");
$icon-help-circle-active_72: char-from-code("f6b3");
$icon-hide_10: char-from-code("f6b4");
$icon-hide_12: char-from-code("f6b5");
$icon-hide_16: char-from-code("f6b6");
$icon-hide_20: char-from-code("f6b7");
$icon-hide_24: char-from-code("f6b8");
$icon-home_16: char-from-code("f6b9");
$icon-home_20: char-from-code("f6ba");
$icon-home_24: char-from-code("f6bb");
$icon-home_32: char-from-code("f6bc");
$icon-home-active_16: char-from-code("f6bd");
$icon-home-active_20: char-from-code("f6be");
$icon-home-active_24: char-from-code("f6bf");
$icon-home-active_32: char-from-code("f6c0");
$icon-horizontal-line_12: char-from-code("f6c1");
$icon-horizontal-line_16: char-from-code("f6c2");
$icon-horizontal-line_24: char-from-code("f6c3");
$icon-house_16: char-from-code("f6c4");
$icon-house_20: char-from-code("f6c5");
$icon-house_24: char-from-code("f6c6");
$icon-house_32: char-from-code("f6c7");
$icon-humidity_14: char-from-code("f6c8");
$icon-hunt-group_12: char-from-code("f6c9");
$icon-hunt-group_14: char-from-code("f6ca");
$icon-hunt-group_16: char-from-code("f6cb");
$icon-hunt-group_18: char-from-code("f6cc");
$icon-hunt-group_20: char-from-code("f6cd");
$icon-hunt-group_24: char-from-code("f6ce");
$icon-icon-callback_12: char-from-code("f6cf");
$icon-icon-callback_16: char-from-code("f6d0");
$icon-icon-callback_18: char-from-code("f6d1");
$icon-icon-callback_20: char-from-code("f6d2");
$icon-icon-campaign_12: char-from-code("f6d3");
$icon-icon-campaign_16: char-from-code("f6d4");
$icon-icon-campaign_18: char-from-code("f6d5");
$icon-icon-campaign_20: char-from-code("f6d6");
$icon-import_12: char-from-code("f6d7");
$icon-import_16: char-from-code("f6d8");
$icon-import_24: char-from-code("f6d9");
$icon-incognito_18: char-from-code("f6da");
$icon-incognito_24: char-from-code("f6db");
$icon-incognito_40: char-from-code("f6dc");
$icon-incoming-call-active_12: char-from-code("f6dd");
$icon-incoming-call-active_16: char-from-code("f6de");
$icon-incoming-call-legacy_12: char-from-code("f6df");
$icon-incoming-call-legacy_16: char-from-code("f6e0");
$icon-incoming-call-legacy_20: char-from-code("f6e1");
$icon-incoming-call-legacy_36: char-from-code("f6e2");
$icon-incoming-call-selected_20: char-from-code("f6e3");
$icon-incoming-call-selected_24: char-from-code("f6e4");
$icon-indeterminate-circle-active_16: char-from-code("f6e5");
$icon-info_12: char-from-code("f6e6");
$icon-info_14: char-from-code("f6e7");
$icon-info_16: char-from-code("f6e8");
$icon-info_18: char-from-code("f6e9");
$icon-info_20: char-from-code("f6ea");
$icon-info_24: char-from-code("f6eb");
$icon-info_28: char-from-code("f6ec");
$icon-info_32: char-from-code("f6ed");
$icon-info_40: char-from-code("f6ee");
$icon-info_44: char-from-code("f6ef");
$icon-info_72: char-from-code("f6f0");
$icon-info_8: char-from-code("f6f1");
$icon-info-active_12: char-from-code("f6f2");
$icon-info-active_16: char-from-code("f6f3");
$icon-info-active_18: char-from-code("f6f4");
$icon-info-active_20: char-from-code("f6f5");
$icon-info-active_24: char-from-code("f6f6");
$icon-info-active_28: char-from-code("f6f7");
$icon-info-active_32: char-from-code("f6f8");
$icon-info-active_40: char-from-code("f6f9");
$icon-info-active_44: char-from-code("f6fa");
$icon-info-active_72: char-from-code("f6fb");
$icon-info-active-two_12: char-from-code("f6fc");
$icon-info-active-two_14: char-from-code("f6fd");
$icon-info-active-two_16: char-from-code("f6fe");
$icon-info-i_10: char-from-code("f6ff");
$icon-info-i_12: char-from-code("f700");
$icon-info-i_20: char-from-code("f701");
$icon-info-i_8: char-from-code("f702");
$icon-input_10: char-from-code("f703");
$icon-input_12: char-from-code("f704");
$icon-input_14: char-from-code("f705");
$icon-input_16: char-from-code("f706");
$icon-input_24: char-from-code("f707");
$icon-input_26: char-from-code("f708");
$icon-input_28: char-from-code("f709");
$icon-input_36: char-from-code("f70a");
$icon-input_8: char-from-code("f70b");
$icon-instagram-circle_24: char-from-code("f70c");
$icon-instagram-circle_32: char-from-code("f70d");
$icon-integrations_16: char-from-code("f70e");
$icon-integrations_24: char-from-code("f70f");
$icon-invited-user_16: char-from-code("f710");
$icon-invited-user_32: char-from-code("f711");
$icon-invited-user_56: char-from-code("f712");
$icon-jabber_14: char-from-code("f713");
$icon-jabber_16: char-from-code("f714");
$icon-jabber-hub_16: char-from-code("f715");
$icon-join-audio_12: char-from-code("f716");
$icon-join-audio_16: char-from-code("f717");
$icon-join-audio_20: char-from-code("f718");
$icon-join-audio_24: char-from-code("f719");
$icon-keyboard_16: char-from-code("f71a");
$icon-keyboard_20: char-from-code("f71b");
$icon-keyboard_24: char-from-code("f71c");
$icon-keyboard_28: char-from-code("f71d");
$icon-keyboard-close_16: char-from-code("f71e");
$icon-keyboard-close_24: char-from-code("f71f");
$icon-language_12: char-from-code("f720");
$icon-language_16: char-from-code("f721");
$icon-language_20: char-from-code("f722");
$icon-language_24: char-from-code("f723");
$icon-language_28: char-from-code("f724");
$icon-language_40: char-from-code("f725");
$icon-laptop_12: char-from-code("f726");
$icon-laptop_16: char-from-code("f727");
$icon-laptop_20: char-from-code("f728");
$icon-laptop_24: char-from-code("f729");
$icon-laptop_48: char-from-code("f72a");
$icon-laptop_72: char-from-code("f72b");
$icon-laser-pointer_16: char-from-code("f72c");
$icon-launch_12: char-from-code("f72d");
$icon-launch_16: char-from-code("f72e");
$icon-launch_20: char-from-code("f72f");
$icon-launch_32: char-from-code("f730");
$icon-layout-equal-dual_12: char-from-code("f731");
$icon-layout-equal-dual_16: char-from-code("f732");
$icon-layout-equal-dual_20: char-from-code("f733");
$icon-layout-equal-dual_24: char-from-code("f734");
$icon-layout-side-by-side-horizonal_16: char-from-code("f735");
$icon-layout-side-by-side-vertical_12: char-from-code("f736");
$icon-layout-side-by-side-vertical_16: char-from-code("f737");
$icon-layout-side-by-side-vertical_24: char-from-code("f738");
$icon-layout-stacked_12: char-from-code("f739");
$icon-layout-stacked_16: char-from-code("f73a");
$icon-layout-stacked_28: char-from-code("f73b");
$icon-leave-breakout-session_16: char-from-code("f73c");
$icon-like_12: char-from-code("f73d");
$icon-like_16: char-from-code("f73e");
$icon-like_24: char-from-code("f73f");
$icon-link_10: char-from-code("f740");
$icon-link_12: char-from-code("f741");
$icon-link_14: char-from-code("f742");
$icon-link_16: char-from-code("f743");
$icon-link_18: char-from-code("f744");
$icon-link_20: char-from-code("f745");
$icon-link_24: char-from-code("f746");
$icon-linkedin_16: char-from-code("f747");
$icon-linkedin-circle_24: char-from-code("f748");
$icon-linkedin-circle_32: char-from-code("f749");
$icon-linkedin-circle_40: char-from-code("f74a");
$icon-list-menu_12: char-from-code("f74b");
$icon-list-menu_16: char-from-code("f74c");
$icon-list-menu_18: char-from-code("f74d");
$icon-list-menu_20: char-from-code("f74e");
$icon-list-menu_24: char-from-code("f74f");
$icon-list-menu_28: char-from-code("f750");
$icon-location_10: char-from-code("f751");
$icon-location_16: char-from-code("f752");
$icon-location_18: char-from-code("f753");
$icon-location_20: char-from-code("f754");
$icon-location_24: char-from-code("f755");
$icon-location_28: char-from-code("f756");
$icon-location_32: char-from-code("f757");
$icon-lock_10: char-from-code("f758");
$icon-lock_12: char-from-code("f759");
$icon-lock_24: char-from-code("f75a");
$icon-lock_8: char-from-code("f75b");
$icon-lower-hand_12: char-from-code("f75c");
$icon-lower-hand_16: char-from-code("f75d");
$icon-lower-hand_20: char-from-code("f75e");
$icon-mark-as-read_12: char-from-code("f75f");
$icon-mark-as-unread_12: char-from-code("f760");
$icon-mark-as-unread_20: char-from-code("f761");
$icon-markdown_16: char-from-code("f762");
$icon-markdown_20: char-from-code("f763");
$icon-marker_12: char-from-code("f764");
$icon-marker_14: char-from-code("f765");
$icon-marker_16: char-from-code("f766");
$icon-marker_18: char-from-code("f767");
$icon-maximize_12: char-from-code("f768");
$icon-maximize_14: char-from-code("f769");
$icon-maximize_16: char-from-code("f76a");
$icon-maximize_20: char-from-code("f76b");
$icon-maximize_24: char-from-code("f76c");
$icon-maximize_28: char-from-code("f76d");
$icon-meet_10: char-from-code("f76e");
$icon-meet_12: char-from-code("f76f");
$icon-meet_120: char-from-code("f770");
$icon-meet_124: char-from-code("f771");
$icon-meet_14: char-from-code("f772");
$icon-meet_16: char-from-code("f773");
$icon-meet_18: char-from-code("f774");
$icon-meet_20: char-from-code("f775");
$icon-meet_24: char-from-code("f776");
$icon-meet_26: char-from-code("f777");
$icon-meet_32: char-from-code("f778");
$icon-meet_48: char-from-code("f779");
$icon-meet_56: char-from-code("f77a");
$icon-meet-end_16: char-from-code("f77b");
$icon-meeting-controls_16: char-from-code("f77c");
$icon-meetings_10: char-from-code("f77d");
$icon-meetings_12: char-from-code("f77e");
$icon-meetings_14: char-from-code("f77f");
$icon-meetings_16: char-from-code("f780");
$icon-meetings_18: char-from-code("f781");
$icon-meetings_20: char-from-code("f782");
$icon-meetings_24: char-from-code("f783");
$icon-meetings_26: char-from-code("f784");
$icon-meetings_28: char-from-code("f785");
$icon-meetings_32: char-from-code("f786");
$icon-meetings_36: char-from-code("f787");
$icon-meetings_8: char-from-code("f788");
$icon-meetings-active_10: char-from-code("f789");
$icon-meetings-active_12: char-from-code("f78a");
$icon-meetings-active_14: char-from-code("f78b");
$icon-meetings-active_16: char-from-code("f78c");
$icon-meetings-active_18: char-from-code("f78d");
$icon-meetings-active_20: char-from-code("f78e");
$icon-meetings-active_24: char-from-code("f78f");
$icon-meetings-active_26: char-from-code("f790");
$icon-meetings-active_28: char-from-code("f791");
$icon-meetings-active_32: char-from-code("f792");
$icon-meetings-active_36: char-from-code("f793");
$icon-meetings-active_8: char-from-code("f794");
$icon-meetings-presence_12: char-from-code("f795");
$icon-meetings-presence_14: char-from-code("f796");
$icon-meetings-presence_24: char-from-code("f797");
$icon-meetings-presence_28: char-from-code("f798");
$icon-meetings-presence_8: char-from-code("f799");
$icon-meetings-presence-stroke_10: char-from-code("f79a");
$icon-meetings-presence-stroke_14: char-from-code("f79b");
$icon-meetings-presence-stroke_16: char-from-code("f79c");
$icon-meetings-presence-stroke_26: char-from-code("f79d");
$icon-meetings-presence-stroke_30: char-from-code("f79e");
$icon-mention_10: char-from-code("f79f");
$icon-mention_12: char-from-code("f7a0");
$icon-mention_14: char-from-code("f7a1");
$icon-mention_16: char-from-code("f7a2");
$icon-mention_18: char-from-code("f7a3");
$icon-mention_20: char-from-code("f7a4");
$icon-mention_24: char-from-code("f7a5");
$icon-mention_8: char-from-code("f7a6");
$icon-messenger_12: char-from-code("f7a7");
$icon-messenger_16: char-from-code("f7a8");
$icon-microphone_10: char-from-code("f7a9");
$icon-microphone_12: char-from-code("f7aa");
$icon-microphone_14: char-from-code("f7ab");
$icon-microphone_16: char-from-code("f7ac");
$icon-microphone_18: char-from-code("f7ad");
$icon-microphone_20: char-from-code("f7ae");
$icon-microphone_24: char-from-code("f7af");
$icon-microphone_28: char-from-code("f7b0");
$icon-microphone_36: char-from-code("f7b1");
$icon-microphone_8: char-from-code("f7b2");
$icon-microphone-muted_10: char-from-code("f7b3");
$icon-microphone-muted_12: char-from-code("f7b4");
$icon-microphone-muted_14: char-from-code("f7b5");
$icon-microphone-muted_16: char-from-code("f7b6");
$icon-microphone-muted_18: char-from-code("f7b7");
$icon-microphone-muted_20: char-from-code("f7b8");
$icon-microphone-muted_24: char-from-code("f7b9");
$icon-microphone-muted_28: char-from-code("f7ba");
$icon-microphone-muted_32: char-from-code("f7bb");
$icon-microphone-muted_36: char-from-code("f7bc");
$icon-microphone-muted_8: char-from-code("f7bd");
$icon-microphone-on_16: char-from-code("f7be");
$icon-microphone-on_20: char-from-code("f7bf");
$icon-microphone-on_24: char-from-code("f7c0");
$icon-mind-map_24: char-from-code("f7c1");
$icon-minimize_12: char-from-code("f7c2");
$icon-minimize_14: char-from-code("f7c3");
$icon-minimize_16: char-from-code("f7c4");
$icon-minimize_20: char-from-code("f7c5");
$icon-minimize_24: char-from-code("f7c6");
$icon-minimize_28: char-from-code("f7c7");
$icon-minus_12: char-from-code("f7c8");
$icon-minus_14: char-from-code("f7c9");
$icon-minus_16: char-from-code("f7ca");
$icon-minus_18: char-from-code("f7cb");
$icon-minus_20: char-from-code("f7cc");
$icon-minus_24: char-from-code("f7cd");
$icon-minus_28: char-from-code("f7ce");
$icon-minus_8: char-from-code("f7cf");
$icon-mirror_12: char-from-code("f7d0");
$icon-mirror_16: char-from-code("f7d1");
$icon-moderator_16: char-from-code("f7d2");
$icon-moderator_56: char-from-code("f7d3");
$icon-moderator_80: char-from-code("f7d4");
$icon-more_10: char-from-code("f7d5");
$icon-more_12: char-from-code("f7d6");
$icon-more_14: char-from-code("f7d7");
$icon-more_16: char-from-code("f7d8");
$icon-more_18: char-from-code("f7d9");
$icon-more_20: char-from-code("f7da");
$icon-more_24: char-from-code("f7db");
$icon-more_28: char-from-code("f7dc");
$icon-more-adr_12: char-from-code("f7dd");
$icon-more-adr_16: char-from-code("f7de");
$icon-more-adr_20: char-from-code("f7df");
$icon-more-adr_24: char-from-code("f7e0");
$icon-more-adr_28: char-from-code("f7e1");
$icon-more-android_12: char-from-code("f7e2");
$icon-more-android_16: char-from-code("f7e3");
$icon-more-android_20: char-from-code("f7e4");
$icon-more-android_24: char-from-code("f7e5");
$icon-more-android_28: char-from-code("f7e6");
$icon-more-circle_12: char-from-code("f7e7");
$icon-more-circle_140: char-from-code("f7e8");
$icon-more-circle_16: char-from-code("f7e9");
$icon-more-circle_20: char-from-code("f7ea");
$icon-more-circle-active_20: char-from-code("f7eb");
$icon-mouse-cursor_16: char-from-code("f7ec");
$icon-move-call-in-adr_12: char-from-code("f7ed");
$icon-move-call-in-adr_16: char-from-code("f7ee");
$icon-move-call-in-adr_18: char-from-code("f7ef");
$icon-move-call-in-adr_20: char-from-code("f7f0");
$icon-move-call-in-adr_24: char-from-code("f7f1");
$icon-move-call-in-adr_28: char-from-code("f7f2");
$icon-move-call-in-iph_12: char-from-code("f7f3");
$icon-move-call-in-iph_16: char-from-code("f7f4");
$icon-move-call-in-iph_18: char-from-code("f7f5");
$icon-move-call-in-iph_20: char-from-code("f7f6");
$icon-move-call-in-iph_24: char-from-code("f7f7");
$icon-move-call-in-iph_28: char-from-code("f7f8");
$icon-move-call-in-laptop_12: char-from-code("f7f9");
$icon-move-call-in-laptop_16: char-from-code("f7fa");
$icon-move-call-in-laptop_18: char-from-code("f7fb");
$icon-move-call-in-laptop_20: char-from-code("f7fc");
$icon-move-call-in-laptop_24: char-from-code("f7fd");
$icon-move-call-in-laptop_28: char-from-code("f7fe");
$icon-move-call-in-out-adr_28: char-from-code("f7ff");
$icon-move-call-in-out-iph_28: char-from-code("f800");
$icon-move-call-in-tablet_12: char-from-code("f801");
$icon-move-call-in-tablet_18: char-from-code("f802");
$icon-move-call-in-tablet_20: char-from-code("f803");
$icon-move-call-in-tablet_24: char-from-code("f804");
$icon-move-call-in-tablet_28: char-from-code("f805");
$icon-move-call-out-adr_12: char-from-code("f806");
$icon-move-call-out-adr_16: char-from-code("f807");
$icon-move-call-out-adr_18: char-from-code("f808");
$icon-move-call-out-adr_20: char-from-code("f809");
$icon-move-call-out-adr_24: char-from-code("f80a");
$icon-move-call-out-adr_28: char-from-code("f80b");
$icon-move-call-out-iph_12: char-from-code("f80c");
$icon-move-call-out-iph_16: char-from-code("f80d");
$icon-move-call-out-iph_18: char-from-code("f80e");
$icon-move-call-out-iph_20: char-from-code("f80f");
$icon-move-call-out-iph_24: char-from-code("f810");
$icon-move-call-out-iph_28: char-from-code("f811");
$icon-move-call-out-laptop_12: char-from-code("f812");
$icon-move-call-out-laptop_16: char-from-code("f813");
$icon-move-call-out-laptop_18: char-from-code("f814");
$icon-move-call-out-laptop_20: char-from-code("f815");
$icon-move-call-out-laptop_24: char-from-code("f816");
$icon-move-call-out-laptop_28: char-from-code("f817");
$icon-move-call-out-tablet_12: char-from-code("f818");
$icon-move-call-out-tablet_18: char-from-code("f819");
$icon-move-call-out-tablet_20: char-from-code("f81a");
$icon-move-call-out-tablet_24: char-from-code("f81b");
$icon-move-call-out-tablet_28: char-from-code("f81c");
$icon-multiline-chart_16: char-from-code("f81d");
$icon-multiline-chart_20: char-from-code("f81e");
$icon-multimedia_16: char-from-code("f81f");
$icon-multimedia_20: char-from-code("f820");
$icon-multiple-devices_16: char-from-code("f821");
$icon-multiple-devices_20: char-from-code("f822");
$icon-multiple-devices_24: char-from-code("f823");
$icon-multiple-devices_28: char-from-code("f824");
$icon-multiple-devices_64: char-from-code("f825");
$icon-music-mode_12: char-from-code("f826");
$icon-music-mode_16: char-from-code("f827");
$icon-music-mode_24: char-from-code("f828");
$icon-music-mode_8: char-from-code("f829");
$icon-mute-on-entry_16: char-from-code("f82a");
$icon-new-idea_16: char-from-code("f82b");
$icon-new-idea_24: char-from-code("f82c");
$icon-new-voicemail_16: char-from-code("f82d");
$icon-new-voicemail_20: char-from-code("f82e");
$icon-new-voicemail_24: char-from-code("f82f");
$icon-new-whiteboard_12: char-from-code("f830");
$icon-new-whiteboard_16: char-from-code("f831");
$icon-next_10: char-from-code("f832");
$icon-next_12: char-from-code("f833");
$icon-next_14: char-from-code("f834");
$icon-next_16: char-from-code("f835");
$icon-next_18: char-from-code("f836");
$icon-next_20: char-from-code("f837");
$icon-next_24: char-from-code("f838");
$icon-next_28: char-from-code("f839");
$icon-next_36: char-from-code("f83a");
$icon-no-devices_28: char-from-code("f83b");
$icon-no-phone-warning_20: char-from-code("f83c");
$icon-no-phone-warning_24: char-from-code("f83d");
$icon-noise-removal_12: char-from-code("f83e");
$icon-note_16: char-from-code("f83f");
$icon-note_20: char-from-code("f840");
$icon-note_24: char-from-code("f841");
$icon-note-ppt_16: char-from-code("f842");
$icon-note-ppt_20: char-from-code("f843");
$icon-notepad_16: char-from-code("f844");
$icon-notes_10: char-from-code("f845");
$icon-notes_12: char-from-code("f846");
$icon-notes_14: char-from-code("f847");
$icon-notes_16: char-from-code("f848");
$icon-notes_20: char-from-code("f849");
$icon-notes_24: char-from-code("f84a");
$icon-notes_26: char-from-code("f84b");
$icon-notes_28: char-from-code("f84c");
$icon-notes_36: char-from-code("f84d");
$icon-notes_8: char-from-code("f84e");
$icon-one-to-one-zoom_16: char-from-code("f84f");
$icon-open-in-folder_10: char-from-code("f850");
$icon-open-in-folder_12: char-from-code("f851");
$icon-open-in-folder_14: char-from-code("f852");
$icon-open-in-folder_16: char-from-code("f853");
$icon-open-in-folder_20: char-from-code("f854");
$icon-open-pages_12: char-from-code("f855");
$icon-open-pages_14: char-from-code("f856");
$icon-open-pages_16: char-from-code("f857");
$icon-open-pages_24: char-from-code("f858");
$icon-open-pages_36: char-from-code("f859");
$icon-other-number_12: char-from-code("f85a");
$icon-other-number_14: char-from-code("f85b");
$icon-other-number_16: char-from-code("f85c");
$icon-other-number_20: char-from-code("f85d");
$icon-other-number-warning_16: char-from-code("f85e");
$icon-outgoing-call-active_12: char-from-code("f85f");
$icon-outgoing-call-active_16: char-from-code("f860");
$icon-outgoing-call-legacy_12: char-from-code("f861");
$icon-outgoing-call-legacy_16: char-from-code("f862");
$icon-outgoing-call-legacy_20: char-from-code("f863");
$icon-outgoing-call-legacy_36: char-from-code("f864");
$icon-outgoing-call-selected_20: char-from-code("f865");
$icon-outgoing-call-selected_24: char-from-code("f866");
$icon-overflow-left_16: char-from-code("f867");
$icon-overflow-right_16: char-from-code("f868");
$icon-paired-camera_16: char-from-code("f869");
$icon-paired-camera_24: char-from-code("f86a");
$icon-paired-camera_28: char-from-code("f86b");
$icon-paired-device_16: char-from-code("f86c");
$icon-paired-device_24: char-from-code("f86d");
$icon-paired-device_56: char-from-code("f86e");
$icon-paired-device_96: char-from-code("f86f");
$icon-paired-handset_16: char-from-code("f870");
$icon-paired-handset_24: char-from-code("f871");
$icon-pairing_14: char-from-code("f872");
$icon-pairing_16: char-from-code("f873");
$icon-pairing_20: char-from-code("f874");
$icon-pairing_24: char-from-code("f875");
$icon-pairing_28: char-from-code("f876");
$icon-pairing_56: char-from-code("f877");
$icon-panel-control-bar_36: char-from-code("f878");
$icon-panel-control-down_12: char-from-code("f879");
$icon-panel-control-down_24: char-from-code("f87a");
$icon-panel-control-down_28: char-from-code("f87b");
$icon-panel-control-down_36: char-from-code("f87c");
$icon-panel-control-down-iph_12: char-from-code("f87d");
$icon-panel-control-down-iph_24: char-from-code("f87e");
$icon-panel-control-down-iph_36: char-from-code("f87f");
$icon-panel-control-dragger_14: char-from-code("f880");
$icon-panel-control-dragger_16: char-from-code("f881");
$icon-panel-control-left_12: char-from-code("f882");
$icon-panel-control-left_16: char-from-code("f883");
$icon-panel-control-left_24: char-from-code("f884");
$icon-panel-control-left_36: char-from-code("f885");
$icon-panel-control-left-iph_12: char-from-code("f886");
$icon-panel-control-left-iph_24: char-from-code("f887");
$icon-panel-control-left-iph_36: char-from-code("f888");
$icon-panel-control-right_12: char-from-code("f889");
$icon-panel-control-right_16: char-from-code("f88a");
$icon-panel-control-right_24: char-from-code("f88b");
$icon-panel-control-right_36: char-from-code("f88c");
$icon-panel-control-right-iph_12: char-from-code("f88d");
$icon-panel-control-right-iph_24: char-from-code("f88e");
$icon-panel-control-right-iph_36: char-from-code("f88f");
$icon-panel-control-thin-down_12: char-from-code("f890");
$icon-panel-control-thin-down_24: char-from-code("f891");
$icon-panel-control-thin-down_28: char-from-code("f892");
$icon-panel-control-thin-left_12: char-from-code("f893");
$icon-panel-control-thin-left_24: char-from-code("f894");
$icon-panel-control-thin-right_12: char-from-code("f895");
$icon-panel-control-thin-right_24: char-from-code("f896");
$icon-panel-control-thin-up_12: char-from-code("f897");
$icon-panel-control-thin-up_24: char-from-code("f898");
$icon-panel-control-thin-up_28: char-from-code("f899");
$icon-panel-control-thinner-left_24: char-from-code("f89a");
$icon-panel-control-thinner-right_24: char-from-code("f89b");
$icon-panel-control-up_12: char-from-code("f89c");
$icon-panel-control-up_24: char-from-code("f89d");
$icon-panel-control-up_28: char-from-code("f89e");
$icon-panel-control-up_36: char-from-code("f89f");
$icon-panel-control-up-iph_12: char-from-code("f8a0");
$icon-panel-control-up-iph_24: char-from-code("f8a1");
$icon-panel-control-up-iph_36: char-from-code("f8a2");
$icon-parked_16: char-from-code("f8a3");
$icon-parked_20: char-from-code("f8a4");
$icon-parked_24: char-from-code("f8a5");
$icon-parse_16: char-from-code("f8a6");
$icon-parse_20: char-from-code("f8a7");
$icon-participant-add_12: char-from-code("f8a8");
$icon-participant-add_14: char-from-code("f8a9");
$icon-participant-add_16: char-from-code("f8aa");
$icon-participant-add_20: char-from-code("f8ab");
$icon-participant-add_24: char-from-code("f8ac");
$icon-participant-add_28: char-from-code("f8ad");
$icon-participant-add_56: char-from-code("f8ae");
$icon-participant-blocked_12: char-from-code("f8af");
$icon-participant-blocked_14: char-from-code("f8b0");
$icon-participant-list_12: char-from-code("f8b1");
$icon-participant-list_14: char-from-code("f8b2");
$icon-participant-list_16: char-from-code("f8b3");
$icon-participant-list_18: char-from-code("f8b4");
$icon-participant-list_20: char-from-code("f8b5");
$icon-participant-list_22: char-from-code("f8b6");
$icon-participant-list_24: char-from-code("f8b7");
$icon-participant-list_26: char-from-code("f8b8");
$icon-participant-list_28: char-from-code("f8b9");
$icon-participant-list_32: char-from-code("f8ba");
$icon-participant-list_56: char-from-code("f8bb");
$icon-participant-list_64: char-from-code("f8bc");
$icon-participant-list_80: char-from-code("f8bd");
$icon-participant-list-legacy_16: char-from-code("f8be");
$icon-participant-list-legacy_20: char-from-code("f8bf");
$icon-participant-list-legacy_24: char-from-code("f8c0");
$icon-participant-list-legacy_28: char-from-code("f8c1");
$icon-participant-list-legacy_32: char-from-code("f8c2");
$icon-participant-list-legacy_56: char-from-code("f8c3");
$icon-participant-list-legacy_64: char-from-code("f8c4");
$icon-participant-list-legacy_80: char-from-code("f8c5");
$icon-participant-list-legacy-optical_16: char-from-code("f8c6");
$icon-participant-list-legacy-optical_20: char-from-code("f8c7");
$icon-participant-list-legacy-optical_22: char-from-code("f8c8");
$icon-participant-list-legacy-optical_26: char-from-code("f8c9");
$icon-participant-list-legacy-optical_28: char-from-code("f8ca");
$icon-participant-list-legacy-optical_32: char-from-code("f8cb");
$icon-participant-list-legacy-optical_56: char-from-code("f8cc");
$icon-participant-list-legacy-optical_64: char-from-code("f8cd");
$icon-participant-list-legacy-optical_80: char-from-code("f8ce");
$icon-participant-remove_12: char-from-code("f8cf");
$icon-participant-remove_14: char-from-code("f8d0");
$icon-participant-remove_16: char-from-code("f8d1");
$icon-participant-remove_20: char-from-code("f8d2");
$icon-participant-remove_24: char-from-code("f8d3");
$icon-participant-remove_28: char-from-code("f8d4");
$icon-participant-remove_56: char-from-code("f8d5");
$icon-participant-unknown_14: char-from-code("f8d6");
$icon-participant-wait_16: char-from-code("f8d7");
$icon-pass-mouse_12: char-from-code("f8d8");
$icon-pass-mouse_16: char-from-code("f8d9");
$icon-pass-mouse_20: char-from-code("f8da");
$icon-pause_10: char-from-code("f8db");
$icon-pause_12: char-from-code("f8dc");
$icon-pause_120: char-from-code("f8dd");
$icon-pause_124: char-from-code("f8de");
$icon-pause_14: char-from-code("f8df");
$icon-pause_16: char-from-code("f8e0");
$icon-pause_18: char-from-code("f8e1");
$icon-pause_20: char-from-code("f8e2");
$icon-pause_24: char-from-code("f8e3");
$icon-pause_26: char-from-code("f8e4");
$icon-pause_32: char-from-code("f8e5");
$icon-pause_48: char-from-code("f8e6");
$icon-pause_56: char-from-code("f8e7");
$icon-pause_8: char-from-code("f8e8");
$icon-pause-circle_12: char-from-code("f8e9");
$icon-pause-circle_16: char-from-code("f8ea");
$icon-pause-circle_20: char-from-code("f8eb");
$icon-pause-circle_24: char-from-code("f8ec");
$icon-pause-circle-active_16: char-from-code("f8ed");
$icon-pause-circle-active_24: char-from-code("f8ee");
$icon-pen_12: char-from-code("f8ef");
$icon-pen_14: char-from-code("f8f0");
$icon-pen_16: char-from-code("f8f1");
$icon-pen_18: char-from-code("f8f2");
$icon-pen_24: char-from-code("f8f3");
$icon-pen_8: char-from-code("f8f4");
$icon-people_10: char-from-code("f8f5");
$icon-people_12: char-from-code("f8f6");
$icon-people_120: char-from-code("f8f7");
$icon-people_14: char-from-code("f8f8");
$icon-people_16: char-from-code("f8f9");
$icon-people_18: char-from-code("f8fa");
$icon-people_20: char-from-code("f8fb");
$icon-people_24: char-from-code("f8fc");
$icon-people_26: char-from-code("f8fd");
$icon-people_28: char-from-code("f8fe");
$icon-people_32: char-from-code("f8ff");
$icon-people_36: char-from-code("f900");
$icon-people_8: char-from-code("f901");
$icon-people-active_10: char-from-code("f902");
$icon-people-active_12: char-from-code("f903");
$icon-people-active_14: char-from-code("f904");
$icon-people-active_16: char-from-code("f905");
$icon-people-active_18: char-from-code("f906");
$icon-people-active_20: char-from-code("f907");
$icon-people-active_24: char-from-code("f908");
$icon-people-active_26: char-from-code("f909");
$icon-people-active_28: char-from-code("f90a");
$icon-people-active_32: char-from-code("f90b");
$icon-people-active_36: char-from-code("f90c");
$icon-people-active_8: char-from-code("f90d");
$icon-people-circle_16: char-from-code("f90e");
$icon-people-circle_20: char-from-code("f90f");
$icon-people-circle_24: char-from-code("f910");
$icon-people-insight_20: char-from-code("f911");
$icon-people-insight_24: char-from-code("f912");
$icon-people-insight-active_20: char-from-code("f913");
$icon-people-insight-active_24: char-from-code("f914");
$icon-phone-adr_12: char-from-code("f915");
$icon-phone-adr_16: char-from-code("f916");
$icon-phone-adr_20: char-from-code("f917");
$icon-phone-adr_24: char-from-code("f918");
$icon-phone-android_12: char-from-code("f919");
$icon-phone-android_16: char-from-code("f91a");
$icon-phone-android_24: char-from-code("f91b");
$icon-phone-ios_12: char-from-code("f91c");
$icon-phone-ios_16: char-from-code("f91d");
$icon-phone-ios_24: char-from-code("f91e");
$icon-phone-ios-muted_12: char-from-code("f91f");
$icon-phone-iph_12: char-from-code("f920");
$icon-phone-iph_16: char-from-code("f921");
$icon-phone-iph_20: char-from-code("f922");
$icon-phone-iph_24: char-from-code("f923");
$icon-phone-iph-alert_12: char-from-code("f924");
$icon-phone-iph-muted_12: char-from-code("f925");
$icon-phone-iph-muted-alert_12: char-from-code("f926");
$icon-phone-iph-private_12: char-from-code("f927");
$icon-phone-reply_16: char-from-code("f928");
$icon-phone-reply_20: char-from-code("f929");
$icon-phone-reply-all_16: char-from-code("f92a");
$icon-phone-reply-all_20: char-from-code("f92b");
$icon-picker_14: char-from-code("f92c");
$icon-picker_16: char-from-code("f92d");
$icon-picker_18: char-from-code("f92e");
$icon-picture-in-picture_12: char-from-code("f92f");
$icon-picture-in-picture_16: char-from-code("f930");
$icon-picture-in-picture_20: char-from-code("f931");
$icon-picture-in-picture_24: char-from-code("f932");
$icon-pie-chart_16: char-from-code("f933");
$icon-pie-chart_20: char-from-code("f934");
$icon-pin_10: char-from-code("f935");
$icon-pin_12: char-from-code("f936");
$icon-pin_14: char-from-code("f937");
$icon-pin_16: char-from-code("f938");
$icon-pin_18: char-from-code("f939");
$icon-pin_20: char-from-code("f93a");
$icon-pin_24: char-from-code("f93b");
$icon-pin-active_10: char-from-code("f93c");
$icon-pin-active_20: char-from-code("f93d");
$icon-pin-list_12: char-from-code("f93e");
$icon-pin-list_16: char-from-code("f93f");
$icon-pin-list_20: char-from-code("f940");
$icon-pin-muted_10: char-from-code("f941");
$icon-pin-muted_12: char-from-code("f942");
$icon-pin-muted_14: char-from-code("f943");
$icon-pin-muted_16: char-from-code("f944");
$icon-pin-muted_18: char-from-code("f945");
$icon-pin-muted_20: char-from-code("f946");
$icon-pin-muted_24: char-from-code("f947");
$icon-placeholder_10: char-from-code("f948");
$icon-placeholder_12: char-from-code("f949");
$icon-placeholder_14: char-from-code("f94a");
$icon-placeholder_16: char-from-code("f94b");
$icon-placeholder_18: char-from-code("f94c");
$icon-placeholder_20: char-from-code("f94d");
$icon-placeholder_24: char-from-code("f94e");
$icon-placeholder_28: char-from-code("f94f");
$icon-placeholder_32: char-from-code("f950");
$icon-placeholder_36: char-from-code("f951");
$icon-placeholder_40: char-from-code("f952");
$icon-placeholder_48: char-from-code("f953");
$icon-placeholder_56: char-from-code("f954");
$icon-placeholder_8: char-from-code("f955");
$icon-play_12: char-from-code("f956");
$icon-play_14: char-from-code("f957");
$icon-play_16: char-from-code("f958");
$icon-play_20: char-from-code("f959");
$icon-play_24: char-from-code("f95a");
$icon-play_28: char-from-code("f95b");
$icon-play_32: char-from-code("f95c");
$icon-play-circle_12: char-from-code("f95d");
$icon-play-circle_16: char-from-code("f95e");
$icon-play-circle_20: char-from-code("f95f");
$icon-play-circle_24: char-from-code("f960");
$icon-play-circle_28: char-from-code("f961");
$icon-play-circle_32: char-from-code("f962");
$icon-plug-ac_24: char-from-code("f963");
$icon-plus_12: char-from-code("f964");
$icon-plus_14: char-from-code("f965");
$icon-plus_16: char-from-code("f966");
$icon-plus_18: char-from-code("f967");
$icon-plus_20: char-from-code("f968");
$icon-plus_24: char-from-code("f969");
$icon-plus_28: char-from-code("f96a");
$icon-plus_8: char-from-code("f96b");
$icon-plus-circle_24: char-from-code("f96c");
$icon-plus-circle-active_12: char-from-code("f96d");
$icon-plus-circle-active_20: char-from-code("f96e");
$icon-plus-circle-active_24: char-from-code("f96f");
$icon-pmr_10: char-from-code("f970");
$icon-pmr_12: char-from-code("f971");
$icon-pmr_14: char-from-code("f972");
$icon-pmr_16: char-from-code("f973");
$icon-pmr_18: char-from-code("f974");
$icon-pmr_20: char-from-code("f975");
$icon-pmr_24: char-from-code("f976");
$icon-pmr_32: char-from-code("f977");
$icon-pmr_36: char-from-code("f978");
$icon-pmr-legacy_10: char-from-code("f979");
$icon-pmr-legacy_12: char-from-code("f97a");
$icon-pmr-legacy_14: char-from-code("f97b");
$icon-pmr-legacy_16: char-from-code("f97c");
$icon-pmr-legacy_18: char-from-code("f97d");
$icon-pmr-legacy_20: char-from-code("f97e");
$icon-pmr-legacy_24: char-from-code("f97f");
$icon-pmr-legacy_32: char-from-code("f980");
$icon-pmr-legacy_36: char-from-code("f981");
$icon-poll_12: char-from-code("f982");
$icon-poll_16: char-from-code("f983");
$icon-poll_20: char-from-code("f984");
$icon-poll_24: char-from-code("f985");
$icon-poll_36: char-from-code("f986");
$icon-pop-in_10: char-from-code("f987");
$icon-pop-in_12: char-from-code("f988");
$icon-pop-in_16: char-from-code("f989");
$icon-pop-in_20: char-from-code("f98a");
$icon-pop-in_24: char-from-code("f98b");
$icon-pop-in_8: char-from-code("f98c");
$icon-pop-out_10: char-from-code("f98d");
$icon-pop-out_12: char-from-code("f98e");
$icon-pop-out_16: char-from-code("f98f");
$icon-pop-out_20: char-from-code("f990");
$icon-pop-out_24: char-from-code("f991");
$icon-pop-out_8: char-from-code("f992");
$icon-pop-up_12: char-from-code("f993");
$icon-pop-up_24: char-from-code("f994");
$icon-power-ac_16: char-from-code("f995");
$icon-power-apps_32: char-from-code("f996");
$icon-presentation_16: char-from-code("f997");
$icon-presentation_20: char-from-code("f998");
$icon-presentation_24: char-from-code("f999");
$icon-print_10: char-from-code("f99a");
$icon-print_12: char-from-code("f99b");
$icon-print_16: char-from-code("f99c");
$icon-priority_12: char-from-code("f99d");
$icon-priority_14: char-from-code("f99e");
$icon-priority_16: char-from-code("f99f");
$icon-priority_18: char-from-code("f9a0");
$icon-priority_20: char-from-code("f9a1");
$icon-priority_24: char-from-code("f9a2");
$icon-priority_28: char-from-code("f9a3");
$icon-priority_32: char-from-code("f9a4");
$icon-priority_40: char-from-code("f9a5");
$icon-priority_44: char-from-code("f9a6");
$icon-priority_72: char-from-code("f9a7");
$icon-priority-active_16: char-from-code("f9a8");
$icon-priority-active-two_12: char-from-code("f9a9");
$icon-priority-active-two_14: char-from-code("f9aa");
$icon-priority-active-two_16: char-from-code("f9ab");
$icon-privacy_16: char-from-code("f9ac");
$icon-privacy_20: char-from-code("f9ad");
$icon-private_10: char-from-code("f9ae");
$icon-private_12: char-from-code("f9af");
$icon-private_14: char-from-code("f9b0");
$icon-private_16: char-from-code("f9b1");
$icon-private_20: char-from-code("f9b2");
$icon-private_24: char-from-code("f9b3");
$icon-private_28: char-from-code("f9b4");
$icon-private_8: char-from-code("f9b5");
$icon-private-circle_100: char-from-code("f9b6");
$icon-private-circle_14: char-from-code("f9b7");
$icon-private-circle_16: char-from-code("f9b8");
$icon-private-circle_20: char-from-code("f9b9");
$icon-private-circle_24: char-from-code("f9ba");
$icon-private-circle_48: char-from-code("f9bb");
$icon-private-circle_56: char-from-code("f9bc");
$icon-private-circle_80: char-from-code("f9bd");
$icon-private-circle-active_16: char-from-code("f9be");
$icon-private-circle-active_20: char-from-code("f9bf");
$icon-private-circle-active_24: char-from-code("f9c0");
$icon-private-meeting_12: char-from-code("f9c1");
$icon-private-meeting_14: char-from-code("f9c2");
$icon-private-meeting_16: char-from-code("f9c3");
$icon-private-meeting_20: char-from-code("f9c4");
$icon-pro-badge_28: char-from-code("f9c5");
$icon-product-demo_16: char-from-code("f9c6");
$icon-proximity_12: char-from-code("f9c7");
$icon-proximity_16: char-from-code("f9c8");
$icon-proximity_20: char-from-code("f9c9");
$icon-proximity_24: char-from-code("f9ca");
$icon-proximity_28: char-from-code("f9cb");
$icon-proximity-muted_12: char-from-code("f9cc");
$icon-proximity-muted_16: char-from-code("f9cd");
$icon-proximity-muted_24: char-from-code("f9ce");
$icon-proximity-muted_28: char-from-code("f9cf");
$icon-proximity-video_12: char-from-code("f9d0");
$icon-proximity-video_14: char-from-code("f9d1");
$icon-proximity-video_16: char-from-code("f9d2");
$icon-proximity-video_20: char-from-code("f9d3");
$icon-proximity-video_24: char-from-code("f9d4");
$icon-proximity-video_26: char-from-code("f9d5");
$icon-pto_12: char-from-code("f9d6");
$icon-pto_120: char-from-code("f9d7");
$icon-pto_124: char-from-code("f9d8");
$icon-pto_14: char-from-code("f9d9");
$icon-pto_16: char-from-code("f9da");
$icon-pto_18: char-from-code("f9db");
$icon-pto_20: char-from-code("f9dc");
$icon-pto_24: char-from-code("f9dd");
$icon-pto_26: char-from-code("f9de");
$icon-pto_28: char-from-code("f9df");
$icon-pto_32: char-from-code("f9e0");
$icon-pto_40: char-from-code("f9e1");
$icon-pto_48: char-from-code("f9e2");
$icon-pto_56: char-from-code("f9e3");
$icon-pto_8: char-from-code("f9e4");
$icon-pull-call_12: char-from-code("f9e5");
$icon-pull-call_14: char-from-code("f9e6");
$icon-pull-call_16: char-from-code("f9e7");
$icon-pull-call_24: char-from-code("f9e8");
$icon-q-a_16: char-from-code("f9e9");
$icon-q-a_20: char-from-code("f9ea");
$icon-q-a_24: char-from-code("f9eb");
$icon-q-a_36: char-from-code("f9ec");
$icon-quality_16: char-from-code("f9ed");
$icon-quality_24: char-from-code("f9ee");
$icon-queue_14: char-from-code("f9ef");
$icon-queue_contact: char-from-code("f9f0");
$icon-queue-contact_14: char-from-code("f9f1");
$icon-queue-contact_20: char-from-code("f9f2");
$icon-queue-lookup_16: char-from-code("f9f3");
$icon-quiet_16: char-from-code("f9f4");
$icon-quiet_20: char-from-code("f9f5");
$icon-quiet_32: char-from-code("f9f6");
$icon-quiet_8: char-from-code("f9f7");
$icon-raise-hand_12: char-from-code("f9f8");
$icon-raise-hand_16: char-from-code("f9f9");
$icon-raise-hand_20: char-from-code("f9fa");
$icon-raise-hand_24: char-from-code("f9fb");
$icon-ram_16: char-from-code("f9fc");
$icon-reactions_12: char-from-code("f9fd");
$icon-reactions_16: char-from-code("f9fe");
$icon-reactions_20: char-from-code("f9ff");
$icon-real-time-translation_24: char-from-code("fa00");
$icon-recents_12: char-from-code("fa01");
$icon-recents_14: char-from-code("fa02");
$icon-recents_16: char-from-code("fa03");
$icon-recents_18: char-from-code("fa04");
$icon-recents_20: char-from-code("fa05");
$icon-recents_24: char-from-code("fa06");
$icon-recents_80: char-from-code("fa07");
$icon-recents-active_14: char-from-code("fa08");
$icon-recents-active_24: char-from-code("fa09");
$icon-recents-presence_12: char-from-code("fa0a");
$icon-recents-presence_14: char-from-code("fa0b");
$icon-recents-presence_24: char-from-code("fa0c");
$icon-recents-presence_28: char-from-code("fa0d");
$icon-recents-presence_8: char-from-code("fa0e");
$icon-recents-presence-stroke_10: char-from-code("fa0f");
$icon-recents-presence-stroke_14: char-from-code("fa10");
$icon-recents-presence-stroke_16: char-from-code("fa11");
$icon-recents-presence-stroke_26: char-from-code("fa12");
$icon-recents-presence-stroke_30: char-from-code("fa13");
$icon-record_12: char-from-code("fa14");
$icon-record_14: char-from-code("fa15");
$icon-record_16: char-from-code("fa16");
$icon-record_20: char-from-code("fa17");
$icon-record_24: char-from-code("fa18");
$icon-record_28: char-from-code("fa19");
$icon-record-active_12: char-from-code("fa1a");
$icon-record-active_14: char-from-code("fa1b");
$icon-record-active_16: char-from-code("fa1c");
$icon-record-active_20: char-from-code("fa1d");
$icon-record-active_24: char-from-code("fa1e");
$icon-record-active-bg_12: char-from-code("fa1f");
$icon-record-active-bg_14: char-from-code("fa20");
$icon-record-active-bg_16: char-from-code("fa21");
$icon-record-active-bg_20: char-from-code("fa22");
$icon-record-active-bg_24: char-from-code("fa23");
$icon-record-active-circle_12: char-from-code("fa24");
$icon-record-active-circle_14: char-from-code("fa25");
$icon-record-active-circle_16: char-from-code("fa26");
$icon-record-active-circle_20: char-from-code("fa27");
$icon-record-active-circle_24: char-from-code("fa28");
$icon-recurring_12: char-from-code("fa29");
$icon-recurring_14: char-from-code("fa2a");
$icon-recurring_16: char-from-code("fa2b");
$icon-recurring_20: char-from-code("fa2c");
$icon-recurring_24: char-from-code("fa2d");
$icon-recurring-off_12: char-from-code("fa2e");
$icon-recurring-off_16: char-from-code("fa2f");
$icon-redial_16: char-from-code("fa30");
$icon-redial_20: char-from-code("fa31");
$icon-redial_24: char-from-code("fa32");
$icon-redo_12: char-from-code("fa33");
$icon-redo_14: char-from-code("fa34");
$icon-redo_16: char-from-code("fa35");
$icon-refresh_10: char-from-code("fa36");
$icon-refresh_12: char-from-code("fa37");
$icon-refresh_16: char-from-code("fa38");
$icon-refresh_18: char-from-code("fa39");
$icon-refresh_20: char-from-code("fa3a");
$icon-refresh_24: char-from-code("fa3b");
$icon-remote-desktop-control_10: char-from-code("fa3c");
$icon-remote-desktop-control_12: char-from-code("fa3d");
$icon-remote-desktop-control_14: char-from-code("fa3e");
$icon-remote-desktop-control_16: char-from-code("fa3f");
$icon-remote-desktop-control_24: char-from-code("fa40");
$icon-remote-desktop-control-active_10: char-from-code("fa41");
$icon-remote-desktop-control-active_12: char-from-code("fa42");
$icon-remove_12: char-from-code("fa43");
$icon-remove_14: char-from-code("fa44");
$icon-remove_16: char-from-code("fa45");
$icon-remove_20: char-from-code("fa46");
$icon-remove_24: char-from-code("fa47");
$icon-reply_10: char-from-code("fa48");
$icon-reply_12: char-from-code("fa49");
$icon-reply_16: char-from-code("fa4a");
$icon-reply_20: char-from-code("fa4b");
$icon-reply_24: char-from-code("fa4c");
$icon-reply-list_12: char-from-code("fa4d");
$icon-reply-list_16: char-from-code("fa4e");
$icon-reply-list_20: char-from-code("fa4f");
$icon-report_16: char-from-code("fa50");
$icon-report_28: char-from-code("fa51");
$icon-reset_16: char-from-code("fa52");
$icon-reset_24: char-from-code("fa53");
$icon-response_16: char-from-code("fa54");
$icon-responsive-mobile_16: char-from-code("fa55");
$icon-retrieve-call_14: char-from-code("fa56");
$icon-retrieve-call_16: char-from-code("fa57");
$icon-return_12: char-from-code("fa58");
$icon-return_16: char-from-code("fa59");
$icon-ringtone_16: char-from-code("fa5a");
$icon-ringtone_24: char-from-code("fa5b");
$icon-room-calendar_24: char-from-code("fa5c");
$icon-room-lights_16: char-from-code("fa5d");
$icon-room-lights_24: char-from-code("fa5e");
$icon-rotate-content_12: char-from-code("fa5f");
$icon-rotate-content_16: char-from-code("fa60");
$icon-rotate-content_24: char-from-code("fa61");
$icon-rotate-landscape_16: char-from-code("fa62");
$icon-rss-circle_24: char-from-code("fa63");
$icon-rss-circle_32: char-from-code("fa64");
$icon-rss-circle_40: char-from-code("fa65");
$icon-running-application_16: char-from-code("fa66");
$icon-running-application_24: char-from-code("fa67");
$icon-save_12: char-from-code("fa68");
$icon-save_14: char-from-code("fa69");
$icon-save_16: char-from-code("fa6a");
$icon-save_24: char-from-code("fa6b");
$icon-scan_20: char-from-code("fa6c");
$icon-scan_24: char-from-code("fa6d");
$icon-schedule-send_bold: char-from-code("fa6e");
$icon-schedule-send_filled: char-from-code("fa6f");
$icon-schedule-send_light: char-from-code("fa70");
$icon-schedule-send_regular: char-from-code("fa71");
$icon-scheduler-available_14: char-from-code("fa72");
$icon-scheduler-available_16: char-from-code("fa73");
$icon-scheduler-not-working-hours_14: char-from-code("fa74");
$icon-scheduler-not-working-hours_16: char-from-code("fa75");
$icon-scheduler-unavailable_14: char-from-code("fa76");
$icon-scheduler-unavailable_16: char-from-code("fa77");
$icon-scheduler-unknown_14: char-from-code("fa78");
$icon-scheduler-unknown_16: char-from-code("fa79");
$icon-screen-toggle_10: char-from-code("fa7a");
$icon-screen-toggle_12: char-from-code("fa7b");
$icon-screen-toggle_16: char-from-code("fa7c");
$icon-screen-toggle_20: char-from-code("fa7d");
$icon-screen-toggle_24: char-from-code("fa7e");
$icon-screenshot_12: char-from-code("fa7f");
$icon-screenshot_16: char-from-code("fa80");
$icon-screenshot_20: char-from-code("fa81");
$icon-screenshot_24: char-from-code("fa82");
$icon-search_12: char-from-code("fa83");
$icon-search_14: char-from-code("fa84");
$icon-search_16: char-from-code("fa85");
$icon-search_18: char-from-code("fa86");
$icon-search_20: char-from-code("fa87");
$icon-search_24: char-from-code("fa88");
$icon-search_28: char-from-code("fa89");
$icon-secure_10: char-from-code("fa8a");
$icon-secure_12: char-from-code("fa8b");
$icon-secure_14: char-from-code("fa8c");
$icon-secure_16: char-from-code("fa8d");
$icon-secure_20: char-from-code("fa8e");
$icon-secure_24: char-from-code("fa8f");
$icon-secure_28: char-from-code("fa90");
$icon-secure_8: char-from-code("fa91");
$icon-secure-active_12: char-from-code("fa92");
$icon-secure-active_14: char-from-code("fa93");
$icon-secure-active_16: char-from-code("fa94");
$icon-secure-active_20: char-from-code("fa95");
$icon-secure-active_24: char-from-code("fa96");
$icon-secure-active_28: char-from-code("fa97");
$icon-secure-active_8: char-from-code("fa98");
$icon-secure-badge_28: char-from-code("fa99");
$icon-secure-circle_14: char-from-code("fa9a");
$icon-secure-circle_16: char-from-code("fa9b");
$icon-secure-circle-active_14: char-from-code("fa9c");
$icon-secure-circle-active_16: char-from-code("fa9d");
$icon-secure-fips_24: char-from-code("fa9e");
$icon-secure-lock-bold_16: char-from-code("fa9f");
$icon-secure-lock-light_32: char-from-code("faa0");
$icon-selfview_16: char-from-code("faa1");
$icon-selfview_20: char-from-code("faa2");
$icon-selfview_24: char-from-code("faa3");
$icon-send_12: char-from-code("faa4");
$icon-send_14: char-from-code("faa5");
$icon-send_16: char-from-code("faa6");
$icon-send_20: char-from-code("faa7");
$icon-send_24: char-from-code("faa8");
$icon-seperate_12: char-from-code("faa9");
$icon-seperate_16: char-from-code("faaa");
$icon-seperate_20: char-from-code("faab");
$icon-seperate_24: char-from-code("faac");
$icon-server_16: char-from-code("faad");
$icon-server_24: char-from-code("faae");
$icon-server-circle_100: char-from-code("faaf");
$icon-server-error_16: char-from-code("fab0");
$icon-set-variable_16: char-from-code("fab1");
$icon-set-variable_20: char-from-code("fab2");
$icon-settings_10: char-from-code("fab3");
$icon-settings_12: char-from-code("fab4");
$icon-settings_14: char-from-code("fab5");
$icon-settings_16: char-from-code("fab6");
$icon-settings_18: char-from-code("fab7");
$icon-settings_20: char-from-code("fab8");
$icon-settings_24: char-from-code("fab9");
$icon-settings_32: char-from-code("faba");
$icon-settings_8: char-from-code("fabb");
$icon-settings-active_10: char-from-code("fabc");
$icon-settings-active_12: char-from-code("fabd");
$icon-settings-active_14: char-from-code("fabe");
$icon-settings-active_16: char-from-code("fabf");
$icon-settings-active_18: char-from-code("fac0");
$icon-settings-active_20: char-from-code("fac1");
$icon-settings-active_24: char-from-code("fac2");
$icon-settings-active_32: char-from-code("fac3");
$icon-settings-active_8: char-from-code("fac4");
$icon-setup-assistant_16: char-from-code("fac5");
$icon-shake-device_18: char-from-code("fac6");
$icon-shake-device_20: char-from-code("fac7");
$icon-shape-circle_20: char-from-code("fac8");
$icon-shape-cone_20: char-from-code("fac9");
$icon-shape-cylinder_20: char-from-code("faca");
$icon-shape-diagonal-arrowhead-dual_16: char-from-code("facb");
$icon-shape-diagonal-arrowhead-single_16: char-from-code("facc");
$icon-shape-diagonal-arrowhead-single_20: char-from-code("facd");
$icon-shape-diagonal-line_16: char-from-code("face");
$icon-shape-diagonal-line_20: char-from-code("facf");
$icon-shape-oval_16: char-from-code("fad0");
$icon-shape-oval_20: char-from-code("fad1");
$icon-shape-polygon_20: char-from-code("fad2");
$icon-shape-sphere_20: char-from-code("fad3");
$icon-shape-square_16: char-from-code("fad4");
$icon-shape-square_20: char-from-code("fad5");
$icon-shapes_16: char-from-code("fad6");
$icon-share_12: char-from-code("fad7");
$icon-share_14: char-from-code("fad8");
$icon-share_16: char-from-code("fad9");
$icon-share_18: char-from-code("fada");
$icon-share_20: char-from-code("fadb");
$icon-share_24: char-from-code("fadc");
$icon-share_28: char-from-code("fadd");
$icon-share_32: char-from-code("fade");
$icon-share-c-native-adr_12: char-from-code("fadf");
$icon-share-c-native-adr_14: char-from-code("fae0");
$icon-share-c-native-adr_16: char-from-code("fae1");
$icon-share-c-native-adr_24: char-from-code("fae2");
$icon-share-c-native-ios_10: char-from-code("fae3");
$icon-share-c-native-ios_12: char-from-code("fae4");
$icon-share-c-native-ios_14: char-from-code("fae5");
$icon-share-c-native-ios_16: char-from-code("fae6");
$icon-share-c-native-ios_20: char-from-code("fae7");
$icon-share-c-native-ios_28: char-from-code("fae8");
$icon-share-c-native-iph_10: char-from-code("fae9");
$icon-share-c-native-iph_12: char-from-code("faea");
$icon-share-c-native-iph_14: char-from-code("faeb");
$icon-share-c-native-iph_16: char-from-code("faec");
$icon-share-c-native-iph_20: char-from-code("faed");
$icon-share-c-native-iph_24: char-from-code("faee");
$icon-share-c-native-iph_28: char-from-code("faef");
$icon-share-screen_10: char-from-code("faf0");
$icon-share-screen_12: char-from-code("faf1");
$icon-share-screen_120: char-from-code("faf2");
$icon-share-screen_124: char-from-code("faf3");
$icon-share-screen_14: char-from-code("faf4");
$icon-share-screen_16: char-from-code("faf5");
$icon-share-screen_18: char-from-code("faf6");
$icon-share-screen_20: char-from-code("faf7");
$icon-share-screen_24: char-from-code("faf8");
$icon-share-screen_26: char-from-code("faf9");
$icon-share-screen_28: char-from-code("fafa");
$icon-share-screen_32: char-from-code("fafb");
$icon-share-screen_36: char-from-code("fafc");
$icon-share-screen_48: char-from-code("fafd");
$icon-share-screen_56: char-from-code("fafe");
$icon-share-screen_8: char-from-code("faff");
$icon-share-screen-active_14: char-from-code("fb00");
$icon-share-screen-active_24: char-from-code("fb01");
$icon-share-screen-presence_12: char-from-code("fb02");
$icon-share-screen-presence_14: char-from-code("fb03");
$icon-share-screen-presence_28: char-from-code("fb04");
$icon-share-screen-presence_8: char-from-code("fb05");
$icon-share-screen-presence-stroke_12: char-from-code("fb06");
$icon-share-screen-presence-stroke_14: char-from-code("fb07");
$icon-share-screen-presence-stroke_16: char-from-code("fb08");
$icon-share-screen-presence-stroke_26: char-from-code("fb09");
$icon-share-screen-presence-stroke_30: char-from-code("fb0a");
$icon-share-space_12: char-from-code("fb0b");
$icon-share-space_14: char-from-code("fb0c");
$icon-share-space_18: char-from-code("fb0d");
$icon-share-space_20: char-from-code("fb0e");
$icon-share-space_24: char-from-code("fb0f");
$icon-shield_12: char-from-code("fb10");
$icon-shield_14: char-from-code("fb11");
$icon-shield_20: char-from-code("fb12");
$icon-shield_24: char-from-code("fb13");
$icon-show_12: char-from-code("fb14");
$icon-show_16: char-from-code("fb15");
$icon-show_20: char-from-code("fb16");
$icon-show_24: char-from-code("fb17");
$icon-side-by-side-active_24: char-from-code("fb18");
$icon-sign-in_16: char-from-code("fb19");
$icon-sign-in_20: char-from-code("fb1a");
$icon-sign-in_24: char-from-code("fb1b");
$icon-sign-in-forced_16: char-from-code("fb1c");
$icon-sign-in-forced_24: char-from-code("fb1d");
$icon-sign-out_10: char-from-code("fb1e");
$icon-sign-out_12: char-from-code("fb1f");
$icon-sign-out_16: char-from-code("fb20");
$icon-sign-out_20: char-from-code("fb21");
$icon-sign-out_24: char-from-code("fb22");
$icon-signal-0_16: char-from-code("fb23");
$icon-signal-100_12: char-from-code("fb24");
$icon-signal-100_16: char-from-code("fb25");
$icon-signal-25_16: char-from-code("fb26");
$icon-signal-50_16: char-from-code("fb27");
$icon-signal-75_16: char-from-code("fb28");
$icon-single-number-reach_12: char-from-code("fb29");
$icon-single-number-reach_14: char-from-code("fb2a");
$icon-single-number-reach_16: char-from-code("fb2b");
$icon-single-number-reach_20: char-from-code("fb2c");
$icon-skip_10: char-from-code("fb2d");
$icon-skip_16: char-from-code("fb2e");
$icon-skip_24: char-from-code("fb2f");
$icon-skip-bw_16: char-from-code("fb30");
$icon-skip-bw_24: char-from-code("fb31");
$icon-skip-fw_16: char-from-code("fb32");
$icon-skip-fw_24: char-from-code("fb33");
$icon-sms_12: char-from-code("fb34");
$icon-sms_16: char-from-code("fb35");
$icon-sort-down_12: char-from-code("fb36");
$icon-sort-down_16: char-from-code("fb37");
$icon-sort-down_20: char-from-code("fb38");
$icon-sort-down_24: char-from-code("fb39");
$icon-sort-up_20: char-from-code("fb3a");
$icon-sort-up_24: char-from-code("fb3b");
$icon-space_12: char-from-code("fb3c");
$icon-space_16: char-from-code("fb3d");
$icon-spark_16: char-from-code("fb3e");
$icon-spark-board_12: char-from-code("fb3f");
$icon-spark-board_14: char-from-code("fb40");
$icon-spark-board_16: char-from-code("fb41");
$icon-spark-board_20: char-from-code("fb42");
$icon-spark-board_24: char-from-code("fb43");
$icon-spark-board_28: char-from-code("fb44");
$icon-spark-board_32: char-from-code("fb45");
$icon-spark-board_48: char-from-code("fb46");
$icon-spark-quad-camera_16: char-from-code("fb47");
$icon-spark-quad-camera_20: char-from-code("fb48");
$icon-spark-room-kit_16: char-from-code("fb49");
$icon-spark-room-kit_20: char-from-code("fb4a");
$icon-spark-room-kit-plus_16: char-from-code("fb4b");
$icon-spark-room-kit-plus_20: char-from-code("fb4c");
$icon-spark-share_16: char-from-code("fb4d");
$icon-spark-share_20: char-from-code("fb4e");
$icon-spark-voice_16: char-from-code("fb4f");
$icon-spark-voice_20: char-from-code("fb50");
$icon-speaker_12: char-from-code("fb51");
$icon-speaker_16: char-from-code("fb52");
$icon-speaker_20: char-from-code("fb53");
$icon-speaker_24: char-from-code("fb54");
$icon-speaker_28: char-from-code("fb55");
$icon-speaker-bluetooth_16: char-from-code("fb56");
$icon-speaker-disconnected_12: char-from-code("fb57");
$icon-speaker-disconnected_14: char-from-code("fb58");
$icon-speaker-disconnected_16: char-from-code("fb59");
$icon-speaker-disconnected_20: char-from-code("fb5a");
$icon-speaker-disconnected_24: char-from-code("fb5b");
$icon-speaker-disconnected_28: char-from-code("fb5c");
$icon-speaker-disconnected_36: char-from-code("fb5d");
$icon-speaker-line-out-left_16: char-from-code("fb5e");
$icon-speaker-line-out-right_16: char-from-code("fb5f");
$icon-speaker-muted_12: char-from-code("fb60");
$icon-speaker-muted_14: char-from-code("fb61");
$icon-speaker-muted_16: char-from-code("fb62");
$icon-speaker-muted_24: char-from-code("fb63");
$icon-speaker-muted_28: char-from-code("fb64");
$icon-speaker-muted_32: char-from-code("fb65");
$icon-speaker-off_16: char-from-code("fb66");
$icon-speaker-off_24: char-from-code("fb67");
$icon-speaker-off_28: char-from-code("fb68");
$icon-speaker-turn-down_16: char-from-code("fb69");
$icon-speaker-turn-up_16: char-from-code("fb6a");
$icon-spinner_12: char-from-code("fb6b");
$icon-spinner_14: char-from-code("fb6c");
$icon-spinner_16: char-from-code("fb6d");
$icon-spinner_18: char-from-code("fb6e");
$icon-spinner_20: char-from-code("fb6f");
$icon-spinner_24: char-from-code("fb70");
$icon-spinner_28: char-from-code("fb71");
$icon-spinner_32: char-from-code("fb72");
$icon-spinner_36: char-from-code("fb73");
$icon-spinner_40: char-from-code("fb74");
$icon-spinner_48: char-from-code("fb75");
$icon-spinner_56: char-from-code("fb76");
$icon-spinner_72: char-from-code("fb77");
$icon-spinner_8: char-from-code("fb78");
$icon-spinner_80: char-from-code("fb79");
$icon-spinner_90: char-from-code("fb7a");
$icon-spreadsheet_16: char-from-code("fb7b");
$icon-stacked-area-100-chart_16: char-from-code("fb7c");
$icon-stacked-area-chart_16: char-from-code("fb7d");
$icon-stacked-bar-100-chart_16: char-from-code("fb7e");
$icon-stacked-bar-chart_16: char-from-code("fb7f");
$icon-start-chat_20: char-from-code("fb80");
$icon-start-chat_24: char-from-code("fb81");
$icon-stickers_16: char-from-code("fb82");
$icon-stickers_24: char-from-code("fb83");
$icon-stickies_12: char-from-code("fb84");
$icon-stickies_16: char-from-code("fb85");
$icon-stickies_24: char-from-code("fb86");
$icon-stop_10: char-from-code("fb87");
$icon-stop_12: char-from-code("fb88");
$icon-stop_16: char-from-code("fb89");
$icon-stop_20: char-from-code("fb8a");
$icon-stop_24: char-from-code("fb8b");
$icon-stop-circle_12: char-from-code("fb8c");
$icon-stop-circle_16: char-from-code("fb8d");
$icon-stop-circle_20: char-from-code("fb8e");
$icon-stop-circle_24: char-from-code("fb8f");
$icon-stop-content-share_20: char-from-code("fb90");
$icon-stored-info_12: char-from-code("fb91");
$icon-stored-info_16: char-from-code("fb92");
$icon-stored-info_20: char-from-code("fb93");
$icon-stored-info_24: char-from-code("fb94");
$icon-stored-info-active_12: char-from-code("fb95");
$icon-stored-info-active_16: char-from-code("fb96");
$icon-stored-info-active_20: char-from-code("fb97");
$icon-stored-info-active_24: char-from-code("fb98");
$icon-streaming_16: char-from-code("fb99");
$icon-streaming_20: char-from-code("fb9a");
$icon-streaming_24: char-from-code("fb9b");
$icon-subscribe_16: char-from-code("fb9c");
$icon-subscript_12: char-from-code("fb9d");
$icon-subscript_16: char-from-code("fb9e");
$icon-superscript_12: char-from-code("fb9f");
$icon-superscript_16: char-from-code("fba0");
$icon-survey-bold: char-from-code("fba1");
$icon-survey-filled: char-from-code("fba2");
$icon-survey-light: char-from-code("fba3");
$icon-survey-regular: char-from-code("fba4");
$icon-swift_16: char-from-code("fba5");
$icon-sx10_16: char-from-code("fba6");
$icon-sx10_20: char-from-code("fba7");
$icon-sx20_16: char-from-code("fba8");
$icon-sx20_20: char-from-code("fba9");
$icon-sx80-codec_16: char-from-code("fbaa");
$icon-sx80-codec_20: char-from-code("fbab");
$icon-tablet_12: char-from-code("fbac");
$icon-tablet_16: char-from-code("fbad");
$icon-tablet_24: char-from-code("fbae");
$icon-tabs_16: char-from-code("fbaf");
$icon-tabs_24: char-from-code("fbb0");
$icon-tag_12: char-from-code("fbb1");
$icon-tag_16: char-from-code("fbb2");
$icon-tag_20: char-from-code("fbb3");
$icon-tap_20: char-from-code("fbb4");
$icon-tasks_10: char-from-code("fbb5");
$icon-tasks_12: char-from-code("fbb6");
$icon-tasks_14: char-from-code("fbb7");
$icon-tasks_16: char-from-code("fbb8");
$icon-tasks_18: char-from-code("fbb9");
$icon-tasks_20: char-from-code("fbba");
$icon-tasks_24: char-from-code("fbbb");
$icon-tasks_26: char-from-code("fbbc");
$icon-tasks_28: char-from-code("fbbd");
$icon-tasks_32: char-from-code("fbbe");
$icon-tasks_36: char-from-code("fbbf");
$icon-tasks_8: char-from-code("fbc0");
$icon-team_12: char-from-code("fbc1");
$icon-team_14: char-from-code("fbc2");
$icon-team_16: char-from-code("fbc3");
$icon-team_18: char-from-code("fbc4");
$icon-team_20: char-from-code("fbc5");
$icon-team_24: char-from-code("fbc6");
$icon-team_32: char-from-code("fbc7");
$icon-team-active_12: char-from-code("fbc8");
$icon-team-active_14: char-from-code("fbc9");
$icon-team-active_16: char-from-code("fbca");
$icon-team-active_18: char-from-code("fbcb");
$icon-team-active_20: char-from-code("fbcc");
$icon-team-active_24: char-from-code("fbcd");
$icon-team-active_32: char-from-code("fbce");
$icon-team-new_24: char-from-code("fbcf");
$icon-telepresence_12: char-from-code("fbd0");
$icon-telepresence_14: char-from-code("fbd1");
$icon-telepresence_16: char-from-code("fbd2");
$icon-telepresence_18: char-from-code("fbd3");
$icon-telepresence_20: char-from-code("fbd4");
$icon-telepresence_24: char-from-code("fbd5");
$icon-telepresence_64: char-from-code("fbd6");
$icon-telepresence-alert_12: char-from-code("fbd7");
$icon-telepresence-ix5000_16: char-from-code("fbd8");
$icon-telepresence-ix5000_20: char-from-code("fbd9");
$icon-telepresence-muted_12: char-from-code("fbda");
$icon-telepresence-muted_64: char-from-code("fbdb");
$icon-telepresence-muted-alert_12: char-from-code("fbdc");
$icon-telepresence-private_12: char-from-code("fbdd");
$icon-temperature_14: char-from-code("fbde");
$icon-text_10: char-from-code("fbdf");
$icon-text_12: char-from-code("fbe0");
$icon-text_16: char-from-code("fbe1");
$icon-text-align-left_16: char-from-code("fbe2");
$icon-text-align-right_16: char-from-code("fbe3");
$icon-text-blockquote_12: char-from-code("fbe4");
$icon-text-blockquote_16: char-from-code("fbe5");
$icon-text-blockquote_18: char-from-code("fbe6");
$icon-text-blockquote_20: char-from-code("fbe7");
$icon-text-blockquote_8: char-from-code("fbe8");
$icon-text-bold_12: char-from-code("fbe9");
$icon-text-bold_16: char-from-code("fbea");
$icon-text-bold_24: char-from-code("fbeb");
$icon-text-code-block_12: char-from-code("fbec");
$icon-text-code-block_16: char-from-code("fbed");
$icon-text-code-block_24: char-from-code("fbee");
$icon-text-code-inline_12: char-from-code("fbef");
$icon-text-code-inline_16: char-from-code("fbf0");
$icon-text-color_12: char-from-code("fbf1");
$icon-text-color_16: char-from-code("fbf2");
$icon-text-format_10: char-from-code("fbf3");
$icon-text-format_12: char-from-code("fbf4");
$icon-text-format_16: char-from-code("fbf5");
$icon-text-format_20: char-from-code("fbf6");
$icon-text-format_24: char-from-code("fbf7");
$icon-text-format_8: char-from-code("fbf8");
$icon-text-heading-1_12: char-from-code("fbf9");
$icon-text-heading-1_16: char-from-code("fbfa");
$icon-text-heading-2_12: char-from-code("fbfb");
$icon-text-heading-2_16: char-from-code("fbfc");
$icon-text-heading-3_12: char-from-code("fbfd");
$icon-text-heading-3_16: char-from-code("fbfe");
$icon-text-highlight_12: char-from-code("fbff");
$icon-text-highlight_16: char-from-code("fc00");
$icon-text-indent-decrease_12: char-from-code("fc01");
$icon-text-indent-increase_12: char-from-code("fc02");
$icon-text-italic_12: char-from-code("fc03");
$icon-text-italic_16: char-from-code("fc04");
$icon-text-italic_24: char-from-code("fc05");
$icon-text-list-bulleted_10: char-from-code("fc06");
$icon-text-list-bulleted_12: char-from-code("fc07");
$icon-text-list-bulleted_16: char-from-code("fc08");
$icon-text-list-bulleted_24: char-from-code("fc09");
$icon-text-list-bulleted_8: char-from-code("fc0a");
$icon-text-list-numbered_12: char-from-code("fc0b");
$icon-text-list-numbered_16: char-from-code("fc0c");
$icon-text-list-numbered_24: char-from-code("fc0d");
$icon-text-list-numbered_36: char-from-code("fc0e");
$icon-text-list-numbered_40: char-from-code("fc0f");
$icon-text-strikethrough_12: char-from-code("fc10");
$icon-text-strikethrough_16: char-from-code("fc11");
$icon-text-table_12: char-from-code("fc12");
$icon-text-table_16: char-from-code("fc13");
$icon-text-underline_12: char-from-code("fc14");
$icon-text-underline_16: char-from-code("fc15");
$icon-text-underline_24: char-from-code("fc16");
$icon-too-fast_12: char-from-code("fc17");
$icon-too-fast_16: char-from-code("fc18");
$icon-too-slow_12: char-from-code("fc19");
$icon-too-slow_16: char-from-code("fc1a");
$icon-tools_16: char-from-code("fc1b");
$icon-tools_20: char-from-code("fc1c");
$icon-tools_24: char-from-code("fc1d");
$icon-tools_28: char-from-code("fc1e");
$icon-tools_32: char-from-code("fc1f");
$icon-touch_16: char-from-code("fc20");
$icon-touch10_24: char-from-code("fc21");
$icon-transcript_16: char-from-code("fc22");
$icon-transcript_20: char-from-code("fc23");
$icon-trending_10: char-from-code("fc24");
$icon-twitter_12: char-from-code("fc25");
$icon-twitter_16: char-from-code("fc26");
$icon-twitter-circle_24: char-from-code("fc27");
$icon-twitter-circle_32: char-from-code("fc28");
$icon-twitter-circle_40: char-from-code("fc29");
$icon-ucm-cloud_10: char-from-code("fc2a");
$icon-ucm-cloud_16: char-from-code("fc2b");
$icon-ucm-cloud_24: char-from-code("fc2c");
$icon-ucm-cloud_32: char-from-code("fc2d");
$icon-unassign-phone-number_16: char-from-code("fc2e");
$icon-undo_12: char-from-code("fc2f");
$icon-undo_14: char-from-code("fc30");
$icon-undo_16: char-from-code("fc31");
$icon-undo_24: char-from-code("fc32");
$icon-unlink_20: char-from-code("fc33");
$icon-unread-badge_10: char-from-code("fc34");
$icon-unread-badge_12: char-from-code("fc35");
$icon-unread-badge_16: char-from-code("fc36");
$icon-unread-badge_8: char-from-code("fc37");
$icon-unsecure_12: char-from-code("fc38");
$icon-unsecure_14: char-from-code("fc39");
$icon-unsecure_16: char-from-code("fc3a");
$icon-unsecure_24: char-from-code("fc3b");
$icon-unsecure_28: char-from-code("fc3c");
$icon-unsorted_10: char-from-code("fc3d");
$icon-unsorted_16: char-from-code("fc3e");
$icon-unsorted_24: char-from-code("fc3f");
$icon-update-file-share_12: char-from-code("fc40");
$icon-update-file-share_16: char-from-code("fc41");
$icon-update-file-share_24: char-from-code("fc42");
$icon-upgrade_20: char-from-code("fc43");
$icon-upload_12: char-from-code("fc44");
$icon-upload_130: char-from-code("fc45");
$icon-upload_14: char-from-code("fc46");
$icon-upload_16: char-from-code("fc47");
$icon-upload_18: char-from-code("fc48");
$icon-upload_20: char-from-code("fc49");
$icon-upload_24: char-from-code("fc4a");
$icon-upload_28: char-from-code("fc4b");
$icon-upload_32: char-from-code("fc4c");
$icon-upload_36: char-from-code("fc4d");
$icon-usb_16: char-from-code("fc4e");
$icon-user_16: char-from-code("fc4f");
$icon-user_20: char-from-code("fc50");
$icon-user_24: char-from-code("fc51");
$icon-user_56: char-from-code("fc52");
$icon-video-effect_12: char-from-code("fc53");
$icon-video-effect_16: char-from-code("fc54");
$icon-video-effect_20: char-from-code("fc55");
$icon-video-layout_12: char-from-code("fc56");
$icon-video-layout_16: char-from-code("fc57");
$icon-video-layout-auto_12: char-from-code("fc58");
$icon-video-layout-auto_16: char-from-code("fc59");
$icon-video-layout-auto_20: char-from-code("fc5a");
$icon-video-layout-auto_24: char-from-code("fc5b");
$icon-video-layout-equal_12: char-from-code("fc5c");
$icon-video-layout-equal_14: char-from-code("fc5d");
$icon-video-layout-equal_16: char-from-code("fc5e");
$icon-video-layout-equal_20: char-from-code("fc5f");
$icon-video-layout-equal_24: char-from-code("fc60");
$icon-video-layout-equal_28: char-from-code("fc61");
$icon-video-layout-equal-filled_24: char-from-code("fc62");
$icon-video-layout-overlay_12: char-from-code("fc63");
$icon-video-layout-overlay_16: char-from-code("fc64");
$icon-video-layout-overlay_20: char-from-code("fc65");
$icon-video-layout-overlay_24: char-from-code("fc66");
$icon-video-layout-prominent_12: char-from-code("fc67");
$icon-video-layout-prominent_16: char-from-code("fc68");
$icon-video-layout-prominent_20: char-from-code("fc69");
$icon-video-layout-prominent_24: char-from-code("fc6a");
$icon-video-layout-share-dominant_12: char-from-code("fc6b");
$icon-video-layout-share-dominant_16: char-from-code("fc6c");
$icon-video-layout-share-dominant_20: char-from-code("fc6d");
$icon-video-layout-share-dominant_24: char-from-code("fc6e");
$icon-video-layout-single_12: char-from-code("fc6f");
$icon-video-layout-single_16: char-from-code("fc70");
$icon-video-layout-single_20: char-from-code("fc71");
$icon-video-layout-single_28: char-from-code("fc72");
$icon-video-layout-stack_12: char-from-code("fc73");
$icon-video-layout-stack_16: char-from-code("fc74");
$icon-video-layout-stack_20: char-from-code("fc75");
$icon-video-layout-stack_24: char-from-code("fc76");
$icon-video-layout-stack_28: char-from-code("fc77");
$icon-video-layout-stack-filled_24: char-from-code("fc78");
$icon-video-layout-video-dominant_12: char-from-code("fc79");
$icon-video-layout-video-dominant_16: char-from-code("fc7a");
$icon-video-layout-video-dominant_20: char-from-code("fc7b");
$icon-video-layout-video-dominant_24: char-from-code("fc7c");
$icon-view-all_12: char-from-code("fc7d");
$icon-view-all_14: char-from-code("fc7e");
$icon-view-feed-multiple_16: char-from-code("fc7f");
$icon-view-feed-panel_16: char-from-code("fc80");
$icon-view-feed-single_16: char-from-code("fc81");
$icon-view-list_10: char-from-code("fc82");
$icon-view-list_12: char-from-code("fc83");
$icon-view-list_14: char-from-code("fc84");
$icon-view-list_16: char-from-code("fc85");
$icon-view-list_20: char-from-code("fc86");
$icon-view-list_24: char-from-code("fc87");
$icon-view-list_28: char-from-code("fc88");
$icon-view-list-circle_100: char-from-code("fc89");
$icon-view-mixed_12: char-from-code("fc8a");
$icon-view-stack_12: char-from-code("fc8b");
$icon-view-stack_14: char-from-code("fc8c");
$icon-view-stack_20: char-from-code("fc8d");
$icon-view-stack_24: char-from-code("fc8e");
$icon-view-thumbnail_12: char-from-code("fc8f");
$icon-view-thumbnail_14: char-from-code("fc90");
$icon-view-thumbnail_16: char-from-code("fc91");
$icon-view-thumbnail_20: char-from-code("fc92");
$icon-view-thumbnail_24: char-from-code("fc93");
$icon-voice_20: char-from-code("fc94");
$icon-voicemail_10: char-from-code("fc95");
$icon-voicemail_14: char-from-code("fc96");
$icon-voicemail_16: char-from-code("fc97");
$icon-voicemail_18: char-from-code("fc98");
$icon-voicemail_20: char-from-code("fc99");
$icon-voicemail_22: char-from-code("fc9a");
$icon-voicemail_24: char-from-code("fc9b");
$icon-voicemail_28: char-from-code("fc9c");
$icon-voicemail_8: char-from-code("fc9d");
$icon-voicemail-active_12: char-from-code("fc9e");
$icon-voicemail-active_14: char-from-code("fc9f");
$icon-voicemail-active_16: char-from-code("fca0");
$icon-voicemail-active_18: char-from-code("fca1");
$icon-voicemail-active_20: char-from-code("fca2");
$icon-voicemail-active_22: char-from-code("fca3");
$icon-voicemail-active_24: char-from-code("fca4");
$icon-voicemail-active_28: char-from-code("fca5");
$icon-wallpaper_16: char-from-code("fca6");
$icon-wallpaper_20: char-from-code("fca7");
$icon-wallpaper_24: char-from-code("fca8");
$icon-wallpaper_28: char-from-code("fca9");
$icon-wallpaper_32: char-from-code("fcaa");
$icon-warning_100: char-from-code("fcab");
$icon-warning_12: char-from-code("fcac");
$icon-warning_14: char-from-code("fcad");
$icon-warning_16: char-from-code("fcae");
$icon-warning_20: char-from-code("fcaf");
$icon-warning_24: char-from-code("fcb0");
$icon-warning_28: char-from-code("fcb1");
$icon-warning_32: char-from-code("fcb2");
$icon-warning_40: char-from-code("fcb3");
$icon-warning_44: char-from-code("fcb4");
$icon-warning_56: char-from-code("fcb5");
$icon-warning_64: char-from-code("fcb6");
$icon-warning_72: char-from-code("fcb7");
$icon-warning-active_12: char-from-code("fcb8");
$icon-warning-active_16: char-from-code("fcb9");
$icon-waveform_20: char-from-code("fcba");
$icon-web-sharing_16: char-from-code("fcbb");
$icon-web-sharing_24: char-from-code("fcbc");
$icon-webex_10: char-from-code("fcbd");
$icon-webex_16: char-from-code("fcbe");
$icon-webex_24: char-from-code("fcbf");
$icon-webex_48: char-from-code("fcc0");
$icon-webex-board_12: char-from-code("fcc1");
$icon-webex-board_14: char-from-code("fcc2");
$icon-webex-board_16: char-from-code("fcc3");
$icon-webex-board_20: char-from-code("fcc4");
$icon-webex-board_24: char-from-code("fcc5");
$icon-webex-board_28: char-from-code("fcc6");
$icon-webex-board_32: char-from-code("fcc7");
$icon-webex-board_48: char-from-code("fcc8");
$icon-webex-calling_10: char-from-code("fcc9");
$icon-webex-calling_12: char-from-code("fcca");
$icon-webex-calling_16: char-from-code("fccb");
$icon-webex-calling_18: char-from-code("fccc");
$icon-webex-calling_20: char-from-code("fccd");
$icon-webex-calling_24: char-from-code("fcce");
$icon-webex-codec-plus_16: char-from-code("fccf");
$icon-webex-codec-plus_20: char-from-code("fcd0");
$icon-webex-community_20: char-from-code("fcd1");
$icon-webex-desk-camera_20: char-from-code("fcd2");
$icon-webex-helix-filled_16: char-from-code("fcd3");
$icon-webex-instant-meeting_12: char-from-code("fcd4");
$icon-webex-instant-meeting_14: char-from-code("fcd5");
$icon-webex-instant-meeting_16: char-from-code("fcd6");
$icon-webex-instant-meeting_20: char-from-code("fcd7");
$icon-webex-instant-meeting_24: char-from-code("fcd8");
$icon-webex-meetings_10: char-from-code("fcd9");
$icon-webex-meetings_12: char-from-code("fcda");
$icon-webex-meetings_14: char-from-code("fcdb");
$icon-webex-meetings_16: char-from-code("fcdc");
$icon-webex-meetings_20: char-from-code("fcdd");
$icon-webex-meetings_24: char-from-code("fcde");
$icon-webex-meetings_48: char-from-code("fcdf");
$icon-webex-quad-camera_16: char-from-code("fce0");
$icon-webex-quad-camera_20: char-from-code("fce1");
$icon-webex-room-kit_16: char-from-code("fce2");
$icon-webex-room-kit_20: char-from-code("fce3");
$icon-webex-room-kit-plus_16: char-from-code("fce4");
$icon-webex-room-kit-plus_20: char-from-code("fce5");
$icon-webex-share_12: char-from-code("fce6");
$icon-webex-share_14: char-from-code("fce7");
$icon-webex-share_16: char-from-code("fce8");
$icon-webex-share_20: char-from-code("fce9");
$icon-webex-teams_10: char-from-code("fcea");
$icon-webex-teams_12: char-from-code("fceb");
$icon-webex-teams_14: char-from-code("fcec");
$icon-webex-teams_16: char-from-code("fced");
$icon-webex-teams_18: char-from-code("fcee");
$icon-webex-teams_20: char-from-code("fcef");
$icon-webex-voice_16: char-from-code("fcf0");
$icon-webex-voice_20: char-from-code("fcf1");
$icon-webpop_12: char-from-code("fcf2");
$icon-webpop_16: char-from-code("fcf3");
$icon-webpop_20: char-from-code("fcf4");
$icon-webpop_24: char-from-code("fcf5");
$icon-whatsApp_12: char-from-code("fcf6");
$icon-whatsApp_16: char-from-code("fcf7");
$icon-whatsapp-outline_12: char-from-code("fcf8");
$icon-whatsapp-outline_16: char-from-code("fcf9");
$icon-whiteboard_10: char-from-code("fcfa");
$icon-whiteboard_12: char-from-code("fcfb");
$icon-whiteboard_14: char-from-code("fcfc");
$icon-whiteboard_16: char-from-code("fcfd");
$icon-whiteboard_20: char-from-code("fcfe");
$icon-whiteboard_24: char-from-code("fcff");
$icon-whiteboard_26: char-from-code("fd00");
$icon-whiteboard_28: char-from-code("fd01");
$icon-whiteboard_32: char-from-code("fd02");
$icon-whiteboard_36: char-from-code("fd03");
$icon-whiteboard_8: char-from-code("fd04");
$icon-whiteboard-content_16: char-from-code("fd05");
$icon-whiteboard-content_24: char-from-code("fd06");
$icon-widgets-adr_20: char-from-code("fd07");
$icon-wifi_12: char-from-code("fd08");
$icon-wifi_16: char-from-code("fd09");
$icon-wifi_20: char-from-code("fd0a");
$icon-wifi_24: char-from-code("fd0b");
$icon-wifi-error_12: char-from-code("fd0c");
$icon-wifi-error_16: char-from-code("fd0d");
$icon-wifi-selected_24: char-from-code("fd0e");
$icon-wikipedia_16: char-from-code("fd0f");
$icon-window-corner-scrub_16: char-from-code("fd10");
$icon-window-vertical-scrub_16: char-from-code("fd11");
$icon-youtube-circle_24: char-from-code("fd12");
$icon-youtube-circle_32: char-from-code("fd13");
$icon-youtube-circle_40: char-from-code("fd14");
$icon-zoom-in_12: char-from-code("fd15");
$icon-zoom-in_14: char-from-code("fd16");
$icon-zoom-in_16: char-from-code("fd17");
$icon-zoom-in_20: char-from-code("fd18");
$icon-zoom-out_12: char-from-code("fd19");
$icon-zoom-out_14: char-from-code("fd1a");
$icon-zoom-out_16: char-from-code("fd1b");
$icon-zoom-out_20: char-from-code("fd1c");

// Symphony icon mapping
//$icon-alerting: $icon-alerting_16 !default;
$icon-analysis-active: $icon-analysis_16 !default;
$icon-analysis: $icon-analysis_16 !default;
//$icon-animation: $icon-animation_16 !default;
$icon-annotation: $icon-annotation_16 !default;
//$icon-applause: $icon-applause_16 !default;
$icon-application: $icon-application_16 !default;
$icon-applications: $icon-applications_16 !default;
$icon-arrow-back: $icon-arrow-left_16 !default;
$icon-arrow-down: $icon-arrow-down_16 !default;
$icon-arrow-left-tail: $icon-back_16 !default;
$icon-arrow-next: $icon-arrow-right_16 !default;
$icon-arrow-right-tail: $icon-next_16 !default;
$icon-arrow-up: $icon-arrow-up_16 !default;
$icon-at: $icon-mention_16 !default;
$icon-attachment: $icon-attachment_16 !default;
$icon-audio-broadcast: $icon-audio-broadcast_16 !default;
$icon-audio-min: $icon-speaker-off_16 !default;
$icon-audio-plus: $icon-speaker_16 !default;
//$icon-audio-settings: $icon-adjust-audio_16 !default;
$icon-audio: $icon-speaker_16 !default;
$icon-aux-camera: $icon-camera-aux_16 !default;
$icon-back: $icon-back_16 !default;
//$icon-backup-data: $icon-backup-data_16 !default;
$icon-bars: $icon-analysis_16 !default;
//$icon-battery: $icon-battery_16 !default;
$icon-bell-cross: $icon-alert-muted_16 !default;
$icon-bell: $icon-alert_16 !default;
$icon-blocked: $icon-blocked_16 !default;
//$icon-bluetooth: $icon-bluetooth_16 !default;
$icon-bookmark: $icon-bookmark_16 !default;
$icon-bot-four: $icon-bot_36 !default;
$icon-bot-five: $icon-bot_36 !default;
$icon-bot-six: $icon-bot_36 !default;
$icon-brightness: $icon-brightness_16 !default;
$icon-broadcast-message: $icon-broadcast-message_16 !default;
//$icon-broken-image: $icon-broken-file_16 !default;
$icon-browser: $icon-browser_16 !default;
//$icon-bug: $icon-bugs_16 !default;
$icon-cal: $icon-calendar-month_16 !default;
$icon-call-forwarding: $icon-call-forward_16 !default;
$icon-call-handling: $icon-call-handling_16 !default;
//$icon-call-log: $icon-call-log_16 !default;
//$icon-call-rate: $icon-callrate_16 !default;
//$icon-callback: $icon-callback_16 !default;
$icon-calls: $icon-handset_16 !default;
$icon-camera: $icon-camera-photo_16 !default;
$icon-certified: $icon-certified_16 !default;
//$icon-chapters: $icon-chapters_16 !default;
//$icon-charging: $icon-charging_16 !default;
$icon-chat: $icon-chat_16 !default;
$icon-chats: $icon-chat-group_16 !default;
$icon-check-mark-success: $icon-check-circle_24 !default;
$icon-check: $icon-check_16 !default;
$icon-checkbox: $icon-check_16 !default;
$icon-chevron-down: $icon-arrow-down_16 !default;
$icon-chevron-left: $icon-arrow-left_16 !default;
$icon-chevron-right: $icon-arrow-right_16 !default;
$icon-chevron-up: $icon-arrow-up_16 !default;
$icon-circle-arrow-down: $icon-arrow-circle-down_16 !default;
$icon-circle-arrows-circular: $icon-refresh_16 !default;
$icon-circle-arrows-cross: $icon-pto_16 !default;
$icon-circle-calendar: $icon-calendar-month_16 !default;
$icon-circle-call: $icon-handset_16 !default;
$icon-circle-check-mark-success: $icon-check-circle_24 !default;
$icon-circle-check: $icon-check-circle_24 !default;
$icon-circle-clock-hands: $icon-recents_16 !default;
$icon-circle-clock: $icon-recents_16 !default;
$icon-circle-comp-negative: $icon-error_16 !default;
$icon-circle-computer-blank: $icon-laptop_16 !default;
$icon-circle-contact-centre: $icon-headset_16 !default;
$icon-circle-data: $icon-server_16 !default;
$icon-circle-download: $icon-download_16 !default;
$icon-circle-email: $icon-email-read_16 !default;
$icon-circle-flag: $icon-flag-circle_16 !default;
$icon-circle-globe: $icon-language_16 !default;
$icon-circle-group: $icon-chat-group_16 !default;
$icon-circle-hg-circular: $icon-recurring_16 !default;
$icon-circle-links: $icon-link_16 !default;
$icon-circle-location: $icon-location_16 !default;
$icon-circle-lock: $icon-secure_16 !default;
$icon-circle-message: $icon-chat_16 !default;
$icon-circle-more: $icon-more-circle_16 !default;
$icon-circle-question: $icon-help-circle_16 !default;
$icon-circle-star: $icon-favorite_16 !default;
$icon-circle-telepresence: $icon-endpoint_16 !default;
$icon-circle-unlock: $icon-unsecure_16 !default;
$icon-circle-upload: $icon-upload_16 !default;
$icon-circle-user: $icon-people-circle_16 !default;
$icon-circle-webex: $icon-webex_16 !default;
$icon-circle-world: $icon-headset_16 !default;
$icon-circle: $icon-unread-badge_16 !default;
$icon-cisco-logo: $icon-cisco-logo !default;
$icon-clipboard: $icon-notepad_16 !default;
$icon-clock: $icon-recents_16 !default;
$icon-close-keyboard: $icon-keyboard-close_16 !default;
$icon-close: $icon-cancel_16 !default;
$icon-cloud-active: $icon-cloud_16 !default;
$icon-cloud: $icon-cloud_16 !default;
$icon-cog: $icon-settings_16 !default;
//$icon-comment: $icon-comment_16 !default;
//$icon-community: $icon-community_16 !default;
$icon-company-active: $icon-company_32 !default;
$icon-computer: $icon-computer_16 !default;
$icon-conference: $icon-team_16 !default;
$icon-contact-card: $icon-contact-card_16 !default;
$icon-contact: $icon-people_16 !default;
$icon-content-share: $icon-export_16 !default;
$icon-convo: $icon-chat-group_16 !default;
$icon-create-page: $icon-document-create_16 !default;
$icon-data-usage: $icon-data-usage_16 !default;
$icon-data: $icon-server_16 !default;
//$icon-dc-power: $icon-power-dc_16 !default;
//$icon-default-app: $icon-default-app_16 !default;
$icon-delete: $icon-backspace_16 !default;
$icon-desk-phone: $icon-deskphone_16 !default;
$icon-devices: $icon-endpoint_16 !default;
$icon-diagnostics: $icon-diagnostics_32 !default;
$icon-dial: $icon-dialpad_16 !default;
$icon-directory: $icon-directory_24 !default;
//$icon-disc: $icon-disc_16 !default;
$icon-display: $icon-display_16 !default;
$icon-do-not-disturb: $icon-blocked_16 !default;
//$icon-document-camera: $icon-document-camera_16 !default;
$icon-document: $icon-document_16 !default;
$icon-download: $icon-download_16 !default;
$icon-edit: $icon-edit_16 !default;
$icon-email: $icon-email_16 !default;
$icon-emoticons: $icon-emoticons_16 !default;
$icon-end-call: $icon-cancel_16 !default;
$icon-endpoint-active: $icon-endpoint_32 !default;
$icon-endpoint: $icon-endpoint_16 !default;
$icon-eraser: $icon-eraser_16 !default;
$icon-error: $icon-error_16 !default;
$icon-ethernet: $icon-ethernet_16 !default;
$icon-exernal-calendar: $icon-calendar-external_16 !default;
$icon-exit-contain: $icon-clear-active_16 !default;
$icon-exit-outline: $icon-clear_16 !default;
$icon-exit: $icon-cancel_16 !default;
$icon-export: $icon-export_16 !default;
$icon-extension-mobility: $icon-extension-mobility_16 !default;
$icon-fbw: $icon-fbw_16 !default;
//$icon-feedback-clear: $icon-feedback-clear_16 !default;
//$icon-feedback-result: $icon-feedback-result_16 !default;
$icon-feedback: $icon-feedback_16 !default;
//$icon-ffw: $icon-ffw_16 !default;
$icon-filter: $icon-filter-circle_20 !default;
$icon-flagged: $icon-flag_16 !default;
$icon-folder: $icon-files_16 !default;
$icon-forced-sign-in: $icon-sign-in-forced_16 !default;
//$icon-forward-to-mobility: $icon-forward-to-mobility_16 !default;
$icon-fullscreen: $icon-fullscreen_16 !default;
//$icon-graph: $icon-graph_16 !default;
$icon-grid-large: $icon-view-thumbnail_16 !default;
$icon-grid-list: $icon-view-list_16 !default;
//$icon-group-call: $icon-call-group_16 !default;
$icon-hamburger-menu: $icon-list-menu_16 !default;
$icon-headset-cross: $icon-headset-muted_16 !default;
$icon-headset: $icon-headset_16 !default;
$icon-help-outline: $icon-help-circle_16 !default;
$icon-help: $icon-help-circle_16 !default;
$icon-home-active: $icon-house_16 !default;
$icon-home: $icon-house_16 !default;
//$icon-hue: $icon-hue_16 !default;
$icon-hunt-group: $icon-hunt-group_16 !default;
$icon-image-contain: $icon-hunt-group_16 !default;
$icon-image: $icon-file-image_24 !default;
$icon-import: $icon-import_16 !default;
//$icon-inbox: $icon-email-inbox_16 !default;
$icon-incoming-call: $icon-call-incoming_16 !default;
$icon-indeterminate: $icon-minus_16 !default;
$icon-info-outline: $icon-info_16 !default;
$icon-info: $icon-info_16 !default;
$icon-information: $icon-info_16 !default;
$icon-instant-meeting: $icon-webex-instant-meeting_16 !default;
//$icon-intercom-duplex-connected: $icon-intercom-duplex_16 !default;
//$icon-intercom-whisper: $icon-intercom-whisper_16 !default;
//$icon-intercom: $icon-intercom_16 !default;
$icon-invite: $icon-email-invite_16 !default;
//$icon-key-expansion-module: $icon-key-expansion-module_16 !default;
$icon-keyboard: $icon-keyboard_16 !default;
$icon-language: $icon-language_16 !default;
$icon-laser-pointer: $icon-laser-pointer_16 !default;
$icon-layout: $icon-layout-side-by-side-vertical_16 !default;
$icon-leave-meeting: $icon-exit-room_16 !default;
$icon-left-arrow: $icon-arrow-left_16 !default;
$icon-lightbulb: $icon-room-lights_16 !default;
$icon-like: $icon-like_16 !default;
$icon-line-out-left: $icon-speaker-line-out-left_16 !default;
$icon-line-out-right: $icon-speaker-line-out-right_16 !default;
$icon-link: $icon-link_16 !default;
$icon-list-menu: $icon-list-menu_16 !default;
$icon-list-view: $icon-view-list_16 !default;
$icon-location-active: $icon-location_28 !default;
$icon-location: $icon-location_28 !default;
$icon-lock: $icon-secure_16 !default;
$icon-locked-speaker: $icon-active-speaker-locked_24 !default;
//$icon-manage-cable: $icon-cables_16 !default;
$icon-maximize: $icon-maximize_16 !default;
$icon-meet-me: $icon-enter-room_16 !default;
$icon-meeting-room: $icon-team_16 !default;
//$icon-merge-call: $icon-call-merge_16 !default;
$icon-message: $icon-chat_16 !default;
$icon-mic-in: $icon-audio-input_16 !default;
//$icon-micro-blog: $icon-micro-blog_16 !default;
$icon-microphone: $icon-microphone_16 !default;
$icon-minimize: $icon-minimize_16 !default;
$icon-minus: $icon-minus_16 !default;
$icon-mobile-phone: $icon-phone-ios_16 !default;
//$icon-mobile-presenter: $icon-mobile-presenter_16 !default;
$icon-month: $icon-calendar-month_16 !default;
$icon-more: $icon-more_16 !default;
$icon-move-page: $icon-document-move_16 !default;
$icon-music: $icon-adjust-audio_24 !default;
$icon-mute: $icon-microphone-muted_16 !default;
$icon-no-signal: $icon-signal-0_16 !default;
$icon-notes: $icon-notes_16 !default;
//$icon-off-hook: $icon-off-hook_16 !default;
//$icon-other-phone: $icon-other-phone_16 !default;
//$icon-outbox: $icon-email-outbox_16 !default;
$icon-outgoing-call: $icon-call-outgoing_16 !default;
$icon-paired-audio: $icon-paired-handset_24 !default;
$icon-paired-call: $icon-paired-camera_24 !default;
//$icon-panel-shift-left: $icon-panel-slide-left_16 !default;
//$icon-panel-shift-right: $icon-panel-slide-right_16 !default;
//$icon-parked: $icon-parked_16 !default;
//$icon-pass-mouse: $icon-pass-mouse_16 !default;
$icon-pause: $icon-pause_16 !default;
$icon-pc: $icon-laptop_16 !default;
$icon-pencil: $icon-edit_16 !default;
$icon-people-active: $icon-people_28 !default;
$icon-persistent-chat: $icon-chat-group_16 !default;
$icon-phone-cross: $icon-handset-muted_16 !default;
$icon-phone: $icon-handset_16 !default;
$icon-picture-in-picture: $icon-picture-in-picture_16 !default;
$icon-pin: $icon-pin_16 !default;
$icon-plan-review: $icon-view-feed-multiple_16 !default;
$icon-play: $icon-play_16 !default;
//$icon-playlist: $icon-playlist_16 !default;
$icon-plugin: $icon-accessories_16 !default;
$icon-plus-circle: $icon-add_16 !default;
$icon-plus: $icon-plus_16 !default;
//$icon-poll: $icon-poll_16 !default;
//$icon-popout: $icon-pop-out_16 !default;
//$icon-popup-dialogue: $icon-pop-up_16 !default;
//$icon-power: $icon-power_16 !default;
$icon-presentation: $icon-presentation_16 !default;
$icon-print: $icon-print_16 !default;
$icon-priority: $icon-priority_16 !default;
$icon-privacy: $icon-private_16 !default;
$icon-private: $icon-private-circle_16 !default;
$icon-proximity-not-connected: $icon-proximity-muted_16 !default;
$icon-proximity: $icon-proximity_16 !default;
$icon-quality: $icon-quality_24 !default;
$icon-question-circle: $icon-help-circle_16 !default;
//$icon-raise-hand: $icon-raise-hand_16 !default;
$icon-read-email: $icon-email-read_16 !default;
$icon-recents: $icon-recents_16 !default;
$icon-record: $icon-record_16 !default;
$icon-redial: $icon-redial_16 !default;
$icon-refresh: $icon-refresh_16 !default;
$icon-remove-contact: $icon-participant-remove_20 !default;
$icon-remove-outline: $icon-remove_16 !default;
$icon-remove: $icon-remove_16 !default;
//$icon-reply-all: $icon-reply-all_16 !default;
$icon-report: $icon-file-text_24 !default;
$icon-reset: $icon-reset_24 !default;
$icon-right-arrow-closed-outline: $icon-arrow-circle-right_16 !default;
$icon-right-arrow-contain: $icon-arrow-circle-right_16 !default;
$icon-right-arrow-contained: $icon-play_16 !default;
$icon-right-arrow-outline: $icon-arrow-circle-right_16 !default;
$icon-right-arrow: $icon-arrow-right_16 !default;
$icon-ringer-settings: $icon-adjust-audio_24 !default;
//$icon-rtprx-rtptx-duplex: $icon-rtprx-rtptx-duplex_16 !default;
//$icon-rtptx: $icon-rtptx_16 !default;
$icon-running-application: $icon-running-application_24 !default;
$icon-save: $icon-save_16 !default;
$icon-schedule-add: $icon-calendar-add_16 !default;
$icon-screen-capture-square: $icon-screenshot_16 !default;
$icon-screen-capture: $icon-screenshot_16 !default;
//$icon-sd: $icon-sd-card_16 !default;
$icon-search: $icon-search_16 !default;
$icon-self-view-alt: $icon-selfview_16 !default;
$icon-self-view: $icon-selfview_16 !default;
$icon-send-email: $icon-send_16 !default;
$icon-send: $icon-send_16 !default;
//$icon-sent: $icon-email-sent_16 !default;
$icon-settings-active: $icon-settings_32 !default;
$icon-settings: $icon-settings_16 !default;
$icon-setup-assistant: $icon-setup-assistant_16 !default;
$icon-share-content: $icon-document-share_16 !default;
$icon-share: $icon-share_16 !default;
$icon-sign-in: $icon-sign-in_16 !default;
$icon-sign-out: $icon-sign-out_16 !default;
$icon-signal-1: $icon-signal-25_16 !default;
$icon-signal-2: $icon-signal-50_16 !default;
$icon-signal-3: $icon-signal-75_16 !default;
$icon-signal-4: $icon-signal-100_16 !default;
$icon-skip-bw: $icon-skip-bw_16 !default;
$icon-skip-fw: $icon-skip-fw_16 !default;
$icon-sliders: $icon-adjust_16 !default;
$icon-sort: $icon-picker_18 !default;
$icon-sound: $icon-audio-broadcast_16 !default;
$icon-space: $icon-space_16 !default;
//$icon-spam: $icon-spam_16 !default;
$icon-spark: $icon-spark_16 !default;
$icon-speaker-cross: $icon-speaker-muted_16 !default;
$icon-speaker: $icon-speaker-off_16 !default;
//$icon-speed-dial: $icon-speed-dial_16 !default;
$icon-star: $icon-favorite_16 !default;
$icon-stop: $icon-stop_16 !default;
$icon-storage: $icon-server_16 !default;
$icon-subscribe: $icon-subscribe_16 !default;
$icon-support: $icon-diagnostics_32 !default;
//$icon-swap-calls: $icon-call-swap_16 !default;
$icon-swap-camera: $icon-camera-photo-swap_16 !default;
$icon-swap-video-camera: $icon-camera-swap_16 !default;
$icon-tables: $icon-picker_18 !default;
$icon-tablet: $icon-tablet_24 !default;
$icon-team-collapsed-view: $icon-video-layout_16 !default;
$icon-text-format: $icon-text-format_16 !default;
$icon-text: $icon-transcript_16 !default;
$icon-three-dots: $icon-more_16 !default;
$icon-thumbnail-view: $icon-view-thumbnail_16 !default;
$icon-time: $icon-recents_16 !default;
//$icon-timeline: $icon-timeline_16 !default;
//$icon-too-fast: $icon-too-fast_16 !default;
//$icon-too-slow: $icon-too-slow_16 !default;
$icon-tools-active: $icon-tools_32 !default;
$icon-tools: $icon-tools_32 !default;
$icon-touch: $icon-touch_16 !default;
$icon-transcript: $icon-transcript_16 !default;
//$icon-transfer-to-mobile: $icon-transfer-to-mobile_16 !default;
$icon-trash: $icon-delete_16 !default;
//$icon-universal-inbox: $icon-email-inbox-universal_16 !default;
$icon-unlock: $icon-unsecure_16 !default;
$icon-upload-contain: $icon-upload_16 !default;
$icon-upload: $icon-upload_16 !default;
$icon-usb: $icon-usb_16 !default;
$icon-user-chat: $icon-chat_16 !default;
$icon-user: $icon-people_16 !default;
//$icon-vibrate: $icon-vibration_16 !default;
$icon-video-cross: $icon-camera-muted_16 !default;
$icon-video-group: $icon-camera-group_16 !default;
$icon-video-layout: $icon-video-layout_16 !default;
$icon-video-settings: $icon-adjust-video_24 !default;
//$icon-video-tips: $icon-video-tips_16 !default;
$icon-video: $icon-camera_16 !default;
$icon-view-feed-dual: $icon-view-feed-panel_16 !default;
$icon-view-feed-multi: $icon-view-feed-multiple_16 !default;
$icon-view-feed-single: $icon-view-feed-single_16 !default;
$icon-view-side-by-side: $icon-layout-side-by-side-horizonal_16 !default;
$icon-view-stacked: $icon-layout-stacked_16 !default;
$icon-voicemail: $icon-voicemail_16 !default;
$icon-volume-cross: $icon-speaker-muted_16 !default;
$icon-wallpaper: $icon-wallpaper_16 !default;
$icon-warning: $icon-warning_16 !default;
//$icon-watchlist: $icon-watchlist_16 !default;
//$icon-way-nav: $icon-4-way-navigation_16 !default;
$icon-web-sharing: $icon-web-sharing_24 !default;
$icon-webex: $icon-webex_16 !default;
$icon-webhook: $icon-webex_16 !default;
$icon-week: $icon-calendar-week_16 !default;
$icon-whiteboard: $icon-spark-board_16 !default;
$icon-wifi: $icon-wifi_16 !default;
$icon-zip: $icon-file-zip_24 !default;
$icon-zoom-in: $icon-zoom-in_16 !default;
$icon-zoom-out: $icon-zoom-out_16 !default;

//------------------------------------------------------
// Do not edit this file directly. These variables are
// generated from the individual scss settings files.
//------------------------------------------------------

@import '~@momentum-ui/core/scss/tools/functions/core';

//------------------------------------------------------
// Do not edit this file directly. These variables are
// generated from the Momentum Design color tokens.
// @momentum-ui/tokens/dist/colors.json
//------------------------------------------------------

$md-blue-10: #C9F4FF !default;
$md-blue-20: #91EBFF !default;
$md-blue-30: #52DCFF !default;
$md-blue-40: #07C1F5 !default;
$md-blue-50: #00A0D1 !default;
$md-blue-60: #007AA3 !default;
$md-blue-70: #005E7D !default;
$md-blue-80: #064157 !default;
$md-blue-90: #092D3B !default;
$md-blue-95: #091E26 !default;
$md-blue-05: #EBFCFF !default;

$md-red-10: #FFE8E3 !default;
$md-red-20: #FFD5CC !default;
$md-red-30: #FFBBAD !default;
$md-red-40: #FF9580 !default;
$md-red-50: #F7644A !default;
$md-red-60: #D4371C !default;
$md-red-70: #A12512 !default;
$md-red-80: #6E1D13 !default;
$md-red-90: #4A1812 !default;
$md-red-95: #301210 !default;
$md-red-05: #FFF5F2 !default;

$md-yellow-10: #FFECC2 !default;
$md-yellow-20: #FFD98C !default;
$md-yellow-30: #FFC14F !default;
$md-yellow-40: #FC9D03 !default;
$md-yellow-50: #D97F00 !default;
$md-yellow-60: #A85F00 !default;
$md-yellow-70: #7D4705 !default;
$md-yellow-80: #54330D !default;
$md-yellow-90: #38240E !default;
$md-yellow-95: #261A0D !default;
$md-yellow-05: #FFF7E3 !default;

$md-green-10: #BEFADE !default;
$md-green-20: #78F5B8 !default;
$md-green-30: #31E88C !default;
$md-green-40: #00CF64 !default;
$md-green-50: #00AB50 !default;
$md-green-60: #00853C !default;
$md-green-70: #03612C !default;
$md-green-80: #08421F !default;
$md-green-90: #092E16 !default;
$md-green-95: #081F10 !default;
$md-green-05: #EDFAF4 !default;

$md-gray-10: #EDEDED !default;
$md-gray-20: #DEDEDE !default;
$md-gray-30: #CCCCCC !default;
$md-gray-40: #B2B2B2 !default;
$md-gray-50: #949494 !default;
$md-gray-60: #707070 !default;
$md-gray-70: #545454 !default;
$md-gray-80: #3B3B3B !default;
$md-gray-90: #292929 !default;
$md-gray-95: #1C1C1C !default;
$md-gray-100: #121212 !default;
$md-gray-05: #F7F7F7 !default;

$md-white-60: #FFFFFF !default;
$md-white-100: #FFFFFF !default;
$md-white: #FFFFFF !default;

$md-black-100: #000000 !default;
$md-black: #000000 !default;

$md-orange-10: #FAF4EB !default;
$md-orange-20: #FCE4C7 !default;
$md-orange-30: #FFCA99 !default;
$md-orange-40: #FF9D52 !default;
$md-orange-50: #F26B1D !default;
$md-orange-60: #C74F0E !default;
$md-orange-70: #914017 !default;
$md-orange-80: #59311E !default;
$md-orange-90: #33221B !default;
$md-orange-100: #211916 !default;

$md-gold-10: #F7F6DC !default;
$md-gold-20: #F5EAA2 !default;
$md-gold-30: #EBD460 !default;
$md-gold-40: #D6B220 !default;
$md-gold-50: #BA8C00 !default;
$md-gold-60: #996E00 !default;
$md-gold-70: #735107 !default;
$md-gold-80: #4D370C !default;
$md-gold-90: #30240D !default;
$md-gold-100: #21190B !default;

$md-olive-10: #F3F5E4 !default;
$md-olive-20: #E7EDB7 !default;
$md-olive-30: #D3DB7B !default;
$md-olive-40: #B4BA43 !default;
$md-olive-50: #999923 !default;
$md-olive-60: #7D7A18 !default;
$md-olive-70: #5C5813 !default;
$md-olive-80: #403D11 !default;
$md-olive-90: #29260D !default;
$md-olive-100: #1C1A0A !default;

$md-lime-10: #F3F7E9 !default;
$md-lime-20: #DDF2AE !default;
$md-lime-30: #BCE36F !default;
$md-lime-40: #93C437 !default;
$md-lime-50: #73A321 !default;
$md-lime-60: #588219 !default;
$md-lime-70: #416116 !default;
$md-lime-80: #2D4214 !default;
$md-lime-90: #1E2B10 !default;
$md-lime-100: #141C0C !default;

$md-mint-10: #E9F7F3 !default;
$md-mint-20: #BAF5E7 !default;
$md-mint-30: #74E8D1 !default;
$md-mint-40: #30C9B0 !default;
$md-mint-50: #16A693 !default;
$md-mint-60: #148579 !default;
$md-mint-70: #12615A !default;
$md-mint-80: #12423F !default;
$md-mint-90: #102B2A !default;
$md-mint-100: #0C1C1B !default;

$md-cyan-10: #E6F9FA !default;
$md-cyan-20: #B2F4F7 !default;
$md-cyan-30: #67E7F0 !default;
$md-cyan-40: #22C7D6 !default;
$md-cyan-50: #00A3B5 !default;
$md-cyan-60: #008094 !default;
$md-cyan-70: #066070 !default;
$md-cyan-80: #0A414D !default;
$md-cyan-90: #0B2A30 !default;
$md-cyan-100: #091C21 !default;

$md-cobalt-10: #E6F8FF !default;
$md-cobalt-20: #C7EEFF !default;
$md-cobalt-30: #99DDFF !default;
$md-cobalt-40: #5EBFF6 !default;
$md-cobalt-50: #279BE7 !default;
$md-cobalt-60: #0A78CC !default;
$md-cobalt-70: #08599C !default;
$md-cobalt-80: #103C62 !default;
$md-cobalt-90: #12283D !default;
$md-cobalt-100: #0F1A25 !default;

$md-slate-10: #F2F4FF !default;
$md-slate-20: #E3E7FA !default;
$md-slate-30: #CED2ED !default;
$md-slate-40: #B0B4D9 !default;
$md-slate-50: #8C91BD !default;
$md-slate-60: #6F739E !default;
$md-slate-70: #535573 !default;
$md-slate-80: #393A47 !default;
$md-slate-90: #26262B !default;
$md-slate-100: #1A1A1C !default;

$md-violet-10: #F8F2FC !default;
$md-violet-20: #F0E3FC !default;
$md-violet-30: #E2CAFC !default;
$md-violet-40: #C7A5FA !default;
$md-violet-50: #A87FF1 !default;
$md-violet-60: #875AE1 !default;
$md-violet-70: #643ABD !default;
$md-violet-80: #432C77 !default;
$md-violet-90: #29223D !default;
$md-violet-100: #1B1823 !default;

$md-purple-10: #FCF2FC !default;
$md-purple-20: #FCE1FC !default;
$md-purple-30: #FAC3F8 !default;
$md-purple-40: #F294F1 !default;
$md-purple-50: #E060DE !default;
$md-purple-60: #C233C4 !default;
$md-purple-70: #932099 !default;
$md-purple-80: #601E66 !default;
$md-purple-90: #3B1840 !default;
$md-purple-100: #251329 !default;

$md-pink-10: #FFF2F5 !default;
$md-pink-20: #FFE0E7 !default;
$md-pink-30: #FFC7D2 !default;
$md-pink-40: #FC97AA !default;
$md-pink-50: #F0677E !default;
$md-pink-60: #D43B52 !default;
$md-pink-70: #A12A3A !default;
$md-pink-80: #66262D !default;
$md-pink-90: #3B1E21 !default;
$md-pink-100: #241617 !default;

$md-theme-10: #C9F4FF !default;
$md-theme-20: #91EBFF !default;
$md-theme-30: #52DCFF !default;
$md-theme-40: #07C1F5 !default;
$md-theme-50: #00A0D1 !default;
$md-theme-60: #007AA3 !default;
$md-theme-70: #005E7D !default;
$md-theme-80: #064157 !default;
$md-theme-90: #092D3B !default;
$md-theme-95: #091E26 !default;
$md-theme-05: #EBFCFF !default;




//--------------------------------------------------------
// TODO(pajeter): custom colors need to be revisited
// Do NOT add any more transparent colors without review
//--------------------------------------------------------

$black-80: rgba($md-black-100, 0.8) !default;
$black-76: rgba($md-black-100, 0.76) !default;
$black-68: rgba($md-black-100, 0.68) !default;
$black-60: rgba($md-black-100, 0.6) !default;
$black-48: rgba($md-black-100, 0.48) !default;
$black-40: rgba($md-black-100, 0.4) !default;
$black-32: rgba($md-black-100, 0.32) !default;
$black-24: rgba($md-black-100, 0.24) !default;
$black-20: rgba($md-black-100, 0.2) !default;
$black-16: rgba($md-black-100, 0.16) !default;
$black-12: rgba($md-black-100, 0.12) !default;
$black-08: rgba($md-black-100, 0.08) !default;
$black-06: rgba($md-black-100, 0.06) !default;
$black-04: rgba($md-black-100, 0.04) !default;
$black-8: $black-08;
$black-6: $black-06;
$black-4: $black-04;

$white-92: rgba($md-white-100, 0.92) !default;
$white-84: rgba($md-white-100, 0.84) !default;
$white-80: rgba($md-white-100, 0.8) !default;
$white-70: rgba($md-white-100, 0.7) !default;
$white-64: rgba($md-white-100, 0.64) !default;
$white-60: rgba($md-white-100, 0.6) !default;
$white-32: rgba($md-white-100, 0.32) !default;
$white-48: rgba($md-white-100, 0.48) !default;
$white-40: rgba($md-white-100, 0.4) !default;
$white-24: rgba($md-white-100, 0.24) !default;
$white-20: rgba($md-white-100, 0.2) !default;
$white-16: rgba($md-white-100, 0.16) !default;
$white-12: rgba($md-white-100, 0.12) !default;
$white-08: rgba($md-white-100, 0.08) !default;
$white-8: $white-08;

$gray-1-40: rgba($md-gray-50, 0.4) !default;
$gray-5-88: rgba($md-gray-30, 0.88) !default;
$gray-6-40: rgba($md-gray-20, 0.4) !default;
$gray-55: $md-gray-20;

$yellow-light-12: rgba($md-yellow-20, 0.12) !default;
$yellow-light-24: rgba($md-yellow-20, 0.24) !default;

$green-light-12: rgba($md-green-20, 0.12) !default;
$green-light-24: rgba($md-green-20, 0.24) !default;

$red-light-12: rgba($md-red-20, 0.12) !default;
$red-light-24: rgba($md-red-20, 0.24) !default;

//------------------------------------------------------
// Do not use these variables directly!!!
// This file contains legacy color variables. They are
// mapped to the new Momentum Design color tokens for
// backward compatability only.
// The current color variables are located at:
// @momentum-ui/core/scss/colors/settings-base.scss
//------------------------------------------------------

$blue-base: $md-theme-50;
$blue-hover: $md-theme-60;
$blue-press: $md-theme-70;
$blue-dark: $md-theme-60;
$blue-dark-hover: $md-theme-70;
$blue-dark-press: $md-theme-80;
$blue-light: $md-theme-20;
$blue-light-hover: $md-theme-30;
$blue-light-press: $md-theme-40;
$blue-pastel: $md-theme-10;

$cyan-base: $md-cyan-50;
$cyan-hover: $md-cyan-60;
$cyan-press: $md-cyan-70;
$cyan-dark: $md-cyan-60;
$cyan-dark-hover: $md-cyan-70;
$cyan-dark-press: $md-cyan-80;
$cyan-light: $md-cyan-20;
$cyan-light-hover: $md-cyan-30;
$cyan-light-press: $md-cyan-40;
$cyan-pastel: $md-cyan-10;

$green-base: $md-green-50;
$green-hover: $md-green-60;
$green-press: $md-green-70;
$green-dark: $md-green-60;
$green-dark-hover: $md-green-70;
$green-dark-press: $md-green-80;
$green-light: $md-green-20;
$green-light-hover: $md-green-30;
$green-light-press: $md-green-40;
$green-pastel: $md-green-10;

$mint-base: $md-mint-50;
$mint-hover: $md-mint-60;
$mint-press: $md-mint-70;
$mint-dark: $md-mint-60;
$mint-dark-hover: $md-mint-70;
$mint-dark-press: $md-mint-80;
$mint-light: $md-mint-20;
$mint-light-hover: $md-mint-30;
$mint-light-press: $md-mint-40;
$mint-pastel: $md-mint-10;

$orange-base: $md-orange-50;
$orange-hover: $md-orange-60;
$orange-press: $md-orange-70;
$orange-dark: $md-orange-60;
$orange-dark-hover: $md-orange-70;
$orange-dark-press: $md-orange-80;
$orange-light: $md-orange-20;
$orange-light-hover: $md-orange-30;
$orange-light-press: $md-orange-40;
$orange-pastel: $md-orange-10;

$pink-base: $md-pink-50;
$pink-hover: $md-pink-60;
$pink-press: $md-pink-70;
$pink-dark: $md-pink-60;
$pink-dark-hover: $md-pink-70;
$pink-dark-press: $md-pink-80;
$pink-light: $md-pink-20;
$pink-light-hover: $md-pink-30;
$pink-light-press: $md-pink-40;
$pink-pastel: $md-pink-10;

$purple-base: $md-purple-50;
$purple-hover: $md-purple-60;
$purple-press: $md-purple-70;
$purple-dark: $md-purple-60;
$purple-dark-hover: $md-purple-70;
$purple-dark-press: $md-purple-80;
$purple-light: $md-purple-20;
$purple-light-hover: $md-purple-30;
$purple-light-press: $md-purple-40;
$purple-pastel: $md-purple-10;

$red-base: $md-red-50;
$red-hover: $md-red-60;
$red-press: $md-red-70;
$red-dark: $md-red-60;
$red-dark-hover: $md-red-70;
$red-dark-press: $md-red-80;
$red-light: $md-red-20;
$red-light-hover: $md-red-30;
$red-light-press: $md-red-40;
$red-pastel: $md-red-10;

$violet-base: $md-violet-50;
$violet-hover: $md-violet-60;
$violet-press: $md-violet-70;
$violet-dark: $md-violet-60;
$violet-dark-hover: $md-violet-70;
$violet-dark-press: $md-violet-80;
$violet-light: $md-violet-20;
$violet-light-hover: $md-violet-30;
$violet-light-press: $md-violet-40;
$violet-pastel: $md-violet-10;

$yellow-base: $md-yellow-50;
$yellow-hover: $md-yellow-60;
$yellow-press: $md-yellow-70;
$yellow-dark: $md-yellow-60;
$yellow-dark-hover: $md-yellow-70;
$yellow-dark-press: $md-yellow-80;
$yellow-light: $md-yellow-20;
$yellow-light-hover: $md-yellow-30;
$yellow-light-press: $md-yellow-40;
$yellow-pastel: $md-yellow-10;

$blue-base--contrast: $md-theme-60;
$blue-hover--contrast: $md-theme-70;
$blue-press--contrast: $md-theme-80;
$blue-dark--contrast: $md-theme-50;
$blue-dark-hover--contrast: $md-theme-60;
$blue-dark-press--contrast: $md-theme-70;
$blue-light--contrast: $md-theme-20;
$blue-light-hover--contrast: $md-theme-30;
$blue-light-press--contrast: $md-theme-40;
$blue-pastel--contrast: $md-theme-60;

$cyan-base--contrast: $md-cyan-60;
$cyan-hover--contrast: $md-cyan-70;
$cyan-press--contrast: $md-cyan-80;
$cyan-dark--contrast: $md-cyan-50;
$cyan-dark-hover--contrast: $md-cyan-60;
$cyan-dark-press--contrast: $md-cyan-70;
$cyan-light--contrast: $md-cyan-20;
$cyan-light-hover--contrast: $md-cyan-30;
$cyan-light-press--contrast: $md-cyan-40;
$cyan-pastel--contrast: $md-cyan-60;

$green-base--contrast: $md-green-60;
$green-hover--contrast: $md-green-70;
$green-press--contrast: $md-green-80;
$green-dark--contrast: $md-green-50;
$green-dark-hover--contrast: $md-green-60;
$green-dark-press--contrast: $md-green-70;
$green-light--contrast: $md-green-20;
$green-light-hover--contrast: $md-green-30;
$green-light-press--contrast: $md-green-40;
$green-pastel--contrast: $md-green-60;

$mint-base--contrast: $md-mint-60;
$mint-hover--contrast: $md-mint-70;
$mint-press--contrast: $md-mint-80;
$mint-dark--contrast: $md-mint-50;
$mint-dark-hover--contrast: $md-mint-60;
$mint-dark-press--contrast: $md-mint-70;
$mint-light--contrast: $md-mint-20;
$mint-light-hover--contrast: $md-mint-30;
$mint-light-press--contrast: $md-mint-40;
$mint-pastel--contrast: $md-mint-60;

$orange-base--contrast: $md-orange-60;
$orange-hover--contrast: $md-orange-70;
$orange-press--contrast: $md-orange-80;
$orange-dark--contrast: $md-orange-50;
$orange-dark-hover--contrast: $md-orange-60;
$orange-dark-press--contrast: $md-orange-70;
$orange-light--contrast: $md-orange-20;
$orange-light-hover--contrast: $md-orange-30;
$orange-light-press--contrast: $md-orange-40;
$orange-pastel--contrast: $md-orange-60;

$pink-base--contrast: $md-pink-60;
$pink-hover--contrast: $md-pink-70;
$pink-press--contrast: $md-pink-80;
$pink-dark--contrast: $md-pink-50;
$pink-dark-hover--contrast: $md-pink-60;
$pink-dark-press--contrast: $md-pink-70;
$pink-light--contrast: $md-pink-20;
$pink-light-hover--contrast: $md-pink-30;
$pink-light-press--contrast: $md-pink-40;
$pink-pastel--contrast: $md-pink-60;

$purple-base--contrast: $md-purple-60;
$purple-hover--contrast: $md-purple-70;
$purple-press--contrast: $md-purple-80;
$purple-dark--contrast: $md-purple-50;
$purple-dark-hover--contrast: $md-purple-60;
$purple-dark-press--contrast: $md-purple-70;
$purple-light--contrast: $md-purple-20;
$purple-light-hover--contrast: $md-purple-30;
$purple-light-press--contrast: $md-purple-40;
$purple-pastel--contrast: $md-purple-60;

$red-base--contrast: $md-red-60;
$red-hover--contrast: $md-red-70;
$red-press--contrast: $md-red-80;
$red-dark--contrast: $md-red-50;
$red-dark-hover--contrast: $md-red-60;
$red-dark-press--contrast: $md-red-70;
$red-light--contrast: $md-red-20;
$red-light-hover--contrast: $md-red-30;
$red-light-press--contrast: $md-red-40;
$red-pastel--contrast: $md-red-60;

$violet-base--contrast: $md-violet-60;
$violet-hover--contrast: $md-violet-70;
$violet-press--contrast: $md-violet-80;
$violet-dark--contrast: $md-violet-50;
$violet-dark-hover--contrast: $md-violet-60;
$violet-dark-press--contrast: $md-violet-70;
$violet-light--contrast: $md-violet-20;
$violet-light-hover--contrast: $md-violet-30;
$violet-light-press--contrast: $md-violet-40;
$violet-pastel--contrast: $md-violet-60;

$yellow-base--contrast: $md-yellow-60;
$yellow-hover--contrast: $md-yellow-70;
$yellow-press--contrast: $md-yellow-80;
$yellow-dark--contrast: $md-yellow-50;
$yellow-dark-hover--contrast: $md-yellow-60;
$yellow-dark-press--contrast: $md-yellow-70;
$yellow-light--contrast: $md-yellow-20;
$yellow-light-hover--contrast: $md-yellow-30;
$yellow-light-press--contrast: $md-yellow-40;
$yellow-pastel--contrast: $md-yellow-60;

// Duck Egg
$duck-egg-base: $md-gray-50;
$duck-egg-hover: $md-gray-60;
$duck-egg-press: $md-gray-70;

// Indigo
$indigo-base: #005073;

// Grayscale
$dark-gray-hover: $md-gray-80;
$dark-gray-press: $md-gray-90;

$gray-1: $md-gray-90;
$gray-2: $md-gray-70;
$gray-3: $md-gray-50;
$gray-4: $md-gray-40;
$gray-5: $md-gray-30;
$gray-6: $md-gray-20;
$gray-7: $md-gray-10;

$black: $md-black-100;

$white: $md-white-100;

// Base color aliases
$blue: $md-theme-50;
$cyan: $md-cyan-50;
$duck-egg: $duck-egg-base;
$green: $md-green-50;
$indigo: $indigo-base;
$mint: $md-mint-50;
$orange: $md-orange-50;
$pink: $md-pink-50;
$purple: $md-purple-50;
$red: $md-red-50;
$violet: $md-violet-50;
$yellow: $md-yellow-50;

// Legacy Symphony 2.0 aliases
$color-blue-base: $blue-base;
$color-blue: $blue-base;
$color-blue-dark: $blue-hover;
$color-blue-darker: $blue-press;
$color-blue-light: $blue-light;

$color-cyan-base: $cyan-base;
$color-cyan: $cyan-base;
$color-cyan: $color-cyan-base;
$color-cyan-dark: $cyan-hover;
$color-cyan-darker: $cyan-press;
$color-cyan-light: $cyan-light;

$color-green-base: $green-base;
$color-green: $green-base;
$color-green-dark: $green-hover;
$color-green-darker: $green-press;
$color-green-light: $green-light;

$color-mint-base: $mint-base;
$color-mint: $mint-base;
$color-mint-dark: $mint-hover;
$color-mint-darker: $mint-press;
$color-mint-light: $mint-light;

$color-orange-base: $orange-base;
$color-orange: $orange-base;
$color-orange-dark: $orange-hover;
$color-orange-darker: $orange-press;
$color-orange-light: $orange-light;

$color-pink-base: $pink-base;
$color-pink: $pink-base;
$color-pink-dark: $pink-hover;
$color-pink-darker: $pink-press;
$color-pink-light: $pink-light;

$color-purple-base: $purple-base;
$color-purple: $purple-base;
$color-purple-dark: $purple-hover;
$color-purple-darker: $purple-press;
$color-purple-light: $purple-light;

$color-red-base: $red-base;
$color-red: $red-base;
$color-red-dark: $red-hover;
$color-red-darker: $red-press;
$color-red-light: $red-light;

$color-violet-base: $violet-base;
$color-violet: $violet-base;
$color-violet-dark: $violet-hover;
$color-violet-darker: $violet-press;
$color-violet-light: $violet-light;

$color-yellow-base: $yellow-base;
$color-yellow: $yellow-base;
$color-yellow-dark: $yellow-hover;
$color-yellow-darker: $yellow-press;
$color-yellow-light: $yellow-light;

$color-black: $black;
$gray-dark-4: $gray-1; // $gray-darkest
$gray-dark-3: $gray-1;
$gray-dark-2: $gray-2;
$gray-dark-1: $gray-2; // $gray-darker
$gray-base: $gray-3; // $gray-dark
$gray-light-1: $gray-4; // $gray
$gray-light-2: $gray-5; // $gray-lighter & $gray-light
$gray-light-3: $gray-6;
$gray-light-4: $gray-7; // $gray-lightest
$color-white: $white;

// Legacy Symphony color variables
$color-primary-darker: $blue-press;
$color-primary-dark: $blue-hover;
$color-primary-base: $blue-base;
$color-primary: $blue-base;
$color-primary-light: $blue-light;
$color-primary-lighter: $blue-light;

$color-people-darker: $mint-press;
$color-people-dark: $mint-hover;
$color-people-base: $mint-base;
$color-people: $mint-base;
$color-people-light: $mint-light;
$color-people-lighter: $mint-light;

$color-meetings-darker: $orange-press;
$color-meetings-dark: $orange-hover;
$color-meetings-base: $orange-base;
$color-meetings: $orange-base;
$color-meetings-light: $orange-light;
$color-meetings-lighter: $orange-light;

$color-negative-darker: $red-press;
$color-negative-dark: $red-hover;
$color-negative-base: $red-base;
$color-negative: $red-base;
$color-negative-light: $red-light;
$color-negative-lighter: $red-light;

$color-cta-darker: $green-press;
$color-cta-dark: $green-hover;
$color-cta-base: $green-base;
$color-cta: $green-base;
$color-cta-light: $green-light;
$color-cta-lighter: $green-light;

$color-attention-darker: $yellow-press;
$color-attention-dark: $yellow-hover;
$color-attention-base: $yellow-base;
$color-attention: $yellow-base;
$color-attention-light: $yellow-light;
$color-attention-lighter: $yellow-light;

$color-alerts-darker: $red-press;
$color-alerts-dark: $red-hover;
$color-alerts-base: $red-base;
$color-alerts: $red-base;
$color-alerts-light: $red-light;
$color-alerts-lighter: $red-light;

$color-eggplant-base: $purple-base;
$color-eggplant: $purple-base;

// Foundation uses these as default colors throughout
$primary-color: $blue-base;
$secondary-color: $gray-2;
$alerts-color: $red-base;
$alert-color: $red-base;
$cta-color: $green-base;
$success-color: $green-base;
$attention-color: $yellow-base;
$warning-color: $yellow-base;
$people-color: $mint-base;
$info-color: $mint-base;
$meetings-color: $orange-base;
$negative-color: $red-base;

// Toolkit 1.0 Color Aliases

$gray-darkest: $black;
$gray-darker: $gray-1;
$gray-dark: $gray-2;
$gray: $gray-3;
$gray-light: $gray-4;
$gray-lighter: $gray-4;
$gray-lightest: $gray-6;
$brand-white: $white;

$brand-primary: $blue-base;
$brand-primary-light: $blue-light;
$brand-primary-dark: $blue-hover;
$brand-primary-darker: $blue-press;
$brand-success: $green-base;
$brand-success-light: $green-light;
$brand-success-dark: $green-hover;
$brand-success-darker: $green-press;
$brand-info: $mint-base;
$brand-info-light: $mint-light;
$brand-info-dark: $mint-hover;
$brand-info-darker: $mint-press;
$brand-warning: $yellow-base;
$brand-warning-light: $yellow-light;
$brand-warning-dark: $yellow-hover;
$brand-warning-darker: $yellow-press;
$brand-danger: $red-base;
$brand-danger-light: $red-light;
$brand-danger-dark: $red-hover;
$brand-danger-darker: $red-press;

// Legacy Foundation Colors:
$ghost: $white;
$snow: $white;
$vapor: $white;
$white-smoke: $gray-6;
$silver: $gray-6;
$smoke: $gray-5;
$gainsboro: $gray-4;
$iron: $gray-4;
$base: $gray-3;
$aluminum: $gray-3;
$jumbo: $gray-2;
$monsoon: $gray-2;
$steel: $gray-1;
$charcoal: $gray-1;
$tuatara: $gray-1;
$oil: $gray-1;
$jet: $black;

$green-progress: $md-green-40;

$rem-base: 16px;

// Namespace Variables
$namespace: 'md' !default;
$prefix: 'md' !default;
$dark-class: '#{$prefix}--dark' !default;
$admin-class: '#{$prefix}--admin' !default;
$sites-class: '#{$prefix}--sites' !default;
$client-class: '#{$prefix}--client' !default;
$contrast-class: '#{$prefix}--contrast' !default;

$base-cap-height: 0.0618em;

// 8px used in _trumps.spacing.responsive.scss
$base-unit-rem: $rem-base / 1px;
$base-unit-px: 4;
$base-rem: 0.5rem;

// line height settings (for vertical rhythm module _baseline.scss)
$base-line-height-ratio: 1.71429;

// this value has to be adjusted to the font used or 0 to use line-height
$base-line-height: $base-line-height-ratio;

$body-line-height: $base-line-height-ratio;
$header-line-height: $base-line-height-ratio;
$subheader-line-height: $base-line-height-ratio;
$paragraph-line-height: $base-line-height-ratio;
$paragraph-aside-line-height: $base-line-height-ratio;
$list-line-height: $base-line-height-ratio;
$f-dropdown-line-height: $base-line-height-ratio;
$form-label-line-height: $base-line-height-ratio;
$price-desc-line-height: $base-line-height-ratio;
$input-line-height: 1;

$table-line-height: $base-line-height-ratio;
$tooltip__line-height: $base-line-height-ratio;

//
// margin settings (for vertical rhythm module _baseline.scss)
$header-top-margin: 0;
$header-bottom-margin: 0;
$subheader-top-margin: 0;
$subheader-bottom-margin: 0;
$paragraph-margin-bottom: 0;
$definition-list-header-margin-bottom: 0;
$definition-list-margin-bottom: 0.5rem;

// ex.: golden ratio
// current: 16 * 1.71429 / 4 = 6.85716
$base-scale: $base-unit-rem * $base-line-height-ratio / $base-unit-px;

// 4px = 0.25rem
$base-unit: $base-line-height / $base-scale * $rem-base;

// We use these to control text direction settings
$text-direction: ltr;
$opposite-direction: right;
$default-float: left;
$last-child-float: $opposite-direction;

$link-color: $md-theme-50;
$link-hover-color: $md-theme-70;

$global-radius: 4px;
$border-radius-base: $global-radius;
$global-rounded: 1000px;

$cursor-auto-value: auto;
$cursor-crosshair-value: crosshair;
$cursor-default-value: default;
$cursor-disabled-value: not-allowed;
$cursor-pointer-value: pointer;
$cursor-help-value: help;
$cursor-text-value: text;

$select-border-radius: 3px;

$body-font-style: normal;

$row-width: rem-calc(1366) !default;
$total-columns: 12 !default;
$last-child-float: $opposite-direction !default;
$column-gutter: rem-calc(16) !default;

// legacy Bootstrap Variable
$grid-gutter-width: 30px;

$overlay-panel-height: 93px !default;

// Basics of a top-bar
$top-bar-height: 50px !default;
$top-bar-border-width: 1px !default;

$brand-shadow: rgba(0, 0, 0, 0.2);
$brand-shadow-dark: rgba(0, 0, 0, 0.45);

// Icons Variables
$icon-font-path: '~@momentum-ui/icons/fonts' !default;
$icon-font-name: 'momentum-ui-icons' !default;

// define default font weights
$font-weight-normal: normal;
$font-weight-bold: bold;

$body-font-weight: $font-weight-normal;

$padding-base-vertical: 5px;
$padding-small-vertical: 2px;
$padding-large-vertical: 7px;

$line-height-large: 1.33;

$border-radius-large: 3px;

$component-active-color: $md-white-100;

$cursor-disabled: not-allowed;

$brand-default: $md-gray-90; // legacy bootstrap - used in Atlas

$images-path: '~@momentum-ui/core/images' !default;

// Dropdown Max Height for Select/Menu/SubMenu
$dropdown-height: rem-calc(308);

$focus-color: $md-theme-50;

$body-bg: $md-white-100;
$body-font-color: $md-gray-90;

$focus__color: $focus-color !default;
$focus__color--dark: $focus-color !default;
$focus__size: 2px !default;

//** Background color on `.list-group-item`
$list-group-bg: $md-white-100;

//** `.list-group-item` border color
$list-group-border: $md-gray-20;

//** List group border radius
$list-group-border-radius: $border-radius-base;

//** Background color of single list elements on hover
$list-group-hover-bg: $md-gray-20;

//** Text color of active list elements
$list-group-active-color: $md-white-100;

//** Background color of active list elements
$list-group-active-bg: $md-theme-50;

//** Border color of active list elements
$list-group-active-border: $list-group-active-bg;

//** Text color for content within active list items
$list-group-active-text-color: lighten($list-group-active-bg, 40%);

//** Text color of disabled list items
$list-group-disabled-color: $md-gray-20;

//** Background color of disabled list items
$list-group-disabled-bg: $md-gray-20;

//** Text color for content within disabled list items
$list-group-disabled-text-color: $list-group-disabled-color;

$list-group-link-color: $md-gray-30;
$list-group-link-hover-color: $list-group-link-color;
$list-group-link-heading-color: $md-gray-40;

$small-breakpoint: em-calc(640);
$medium-breakpoint: em-calc(1024);
$large-breakpoint: em-calc(1440);
$xlarge-breakpoint: em-calc(1920);

$small-range: (0, $small-breakpoint);
$medium-range: ($small-breakpoint + em-calc(1), $medium-breakpoint);
$large-range: ($medium-breakpoint + em-calc(1), $large-breakpoint);
$xlarge-range: ($large-breakpoint + em-calc(1), $xlarge-breakpoint);
$xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999));

$vertical-small-breakpoint: em-calc(600);
$vertical-medium-breakpoint: em-calc(800);

$vertical-small-range: (0, $vertical-small-breakpoint);
$vertical-medium-range: (
  $vertical-small-breakpoint + em-calc(1),
  $vertical-medium-breakpoint
);
$vertical-large-range: (
  $vertical-medium-breakpoint + em-calc(1),
  em-calc(99999999)
);

$screen: 'only screen';

$landscape: '#{$screen} and (orientation: landscape)';
$portrait: '#{$screen} and (orientation: portrait)';

$small-up: $screen;
$small-only: '#{$screen} and (max-width: #{upper-bound($small-range)})';

$medium-up: '#{$screen} and (min-width:#{lower-bound($medium-range)})';
$medium-only: '#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})';

$large-up: '#{$screen} and (min-width:#{lower-bound($large-range)})';
$large-only: '#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})';

$xlarge-up: '#{$screen} and (min-width:#{lower-bound($xlarge-range)})';
$xlarge-only: '#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})';

$xxlarge-up: '#{$screen} and (min-width:#{lower-bound($xxlarge-range)})';
$xxlarge-only: '#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})';

$v-small-only: '#{$screen} and (max-height: #{$vertical-small-breakpoint})';
$v-medium-only: '#{$screen} and (min-height:#{lower-bound($vertical-medium-range)}) and (max-height:#{upper-bound($vertical-medium-range)})';
$v-medium-down: '#{$screen} and (max-height:#{upper-bound($vertical-medium-range)})';

$retina: (
  '#{$screen} and (-webkit-min-device-pixel-ratio: 2)',
  '#{$screen} and (min--moz-device-pixel-ratio: 2)',
  '#{$screen} and (-o-min-device-pixel-ratio: 2/1)',
  '#{$screen} and (min-device-pixel-ratio: 2)',
  '#{$screen} and (min-resolution: 192dpi)',
  '#{$screen} and (min-resolution: 2dppx)'
);

// Legacy
$small: $medium-up;
$medium: $medium-up;
$large: $large-up;

$screen-xs: 480px;
$screen-xs-min: $screen-xs;
$screen-phone: $screen-xs-min;

// Small screen / tablet
// Note: Deprecated $screen-sm and $screen-tablet as of v3.0.1
$screen-sm: $small-breakpoint;
$screen-sm-min: $screen-sm;
$screen-tablet: $screen-sm-min;

// Medium screen / desktop
// Note: Deprecated $screen-md and $screen-desktop as of v3.0.1
$screen-md: $medium-breakpoint;
$screen-md-min: $screen-md;
$screen-desktop: $screen-md-min;

// Large screen / wide desktop
// Note: Deprecated $screen-lg and $screen-lg-desktop as of v3.0.1
$screen-lg: $large-breakpoint;
$screen-lg-min: $screen-lg;
$screen-lg-desktop: $screen-lg-min;

// So media queries don't overlap when required, provide a maximum
$screen-xs-max: ($screen-sm-min - 1);
$screen-sm-max: ($screen-md-min - 1);
$screen-md-max: ($screen-lg-min - 1);

$grid-float-breakpoint-max: ($screen-sm-min - 1);

/**
 * @component variables
 * @section mediaqueries
 *
 * @variable $screen - screens only
 * @variable $landscape - landscape orientation
 * @variable $portrait - portrait orientation
 * @variable $small-up - screens 0px width and larger
 * @variable $small-only - small screens from 0 - 640px width
 * @variable $medium-up - screens 640px and larger
 * @variable $medium-only - screens 640px to 1024px
 * @variable $large-up - screens 1025px and larger
 * @variable $large-only - screens 1025px to 1440px
 * @variable $xlarge-up - screens 1441px and larger
 * @variable $xlarge-only - screens 1441px to 1920px
 * @variable $xxlarge-up - screens 1921px and larger
 * @variable $xxlarge-only - same as $xxlarge-up
 * @variable $retina - retina screens
 *
 * @scss
 *    @media #{$medium-up} {
 *      **Media specific styles**
 *    }
 *
 */

$zindex-sidebar:              1000;
$zindex-drawer:               1000;
$zindex-top-bar:              1005;
$zindex-close:                1015;
$zindex-popover:              1020;
$zindex-tooltip:              1030;
$zindex-top-bar-fixed:        1030;
$zindex-modal-background:     1040;
$zindex-modal:                1050;

$dropdown-divider-bg: $md-gray-30;
$dropdown-link-color: $md-black-100;
$dropdown-link-hover-color: $md-black-100;
$dropdown-link-hover-bg: $md-gray-10;
$dropdown-link-active-color: $component-active-color;
$dropdown-link-active-bg: $md-theme-50;
$dropdown-link-disabled-color: $md-gray-50;
$dropdown-header-color: $md-gray-30;
$dropdown-caret-color: $md-gray-90;
$caret-width-base: 4px;

$f-dropdown-max-width: 200px !default;
$f-dropdown-height: auto !default;
$f-dropdown-max-height: none !default;
$f-dropdown-margin-top: 2px !default;
$f-dropdown-margin-left: $f-dropdown-margin-top !default;
$f-dropdown-margin-right: $f-dropdown-margin-top !default;
$f-dropdown-margin-bottom: $f-dropdown-margin-top !default;
$f-dropdown-bg: $md-white-100 !default;
$f-dropdown-border-style: solid !default;
$f-dropdown-border-width: 1px !default;
$f-dropdown-border-color: scale-color($md-white-100, $lightness: -20%) !default;
$f-dropdown-triangle-size: 6px !default;
$f-dropdown-triangle-color: $md-white-100 !default;
$f-dropdown-triangle-side-offset: 10px !default;
$f-dropdown-list-style: none !default;
$f-dropdown-font-color: $md-gray-90 !default;
$f-dropdown-font-size: rem-calc(14) !default;
$f-dropdown-list-padding: rem-calc(5, 10) !default;
$f-dropdown-line-height: rem-calc(18) !default;
$f-dropdown-list-hover-bg: $md-gray-30 !default;
$dropdown-mobile-default-float: 0 !default;
$f-dropdown-content-padding: rem-calc(20) !default;
$f-dropdown-radius: $global-radius !default;
$f-dropdown-z-index: 501 !default;

// We use these to define default font stacks
$brand-font-folder: '~@momentum-ui/core/fonts' !default;
$font-family-sans-serif: 'Helvetica Neue', Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, Cambria, 'Times New Roman', Times, serif;
$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;

$brand-font-bold: 'CiscoSansTT Bold', $font-family-sans-serif;
$brand-font-bold-oblique: 'CiscoSansTT Bold Oblique', $font-family-sans-serif;
$brand-font-extra-light: 'CiscoSansTT Extra Light', $font-family-sans-serif;
$brand-font-extra-light-oblique: 'CiscoSansTT Extra Light Oblique',
  $font-family-sans-serif;
$brand-font-heavy: 'CiscoSansTT Heavy', $font-family-sans-serif;
$brand-font-heavy-oblique: 'CiscoSansTT Heavy Oblique', $font-family-sans-serif;
$brand-font-light: 'CiscoSansTT Light', $font-family-sans-serif;
$brand-font-light-Oblique: 'CiscoSansTT Light Oblique', $font-family-sans-serif;
$brand-font-regular: 'CiscoSansTT Regular', $font-family-sans-serif;
$brand-font-regular-oblique: 'CiscoSansTT Regular Oblique',
  $font-family-sans-serif;
$brand-font-thin: 'CiscoSansTT Thin', $font-family-sans-serif;
$brand-font-thin-oblique: 'CiscoSansTT Thin Oblique', $font-family-sans-serif;

$brand-font-medium: 'CiscoSans-Medium', $font-family-sans-serif;

$body-font-family: $brand-font-regular;

// TODO: Replace variables in app.
$brand-font-cisco-TT-Bold: $brand-font-bold;
$brand-font-cisco-TT-Bold-Oblique: $brand-font-bold-oblique;
$brand-font-cisco-TT-Extra-Light: $brand-font-extra-light;
$brand-font-cisco-TT-Extra-Light-Oblique: $brand-font-extra-light-oblique;
$brand-font-cisco-TT-Heavy: $brand-font-heavy;
$brand-font-cisco-TT-Heavy-Oblique: $brand-font-heavy-oblique;
$brand-font-cisco-TT-Light: $brand-font-light;
$brand-font-cisco-TT-Light-Oblique: $brand-font-light-Oblique;
$brand-font-cisco-TT-Regular: $brand-font-regular;
$brand-font-cisco-TT-Regular-Oblique: $brand-font-regular-oblique;
$brand-font-cisco-TT-Thin: $brand-font-thin;
$brand-font-cisco-TT-Thin-Oblique: $brand-font-thin-oblique;

$font-size-base: 14px;
$font-size-large: ceil($font-size-base * 1.1);

// ~16px
$font-size-small: ceil($font-size-base * 0.85);

// ~12px

$font-size-h1: floor($font-size-base * 2.9);

// ~40px
$font-size-h2: floor($font-size-base * 2.3);

// ~32px
$font-size-h3: ceil($font-size-base * 1.7);

// ~24px
$font-size-h4: ceil($font-size-base * 1.25);

// ~18px
$font-size-h5: $font-size-base;
$font-size-h6: ceil($font-size-base * 0.85);
$line-height-base: 1.428571429; // 20/14
$line-height-computed: floor(($font-size-base * $line-height-base));

// We use these to define default font weights
$font-weight-normal: normal !default;
$font-weight-bold: bold !default;
$font-color-primary: $md-gray-90;

$text-color: $md-gray-70;

// We use these to control header font styles
$header-font-family: $body-font-family !default;
$header-font-weight: $font-weight-normal !default;
$header-font-style: normal !default;
$header-font-color: $md-gray-70 !default;

$header-line-height: 1.4 !default;
$header-top-margin: 0.2rem !default;
$header-bottom-margin: 0.5rem !default;
$header-text-rendering: optimizeLegibility !default;

// We use these to control header font sizes
$title-heading-font-size: rem-calc(62) !default;
$h1-font-size: rem-calc(48) !default;
$h2-font-size: rem-calc(36) !default;
$h3-font-size: rem-calc(26) !default;
$h4-font-size: rem-calc(20) !default;
$h5-font-size: rem-calc(16) !default;
$h6-font-size: rem-calc(14) !default;

// We use these to control header size reduction on small screens
$h1-font-reduction: 0 !default;
$h2-font-reduction: 0 !default;
$h3-font-reduction: 0 !default;
$h4-font-reduction: 0 !default;
$h5-font-reduction: 0 !default;
$h6-font-reduction: 0 !default;

$base-font-size: $rem-base;

// These control how subheaders are styled.
$subheader-line-height: 1.4 !default;
$subheader-font-color: scale-color(
  $header-font-color,
  $lightness: 35%
) !default;
$subheader-font-weight: $font-weight-normal !default;
$subheader-top-margin: 0.2rem !default;
$subheader-bottom-margin: 0.5rem !default;

// A general <small> styling
$small-font-size: 0.875 !default;

$small-font-color: scale-color($header-font-color, $lightness: 35%) !default;

// We use these to style paragraphs
$paragraph-font-family: inherit !default;
$paragraph-font-weight: $font-weight-normal !default;
$paragraph-font-size: rem-calc(14) !default;

$paragraph-line-height: 1.6 !default;
$paragraph-margin-bottom: rem-calc(20) !default;
$paragraph-aside-font-size: rem-calc(14) !default;
$paragraph-aside-line-height: 1.35 !default;
$paragraph-aside-font-style: italic !default;
$paragraph-text-rendering: optimizeLegibility !default;

// body-small/est styling
$body-small-font-size: rem-calc(12) !default;
$body-smallest-font-size: rem-calc(10) !default;

$lead-font-size: rem-calc(14) !default;

// We use these to style <code> tags
$code-color: $md-gray-90 !default;
$code-font-family: $font-family-monospace !default;
$code-font-weight: $font-weight-normal !default;
$code-background-color: transparent !default;

//scale-color($md-gray-70, $lightness: 70%) !default;
$code-border-size: 0px !default;

$code-border-style: solid !default;
$code-border-color: scale-color(
  $code-background-color,
  $lightness: -10%
) !default;
$code-padding: rem-calc(2) rem-calc(5) rem-calc(1) !default;

// We use these to style anchors
$anchor-text-decoration: none !default;
$anchor-text-decoration-hover: none !default;
$anchor-font-color: $md-theme-60 !default;
$anchor-font-color-hover: $md-theme-70 !default;

// We use these to style the <hr> element
$hr-border-width: 1px !default;
$hr-border-style: solid !default;
$hr-border-color: $md-gray-20 !default;
$hr-margin: rem-calc(20) !default;

// We use these to style lists
$list-font-family: $paragraph-font-family !default;
$list-font-size: $paragraph-font-size !default;
$list-line-height: $paragraph-line-height !default;
$list-margin-bottom: $paragraph-margin-bottom !default;
$list-style-position: outside !default;
$list-side-margin: 1rem !default;
$list-ordered-side-margin: 1.5rem !default;

$list-side-margin-no-bullet: 0 !default;
$list-nested-margin: rem-calc(20) !default;
$definition-list-header-weight: $font-weight-bold !default;
$definition-list-header-margin-bottom: 0.3rem !default;
$definition-list-margin-bottom: rem-calc(12) !default;

// We use these to style blockquotes
$blockquote-font-color: inherit !default;
$blockquote-padding: rem-calc(9 20 0 19) !default;
$blockquote-border-width: 4px !default;
$blockquote-padding: 0.5rem 1rem calc(0.25rem + #{$blockquote-border-width})
  1rem !default;
$blockquote-border: $blockquote-border-width solid !default;
$blockquote-border-color: $md-gray-50 !default;

$blockquote-cite-font-size: rem-calc(13) !default;
$blockquote-cite-font-color: inherit !default;
$blockquote-cite-link-color: $blockquote-cite-font-color !default;

// Acronym styles
$acronym-underline: 1px dotted $md-gray-20 !default;

// line height (px) divided by font-size
$title-heading-line-height: rem-calc(80) / $title-heading-font-size !default;
$h1-line-height: rem-calc(64) / $h1-font-size !default;
$h2-line-height: rem-calc(48) / $h2-font-size !default;
$h3-line-height: rem-calc(32) / $h3-font-size !default;
$h4-line-height: rem-calc(32) / $h4-font-size !default;
$h5-line-height: rem-calc(24) / $h5-font-size !default;
$h6-line-height: rem-calc(24) / $h6-font-size !default;
$paragraph-line-height: rem-calc(24) / $paragraph-font-size !default;
$body-small-line-height: rem-calc(16) / $body-small-font-size !default;
$body-smallest-line-height: rem-calc(16) / $body-smallest-font-size !default;

//------------------------------------
//    #FONT-SIZE-VARIABLES
//    create font size map to zurb's foundation
//------------------------------------
$fontSizes: (
  dl: $paragraph-font-size,
  dt: $paragraph-font-size,
  dd: $paragraph-font-size,
  li: $paragraph-font-size,
  title-heading: $title-heading-font-size,
  h1: $h1-font-size,
  h2: $h2-font-size,
  h3: $h3-font-size,
  h4: $h4-font-size,
  h5: $h5-font-size,
  h6: $h6-font-size,
  pre: $paragraph-font-size,
  code: $paragraph-font-size,
  p: $paragraph-font-size,
  blockquote: $paragraph-font-size,
  th: $paragraph-font-size,
  td: $paragraph-font-size,
  small: $small-font-size,
  body-small: $body-small-font-size,
  body-smallest: $body-smallest-font-size,
);

//------------------------------------
//    #FONT-FACES-VARIABLES
//    create font size map to cisco fonts
//------------------------------------

$fontFaces: (
  title-heading: $brand-font-thin,
  h1: $brand-font-thin,
  h2: $brand-font-light,
  h3: $brand-font-light,
  h4: $brand-font-light,
  h5: $brand-font-light,
  h6: $brand-font-light,
  pre: $brand-font-light,
  code: $font-family-monospace,
  kbd: $brand-font-light,
  p: $brand-font-light,
  small: $brand-font-regular,
  body-small: $brand-font-regular,
  body-smallest: $brand-font-regular,
);

$fontVariations: (
  h1--bold: $brand-font-extra-light,
  h2--light: $brand-font-extra-light,
  h2--bold: $brand-font-regular,
  h3--light: $brand-font-extra-light,
  h3--bold: $brand-font-regular,
  h4--bold: $brand-font-regular,
  h5--bold: $brand-font-regular,
  h5--heavy: $brand-font-bold,
  body--bold: $brand-font-regular,
  body--heavy: $brand-font-bold,
  body-small--light: $brand-font-light,
  body-small--bold: $brand-font-bold,
  body-smallest--light: $brand-font-light,
  body-smallest--bold: $brand-font-bold,
);

$fontColors: (
  primary: $md-gray-90,
  alternate: $md-black-100,
  secondary: $md-gray-70,
  disabled: $md-gray-50,
);

//------------------------------------
//    #LINE-HEIGHT-VARIABLES
//    create line height map to cisco fonts
//------------------------------------

$lineHeights: (
  title-heading: $title-heading-line-height,
  h1: $h1-line-height,
  h2: $h2-line-height,
  h3: $h3-line-height,
  h4: $h4-line-height,
  h5: $h5-line-height,
  h6: $h6-line-height,
  p: $paragraph-line-height,
  ul: $list-line-height,
  ol: $list-line-height,
  dl: $list-line-height,
  body-small: $body-small-line-height,
  body-smallest: $body-smallest-line-height,
);

// Text alignment class names
$align-class-names: small-only, small, medium-only, medium, large-only, large,
  xlarge-only, xlarge, xxlarge-only, xxlarge;

// Text alignment breakpoints
$align-class-breakpoints: $small-only, $small-up, $medium-only, $medium-up,
  $large-only, $large-up, $xlarge-only, $xlarge-up, $xxlarge-only, $xxlarge-up;

$input__class: '#{$prefix}-input';
$input__class--filled: '#{$input__class}--filled';

$input__border-width: rem-calc(1) !default;
$input__font-family: $brand-font-regular !default;

$input__font-size: rem-calc(16) !default;
$input__height: rem-calc(36) !default;
$input__padding-side: rem-calc(16) !default;
$input__padding-side--icon: rem-calc(44) !default;
$input__padding: 0 $input__padding-side;
$input__border-radius: $global-radius;
$input--pill__border-radius: $global-rounded;
$input__line-height: $base-line-height-ratio !default;

$input__message__icon__font-size: rem-calc(16) !default;
$input__message__font-size: rem-calc(14) !default;
$input__message__line-height: rem-calc(22) !default;

//  Color
  // Outline
  $input__background: $md-white-100 !default;
  $input__background--disabled: $md-gray-10 !default;
  $input__background--hover: $md-gray-20 !default;
  $input__border-color: $md-gray-30 !default;
  $input__border-color--read-only: transparent !default;
  $input__clear-icon__color: $md-gray-60;
  $input__clear-icon__color--hover: $md-gray-70;
  $input__font-color: $md-gray-100 !default;
  $input__font-color--disabled: $md-gray-30 !default;
  $input__font-color--help: $md-gray-70 !default;
  $input__font-color--placeholder: $md-gray-70 !default;
  $input__font-color--read-only: $input__font-color !default;

  // Outline Contrast
  $input__background--disabled--contrast: $md-gray-10 !default;
  $input__background--hover--contrast: $md-gray-20 !default;
  $input__border-color--contrast: $input__font-color !default;
  $input__font-color--disabled--contrast: $md-gray-40 !default;
  $input__font-color--help--contrast: $md-gray-100 !default;

  // Outline Dark
  $input__background--dark: $md-gray-100 !default;
  $input__background--disabled--dark: $md-gray-90 !default;
  $input__background--hover--dark: $md-gray-90 !default;
  $input__border-color--dark: $md-gray-80;
  $input__clear-icon__color--dark: $md-gray-40;
  $input__clear-icon__color--hover--dark: $md-gray-50;
  $input__font-color--dark: $md-white-100 !default;
  $input__font-color--disabled--dark: $md-gray-70 !default;
  $input__font-color--help--dark: $md-gray-40 !default;
  $input__font-color--placeholder--dark: $md-gray-40 !default;
  $input__font-color--read-only--dark: $input__font-color--dark;

  // Outline Dark Contrast
  $input__background--hover--dark--contrast: $input__background--hover--dark !default;
  $input__border-color--dark--contrast: $input__font-color--dark !default;
  $input__font-color--help--dark--contrast: $md-white-100 !default;

  // Filled
  $input__background--filled: $md-gray-10 !default;
  $input__background--filled--hover: $md-gray-20 !default;
  $input__border-color--filled: transparent !default;

  // Filled Dark
  $input__background--filled--dark: $md-gray-90 !default;
  $input__background--filled--hover--dark: $md-gray-80 !default;
  $input__font-color--read-only--filled--dark: $md-white-100 !default;


//  Error Color
  // Default
  $input__background--error: $md-red-10 !default;
  $input__background--error--hover: $md-red-20 !default;
  $input__border-color--error: $md-red-50 !default;
  $input__message__font-color--error: $md-red-50 !default;

  // Dark
  $input__background--error--dark: $md-red-90 !default;
  $input__background--error--hover--dark: $md-red-80 !default;
  $input__border-color--error--dark: $md-red-50 !default;
  $input__message__font-color--error--dark: $md-red-50 !default;

  // Contrast
  $input__border-color--error--contrast: $md-red-60 !default;
  $input__message__font-color--error--contrast: $md-red-80 !default;

//  Success Color
  // Default
  $input__background--success: $md-green-10 !default;
  $input__background--success--hover: $md-green-20 !default;
  $input__border-color--success: $md-green-50 !default;
  $input__message__font-color--success: $md-green-50 !default;

  // Dark
  $input__background--success--dark: $md-green-90 !default;
  $input__background--success--hover--dark: $md-green-80 !default;
  $input__border-color--success--dark: $md-green-50 !default;
  $input__message__font-color--success--dark: $md-green-50 !default;

  // Contrast
  $input__border-color--success--contrast: $md-green-60 !default;
  $input__message__font-color--success--contrast: $md-green-80 !default;

//  Warning Color
  // Default
  $input__background--warning: $md-yellow-10 !default;
  $input__background--warning--hover: $md-yellow-20 !default;
  $input__border-color--warning: $md-yellow-40 !default;
  $input__message__font-color--warning: $md-yellow-50 !default;

  // Dark
  $input__background--warning--dark: $md-yellow-90 !default;
  $input__background--warning--hover--dark: $md-yellow-80 !default;
  $input__border-color--warning--dark: $md-yellow-40 !default;
  $input__message__font-color--warning--dark: $md-yellow-40 !default;

  // Contrast
  $input__border-color--warning--contrast: $md-yellow-60 !default;
  $input__message__font-color--warning--contrast: $md-yellow-80 !default;

$accordion__class: '#{$prefix}-accordion';
$accordion-header__padding: rem-calc(10) !default;
$accordion__font-size: rem-calc(16) !default;
$accordion-header__font-family: $body-font-family !default;
$accordion-list-item__font-family: $brand-font-light;
$accordion-list-item__height: rem-calc(32);
$accordion-list-item__padding: rem-calc(10);
$accordion-content-padding: ($column-gutter/2) !default;
$accordion-arrow__font-size: rem-calc(12);

$accordion-header__color: $md-black-100 !default;
$accordion-header__background: $md-white-100 !default;
$accordion-header__background--hover: $md-theme-10 !default;
$accordion-header__opacity--disabled: 0.2;
$accordion-separator__border: rem-calc(1) solid $black-08;

$accordion-header-dark__color: $md-white-100 !default;
$accordion-header-dark__background: transparent !default;
$accordion-header-dark__background--hover: $white-08 !default;
$accordion-separator-dark__border: rem-calc(1) solid $white-08;

$alert__class: '#{$prefix}-alert';
$alert__border-radius: 5px;

$alert__font-size: rem-calc(14) !default;
$alert__font-size--title: rem-calc(16) !default;
$alert__icon-font-size: rem-calc(44) !default;

$alert__background-color: $md-white-100 !default;
$alert__background-color--info: $md-theme-50 !default;
$alert__background-color--success: $md-green-50 !default;
$alert__background-color--warning: $md-yellow-50 !default;
$alert__background-color--error: $md-red-50 !default;

$alert__font-color: $md-gray-90 !default;
$alert__font-color--title: $md-black-100 !default;
$alert__font-color--status: $md-green-70 !default;
$alert__font-color--info: $md-theme-50 !default;
$alert__font-color--success: $md-green-50 !default;
$alert__font-color--warning: $md-yellow-50 !default;
$alert__font-color--error: $md-red-50 !default;

$alert__padding: rem-calc(8);
$alert__padding-right: rem-calc(13);
$alert__padding-left: rem-calc(17);

$alert__padding--call: rem-calc(17);
$alert__padding-top--call: rem-calc(12);
$alert__padding-bottom--call: rem-calc(25);

$alert__width: rem-calc(342);

$alert-banner__font-size: rem-calc(14);
$alert-banner__padding: rem-calc(12);
$alert-banner-column__border: 1px solid transparent;

$alert-banner-info__color: $md-theme-60;
$alert-banner-info__background: $md-theme-10;

$alert-banner-warning__color: $md-yellow-60;
$alert-banner-warning__background: $md-yellow-10;

$alert-banner-error__color: $md-red-60;
$alert-banner-error__background: $md-red-10;

$avatar__class: '#{$prefix}-avatar';

$avatar--inactive__opacity: 0.55;

$avatar__font-size: rem-calc(14);
$avatar__size: rem-calc(40);
$avatar__font-factor: 0.35;
$avatar__line-height-factor: 0.5;

$avatar-sizes: (
    xsmall,
    $icon-dnd_8,
    $icon-pto_8,
    $icon-handset_8,
    $icon-camera_12,
    $icon-share-screen_8,
    18
  ),
  (
    small,
    $icon-dnd_14,
    $icon-pto_14,
    $icon-handset_14,
    $icon-camera_16,
    $icon-share-screen_14,
    28
  ),
  (
    medium,
    $icon-dnd_20,
    $icon-pto_20,
    $icon-handset_20,
    $icon-camera_20,
    $icon-share-screen_20,
    40
  ),
  (
    large,
    $icon-dnd_28,
    $icon-pto_28,
    $icon-handset_28,
    $icon-camera_26,
    $icon-share-screen_28,
    52
  ),
  (
    xlarge,
    $icon-dnd_40,
    $icon-pto_32,
    $icon-handset_40,
    $icon-camera_32,
    $icon-share-screen_36,
    84
  ),
  (
    18,
    $icon-dnd_8,
    $icon-pto_8,
    $icon-handset_8,
    $icon-camera_12,
    $icon-share-screen_8
  ),
  (
    24,
    $icon-dnd_12,
    $icon-pto_12,
    $icon-handset_12,
    $icon-camera_12,
    $icon-share-screen_12
  ),
  (
    28,
    $icon-dnd_14,
    $icon-pto_14,
    $icon-handset_14,
    $icon-camera_16,
    $icon-share-screen_14
  ),
  (
    36,
    $icon-dnd_18,
    $icon-pto_18,
    $icon-handset_18,
    $icon-camera_18,
    $icon-share-screen_18
  ),
  (
    40,
    $icon-dnd_20,
    $icon-pto_20,
    $icon-handset_20,
    $icon-camera_20,
    $icon-share-screen_20
  ),
  (
    44,
    $icon-dnd_24,
    $icon-pto_24,
    $icon-handset_24,
    $icon-camera_24,
    $icon-share-screen_24
  ),
  (
    52,
    $icon-dnd_28,
    $icon-pto_28,
    $icon-handset_28,
    $icon-camera_26,
    $icon-share-screen_28
  ),
  (
    56,
    $icon-dnd_28,
    $icon-pto_28,
    $icon-handset_28,
    $icon-camera_26,
    $icon-share-screen_28
  ),
  (
    72,
    $icon-dnd_36,
    $icon-pto_32,
    $icon-handset_36,
    $icon-camera_32,
    $icon-share-screen_36
  ),
  (
    80,
    $icon-dnd_40,
    $icon-pto_32,
    $icon-handset_40,
    $icon-camera_32,
    $icon-share-screen_36
  ),
  (
    84,
    $icon-dnd_40,
    $icon-pto_32,
    $icon-handset_40,
    $icon-camera_32,
    $icon-share-screen_36
  );

$avatar--active__shadow: inset 0 0 0 rem-calc(1) $md-green-50,
  inset 0 0 0 rem-calc(2) $white-24;
$avatar--active__shadow--dark: inset 0 0 0 rem-calc(1) $md-green-50,
  inset 0 0 0 rem-calc(2) $black-24;

$avatar-letter__color: $black-80;
$avatar-letter__background: $gray-5-88;

$avatar-icon__color: $black-80;
$avatar-icon__background: $gray-5-88;

$avatar-self__color: $md-theme-50;
$avatar-self__background: $md-white-100;
$avatar-self__border: 1px solid $black-08;

$avatar-img__background: $gray-5-88;

$avatar-badge__spacing: 0.14em;

$avatar-failure-badge__size: 0.85em;
$avatar-failure-badge__font-size: 0.85em;
$avatar-failure-badge__color: $md-red-50;
$avatar-failure-badge__background: $md-red-10;

$avatar-notification-badge__size: 0.66em;
$avatar-notification-badge__color: $md-theme-50;

$avatar-bot__border-radius: 0.571em;
$avatar-bot__font-size: 0.571em;
$avatar-bot__line-height: 1.25em;
$avatar-bot__padding: 0.25em 0.75em;
$avatar-bot__background: $md-gray-70;
$avatar-bot__color: $md-white-100;

$composite-avatar__class: '#{$prefix}-composite-avatar';

$composite-avatar--small__size: rem-calc(28);
$composite-avatar--medium__size: rem-calc(40);
$composite-avatar--84__size: rem-calc(84);
$composite-avatar--large__size: rem-calc(135);

$composite-avatar--small__avatar-size: rem-calc(18);
$composite-avatar--medium__avatar-size: rem-calc(26);
$composite-avatar--84__avatar-size: rem-calc(52);
$composite-avatar--large__avatar-size: rem-calc(90);

$composite-avatar--small__avatar-font-size: rem-calc(6);
$composite-avatar--medium__avatar-font-size: rem-calc(9);
$composite-avatar--84__avatar-font-size: rem-calc(18);
$composite-avatar--large__avatar-font-size: rem-calc(31);

$badge__class: '#{$prefix}-badge';

// Set the padding for badges
$badge__padding: rem-calc(2 6) !default;
$badge__outline-padding: rem-calc(4 6 4) !default;

// Set the border radius for badges.
$badge__radius: $global-radius !default;
$badge--round__radius: rem-calc(100);

// Set the badge text
$badge__font-size: rem-calc(12) !default;
$badge__font-color-alt: $md-white-100 !default;
$badge__font-color: $md-white-100 !default;
$badge__font-weight: $font-weight-normal !default;
$badge__font-family: $brand-font-regular !default;
$badge__font-line-height: rem-calc(16) !default;
$badge__font-size__round: rem-calc(12) !default;

// Blue badge colors
$badge--blue__background-color: $md-theme-50 !default;

// Mint badge colors
$badge--mint__background-color: $md-mint-50 !default;

// Green badge colors
$badge--green__background-color: $md-green-50 !default;

// Yellow badge colors
$badge--yellow__background-color: $md-yellow-50 !default;

// Red badge colors
$badge--red__background-color: $md-red-50 !default;

// Orange badge colors
$badge--orange__background-color: $md-orange-50 !default;

// Purple badge colors
$badge--purple__background-color: $md-purple-50 !default;

// Cyan badge colors
$badge--cyan__background-color: $md-cyan-50 !default;

// Grey badge colors
$badge--gray__background-color: $md-gray-50 !default;

// Blue pastel badge colors
$badge--blue-pastel__background-color: $md-theme-10 !default;
$badge--blue-pastel__font-color: $md-theme-50 !default;

// Mint badge colors
$badge--mint-pastel__background-color: $md-mint-10 !default;
$badge--mint-pastel__font-color: $md-mint-50 !default;

// Green pastel badge colors
$badge--green-pastel__background-color: $md-green-10 !default;
$badge--green-pastel__font-color: $md-green-50 !default;

// Yellow pastel badge colors
$badge--yellow-pastel__background-color: $md-yellow-10 !default;
$badge--yellow-pastel__font-color: $md-yellow-50 !default;

// Red pastel badge colors
$badge--red-pastel__background-color: $md-red-10 !default;
$badge--red-pastel__font-color: $md-red-60 !default;

// Gray pastel badge colors
$badge--gray-pastel__background-color: $md-gray-20 !default;
$badge--gray-pastel__font-color: $md-gray-70 !default;

$breadcrumbs-bg: scale-color($md-gray-70, $lightness: 55%) !default;
$breadcrumbs-padding: rem-calc(9 14 9) !default;
$breadcrumbs-side-padding: rem-calc(12) !default;
$breadcrumbs-function-factor: -10% !default;
$breadcrumbs-border-size: 1px !default;
$breadcrumbs-border-style: solid !default;
$breadcrumbs-border-color: scale-color(
  $breadcrumbs-bg,
  $lightness: $breadcrumbs-function-factor
) !default;
$breadcrumbs-radius: $global-radius !default;
$breadcrumbs-font-size: rem-calc(11) !default;
$breadcrumbs-font-color: $md-theme-50 !default;
$breadcrumbs-font-color-current: $md-gray-90 !default;
$breadcrumbs-font-color-unavailable: $md-gray-50 !default;
$breadcrumbs-font-transform: uppercase !default;
$breadcrumbs-link-decor: underline !default;
$breadcrumbs-slash-color: $md-gray-50 !default;
$breadcrumbs-slash: '/' !default;

$button__class: '#{$prefix}-button';

// Default font size
$button__font-size: rem-calc(16);
$button__line-height: rem-calc(24);

// Pill Font Sizes
$button__font-size--28: rem-calc(14);
$button__line-height--28: rem-calc(22);

// Circle Button Sizes
$button__size--20: rem-calc(20);
$button__font-size--20: rem-calc(8);
$button__size--28: rem-calc(28);
$button__font-size--28: rem-calc(12);
$button__size--32: rem-calc(32);
$button__font-size--32: rem-calc(14);
$button__size--36: rem-calc(36);
$button__font-size--36: rem-calc(14);
$button__size--40: rem-calc(40);
$button__font-size--40: rem-calc(14);
$button__size--44: rem-calc(44);
$button__font-size--44: rem-calc(14);
$button__size--56: rem-calc(56);
$button__font-size--56: rem-calc(24);
$button__size--68: rem-calc(68);
$button__font-size--68: rem-calc(28);
$button__size--72: rem-calc(72);
$button__font-size--72: rem-calc(32);
$button__size--84: rem-calc(84);
$button__font-size--84: rem-calc(36);

// Border Radius Sizes
$button__radius--28: rem-calc(16);
$button__radius--36: rem-calc(18);
$button__radius--40: rem-calc(20);
$button__radius--52: rem-calc(26);
$button__radius--round: $global-rounded !default;

// Set text alignment
$button__font-align: center !default;

// Set paddings
$button__padding--28: rem-calc(3) rem-calc(14);
$button__padding--36: rem-calc(6) rem-calc(18);
$button__padding--40: rem-calc(8) rem-calc(20);
$button__padding--52: rem-calc(14) rem-calc(26);

$button__transition-speed: 150ms;

// Set button font colors
$button__font-color: $md-black-100 !default;
$button__font-color--alt: $md-white-100 !default;

// Set color, background and cursor for disabled buttons.
$button__color--disabled: $black-04 !default;
$button__color--disabled--dark: $white-08 !default;
$button__font-color--disabled: $black-20 !default;
$button__font-color--disabled--dark: $white-20 !default;
$button__cursor--disabled: default !default;
$button__link-color--disabled: $button__font-color--disabled;

// Default button color settings.
$button__background-color: $md-gray-20 !default;
$button__background-color--dark: $white-24 !default;
$button__background-color--hover: $md-gray-30 !default;
$button__background-color--hover--dark: $white-32 !default;
$button__background-color--active: $md-gray-40 !default;
$button__background-color--active--dark: $white-40 !default;
$button__border-color--focus: $md-black-100 !default;

// Default button contrast colors
$button__background-color--contrast: $black-60 !default;
$button__background-color--hover--contrast: $black-68 !default;
$button__background-color--active--contrast: $black-76 !default;

// Default dark button contrast colors
$button__background-color--dark--contrast: $md-white-100 !default;
$button__background-color--hover--dark--contrast: $white-92 !default;
$button__background-color--active--dark--contrast: $white-84 !default;

// Blue button colors
$button--blue__background-color: $md-theme-50 !default;
$button--blue__background-color--hover: $md-theme-60 !default;
$button--blue__background-color--active: $md-theme-70 !default;

// Blue button contrast colors
$button--blue__background-color--contrast: $md-theme-60 !default;
$button--blue__background-color--hover--contrast: $md-theme-70 !default;
$button--blue__background-color--active--contrast: $md-theme-80 !default;

// Red button colors
$button--red__background-color: $md-red-50 !default;
$button--red__background-color--hover: $md-red-60 !default;
$button--red__background-color--active: $md-red-70 !default;

// Red button contrast colors
$button--red__background-color--contrast: $md-red-60 !default;
$button--red__background-color--hover--contrast: $md-red-70 !default;
$button--red__background-color--active--contrast: $md-red-80 !default;

// Green button colors
$button--green__background-color: $md-green-50 !default;
$button--green__background-color--hover: $md-green-60 !default;
$button--green__background-color--active: $md-green-70 !default;

// Green button contrast colors
$button--green__background-color--contrast: $md-green-60 !default;
$button--green__background-color--hover--contrast: $md-green-70 !default;
$button--green__background-color--active--contrast: $md-green-80 !default;

// Orange button colors
$button--orange__background-color: $md-orange-50 !default;
$button--orange__background-color--hover: $md-orange-60 !default;
$button--orange__background-color--active: $md-orange-70 !default;

// Orange button contrast colors
$button--orange__background-color--contrast: $md-orange-60 !default;
$button--orange__background-color--hover--contrast: $md-orange-70 !default;
$button--orange__background-color--active--contrast: $md-orange-80 !default;

// Yellow button colors
$button--yellow__background-color: $md-yellow-50 !default;
$button--yellow__background-color--hover: $md-yellow-60 !default;
$button--yellow__background-color--active: $md-yellow-70 !default;

// Yellow button contrast colors
$button--yellow__background-color--contrast: $md-yellow-60 !default;
$button--yellow__background-color--hover--contrast: $md-yellow-70 !default;
$button--yellow__background-color--active--contrast: $md-yellow-80 !default;

// Mint button colors
$button--mint__background-color: $md-mint-50 !default;
$button--mint__background-color--hover: $md-mint-60 !default;
$button--mint__background-color--active: $md-mint-70 !default;

// Mint button contrast colors
$button--mint__background-color--contrast: $md-mint-60 !default;
$button--mint__background-color--hover--contrast: $md-mint-70 !default;
$button--mint__background-color--active--contrast: $md-mint-80 !default;

// Purple button colors
$button--purple__background-color: $md-purple-50 !default;
$button--purple__background-color--hover: $md-purple-60 !default;
$button--purple__background-color--active: $md-purple-70 !default;

// Purple button contrast colors
$button--purple__background-color--contrast: $md-purple-60 !default;
$button--purple__background-color--hover--contrast: $md-purple-70 !default;
$button--purple__background-color--active--contrast: $md-purple-80 !default;

// Pink button colors
$button--pink__background-color: $md-pink-50 !default;
$button--pink__background-color--hover: $md-pink-60 !default;
$button--pink__background-color--active: $md-pink-70 !default;

// Pink button contrast colors
$button--pink__background-color--contrast: $md-pink-60 !default;
$button--pink__background-color--hover--contrast: $md-pink-70 !default;
$button--pink__background-color--active--contrast: $md-pink-80 !default;

// Cyan button colors
$button--cyan__background-color: $md-cyan-50 !default;
$button--cyan__background-color--hover: $md-cyan-60 !default;
$button--cyan__background-color--active: $md-cyan-70 !default;

// Cyan button contrast colors
$button--cyan__background-color--contrast: $md-cyan-60 !default;
$button--cyan__background-color--hover--contrast: $md-cyan-70 !default;
$button--cyan__background-color--active--contrast: $md-cyan-80 !default;

// White button colors
$button--white__background-color: $md-white-100 !default;
$button--white__background-color--hover: $md-gray-10 !default;
$button--white__background-color--active: $md-gray-30 !default;
$button--white__border: 0 0 0 rem-calc(1) $md-gray-20,
  0 rem-calc(1) rem-calc(2) 0 $md-gray-20;

// Dark Gray button colors
$button--dark-gray__background-color: $md-gray-90 !default;
$button--dark-gray__background-color--hover: $md-gray-80 !default;
$button--dark-gray__background-color--active: $md-gray-90 !default;

// Duck Egg button colors
$button--duck-egg__background-color: $md-gray-50 !default;
$button--duck-egg__background-color--hover: $md-gray-60 !default;
$button--duck-egg__background-color--active: $md-gray-70 !default;

// Violet button colors
$button--violet__background-color: $md-violet-50 !default;
$button--violet__background-color--hover: $md-violet-60 !default;
$button--violet__background-color--active: $md-violet-70 !default;

// Button Container Settings
$button-container__width: 116px;
$button-container--small__width: 104px;

$button-group__class: '#{$prefix}-button-group';

$button-group__font-size: rem-calc(14);
$button-group__border-size: rem-calc(1);
$button-group__border: $button-group__border-size solid $md-gray-20;
$button-group__color: $md-black-100;
$button-group__background: transparent;
$button-group__line-height: rem-calc(16);
$button-group__padding: rem-calc(8) rem-calc(18);
$button-group-active__color: $md-gray-100;
$button-group-active__background: $md-blue-10;
$button-group-disabled__color: $md-gray-50;
$button-group-hover__background: $black-04;
$button-group__border-radius-pill: rem-calc(25);
$button-group__border-radius: rem-calc(4);
$button-group-icon__padding: rem-calc(10);

$button-group__font-size--dark: rem-calc(14);
$button-group__line-height--dark: rem-calc(22);
$button-group__padding--dark: rem-calc(5) rem-calc(18);
$button-group__border--dark: $button-group__border-size solid $md-gray-80;
$button-group__color--dark: $md-white-100;
$button-group-active__color--dark: $md-white-100;
$button-group-active__background--dark: $md-gray-80;
$button-group-disabled__color--dark: $md-gray-70;
$button-group-hover__background--dark: $white-12;


$card-background: $md-gray-10;
$card-color: $md-white-100;
$card-padding-top: $rem-base;
$card-padding-horizontal: 1;
$card-padding-vertical: 1;
$card-divider-color: $md-gray-20;
$card-border-radius: 2px;

$checkbox__class: '#{$prefix}-checkbox';

$checkbox__size: rem-calc(20);
$checkbox__icon-size: rem-calc(12);
$checkbox__label-size: rem-calc(16);

$close__class: '#{$prefix}-close';

$close__font-color: $black-60 !default;
$close__font-color--hover: $md-theme-70 !default;
$close__font-color--focus: $md-theme-80 !default;
$close__font-color--active: $md-theme-80;

$collapse-button__width: rem-calc(16);
$collapse-button__height: rem-calc(96);
$collapse-button__border-radius: 0 $collapse-button__width
  $collapse-button__width 0;
$collapse-button__color: $md-white-100;

$collapse-button__background: $md-gray-90;
$collapse-button__background--focus: $black-80;

$combo-box__class: '#{$prefix}-combo-box';

$datepicker__class: '#{$prefix}-datepicker';
$datepicker-header__padding-top: rem-calc(13);
$datepicker-navigation__padding: 0 rem-calc(16);
$datepicker-navigation__line-height: rem-calc(24);
$datepicker-navigation-buttons__padding: rem-calc(5) 0;
$datepicker-navigation-buttons--next__margin-left: rem-calc(20);
$datepicker-day-names__padding: 0 rem-calc(13);
$datepicker-day-names__color: $md-gray-70;
$datepicker-day__size: rem-calc(28);
$datepicker-day__margin: rem-calc(2);
$datepicker-day__font-size: rem-calc(12);
$datepicker-day__color: $md-black-100;
$datepicker-day__bg: transparent;
$datepicker-day__bg--hover: $black-12;
$datepicker-day__bg--selected: $md-black-100;
$datepicker-day__color--selected: $md-white-100;
$datepicker-day__color--outside-month: $md-gray-70;
$datepicker-day__color--today: $md-orange-50;
$datepicker-day__bg--today: $md-white-100;
$datepicker-day__color--today--selected: $md-white-100;
$datepicker-day__bg--today--selected: $md-orange-50;
$datepicker-day__color--disabled: $md-gray-40;
$datepicker-month__padding: 0 rem-calc(13) rem-calc(9) rem-calc(13);

$datepicker-day__bg--hover--contrast: $md-orange-10;
$datepicker-day__color--today--contrast: $md-orange-60;
$datepicker-day__bg--today--selected--contrast: $md-orange-60;

$daypicker-day-outer-width: rem-calc(30);
$daypicker-day-box-width: rem-calc(32);

// TODO: Remove ng settings when symphony styles are deprecated.
$datepicker-width: 211px !default;
$daypicker-day-width: 22px !default;
$datepicker-large-width: $datepicker-width + 25px !default;
$daypicker-large-day-width: 30px;

$drawer-border-color: $md-gray-10;
$drawer-background-color: $md-white-100;
$drawer-border-radius: 2px;
$drawer-medium-height: 200px;
$drawer-large-height: 380px;

$data-range-picker-button-group-height: rem-calc(85);
$data-range-picker-button-group-margin: rem-calc(12) 0 0 rem-calc(12);
$data-range-picker-button-group-width: rem-calc(99);
$data-range-picker-button-group-button-right: rem-calc(8);
$data-range-picker-input-font-size: rem-calc(12);
$data-range-picker-input-height:rem-calc(30);
$data-range-picker-input-padding:rem-calc(8) rem-calc(6) !important;
$data-range-picker-button-first-child-margin-left:rem-calc(20);

$footer-class: '#{$prefix}-footer';
$footer__background-color: $md-gray-90;
$footer__background-color--light: $md-white-100;

$footer__font-color: $white-60;

$form-spacing: rem-calc(16) !default;

$form-control__background: $black-16 !default;
$form-control__background--checked: $md-theme-50 !default;
$form-control__background--checked--dark: $md-theme-70 !default;
$form-control__background--checked-hover: $md-theme-60 !default;
$form-control__background--checked-hover--dark: $md-theme-70 !default;
$form-control__background--checked-pressed: $md-theme-70 !default;
$form-control__background--checked-pressed--dark: $md-theme-80 !default;
$form-control__background--dark: $white-48 !default;
$form-control__background--hover: $black-24 !default;
$form-control__background--hover--dark: $white-64 !default;
$form-control__background--pressed: $black-32 !default;
$form-control__background--pressed--dark: $white-80 !default;
$form-control__background-border--focus: $md-black-100 !default;
$form-control__background-border--focus--dark: $md-white-100 !default;
$form-control__content: $md-white-100 !default;
$form-control__label: inherit !default;
$form-control__label--dark: $md-white-100 !default;
$form-control__opacity--disabled: 0.4 !default;
$form-label-bottom-margin: rem-calc(4) !default;
$form-label-font-weight: $font-weight-normal !default;
$form-label-line-height: 1.5 !default;
$form-label-pointer: pointer !default;
$form-label-small-transform: capitalize !default;
$form-section-border-color: $md-gray-20 !default;
$fieldset-border-color: transparent !default;
$fieldset-border-style: solid !default;
$fieldset-border-width: 0 !default;
$fieldset-margin: $form-spacing 0 !default;
$fieldset-padding: $form-spacing - rem-calc(1) !default;
$legend-bg: $md-white-100 !default;
$legend-font-weight: $font-weight-bold !default;
$legend-padding: rem-calc(0 3) !default;

$select-bg-color: $md-gray-10 !default;
$select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;

$icon__class: #{$prefix}-icon;

// White button colors
$icon--white__fill: $md-white-100 !default;
$icon--white__fill--hover: $white-92 !default;
$icon--white__fill--active: $white-84 !default;
$icon--white__fill--disabled: $white-20 !default;

$icon--white__fill--contrast: $md-black-100 !default;
$icon--white__fill--hover--contrast: $md-black-100 !default;
$icon--white__fill--active--contrast: $md-black-100 !default;
$icon--white__fill--disabled--contrast: $white-20 !default;

$phonenumber-input__class: '#{$prefix}-input-phonenumber';
$flags-image-path: $images-path !default;
$flags-image-name: 'flags' !default;
$flags-image-extension: 'png' !default;
$flag-height: 20px !default;
$flag-width: 28px !default;
$flag-padding: 8px !default;

$label__class: '#{$prefix}-label';

$label__font-family: $brand-font-regular !default;
$label__font-size: rem-calc(16) !default;
$label__font-color: $md-gray-100 !default;
$label__font-color--dark: $md-white-100 !default;

$label__line-height: rem-calc(24) !default;

$label__spacing: rem-calc(16) !default;

$lightbox__background: $black-60;
$lightbox-control__size: rem-calc(48);
$lightbox__color: $md-white-100;
$lightbox-header__background: rgba($md-gray-90, 0.6);
$lightbox-header__box-shadow: 0 rem-calc(8) rem-calc(10) 0 rgba(0, 0, 0, 0.18),
  0 rem-calc(8) rem-calc(18) 0 $black-20;
$lightbox-header__color: $md-white-100;
$lightbox-header-timestamp__color: $md-gray-10;
$lightbox-wrapper--hover__background: $md-gray-90;
$lightbox-thumbnail__size: rem-calc(180);
$lightbox-list__size: $lightbox-thumbnail__size + rem-calc(50);
$lightbox-list__background: rgba($md-gray-90, 0.6);
$lightbox-thumbnail--selected__color: $md-theme-50;
$lightbox-thumbnail__box-shadow: 0px 0px 10px $md-black-100;
$lightbox-thumbnail__border: 1px solid $md-white-100;
$lightbox-content__box-shadow: 0 rem-calc(8) rem-calc(10) 0 rgba(0, 0, 0, 0.18),
  0 rem-calc(8) rem-calc(18) 0 $black-20;
$lightbox-page-control--hover__background: $md-gray-50;
$lightbox-page-control__background: rgba($md-gray-90, 0.6);
$lightbox-viewer-controls__background: rgba($md-gray-90, 0.6);
$lightbox-controls--hover__background: $md-gray-90;

$list__class: '#{$prefix}-list';
$list-item__class: '#{$list__class}-item';

$list-item__color: $md-black-100;
$list-item__color--dark: $md-white-100;
$list-item__icon-size: rem-calc(20);
$list-item__font-size: rem-calc(16);
$list-item__line-height: rem-calc(24);
$list-item__font-size--subheader: rem-calc(12);
$list-item__line-height--subheader: rem-calc(18);
$list-item__color--subheader: $black-60;
$list-item__color--subheader--dark: $white-60;
$list-item__opacity--disabled: 0.2;

// Normal List
$list-item__height: rem-calc(44);
$list-item__padding: (0 rem-calc(16));
$list-item__padding--focus: (0 rem-calc(14));
$list-item__section-margin-side: rem-calc(16);
$list-item__background: transparent;
$list-item__background--dark: transparent;
$list-item__background--hover: $md-theme-10 !default;
$list-item__background--hover--dark: $white-08 !default;
$list-item__background--pressed: $md-theme-20 !default;
$list-item__background--pressed--dark: $white-16 !default;
$list-item__avatar__dimension: rem-calc(28) !default;
$list-item__avatar__font-size: rem-calc(10);
$list-item-separator: rem-calc(1) solid $black-08;
$list-item-separator--dark: rem-calc(1) solid $white-08;

// Contrast List
$list-item__color--contrast: $md-black-100;
$list-item__color--dark--contrast: $md-white-100;
$list-item__color--dark--active--contrast: $md-black-100;
$list-item__color--subheader--contrast: $black-60;
$list-item__color--subheader--dark--contrast: $md-white-100;
$list-item__background--contrast: transparent;
$list-item__background--dark--contrast: transparent;
$list-item__background--hover--contrast: $md-theme-10;
$list-item__background--hover--dark--contrast: $white-12;
$list-item__background--active--contrast: $md-theme-10;
$list-item__background--active--dark--contrast: $md-white-100;

// Small List
$list-item--small__height: rem-calc(36);
$list-item--small__padding: (rem-calc(8) rem-calc(10));
$list-item--small__section-margin-side: rem-calc(10);

// Large List
$list-item--large__height: rem-calc(52);
$list-item--large__section-margin-side: rem-calc(18);
$list-item--large__avatar__dimension: rem-calc(28) !default;
$list-item--large__background--pressed: $black-12 !default;

// XLarge List
$list-item--xlarge__height: rem-calc(60);

// Search List
$list-item--search__min-height: rem-calc(60);
$list-item--search__max-height: rem-calc(82);
$list-item__search__padding: (rem-calc(7) rem-calc(14));

// Space List
$list-item--space__section-margin-side: rem-calc(14);
$list-item--space__padding: (0 rem-calc(28) 0 rem-calc(14));
$list-item--space__background: transparent;
$list-item--space__avatar__dimension: rem-calc(40) !default;
$list-item--space__avatar__font-size: rem-calc(14) !default;
$list-item--space__background--hover: $white-12 !default;
$list-item--space__background--pressed: $white-24 !default;
$list-item--space__color: $md-white-100;
$list-item--space__color--header: $white-60 !default;

// List Header
$list-item-header__height: rem-calc(38);
$list-item-header__padding: (0 rem-calc(14));
$list-item-header__margin: (rem-calc(8) 0 0 0);
$list-item-header__color: $black-80;
$list-item-header__color--dark: $white-80;

// Space Meeting
$list-item--space-meeting__padding: (0 rem-calc(12) 0 rem-calc(14));

// Space Meeting
$list-item--space-overview__height: rem-calc(44);
$list-item--space-overview__padding: (0 rem-calc(15));

$list-item-meeting__margin: (rem-calc(6) 0);
$list-item-meeting__padding: (0 rem-calc(20));
$list-item-meeting__border-radius: 4px;
$list-item__section-margin-side: rem-calc(20);
$list-item-meeting__background: $md-gray-10;
$list-item-meeting__background--hover: $md-gray-20;
$list-item-meeting__background--pressed: $md-gray-20;

$spinner__class: '#{$prefix}-spinner';

$spinner--gray__border-color: $md-gray-40;
$spinner-progress--black__border-color: $md-black-100;

$spinner--blue__border-color: $md-theme-20;
$spinner-progress--blue__border-color: $md-theme-50;

$spinner-progress--white__border-color: $md-white-100;

$spinner__width: 1em;
$spinner__height: 1em;

$spinner--20__width: 1.25em;
$spinner--20__height: 1.25em;

$spinner--28__width: 1.75em;
$spinner--28__height: 1.75em;

$spinner--36__width: 2.25em;
$spinner--36__height: 2.25em;

$spinner--40__width: 2.5em;
$spinner--40__height: 2.5em;

$spinner--48__width: 3em;
$spinner--48__height: 3em;

$spinner--56__width: 3.5em;
$spinner--56__height: 3.5em;

$spinner--80__width: 5em;
$spinner--80__height: 5em;

$spinner-sizes: (16, $icon-check_8, 6px), (20, $icon-check_8, 8px),
  (28, $icon-check_12, 12px), (36, $icon-check_16, 16px);

$menu-overlay__class: '#{$prefix}-menu-overlay';
$menu__class: '#{$prefix}-menu';
$menu-item__class: '#{$prefix}-menu-item';
$menu-item__width: rem-calc(260);
$menu-item__height: rem-calc(44);
$menu-item__padding: rem-calc(16);
$menu-item-header__height: rem-calc(32);
$menu-item-header__opacity: 0.6;
$menu-item-header__font-size: 0.75rem;
$menu-item-selected-value__font-size: rem-calc(12);
$menu-item-selected-value__line-height: rem-calc(18);
$menu-item-selected-value__max-width: 50%;
$menu-item-selected-value__padding: rem-calc(4) 0 rem-calc(4) rem-calc(4);
$menu-item-selected-value__opacity: 0.6;
$menu-item-arrow__padding-left: rem-calc(6);

$modal__class: #{$prefix}-modal;
$modal-overlay__background: rgba($md-black-100, 0.45) !default;

// We use these to control the style of the modal itself.
$modal__background: $md-white-100 !default;
$modal__color: $md-black-100;
$modal-message__color: $md-gray-70;

// Modal Padding
$modal__padding: rem-calc(16);
$modal__padding--full-screen: rem-calc(24);
$modal__padding--body: 0 rem-calc(32);

// We use this to set the default radius used throughout the core.
$modal__radius: $global-radius !default;

// Modal Dialog Settings
$modal-dialog__top: rem-calc(100);
$modal-dialog__padding: rem-calc(20);
$modal-dialog__border: 1px solid $black-12;
$modal-dialog__box-shadow: 0 8px 16px 0 $black-08;
$modal-header__padding--dialog: 0 0 rem-calc(12) 0;

// Modal Header Sizes
$modal-header__padding: $modal__padding;
$modal-header__font-size: rem-calc(16);
$modal-header__line-height: rem-calc(24);

$modal-header__padding--large: rem-calc(32) rem-calc(16) rem-calc(16)
  rem-calc(16);
$modal-header__font-size--large: rem-calc(26);
$modal-header__line-height--large: rem-calc(32);

$modal-header__padding--full-screen: rem-calc(32) rem-calc(16) rem-calc(16)
  rem-calc(16);
$modal-header__font-size--full-screen: rem-calc(36);
$modal-header__line-height--full-screen: rem-calc(48);

$modal-header__font-size--mobile: rem-calc(14);

// Modal Size
$modal__width--full-screen: 100vw;
$modal__width--large: 964px;
$modal__width--medium: 640px;
$modal__width--small: 480px;

$modal__height--full-screen: 100vh;
$modal__height--large: 720px;
$modal__height--medium: 480px;
$modal__height--small: 360px;

// Modal Offset
$modal__top--large: rem-calc(43);
$modal__top--medium: rem-calc(47);
$modal__top--small: rem-calc(47);

$modal__top--tablet-medium: rem-calc(57);
$modal__top--tablet-small: rem-calc(53);

$event-overlay__shadow: 0 4px 12px 0 $black-16;
$event-overlay__border-color: $md-gray-30;
$event-overlay__border: inset 0 0 0 1px $event-overlay__border-color;
$event-overlay__border-css-var: inset 0 0 0 1px var(--md-separator-primary, $event-overlay__border-color);
$event-overlay-arrow__width: 20px;
$event-overlay-arrow__height: 14px;
$event-overlay__border-radius: 5px;

$panel__class: '#{$prefix}-panel';

$panel-input__height: rem-calc(40);

$pagination-height: rem-calc(24) !default;
$pagination-margin: rem-calc(-5) !default;

$pagination-li-float: $default-float !default;
$pagination-li-height: rem-calc(24) !default;
$pagination-li-font-color: $md-black-100 !default;
$pagination-li-font-size: rem-calc(14) !default;
$pagination-li-margin: rem-calc(5) !default;

$pagination-link-pad: rem-calc(1 10 1) !default;
$pagination-link-font-color: $md-gray-50 !default;
$pagination-link-active-bg: scale-color($md-white-100, $lightness: -10%) !default;

$pagination-link-unavailable-cursor: default !default;
$pagination-link-unavailable-font-color: $md-gray-50 !default;
$pagination-link-unavailable-bg-active: transparent !default;

$pagination-link-current-background: $md-theme-50 !default;
$pagination-link-current-font-color: $md-white-100 !default;
$pagination-link-current-font-weight: $font-weight-bold !default;
$pagination-link-current-cursor: default !default;
$pagination-link-current-active-bg: $md-theme-50 !default;

$page-side-padding: 2rem;

$page-header-height: 64px;
$page-header-icon-color: $md-gray-30;
$page-header-icon-font-size: rem-calc(36);
$page-header-icon-margin-right: rem-calc(16);
$page-header-nav-color: $md-gray-30;
$page-header-nav-margin-top: rem-calc(40);
$page-header-nav-margin-bottom: 0;
$page-header-nav-margin-right: rem-calc(20);
$page-header-nav-margin-left: rem-calc(20);
$page-header-nav-font-size: rem-calc(20);
$page-header-nav-padding-right: 0;
$page-header-nav-padding-bottom: rem-calc(17);
$page-header-nav-border-bottom-color: transparent;
$page-header-nav-hover-border-bottom-color: $md-gray-30;
$page-header-nav-active-border-bottom-color: $md-theme-50;
$page-header-nav-active-color: $md-theme-50;
$page-header-nav-active-hover-padding-bottom: rem-calc(24);

$page-sub-header-height: 66px;
$page-sub-header-vertical-padding: 0.75rem;
$page-sub-header-horizontal-padding: 2rem;
$page-sub-header-nav-color: $md-gray-30;
$page-sub-header-nav-margin-right: rem-calc(32);
$page-sub-header-nav-font-size: rem-calc(20);
$page-sub-header-nav-padding-right: 0;
$page-sub-header-nav-padding-bottom: rem-calc(12);
$page-sub-header-nav-border-bottom-color: transparent;
$page-sub-header-nav-hover-border-bottom-color: $md-gray-30;
$page-sub-header-nav-active-border-bottom-color: $md-theme-50;
$page-sub-header-nav-active-color: $md-theme-50;

$popover__background: $md-white-100;
$popover__max-width: rem-calc(276);
$popover__border-color: $md-gray-40;
$popover__border-color--fallback: $md-gray-40;
$popover-title__background: $md-gray-10;
$popover-arrow__width: rem-calc(6);
$popover-arrow__color: $md-white-100;
$popover-outer-arrow__width: $popover-arrow__width + 1;
$popover-outer-arrow__color: $md-gray-50;
$popover-outer-arrow__color--fallback: $md-gray-50;
$popover-displacement: rem-calc(10);

$progress-bar-height: rem-calc(4) !default;
$progress-bar-color: $md-gray-10;

$progress-bar-border-color: scale-color(
  $md-white-100,
  $lightness: 20%
) !default;
$progress-bar-border-size: 1px !default;
$progress-bar-border-style: solid !default;
$progress-bar-border-radius: $global-radius !default;

$progress-bar-pad: 0 !default;
$progress-bar-margin-bottom: rem-calc(10) !default;

$progress-meter-color: $md-theme-50 !default;
$progress-meter-secondary-color: $md-gray-70 !default;
$progress-meter-success-color: $md-green-50 !default;
$progress-meter-alert-color: $md-red-50 !default;
$progress-meter-warning-color: $md-yellow-50;
$progress-meter-info-color: $md-mint-50;

$progress-bg: $md-gray-20;
$progress-bar-color: $md-white-100;
$progress-border-radius: $border-radius-base;
$progress-bar-bg: $md-theme-50;
$progress-bar-success-bg: $md-green-50;
$progress-bar-warning-bg: $md-yellow-50;
$progress-bar-danger-bg: $md-red-50;
$progress-bar-info-bg: $md-mint-50;

$radio__class: '#{$prefix}-radio';

$radio__size: rem-calc(20);
$radio__icon-size: rem-calc(8);
$radio__label-size: rem-calc(16);

$select__class: '#{$prefix}-select';
$select-button__class: '#{$prefix}-button';
$select-label__class: '#{$select__class}__label';

$select-input__margin: (rem-calc(2) 0);
$select--children__border: (rem-calc(1) solid $black-08);
$select--children__box-shadow: (0 rem-calc(8) rem-calc(16) 0 $black-08);
$select__icon--size: rem-calc(16);
$select__icon--top: calc((#{$input__height} - #{$select__icon--size}) / 2);
$select__icon--right: $input__padding-side;
$select__icon--disabled: $black-40;
$select__icon--disabled--dark: $white-40;

$select--input__background-color: $black-08;
$select--input__background-color--hover: $black-12;

$select--input__background-color--dark: $white-24;
$select--input__background-color--hover--dark: $white-32;

$select__color: $black-60 !default;
$select__color--dark: $white-60 !default;

$slider__class: #{$prefix}-slider;

$slider-selection__background-color: $md-theme-50;
$slider-selection__background-color--disabled: $md-gray-30;
$slider-selection__background-color--disabled--dark: $md-white-100;
$slider-selection__background-color--red: $md-red-50;
$slider-selection__background-color--green: $md-green-50;
$slider-selection__background-color--yellow: $md-yellow-50;

$slider-pointer__background-color: $md-white-100;
$slider-pointer__background-color--hover: $md-theme-10;
$slider-pointer__background-color--focus--dark: $md-gray-40;
$slider-pointer__background-color--disabled: $md-gray-10;
$slider-pointer__background-color--disabled--dark: $md-gray-40;

$slider-bar__background-color: $md-gray-10;
$slider-bar__background-color--dark: $md-gray-40;

$slider-hashlabel__color: $md-gray-90;
$slider-hashlabel__color--dark: $md-white-100;

$tab--link__padding: 0 1rem;
$tab--link-hover__bg: $md-gray-10;
$tab--disabled-link__color: $md-gray-50;
$tab--disabled-link-hover__color: $md-gray-50;
$tab-tabs--hover__border: 3px solid $md-gray-50;
$tab-tabs--active__color: $md-theme-50;
$tab-tabs--active__border: 3px solid $md-theme-50;
$tab-tabs--justified-active__border-color: $md-theme-50;
$tab-pills__color: $md-black-100;
$tab-pills__font-size: rem-calc(16);
$tab-pills__border: 1px solid $black-08;
$tab-pills__padding: 6px 20px;
$tab-pills__background: $md-white-100;
$tab-pills--active__background: $md-theme-10;
$tab-pills--hover__background: $black-04;

$toggle-switch__class: '#{$prefix}-toggle-switch';

$toggle-switch__size: 20px;
$toggle-switch__size--active: 24px;
$toggle-switch__width: 44px;
$toggle-switch__height: 24px;

$tooltip__class: '#{$prefix}-tooltip';
$tooltip__max-width: 200px;
$tooltip__min-width: 40px;
$tooltip__color: $md-white-100;
$tooltip__background-color: $black-80;
$tooltip__padding: 8px 12px;
$tooltip__radius: 5px;
$tooltip__rounded: $global-rounded;
$tooltip-arrow__height: $event-overlay-arrow__height - 2;
$tooltip__font-size: 16px;
$tooltip__line-height: 24px;
$tooltip__font-weight: $font-weight-normal;

//legacy styles
$has-tip-border-bottom: dotted 1px $md-gray-40 !default;
$has-tip-font-weight: $font-weight-bold !default;
$has-tip-font-color: $md-gray-90 !default;
$has-tip-border-bottom-hover: dotted 1px
  scale-color($md-theme-50, $lightness: -55%) !default;
$has-tip-font-color-hover: $md-theme-50 !default;
$has-tip-cursor-type: help !default;
$tooltip-close-font-size: rem-calc(10) !default;
$tooltip-close-font-weight: $font-weight-normal !default;
$tooltip-close-font-color: $md-gray-70 !default;

$top-bar-class: '#{$prefix}-top-bar';
$top-bar-mobile-class: '#{$prefix}-tb-mobile';

$top-bar__height--desktop: rem-calc(80);
$top-nav-font-size-mobile: rem-calc(14);

$brand-image__size: rem-calc(36);
$brand__font-size: rem-calc(16);

$brand-image__size--medium: rem-calc(36);
$brand__font-size--medium: rem-calc(20);

$brand-image__size--large: rem-calc(48);

// variables for mobile slide out menu
$brand-image__size--mobile: rem-calc(24);
$brand__font-size--mobile: rem-calc(20);
$brand__line-hight--mobile: rem-calc(32);

$brand-anchor__padding: rem-calc(16);
$brand-anchor__padding--medium: rem-calc(14);
$brand-anchor__padding--large: rem-calc(12);

$top-bar__background-color--dark: $md-gray-90;
$top-bar__background-color--light: $md-white-100;
$top-bar__background-color--blue: $md-theme-50;

$top-bar__font-color--dark: $md-white-100;
$top-bar__font-color--light: inherit;

$top-bar__font-color--dark--active: $md-theme-50;
$top-bar__font-color--light--active: $md-theme-60;
$top-bar__font-color--blue--active: $md-black-100;

$top-bar-list-item__padding--mobile: rem-calc(32);
$top-bar-list-item__background: transparent;

$top-bar-avatar__size: rem-calc(36);

$block-grid-elements: 12 !default;
$block-grid-default-spacing: rem-calc(20) !default;
$align-block-grid-to-grid: false !default;