pintarnya-design-system-v1 0.1.0

package/dist/variables.css

@@ -0,0 +1,1342 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --asset-font-icon-name: MaterialIcons;
+  --asset-font-icon-ttf: url("assets/fonts/MaterialIcons-Regular.ttf");
+  --asset-font-icon-eot: url("assets/fonts/MaterialIcons-Regular.eot");
+  --asset-font-icon-woff: url("assets/fonts/MaterialIcons-Regular.woff");
+  --asset-font-icon-woff2: url("assets/fonts/MaterialIcons-Regular.woff2");
+  --asset-font-opensans-name: 'Open Sans';
+  --asset-font-opensans-ttf: url("assets/fonts/OpenSans-Regular.ttf");
+  --asset-font-roboto-name: Roboto;
+  --asset-font-roboto-ttf: url("assets/fonts/Roboto-Regular.ttf");
+  --color-background-base: #ffffff;
+  --color-background-alt: #cfd8dc;
+  --color-background-disabled: #cfd8dc;
+  --color-background-inverse: #263238;
+  --color-background-success: #43a047;
+  --color-background-error: #e53935;
+  --color-background-warning: #ef6c00;
+  --color-background-info: #039be5;
+  --color-background-link: #039be5;
+  --color-background-low-priority: #757575;
+  --color-background-button-primary-base: #009688;
+  --color-background-button-primary-disabled: #4db6ac;
+  --color-background-button-primary-active: #00796b;
+  --color-background-button-secondary-base: #3f51b5;
+  --color-background-button-secondary-disabled: #7986cb;
+  --color-background-button-secondary-active: #303f9f;
+  --color-background-overlay-light: rgba(255, 255, 255, 0.8);
+  --color-background-overlay-dark: rgba(0, 0, 0, 0.27);
+  --color-base-red-50: #ffe5ee;
+  --color-base-red-100: #ffcdd2;
+  --color-base-red-200: #ef9a9a;
+  --color-base-red-300: #e57373;
+  --color-base-red-400: #ef5350;
+  --color-base-red-500: #f44336;
+  --color-base-red-600: #e53935;
+  --color-base-red-700: #d32f2f;
+  --color-base-red-800: #c62828;
+  --color-base-red-900: #b71c1c;
+  --color-base-red-a100: #ff8a80;
+  --color-base-red-a200: #ff5252;
+  --color-base-red-a400: #ff1744;
+  --color-base-red-a700: #d50000;
+  --color-base-pink-50: #fce4ec;
+  --color-base-pink-100: #f8bbd0;
+  --color-base-pink-200: #f48fb1;
+  --color-base-pink-300: #f06292;
+  --color-base-pink-400: #ec407a;
+  --color-base-pink-500: #e91e63;
+  --color-base-pink-600: #d81b60;
+  --color-base-pink-700: #c2185b;
+  --color-base-pink-800: #ad1457;
+  --color-base-pink-900: #880e4f;
+  --color-base-pink-a100: #ff80ab;
+  --color-base-pink-a200: #ff4081;
+  --color-base-pink-a400: #f50057;
+  --color-base-pink-a700: #c51162;
+  --color-base-purple-50: #f3e5f5;
+  --color-base-purple-100: #e1bee7;
+  --color-base-purple-200: #ce93d8;
+  --color-base-purple-300: #ba68c8;
+  --color-base-purple-400: #ab47bc;
+  --color-base-purple-500: #9c27b0;
+  --color-base-purple-600: #8e24aa;
+  --color-base-purple-700: #7b1fa2;
+  --color-base-purple-800: #6a1b9a;
+  --color-base-purple-900: #4a148c;
+  --color-base-purple-a100: #ea80fc;
+  --color-base-purple-a200: #e040fb;
+  --color-base-purple-a400: #d500f9;
+  --color-base-purple-a700: #aa00ff;
+  --color-base-deep-purple-50: #ede7f6;
+  --color-base-deep-purple-100: #d1c4e9;
+  --color-base-deep-purple-200: #b39ddb;
+  --color-base-deep-purple-300: #9575cd;
+  --color-base-deep-purple-400: #7e57c2;
+  --color-base-deep-purple-500: #673ab7;
+  --color-base-deep-purple-600: #5e35b1;
+  --color-base-deep-purple-700: #512da8;
+  --color-base-deep-purple-800: #4527a0;
+  --color-base-deep-purple-900: #311b92;
+  --color-base-deep-purple-a100: #b388ff;
+  --color-base-deep-purple-a200: #7c4dff;
+  --color-base-deep-purple-a400: #651fff;
+  --color-base-deep-purple-a700: #6200ea;
+  --color-base-indigo-50: #e8eaf6;
+  --color-base-indigo-100: #c5cae9;
+  --color-base-indigo-200: #9fa8da;
+  --color-base-indigo-300: #7986cb;
+  --color-base-indigo-400: #5c6bc0;
+  --color-base-indigo-500: #3f51b5;
+  --color-base-indigo-600: #3949ab;
+  --color-base-indigo-700: #303f9f;
+  --color-base-indigo-800: #283593;
+  --color-base-indigo-900: #1a237e;
+  --color-base-indigo-a100: #8c9eff;
+  --color-base-indigo-a200: #536dfe;
+  --color-base-indigo-a400: #3d5afe;
+  --color-base-indigo-a700: #304ffe;
+  --color-base-blue-50: #e3f2fd;
+  --color-base-blue-100: #bbdefb;
+  --color-base-blue-200: #90caf9;
+  --color-base-blue-300: #64b5f6;
+  --color-base-blue-400: #42a5f5;
+  --color-base-blue-500: #2196f3;
+  --color-base-blue-600: #1e88e5;
+  --color-base-blue-700: #1976d2;
+  --color-base-blue-800: #1565c0;
+  --color-base-blue-900: #0d47a1;
+  --color-base-blue-a100: #82b1ff;
+  --color-base-blue-a200: #448aff;
+  --color-base-blue-a400: #2979ff;
+  --color-base-blue-a700: #2962ff;
+  --color-base-light-blue-50: #e1f5fe;
+  --color-base-light-blue-100: #b3e5fc;
+  --color-base-light-blue-200: #81d4fa;
+  --color-base-light-blue-300: #4fc3f7;
+  --color-base-light-blue-400: #29b6f6;
+  --color-base-light-blue-500: #03a9f4;
+  --color-base-light-blue-600: #039be5;
+  --color-base-light-blue-700: #0288d1;
+  --color-base-light-blue-800: #0277bd;
+  --color-base-light-blue-900: #01579b;
+  --color-base-light-blue-a100: #80d8ff;
+  --color-base-light-blue-a200: #40c4ff;
+  --color-base-light-blue-a400: #00b0ff;
+  --color-base-light-blue-a700: #0091ea;
+  --color-base-cyan-50: #e0f7fa;
+  --color-base-cyan-100: #b2ebf2;
+  --color-base-cyan-200: #80deea;
+  --color-base-cyan-300: #4dd0e1;
+  --color-base-cyan-400: #26c6da;
+  --color-base-cyan-500: #00bcd4;
+  --color-base-cyan-600: #00acc1;
+  --color-base-cyan-700: #0097a7;
+  --color-base-cyan-800: #00838f;
+  --color-base-cyan-900: #006064;
+  --color-base-cyan-a100: #84ffff;
+  --color-base-cyan-a200: #18ffff;
+  --color-base-cyan-a400: #00e5ff;
+  --color-base-cyan-a700: #00b8d4;
+  --color-base-teal-50: #e0f2f1;
+  --color-base-teal-100: #b2dfdb;
+  --color-base-teal-200: #80cbc4;
+  --color-base-teal-300: #4db6ac;
+  --color-base-teal-400: #26a69a;
+  --color-base-teal-500: #009688;
+  --color-base-teal-600: #00897b;
+  --color-base-teal-700: #00796b;
+  --color-base-teal-800: #00695c;
+  --color-base-teal-900: #004d40;
+  --color-base-teal-a100: #a7ffeb;
+  --color-base-teal-a200: #64ffda;
+  --color-base-teal-a400: #1de9b6;
+  --color-base-teal-a700: #00bfa5;
+  --color-base-green-50: #e8f5e9;
+  --color-base-green-100: #c8e6c9;
+  --color-base-green-200: #a5d6a7;
+  --color-base-green-300: #81c784;
+  --color-base-green-400: #66bb6a;
+  --color-base-green-500: #4caf50;
+  --color-base-green-600: #43a047;
+  --color-base-green-700: #388e3c;
+  --color-base-green-800: #2e7d32;
+  --color-base-green-900: #1b5e20;
+  --color-base-green-a100: #b9f6ca;
+  --color-base-green-a200: #69f0ae;
+  --color-base-green-a400: #00e676;
+  --color-base-green-a700: #00c853;
+  --color-base-light-green-50: #f1f8e9;
+  --color-base-light-green-100: #dcedc8;
+  --color-base-light-green-200: #c5e1a5;
+  --color-base-light-green-300: #aed581;
+  --color-base-light-green-400: #9ccc65;
+  --color-base-light-green-500: #8bc34a;
+  --color-base-light-green-600: #7cb342;
+  --color-base-light-green-700: #689f38;
+  --color-base-light-green-800: #558b2f;
+  --color-base-light-green-900: #33691e;
+  --color-base-light-green-a100: #ccff90;
+  --color-base-light-green-a200: #b2ff59;
+  --color-base-light-green-a400: #76ff03;
+  --color-base-light-green-a700: #64dd17;
+  --color-base-lime-50: #f9fbe7;
+  --color-base-lime-100: #f0f4c3;
+  --color-base-lime-200: #e6ee9c;
+  --color-base-lime-300: #dce775;
+  --color-base-lime-400: #d4e157;
+  --color-base-lime-500: #cddc39;
+  --color-base-lime-600: #c0ca33;
+  --color-base-lime-700: #afb42b;
+  --color-base-lime-800: #9e9d24;
+  --color-base-lime-900: #827717;
+  --color-base-lime-a100: #f4ff81;
+  --color-base-lime-a200: #eeff41;
+  --color-base-lime-a400: #c6ff00;
+  --color-base-lime-a700: #aeea00;
+  --color-base-yellow-50: #fffde7;
+  --color-base-yellow-100: #fff9c4;
+  --color-base-yellow-200: #fff59d;
+  --color-base-yellow-300: #fff176;
+  --color-base-yellow-400: #ffee58;
+  --color-base-yellow-500: #ffeb3b;
+  --color-base-yellow-600: #fdd835;
+  --color-base-yellow-700: #fbc02d;
+  --color-base-yellow-800: #f9a825;
+  --color-base-yellow-900: #f57f17;
+  --color-base-yellow-a100: #ffff8d;
+  --color-base-yellow-a200: #ffff00;
+  --color-base-yellow-a400: #ffea00;
+  --color-base-yellow-a700: #ffd600;
+  --color-base-amber-50: #fff8e1;
+  --color-base-amber-100: #ffecb3;
+  --color-base-amber-200: #ffe082;
+  --color-base-amber-300: #ffd54f;
+  --color-base-amber-400: #ffca28;
+  --color-base-amber-500: #ffc107;
+  --color-base-amber-600: #ffb300;
+  --color-base-amber-700: #ffa000;
+  --color-base-amber-800: #ff8f00;
+  --color-base-amber-900: #ff6f00;
+  --color-base-amber-a100: #ffe57f;
+  --color-base-amber-a200: #ffd740;
+  --color-base-amber-a400: #ffc400;
+  --color-base-amber-a700: #ffab00;
+  --color-base-orange-50: #fff3e0;
+  --color-base-orange-100: #ffe0b2;
+  --color-base-orange-200: #ffcc80;
+  --color-base-orange-300: #ffb74d;
+  --color-base-orange-400: #ffa726;
+  --color-base-orange-500: #ff9800;
+  --color-base-orange-600: #fb8c00;
+  --color-base-orange-700: #f57c00;
+  --color-base-orange-800: #ef6c00;
+  --color-base-orange-900: #e65100;
+  --color-base-orange-a100: #ffd180;
+  --color-base-orange-a200: #ffab40;
+  --color-base-orange-a400: #ff9100;
+  --color-base-orange-a700: #ff6d00;
+  --color-base-deep-orange-50: #fbe9e7;
+  --color-base-deep-orange-100: #ffccbc;
+  --color-base-deep-orange-200: #ffab91;
+  --color-base-deep-orange-300: #ff8a65;
+  --color-base-deep-orange-400: #ff7043;
+  --color-base-deep-orange-500: #ff5722;
+  --color-base-deep-orange-600: #f4511e;
+  --color-base-deep-orange-700: #e64a19;
+  --color-base-deep-orange-800: #d84315;
+  --color-base-deep-orange-900: #bf360c;
+  --color-base-deep-orange-a100: #ff9e80;
+  --color-base-deep-orange-a200: #ff6e40;
+  --color-base-deep-orange-a400: #ff3d00;
+  --color-base-deep-orange-a700: #dd2c00;
+  --color-base-brown-50: #efebe9;
+  --color-base-brown-100: #d7ccc8;
+  --color-base-brown-200: #bcaaa4;
+  --color-base-brown-300: #a1887f;
+  --color-base-brown-400: #8d6e63;
+  --color-base-brown-500: #795548;
+  --color-base-brown-600: #6d4c41;
+  --color-base-brown-700: #5d4037;
+  --color-base-brown-800: #4e342e;
+  --color-base-brown-900: #3e2723;
+  --color-base-grey-50: #fafafa;
+  --color-base-grey-100: #f5f5f5;
+  --color-base-grey-200: #eeeeee;
+  --color-base-grey-300: #e0e0e0;
+  --color-base-grey-400: #bdbdbd;
+  --color-base-grey-500: #9e9e9e;
+  --color-base-grey-600: #757575;
+  --color-base-grey-700: #616161;
+  --color-base-grey-800: #424242;
+  --color-base-grey-900: #212121;
+  --color-base-blue-grey-50: #eceff1;
+  --color-base-blue-grey-100: #cfd8dc;
+  --color-base-blue-grey-200: #b0bec5;
+  --color-base-blue-grey-300: #90a4ae;
+  --color-base-blue-grey-400: #78909c;
+  --color-base-blue-grey-500: #607d8b;
+  --color-base-blue-grey-600: #546e7a;
+  --color-base-blue-grey-700: #455a64;
+  --color-base-blue-grey-800: #37474f;
+  --color-base-blue-grey-900: #263238;
+  --color-base-white: #ffffff;
+  --color-base-black: #000000;
+  --color-border-light: #eeeeee;
+  --color-border-base: #e0e0e0;
+  --color-border-dark: #bdbdbd;
+  --color-border-focus: #009688;
+  --color-border-error: #e53935;
+  --color-border-warning: #fb8c00;
+  --color-border-success: #43a047;
+  --color-border-button-secondary-base: #e0e0e0;
+  --color-border-button-secondary-active: #303f9f;
+  --color-border-button-secondary-disabled: #eeeeee;
+  --color-brand-primary-lighter: #b2dfdb;
+  --color-brand-primary-light: #4db6ac;
+  --color-brand-primary-base: #009688;
+  --color-brand-primary-dark: #00796b;
+  --color-brand-primary-darker: #004d40;
+  --color-brand-secondary-lighter: #c5cae9;
+  --color-brand-secondary-light: #7986cb;
+  --color-brand-secondary-base: #3f51b5;
+  --color-brand-secondary-dark: #303f9f;
+  --color-brand-secondary-darker: #1a237e;
+  --color-chart-stacked-base-100: #bbdefb;
+  --color-chart-stacked-base-200: #90caf9;
+  --color-chart-stacked-base-300: #64b5f6;
+  --color-chart-stacked-base-400: #42a5f5;
+  --color-chart-stacked-base-500: #2196f3;
+  --color-chart-stacked-base-600: #1e88e5;
+  --color-chart-stacked-base-700: #1976d2;
+  --color-chart-stacked-base-800: #1565c0;
+  --color-chart-stacked-base-900: #0d47a1;
+  --color-font-base: #212121;
+  --color-font-secondary: #424242;
+  --color-font-tertiary: #757575;
+  --color-font-quaternary: #bdbdbd;
+  --color-font-link: #009688;
+  --color-font-active: #3f51b5;
+  --color-font-error: #e53935;
+  --color-font-warning: #ef6c00;
+  --color-font-success: #43a047;
+  --color-font-disabled: #424242;
+  --color-font-inverse-base: #ffffff;
+  --color-font-inverse-secondary: #f5f5f5;
+  --color-font-inverse-tertiary: #eeeeee;
+  --color-font-inverse-quaternary: #bdbdbd;
+  --color-font-inverse-link: #4db6ac;
+  --color-font-inverse-active: #7986cb;
+  --color-font-inverse-error: #ef5350;
+  --color-font-inverse-warning: #ffa726;
+  --color-font-inverse-success: #66bb6a;
+  --color-font-inverse-disabled: #f5f5f5;
+  --color-font-button-primary: #ffffff;
+  --color-font-button-secondary: #009688;
+  --content-icon-3d-rotation: 3d_rotation;
+  --content-icon-airline-seat-individual-suite: airline_seat_individual_suite;
+  --content-icon-airline-seat-legroom-reduced: airline_seat_legroom_reduced;
+  --content-icon-airline-seat-legroom-normal: airline_seat_legroom_normal;
+  --content-icon-airline-seat-recline-normal: airline_seat_recline_normal;
+  --content-icon-airline-seat-legroom-extra: airline_seat_legroom_extra;
+  --content-icon-airline-seat-recline-extra: airline_seat_recline_extra;
+  --content-icon-airline-seat-flat-angled: airline_seat_flat_angled;
+  --content-icon-arrow-drop-down-circle: arrow_drop_down_circle;
+  --content-icon-account-balance-wallet: account_balance_wallet;
+  --content-icon-airplanemode-inactive: airplanemode_inactive;
+  --content-icon-assignment-turned-in: assignment_turned_in;
+  --content-icon-assignment-returned: assignment_returned;
+  --content-icon-airplanemode-active: airplanemode_active;
+  --content-icon-add-circle-outline: add_circle_outline;
+  --content-icon-add-shopping-cart: add_shopping_cart;
+  --content-icon-assignment-return: assignment_return;
+  --content-icon-airline-seat-flat: airline_seat_flat;
+  --content-icon-airplanemode-off: airplanemode_off;
+  --content-icon-assignment-late: assignment_late;
+  --content-icon-assistant-photo: assistant_photo;
+  --content-icon-arrow-drop-down: arrow_drop_down;
+  --content-icon-airplanemode-on: airplanemode_on;
+  --content-icon-airport-shuttle: airport_shuttle;
+  --content-icon-account-balance: account_balance;
+  --content-icon-account-circle: account_circle;
+  --content-icon-arrow-downward: arrow_downward;
+  --content-icon-assignment-ind: assignment_ind;
+  --content-icon-all-inclusive: all_inclusive;
+  --content-icon-arrow-drop-up: arrow_drop_up;
+  --content-icon-add-to-photos: add_to_photos;
+  --content-icon-arrow-forward: arrow_forward;
+  --content-icon-accessibility: accessibility;
+  --content-icon-access-alarms: access_alarms;
+  --content-icon-arrow-upward: arrow_upward;
+  --content-icon-attach-money: attach_money;
+  --content-icon-add-to-queue: add_to_queue;
+  --content-icon-aspect-ratio: aspect_ratio;
+  --content-icon-announcement: announcement;
+  --content-icon-add-location: add_location;
+  --content-icon-access-alarm: access_alarm;
+  --content-icon-account-box: account_box;
+  --content-icon-access-time: access_time;
+  --content-icon-add-a-photo: add_a_photo;
+  --content-icon-attach-file: attach_file;
+  --content-icon-assignment: assignment;
+  --content-icon-arrow-back: arrow_back;
+  --content-icon-accessible: accessible;
+  --content-icon-add-circle: add_circle;
+  --content-icon-assessment: assessment;
+  --content-icon-audiotrack: audiotrack;
+  --content-icon-attachment: attachment;
+  --content-icon-art-track: art_track;
+  --content-icon-alarm-off: alarm_off;
+  --content-icon-add-alert: add_alert;
+  --content-icon-add-alarm: add_alarm;
+  --content-icon-alarm-add: alarm_add;
+  --content-icon-autorenew: autorenew;
+  --content-icon-assistant: assistant;
+  --content-icon-alarm-on: alarm_on;
+  --content-icon-av-timer: av_timer;
+  --content-icon-all-out: all_out;
+  --content-icon-archive: archive;
+  --content-icon-add-box: add_box;
+  --content-icon-android: android;
+  --content-icon-airplay: airplay;
+  --content-icon-ac-unit: ac_unit;
+  --content-icon-adjust: adjust;
+  --content-icon-alarm: alarm;
+  --content-icon-album: album;
+  --content-icon-apps: apps;
+  --content-icon-add: add;
+  --content-icon-adb: adb;
+  --content-icon-battery-charging-full: battery_charging_full;
+  --content-icon-bluetooth-connected: bluetooth_connected;
+  --content-icon-bluetooth-searching: bluetooth_searching;
+  --content-icon-branding-watermark: branding_watermark;
+  --content-icon-bluetooth-disabled: bluetooth_disabled;
+  --content-icon-brightness-medium: brightness_medium;
+  --content-icon-border-horizontal: border_horizontal;
+  --content-icon-bookmark-outline: bookmark_outline;
+  --content-icon-brightness-auto: brightness_auto;
+  --content-icon-business-center: business_center;
+  --content-icon-border-vertical: border_vertical;
+  --content-icon-brightness-high: brightness_high;
+  --content-icon-bluetooth-audio: bluetooth_audio;
+  --content-icon-battery-unknown: battery_unknown;
+  --content-icon-bookmark-border: bookmark_border;
+  --content-icon-brightness-low: brightness_low;
+  --content-icon-border-bottom: border_bottom;
+  --content-icon-blur-circular: blur_circular;
+  --content-icon-battery-alert: battery_alert;
+  --content-icon-border-inner: border_inner;
+  --content-icon-brightness-seven: brightness_7;
+  --content-icon-border-color: border_color;
+  --content-icon-border-clear: border_clear;
+  --content-icon-brightness-six: brightness_6;
+  --content-icon-brightness-five: brightness_5;
+  --content-icon-brightness-four: brightness_4;
+  --content-icon-brightness-three: brightness_3;
+  --content-icon-brightness-two: brightness_2;
+  --content-icon-brightness-one: brightness_1;
+  --content-icon-bubble-chart: bubble_chart;
+  --content-icon-broken-image: broken_image;
+  --content-icon-beach-access: beach_access;
+  --content-icon-border-style: border_style;
+  --content-icon-battery-full: battery_full;
+  --content-icon-border-right: border_right;
+  --content-icon-border-outer: border_outer;
+  --content-icon-blur-linear: blur_linear;
+  --content-icon-border-left: border_left;
+  --content-icon-battery-std: battery_std;
+  --content-icon-border-top: border_top;
+  --content-icon-border-all: border_all;
+  --content-icon-bug-report: bug_report;
+  --content-icon-burst-mode: burst_mode;
+  --content-icon-bluetooth: bluetooth;
+  --content-icon-backspace: backspace;
+  --content-icon-beenhere: beenhere;
+  --content-icon-bookmark: bookmark;
+  --content-icon-blur-off: blur_off;
+  --content-icon-business: business;
+  --content-icon-blur-on: blur_on;
+  --content-icon-backup: backup;
+  --content-icon-brush: brush;
+  --content-icon-build: build;
+  --content-icon-block: block;
+  --content-icon-book: book;
+  --content-icon-control-point-duplicate: control_point_duplicate;
+  --content-icon-check-box-outline-blank: check_box_outline_blank;
+  --content-icon-collections-bookmark: collections_bookmark;
+  --content-icon-call-missed-outgoing: call_missed_outgoing;
+  --content-icon-chat-bubble-outline: chat_bubble_outline;
+  --content-icon-center-focus-strong: center_focus_strong;
+  --content-icon-confirmation-number: confirmation_number;
+  --content-icon-chrome-reader-mode: chrome_reader_mode;
+  --content-icon-create-new-folder: create_new_folder;
+  --content-icon-center-focus-weak: center_focus_weak;
+  --content-icon-confirmation-num: confirmation_num;
+  --content-icon-card-membership: card_membership;
+  --content-icon-cloud-download: cloud_download;
+  --content-icon-change-history: change_history;
+  --content-icon-closed-caption: closed_caption;
+  --content-icon-compare-arrows: compare_arrows;
+  --content-icon-cast-connected: cast_connected;
+  --content-icon-child-friendly: child_friendly;
+  --content-icon-camera-enhance: camera_enhance;
+  --content-icon-call-to-action: call_to_action;
+  --content-icon-crop-landscape: crop_landscape;
+  --content-icon-control-point: control_point;
+  --content-icon-content-paste: content_paste;
+  --content-icon-card-giftcard: card_giftcard;
+  --content-icon-contact-phone: contact_phone;
+  --content-icon-crop-original: crop_original;
+  --content-icon-call-received: call_received;
+  --content-icon-crop-portrait: crop_portrait;
+  --content-icon-contact-mail: contact_mail;
+  --content-icon-cloud-upload: cloud_upload;
+  --content-icon-camera-front: camera_front;
+  --content-icon-content-copy: content_copy;
+  --content-icon-cloud-circle: cloud_circle;
+  --content-icon-check-circle: check_circle;
+  --content-icon-card-travel: card_travel;
+  --content-icon-crop-rotate: crop_rotate;
+  --content-icon-collections: collections;
+  --content-icon-camera-roll: camera_roll;
+  --content-icon-camera-rear: camera_rear;
+  --content-icon-chat-bubble: chat_bubble;
+  --content-icon-content-cut: content_cut;
+  --content-icon-cloud-queue: cloud_queue;
+  --content-icon-crop-square: crop_square;
+  --content-icon-credit-card: credit_card;
+  --content-icon-call-missed: call_missed;
+  --content-icon-child-care: child_care;
+  --content-icon-call-split: call_split;
+  --content-icon-color-lens: color_lens;
+  --content-icon-cloud-done: cloud_done;
+  --content-icon-camera-alt: camera_alt;
+  --content-icon-call-merge: call_merge;
+  --content-icon-clear-all: clear_all;
+  --content-icon-crop-free: crop_free;
+  --content-icon-crop-onesix-nine: crop_onesix_nine;
+  --content-icon-check-box: check_box;
+  --content-icon-copyright: copyright;
+  --content-icon-cloud-off: cloud_off;
+  --content-icon-call-made: call_made;
+  --content-icon-contacts: contacts;
+  --content-icon-colorize: colorize;
+  --content-icon-crop-seven-five: crop_seven_five;
+  --content-icon-crop-five-four: crop_five_four;
+  --content-icon-crop-three-two: crop_three_two;
+  --content-icon-crop-din: crop_din;
+  --content-icon-computer: computer;
+  --content-icon-call-end: call_end;
+  --content-icon-compare: compare;
+  --content-icon-comment: comment;
+  --content-icon-cancel: cancel;
+  --content-icon-casino: casino;
+  --content-icon-create: create;
+  --content-icon-aperture: aperture;
+  --content-icon-cached: cached;
+  --content-icon-cloud: cloud;
+  --content-icon-clear: clear;
+  --content-icon-class: class;
+  --content-icon-check: check;
+  --content-icon-close: close;
+  --content-icon-crop: crop;
+  --content-icon-chat: chat;
+  --content-icon-code: code;
+  --content-icon-call: call;
+  --content-icon-cake: cake;
+  --content-icon-cast: cast;
+  --content-icon-do-not-disturb-off: do_not_disturb_off;
+  --content-icon-do-not-disturb-alt: do_not_disturb_alt;
+  --content-icon-directions-transit: directions_transit;
+  --content-icon-directions-railway: directions_railway;
+  --content-icon-directions-subway: directions_subway;
+  --content-icon-do-not-disturb-on: do_not_disturb_on;
+  --content-icon-dnd-forwardslash: dnd_forwardslash;
+  --content-icon-directions-train: directions_train;
+  --content-icon-directions-ferry: directions_ferry;
+  --content-icon-directions-boat: directions_boat;
+  --content-icon-directions-walk: directions_walk;
+  --content-icon-directions-bike: directions_bike;
+  --content-icon-developer-board: developer_board;
+  --content-icon-desktop-windows: desktop_windows;
+  --content-icon-directions-run: directions_run;
+  --content-icon-directions-car: directions_car;
+  --content-icon-developer-mode: developer_mode;
+  --content-icon-directions-bus: directions_bus;
+  --content-icon-do-not-disturb: do_not_disturb;
+  --content-icon-delete-forever: delete_forever;
+  --content-icon-devices-other: devices_other;
+  --content-icon-delete-sweep: delete_sweep;
+  --content-icon-donut-small: donut_small;
+  --content-icon-desktop-mac: desktop_mac;
+  --content-icon-description: description;
+  --content-icon-donut-large: donut_large;
+  --content-icon-drag-handle: drag_handle;
+  --content-icon-directions: directions;
+  --content-icon-device-hub: device_hub;
+  --content-icon-dialer-sip: dialer_sip;
+  --content-icon-date-range: date_range;
+  --content-icon-data-usage: data_usage;
+  --content-icon-drive-eta: drive_eta;
+  --content-icon-disc-full: disc_full;
+  --content-icon-dashboard: dashboard;
+  --content-icon-done-all: done_all;
+  --content-icon-details: details;
+  --content-icon-devices: devices;
+  --content-icon-dialpad: dialpad;
+  --content-icon-dehaze: dehaze;
+  --content-icon-domain: domain;
+  --content-icon-drafts: drafts;
+  --content-icon-delete: delete;
+  --content-icon-done: done;
+  --content-icon-dock: dock;
+  --content-icon-dns: dns;
+  --content-icon-dvr: dvr;
+  --content-icon-enhance-photo-translate: enhance_photo_translate;
+  --content-icon-enhanced-encryption: enhanced_encryption;
+  --content-icon-exposure-minus-two: exposure_minus_two;
+  --content-icon-exposure-minus-one: exposure_minus_one;
+  --content-icon-event-available: event_available;
+  --content-icon-exposure-plus-two: exposure_plus_two;
+  --content-icon-exposure-plus-one: exposure_plus_one;
+  --content-icon-exposure-neg-two: exposure_neg_two;
+  --content-icon-exposure-neg-one: exposure_neg_one;
+  --content-icon-exposure-zero: exposure_zero;
+  --content-icon-edit-location: edit_location;
+  --content-icon-error-outline: error_outline;
+  --content-icon-expand-less: expand_less;
+  --content-icon-exit-to-app: exit_to_app;
+  --content-icon-expand-more: expand_more;
+  --content-icon-euro-symbol: euro_symbol;
+  --content-icon-event-busy: event_busy;
+  --content-icon-event-seat: event_seat;
+  --content-icon-ev-station: ev_station;
+  --content-icon-event-note: event_note;
+  --content-icon-equalizer: equalizer;
+  --content-icon-extension: extension;
+  --content-icon-exposure: exposure;
+  --content-icon-explicit: explicit;
+  --content-icon-explore: explore;
+  --content-icon-email-fill: email_fill;
+  --content-icon-eject: eject;
+  --content-icon-event: event;
+  --content-icon-error: error;
+  --content-icon-edit: edit;
+  --content-icon-format-textdirection-r-to-l: format_textdirection_r_to_l;
+  --content-icon-format-textdirection-l-to-r: format_textdirection_l_to_r;
+  --content-icon-format-indent-increase: format_indent_increase;
+  --content-icon-format-indent-decrease: format_indent_decrease;
+  --content-icon-format-list-bulleted: format_list_bulleted;
+  --content-icon-format-strikethrough: format_strikethrough;
+  --content-icon-format-list-numbered: format_list_numbered;
+  --content-icon-format-align-justify: format_align_justify;
+  --content-icon-format-line-spacing: format_line_spacing;
+  --content-icon-format-align-center: format_align_center;
+  --content-icon-filter-center-focus: filter_center_focus;
+  --content-icon-fiber-manual-record: fiber_manual_record;
+  --content-icon-format-color-reset: format_color_reset;
+  --content-icon-fiber-smart-record: fiber_smart_record;
+  --content-icon-format-align-right: format_align_right;
+  --content-icon-featured-play-list: featured_play_list;
+  --content-icon-filter-tilt-shift: filter_tilt_shift;
+  --content-icon-format-color-text: format_color_text;
+  --content-icon-format-align-left: format_align_left;
+  --content-icon-format-underlined: format_underlined;
+  --content-icon-format-color-fill: format_color_fill;
+  --content-icon-format-underline: format_underline;
+  --content-icon-favorite-outline: favorite_outline;
+  --content-icon-favorite-border: favorite_border;
+  --content-icon-fullscreen-exit: fullscreen_exit;
+  --content-icon-filter-b-and-w: filter_b_and_w;
+  --content-icon-flight-takeoff: flight_takeoff;
+  --content-icon-fitness-center: fitness_center;
+  --content-icon-featured-video: featured_video;
+  --content-icon-filter-vintage: filter_vintage;
+  --content-icon-free-breakfast: free_breakfast;
+  --content-icon-folder-special: folder_special;
+  --content-icon-filter-nine-plus: filter_nine_plus;
+  --content-icon-file-download: file_download;
+  --content-icon-font-download: font_download;
+  --content-icon-format-italic: format_italic;
+  --content-icon-folder-shared: folder_shared;
+  --content-icon-filter-frames: filter_frames;
+  --content-icon-flip-to-front: flip_to_front;
+  --content-icon-format-shapes: format_shapes;
+  --content-icon-format-quote: format_quote;
+  --content-icon-flip-to-back: flip_to_back;
+  --content-icon-format-clear: format_clear;
+  --content-icon-filter-drama: filter_drama;
+  --content-icon-format-paint: format_paint;
+  --content-icon-find-replace: find_replace;
+  --content-icon-find-in-page: find_in_page;
+  --content-icon-fast-forward: fast_forward;
+  --content-icon-filter-none: filter_none;
+  --content-icon-filter-list: filter_list;
+  --content-icon-fingerprint: fingerprint;
+  --content-icon-format-size: format_size;
+  --content-icon-folder-open: folder_open;
+  --content-icon-flight-land: flight_land;
+  --content-icon-format-bold: format_bold;
+  --content-icon-fast-rewind: fast_rewind;
+  --content-icon-file-upload: file_upload;
+  --content-icon-fullscreen: fullscreen;
+  --content-icon-forward-threezero: forward_threezero;
+  --content-icon-filter-hdr: filter_hdr;
+  --content-icon-flash-auto: flash_auto;
+  --content-icon-forward-onezero: forward_onezero;
+  --content-icon-first-page: first_page;
+  --content-icon-flash-off: flash_off;
+  --content-icon-functions: functions;
+  --content-icon-fiber-pin: fiber_pin;
+  --content-icon-fiber-new: fiber_new;
+  --content-icon-forward-five: forward_five;
+  --content-icon-fiber-dvr: fiber_dvr;
+  --content-icon-filter-seven: filter_seven;
+  --content-icon-filter-six: filter_six;
+  --content-icon-filter-five: filter_five;
+  --content-icon-filter-four: filter_four;
+  --content-icon-feedback: feedback;
+  --content-icon-filter-three: filter_three;
+  --content-icon-filter-two: filter_two;
+  --content-icon-filter-one: filter_one;
+  --content-icon-flash-on: flash_on;
+  --content-icon-favorite: favorite;
+  --content-icon-filter-nine: filter_nine;
+  --content-icon-filter-eight: filter_eight;
+  --content-icon-forward: forward;
+  --content-icon-flight: flight;
+  --content-icon-folder: folder;
+  --content-icon-camera-filter: camera_filter;
+  --content-icon-forum: forum;
+  --content-icon-flare: flare;
+  --content-icon-flip: flip;
+  --content-icon-flag: flag;
+  --content-icon-face: face;
+  --content-icon-gps-not-fixed: gps_not_fixed;
+  --content-icon-golf-course: golf_course;
+  --content-icon-g-translate: g_translate;
+  --content-icon-graphic-eq: graphic_eq;
+  --content-icon-group-work: group_work;
+  --content-icon-group-add: group_add;
+  --content-icon-gps-fixed: gps_fixed;
+  --content-icon-grid-off: grid_off;
+  --content-icon-gradient: gradient;
+  --content-icon-grid-on: grid_on;
+  --content-icon-get-app: get_app;
+  --content-icon-gesture: gesture;
+  --content-icon-gamepad: gamepad;
+  --content-icon-gps-off: gps_off;
+  --content-icon-grade: grade;
+  --content-icon-gavel: gavel;
+  --content-icon-games: games;
+  --content-icon-grain: grain;
+  --content-icon-group: group;
+  --content-icon-gif: gif;
+  --content-icon-highlight-remove: highlight_remove;
+  --content-icon-hourglass-empty: hourglass_empty;
+  --content-icon-hourglass-full: hourglass_full;
+  --content-icon-highlight-off: highlight_off;
+  --content-icon-high-quality: high_quality;
+  --content-icon-help-outline: help_outline;
+  --content-icon-headset-mic: headset_mic;
+  --content-icon-hdr-strong: hdr_strong;
+  --content-icon-highlight: highlight;
+  --content-icon-hdr-weak: hdr_weak;
+  --content-icon-healing: healing;
+  --content-icon-history: history;
+  --content-icon-headset: headset;
+  --content-icon-hot-tub: hot_tub;
+  --content-icon-hearing: hearing;
+  --content-icon-hdr-off: hdr_off;
+  --content-icon-hdr-on: hdr_on;
+  --content-icon-hotel: hotel;
+  --content-icon-https: https;
+  --content-icon-help: help;
+  --content-icon-http: http;
+  --content-icon-home: home;
+  --content-icon-hd: hd;
+  --content-icon-indeterminate-check-box: indeterminate_check_box;
+  --content-icon-image-aspect-ratio: image_aspect_ratio;
+  --content-icon-insert-drive-file: insert_drive_file;
+  --content-icon-invert-colors-off: invert_colors_off;
+  --content-icon-important-devices: important_devices;
+  --content-icon-insert-invitation: insert_invitation;
+  --content-icon-invert-colors-on: invert_colors_on;
+  --content-icon-import-contacts: import_contacts;
+  --content-icon-insert-emoticon: insert_emoticon;
+  --content-icon-insert-comment: insert_comment;
+  --content-icon-invert-colors: invert_colors;
+  --content-icon-import-export: import_export;
+  --content-icon-info-outline: info_outline;
+  --content-icon-insert-photo: insert_photo;
+  --content-icon-insert-chart: insert_chart;
+  --content-icon-insert-link: insert_link;
+  --content-icon-input: input;
+  --content-icon-inbox: inbox;
+  --content-icon-image: image;
+  --content-icon-iso: iso;
+  --content-icon-keyboard-arrow-right: keyboard_arrow_right;
+  --content-icon-keyboard-arrow-left: keyboard_arrow_left;
+  --content-icon-keyboard-arrow-down: keyboard_arrow_down;
+  --content-icon-keyboard-backspace: keyboard_backspace;
+  --content-icon-keyboard-arrow-up: keyboard_arrow_up;
+  --content-icon-keyboard-capslock: keyboard_capslock;
+  --content-icon-keyboard-control: keyboard_control;
+  --content-icon-keyboard-return: keyboard_return;
+  --content-icon-keyboard-voice: keyboard_voice;
+  --content-icon-keyboard-hide: keyboard_hide;
+  --content-icon-keyboard-tab: keyboard_tab;
+  --content-icon-keyboard: keyboard;
+  --content-icon-kitchen: kitchen;
+  --content-icon-local-convenience-store: local_convenience_store;
+  --content-icon-local-laundry-service: local_laundry_service;
+  --content-icon-local-grocery-store: local_grocery_store;
+  --content-icon-location-searching: location_searching;
+  --content-icon-local-post-office: local_post_office;
+  --content-icon-local-gas-station: local_gas_station;
+  --content-icon-location-disabled: location_disabled;
+  --content-icon-lightbulb-outline: lightbulb_outline;
+  --content-icon-laptop-chromebook: laptop_chromebook;
+  --content-icon-location-history: location_history;
+  --content-icon-local-attraction: local_attraction;
+  --content-icon-local-print-shop: local_print_shop;
+  --content-icon-local-restaurant: local_restaurant;
+  --content-icon-local-printshop: local_printshop;
+  --content-icon-local-car-wash: local_car_wash;
+  --content-icon-local-activity: local_activity;
+  --content-icon-local-shipping: local_shipping;
+  --content-icon-local-hospital: local_hospital;
+  --content-icon-laptop-windows: laptop_windows;
+  --content-icon-local-pharmacy: local_pharmacy;
+  --content-icon-local-florist: local_florist;
+  --content-icon-local-parking: local_parking;
+  --content-icon-linked-camera: linked_camera;
+  --content-icon-local-library: local_library;
+  --content-icon-library-music: library_music;
+  --content-icon-library-books: library_books;
+  --content-icon-location-city: location_city;
+  --content-icon-local-airport: local_airport;
+  --content-icon-label-outline: label_outline;
+  --content-icon-location-off: location_off;
+  --content-icon-lock-outline: lock_outline;
+  --content-icon-local-dining: local_dining;
+  --content-icon-layers-clear: layers_clear;
+  --content-icon-low-priority: low_priority;
+  --content-icon-local-movies: local_movies;
+  --content-icon-linear-scale: linear_scale;
+  --content-icon-location-on: location_on;
+  --content-icon-local-pizza: local_pizza;
+  --content-icon-local-drink: local_drink;
+  --content-icon-library-add: library_add;
+  --content-icon-leak-remove: leak_remove;
+  --content-icon-local-hotel: local_hotel;
+  --content-icon-local-offer: local_offer;
+  --content-icon-local-phone: local_phone;
+  --content-icon-line-weight: line_weight;
+  --content-icon-line-style: line_style;
+  --content-icon-local-mall: local_mall;
+  --content-icon-local-cafe: local_cafe;
+  --content-icon-laptop-mac: laptop_mac;
+  --content-icon-local-taxi: local_taxi;
+  --content-icon-local-play: local_play;
+  --content-icon-local-see: local_see;
+  --content-icon-local-bar: local_bar;
+  --content-icon-local-atm: local_atm;
+  --content-icon-last-page: last_page;
+  --content-icon-looks-two: looks_two;
+  --content-icon-lock-open: lock_open;
+  --content-icon-looks-one: looks_one;
+  --content-icon-landscape: landscape;
+  --content-icon-live-help: live_help;
+  --content-icon-leak-add: leak_add;
+  --content-icon-language: language;
+  --content-icon-loyalty: loyalty;
+  --content-icon-looks-six: looks_six;
+  --content-icon-looks-five: looks_five;
+  --content-icon-looks-four: looks_four;
+  --content-icon-live-tv: live_tv;
+  --content-icon-looks-three: looks_three;
+  --content-icon-layers: layers;
+  --content-icon-launch: launch;
+  --content-icon-laptop: laptop;
+  --content-icon-loupe: loupe;
+  --content-icon-looks: looks;
+  --content-icon-label: label;
+  --content-icon-lens: lens;
+  --content-icon-link: link;
+  --content-icon-loop: loop;
+  --content-icon-lock: lock;
+  --content-icon-markunread-mailbox: markunread_mailbox;
+  --content-icon-monochrome-photos: monochrome_photos;
+  --content-icon-messenger-outline: messenger_outline;
+  --content-icon-my-library-books: my_library_books;
+  --content-icon-multitrack-audio: multitrack_audio;
+  --content-icon-my-library-music: my_library_music;
+  --content-icon-monetization-on: monetization_on;
+  --content-icon-multiline-chart: multiline_chart;
+  --content-icon-movie-creation: movie_creation;
+  --content-icon-my-library-add: my_library_add;
+  --content-icon-move-to-inbox: move_to_inbox;
+  --content-icon-mail-outline: mail_outline;
+  --content-icon-mode-comment: mode_comment;
+  --content-icon-movie-filter: movie_filter;
+  --content-icon-my-location: my_location;
+  --content-icon-music-video: music_video;
+  --content-icon-more-horiz: more_horiz;
+  --content-icon-merge-type: merge_type;
+  --content-icon-music-note: music_note;
+  --content-icon-markunread: markunread;
+  --content-icon-motorcycle: motorcycle;
+  --content-icon-more-vert: more_vert;
+  --content-icon-mode-edit: mode_edit;
+  --content-icon-money-off: money_off;
+  --content-icon-messenger: messenger;
+  --content-icon-mood-bad: mood_bad;
+  --content-icon-mic-none: mic_none;
+  --content-icon-mic-off: mic_off;
+  --content-icon-message: message;
+  --content-icon-memory: memory;
+  --content-icon-mouse: mouse;
+  --content-icon-movie: movie;
+  --content-icon-mood: mood;
+  --content-icon-mail: mail;
+  --content-icon-more: more;
+  --content-icon-menu: menu;
+  --content-icon-map: map;
+  --content-icon-mms: mms;
+  --content-icon-mic: mic;
+  --content-icon-notifications-paused: notifications_paused;
+  --content-icon-notifications-active: notifications_active;
+  --content-icon-notifications-none: notifications_none;
+  --content-icon-notifications-off: notifications_off;
+  --content-icon-notifications-on: notifications_on;
+  --content-icon-navigate-before: navigate_before;
+  --content-icon-network-locked: network_locked;
+  --content-icon-not-interested: not_interested;
+  --content-icon-no-encryption: no_encryption;
+  --content-icon-notifications: notifications;
+  --content-icon-network-check: network_check;
+  --content-icon-navigate-next: navigate_next;
+  --content-icon-now-wallpaper: now_wallpaper;
+  --content-icon-nature-people: nature_people;
+  --content-icon-new-releases: new_releases;
+  --content-icon-network-wifi: network_wifi;
+  --content-icon-network-cell: network_cell;
+  --content-icon-now-widgets: now_widgets;
+  --content-icon-navigation: navigation;
+  --content-icon-next-week: next_week;
+  --content-icon-note-add: note_add;
+  --content-icon-near-me: near_me;
+  --content-icon-no-sim: no_sim;
+  --content-icon-nature: nature;
+  --content-icon-note: note;
+  --content-icon-nfc: nfc;
+  --content-icon-open-in-browser: open_in_browser;
+  --content-icon-ondemand-video: ondemand_video;
+  --content-icon-open-in-new: open_in_new;
+  --content-icon-offline-pin: offline_pin;
+  --content-icon-open-with: open_with;
+  --content-icon-opacity: opacity;
+  --content-icon-photo-size-select-actual: photo_size_select_actual;
+  --content-icon-photo-size-select-large: photo_size_select_large;
+  --content-icon-photo-size-select-small: photo_size_select_small;
+  --content-icon-phone-bluetooth-speaker: phone_bluetooth_speaker;
+  --content-icon-perm-device-information: perm_device_information;
+  --content-icon-picture-in-picture-alt: picture_in_picture_alt;
+  --content-icon-perm-contact-calendar: perm_contact_calendar;
+  --content-icon-pause-circle-outline: pause_circle_outline;
+  --content-icon-play-circle-outline: play_circle_outline;
+  --content-icon-pause-circle-filled: pause_circle_filled;
+  --content-icon-panorama-wide-angle: panorama_wide_angle;
+  --content-icon-panorama-horizontal: panorama_horizontal;
+  --content-icon-power-settings-new: power_settings_new;
+  --content-icon-play-circle-filled: play_circle_filled;
+  --content-icon-pie-chart-outlined: pie_chart_outlined;
+  --content-icon-playlist-add-check: playlist_add_check;
+  --content-icon-picture-in-picture: picture_in_picture;
+  --content-icon-perm-data-setting: perm_data_setting;
+  --content-icon-person-pin-circle: person_pin_circle;
+  --content-icon-panorama-vertical: panorama_vertical;
+  --content-icon-portable-wifi-off: portable_wifi_off;
+  --content-icon-panorama-fish-eye: panorama_fish_eye;
+  --content-icon-play-circle-fill: play_circle_fill;
+  --content-icon-perm-device-info: perm_device_info;
+  --content-icon-perm-contact-cal: perm_contact_cal;
+  --content-icon-panorama-fisheye: panorama_fisheye;
+  --content-icon-perm-camera-mic: perm_camera_mic;
+  --content-icon-phonelink-erase: phonelink_erase;
+  --content-icon-phone-forwarded: phone_forwarded;
+  --content-icon-phonelink-setup: phonelink_setup;
+  --content-icon-personal-video: personal_video;
+  --content-icon-phonelink-ring: phonelink_ring;
+  --content-icon-people-outline: people_outline;
+  --content-icon-person-outline: person_outline;
+  --content-icon-perm-scan-wifi: perm_scan_wifi;
+  --content-icon-perm-phone-msg: perm_phone_msg;
+  --content-icon-phonelink-lock: phonelink_lock;
+  --content-icon-present-to-all: present_to_all;
+  --content-icon-picture-as-pdf: picture_as_pdf;
+  --content-icon-pregnant-woman: pregnant_woman;
+  --content-icon-priority-high: priority_high;
+  --content-icon-perm-identity: perm_identity;
+  --content-icon-play-for-work: play_for_work;
+  --content-icon-phone-android: phone_android;
+  --content-icon-phonelink-off: phonelink_off;
+  --content-icon-playlist-play: playlist_play;
+  --content-icon-photo-library: photo_library;
+  --content-icon-phone-in-talk: phone_in_talk;
+  --content-icon-phone-paused: phone_paused;
+  --content-icon-phone-missed: phone_missed;
+  --content-icon-phone-locked: phone_locked;
+  --content-icon-phone-iphone: phone_iphone;
+  --content-icon-photo-camera: photo_camera;
+  --content-icon-playlist-add: playlist_add;
+  --content-icon-photo-filter: photo_filter;
+  --content-icon-photo-album: photo_album;
+  --content-icon-power-input: power_input;
+  --content-icon-play-arrow: play_arrow;
+  --content-icon-perm-media: perm_media;
+  --content-icon-person-add: person_add;
+  --content-icon-person-pin: person_pin;
+  --content-icon-party-mode: party_mode;
+  --content-icon-pie-chart: pie_chart;
+  --content-icon-phonelink: phonelink;
+  --content-icon-pin-drop: pin_drop;
+  --content-icon-portrait: portrait;
+  --content-icon-plus-one: plus_one;
+  --content-icon-panorama: panorama;
+  --content-icon-pan-tool: pan_tool;
+  --content-icon-pageview: pageview;
+  --content-icon-payment: payment;
+  --content-icon-publish: publish;
+  --content-icon-palette: palette;
+  --content-icon-polymer: polymer;
+  --content-icon-public: public;
+  --content-icon-people: people;
+  --content-icon-person: person;
+  --content-icon-print: print;
+  --content-icon-pause: pause;
+  --content-icon-photo: photo;
+  --content-icon-power: power;
+  --content-icon-place: place;
+  --content-icon-phone: phone;
+  --content-icon-pages: pages;
+  --content-icon-poll: poll;
+  --content-icon-pool: pool;
+  --content-icon-pets: pets;
+  --content-icon-quick-contacts-dialer: quick_contacts_dialer;
+  --content-icon-quick-contacts-mail: quick_contacts_mail;
+  --content-icon-queue-play-next: queue_play_next;
+  --content-icon-question-answer: question_answer;
+  --content-icon-query-builder: query_builder;
+  --content-icon-queue-music: queue_music;
+  --content-icon-queue: queue;
+  --content-icon-radio-button-unchecked: radio_button_unchecked;
+  --content-icon-remove-circle-outline: remove_circle_outline;
+  --content-icon-rotate-ninezero-degrees-ccw: rotate_ninezero_degrees_ccw;
+  --content-icon-remove-shopping-cart: remove_shopping_cart;
+  --content-icon-radio-button-checked: radio_button_checked;
+  --content-icon-remove-from-queue: remove_from_queue;
+  --content-icon-record-voice-over: record_voice_over;
+  --content-icon-radio-button-off: radio_button_off;
+  --content-icon-restaurant-menu: restaurant_menu;
+  --content-icon-radio-button-on: radio_button_on;
+  --content-icon-rounded-corner: rounded_corner;
+  --content-icon-remove-red-eye: remove_red_eye;
+  --content-icon-report-problem: report_problem;
+  --content-icon-remove-circle: remove_circle;
+  --content-icon-recent-actors: recent_actors;
+  --content-icon-room-service: room_service;
+  --content-icon-restore-page: restore_page;
+  --content-icon-rotate-right: rotate_right;
+  --content-icon-ring-volume: ring_volume;
+  --content-icon-rate-review: rate_review;
+  --content-icon-rotate-left: rotate_left;
+  --content-icon-restaurant: restaurant;
+  --content-icon-repeat-one: repeat_one;
+  --content-icon-reply-all: reply_all;
+  --content-icon-replay-threezero: replay_threezero;
+  --content-icon-replay-onezero: replay_onezero;
+  --content-icon-rv-hookup: rv_hookup;
+  --content-icon-replay-five: replay_five;
+  --content-icon-rss-feed: rss_feed;
+  --content-icon-reorder: reorder;
+  --content-icon-restore: restore;
+  --content-icon-receipt: receipt;
+  --content-icon-refresh: refresh;
+  --content-icon-rowing: rowing;
+  --content-icon-repeat: repeat;
+  --content-icon-report: report;
+  --content-icon-remove: remove;
+  --content-icon-router: router;
+  --content-icon-redeem: redeem;
+  --content-icon-replay: replay;
+  --content-icon-radio: radio;
+  --content-icon-room: room;
+  --content-icon-redo: redo;
+  --content-icon-signal-cellular-connected-no-internet-four-bar: signal_cellular_connected_no_internet_four_bar;
+  --content-icon-sentiment-very-dissatisfied: sentiment_very_dissatisfied;
+  --content-icon-settings-system-daydream: settings_system_daydream;
+  --content-icon-settings-input-composite: settings_input_composite;
+  --content-icon-settings-input-component: settings_input_component;
+  --content-icon-sentiment-very-satisfied: sentiment_very_satisfied;
+  --content-icon-subdirectory-arrow-right: subdirectory_arrow_right;
+  --content-icon-subdirectory-arrow-left: subdirectory_arrow_left;
+  --content-icon-settings-backup-restore: settings_backup_restore;
+  --content-icon-signal-cellular-no-sim: signal_cellular_no_sim;
+  --content-icon-settings-input-antenna: settings_input_antenna;
+  --content-icon-stay-primary-landscape: stay_primary_landscape;
+  --content-icon-stay-current-landscape: stay_current_landscape;
+  --content-icon-signal-wifi-four-bar-lock: signal_wifi_four_bar_lock;
+  --content-icon-sentiment-dissatisfied: sentiment_dissatisfied;
+  --content-icon-settings-input-svideo: settings_input_svideo;
+  --content-icon-settings-applications: settings_applications;
+  --content-icon-stay-current-portrait: stay_current_portrait;
+  --content-icon-signal-cellular-four-bar: signal_cellular_four_bar;
+  --content-icon-stay-primary-portrait: stay_primary_portrait;
+  --content-icon-screen-lock-landscape: screen_lock_landscape;
+  --content-icon-signal-cellular-null: signal_cellular_null;
+  --content-icon-store-mall-directory: store_mall_directory;
+  --content-icon-screen-lock-rotation: screen_lock_rotation;
+  --content-icon-screen-lock-portrait: screen_lock_portrait;
+  --content-icon-swap-vertical-circle: swap_vertical_circle;
+  --content-icon-signal-cellular-off: signal_cellular_off;
+  --content-icon-settings-brightness: settings_brightness;
+  --content-icon-settings-input-hdmi: settings_input_hdmi;
+  --content-icon-sentiment-satisfied: sentiment_satisfied;
+  --content-icon-settings-bluetooth: settings_bluetooth;
+  --content-icon-supervisor-account: supervisor_account;
+  --content-icon-signal-wifi-four-bar: signal_wifi_four_bar;
+  --content-icon-stop-screen-share: stop_screen_share;
+  --content-icon-settings-ethernet: settings_ethernet;
+  --content-icon-sentiment-neutral: sentiment_neutral;
+  --content-icon-settings-overscan: settings_overscan;
+  --content-icon-speaker-notes-off: speaker_notes_off;
+  --content-icon-slow-motion-video: slow_motion_video;
+  --content-icon-system-update-alt: system_update_alt;
+  --content-icon-settings-display: settings_display;
+  --content-icon-swap-vert-circle: swap_vert_circle;
+  --content-icon-system-update-tv: system_update_tv;
+  --content-icon-strikethrough-s: strikethrough_s;
+  --content-icon-screen-rotation: screen_rotation;
+  --content-icon-shopping-basket: shopping_basket;
+  --content-icon-signal-wifi-off: signal_wifi_off;
+  --content-icon-settings-remote: settings_remote;
+  --content-icon-sim-card-alert: sim_card_alert;
+  --content-icon-surround-sound: surround_sound;
+  --content-icon-settings-power: settings_power;
+  --content-icon-settings-phone: settings_phone;
+  --content-icon-settings-voice: settings_voice;
+  --content-icon-switch-camera: switch_camera;
+  --content-icon-speaker-notes: speaker_notes;
+  --content-icon-speaker-group: speaker_group;
+  --content-icon-sort-by-alpha: sort_by_alpha;
+  --content-icon-smoking-rooms: smoking_rooms;
+  --content-icon-system-update: system_update;
+  --content-icon-shopping-cart: shopping_cart;
+  --content-icon-skip-previous: skip_previous;
+  --content-icon-subscriptions: subscriptions;
+  --content-icon-settings-cell: settings_cell;
+  --content-icon-sync-disabled: sync_disabled;
+  --content-icon-speaker-phone: speaker_phone;
+  --content-icon-switch-video: switch_video;
+  --content-icon-sync-problem: sync_problem;
+  --content-icon-star-outline: star_outline;
+  --content-icon-screen-share: screen_share;
+  --content-icon-star-border: star_border;
+  --content-icon-spellcheck: spellcheck;
+  --content-icon-sms-failed: sms_failed;
+  --content-icon-swap-horiz: swap_horiz;
+  --content-icon-smoke-free: smoke_free;
+  --content-icon-smartphone: smartphone;
+  --content-icon-select-all: select_all;
+  --content-icon-sd-storage: sd_storage;
+  --content-icon-swap-calls: swap_calls;
+  --content-icon-streetview: streetview;
+  --content-icon-straighten: straighten;
+  --content-icon-show-chart: show_chart;
+  --content-icon-short-text: short_text;
+  --content-icon-subtitles: subtitles;
+  --content-icon-slideshow: slideshow;
+  --content-icon-swap-vert: swap_vert;
+  --content-icon-skip-next: skip_next;
+  --content-icon-space-bar: space_bar;
+  --content-icon-satellite: satellite;
+  --content-icon-security: security;
+  --content-icon-sim-card: sim_card;
+  --content-icon-shop-two: shop_two;
+  --content-icon-schedule: schedule;
+  --content-icon-settings: settings;
+  --content-icon-subject: subject;
+  --content-icon-shuffle: shuffle;
+  --content-icon-sd-card: sd_card;
+  --content-icon-speaker: speaker;
+  --content-icon-scanner: scanner;
+  --content-icon-storage: storage;
+  --content-icon-school: school;
+  --content-icon-snooze: snooze;
+  --content-icon-subway: subway;
+  --content-icon-stars: stars;
+  --content-icon-share: share;
+  --content-icon-style: style;
+  --content-icon-store: store;
+  --content-icon-sort-alt2: sort_alt2;
+  --content-icon-shop: shop;
+  --content-icon-send: send;
+  --content-icon-sync: sync;
+  --content-icon-save: save;
+  --content-icon-stop: stop;
+  --content-icon-sms: sms;
+  --content-icon-spa: spa;
+  --content-icon-transfer-within-a-station: transfer_within_a_station;
+  --content-icon-trending-neutral: trending_neutral;
+  --content-icon-thumbs-up-down: thumbs_up_down;
+  --content-icon-tablet-android: tablet_android;
+  --content-icon-tab-unselected: tab_unselected;
+  --content-icon-track-changes: track_changes;
+  --content-icon-time-to-leave: time_to_leave;
+  --content-icon-turned-in-not: turned_in_not;
+  --content-icon-trending-down: trending_down;
+  --content-icon-trending-flat: trending_flat;
+  --content-icon-tap-and-play: tap_and_play;
+  --content-icon-trending-up: trending_up;
+  --content-icon-text-format: text_format;
+  --content-icon-text-fields: text_fields;
+  --content-icon-thumb-down: thumb_down;
+  --content-icon-tablet-mac: tablet_mac;
+  --content-icon-touch-app: touch_app;
+  --content-icon-timer-off: timer_off;
+  --content-icon-timelapse: timelapse;
+  --content-icon-tag-faces: tag_faces;
+  --content-icon-transform: transform;
+  --content-icon-turned-in: turned_in;
+  --content-icon-translate: translate;
+  --content-icon-thumb-up: thumb_up;
+  --content-icon-tonality: tonality;
+  --content-icon-theaters: theaters;
+  --content-icon-timer-onezero: timer_onezero;
+  --content-icon-timeline: timeline;
+  --content-icon-texture: texture;
+  --content-icon-textsms: textsms;
+  --content-icon-traffic: traffic;
+  --content-icon-timer-three: timer_three;
+  --content-icon-terrain: terrain;
+  --content-icon-tablet: tablet;
+  --content-icon-title: title;
+  --content-icon-timer: timer;
+  --content-icon-train: train;
+  --content-icon-today: today;
+  --content-icon-toys: toys;
+  --content-icon-tram: tram;
+  --content-icon-tune: tune;
+  --content-icon-toll: toll;
+  --content-icon-toc: toc;
+  --content-icon-tab: tab;
+  --content-icon-tv: tv;
+  --content-icon-unfold-more: unfold_more;
+  --content-icon-unfold-less: unfold_less;
+  --content-icon-unarchive: unarchive;
+  --content-icon-update: update;
+  --content-icon-undo: undo;
+  --content-icon-usb: usb;
+  --content-icon-vertical-align-center: vertical_align_center;
+  --content-icon-vertical-align-bottom: vertical_align_bottom;
+  --content-icon-vertical-align-top: vertical_align_top;
+  --content-icon-video-collection: video_collection;
+  --content-icon-view-comfortable: view_comfortable;
+  --content-icon-videogame-asset: videogame_asset;
+  --content-icon-visibility-off: visibility_off;
+  --content-icon-view-headline: view_headline;
+  --content-icon-video-library: video_library;
+  --content-icon-view-carousel: view_carousel;
+  --content-icon-verified-user: verified_user;
+  --content-icon-view-compact: view_compact;
+  --content-icon-videocam-off: videocam_off;
+  --content-icon-view-stream: view_stream;
+  --content-icon-view-column: view_column;
+  --content-icon-video-label: video_label;
+  --content-icon-view-module: view_module;
+  --content-icon-view-agenda: view_agenda;
+  --content-icon-volume-down: volume_down;
+  --content-icon-volume-mute: volume_mute;
+  --content-icon-visibility: visibility;
+  --content-icon-view-array: view_array;
+  --content-icon-video-call: video_call;
+  --content-icon-voice-chat: voice_chat;
+  --content-icon-view-comfy: view_comfy;
+  --content-icon-view-quilt: view_quilt;
+  --content-icon-volume-off: volume_off;
+  --content-icon-vibration: vibration;
+  --content-icon-view-week: view_week;
+  --content-icon-view-list: view_list;
+  --content-icon-voicemail: voicemail;
+  --content-icon-volume-up: volume_up;
+  --content-icon-vignette: vignette;
+  --content-icon-view-day: view_day;
+  --content-icon-videocam: videocam;
+  --content-icon-vpn-lock: vpn_lock;
+  --content-icon-vpn-key: vpn_key;
+  --content-icon-wallet-membership: wallet_membership;
+  --content-icon-wb-incandescent: wb_incandescent;
+  --content-icon-wallet-giftcard: wallet_giftcard;
+  --content-icon-wifi-tethering: wifi_tethering;
+  --content-icon-wb-iridescent: wb_iridescent;
+  --content-icon-wallet-travel: wallet_travel;
+  --content-icon-watch-later: watch_later;
+  --content-icon-web-asset: web_asset;
+  --content-icon-wallpaper: wallpaper;
+  --content-icon-wrap-text: wrap_text;
+  --content-icon-wifi-lock: wifi_lock;
+  --content-icon-wb-cloudy: wb_cloudy;
+  --content-icon-whatshot: whatshot;
+  --content-icon-wb-sunny: wb_sunny;
+  --content-icon-widgets: widgets;
+  --content-icon-wb-auto: wb_auto;
+  --content-icon-weekend: weekend;
+  --content-icon-warning: warning;
+  --content-icon-watch: watch;
+  --content-icon-work: work;
+  --content-icon-wifi: wifi;
+  --content-icon-web: web;
+  --content-icon-wc: wc;
+  --content-icon-youtube-searched-for: youtube_searched_for;
+  --content-icon-zoom-out-map: zoom_out_map;
+  --content-icon-zoom-out: zoom_out;
+  --content-icon-zoom-in: zoom_in;
+  --font-family-base: 'Open Sans';
+  --font-family-icons: MaterialIcons;
+  --size-font-tiny: 0.75rem;
+  --size-font-small: 0.875rem;
+  --size-font-medium: 1rem;
+  --size-font-large: 1.25rem;
+  --size-font-xl: 1.5rem;
+  --size-font-xxl: 2rem;
+  --size-font-xxxl: 3rem;
+  --size-font-base: 1rem;
+  --size-icon-small: 1.5rem;
+  --size-icon-base: 2rem;
+  --size-icon-large: 2.5rem;
+  --size-icon-xl: 3rem;
+  --size-icon-xxl: 5rem;
+  --size-padding-tiny: 0.25rem;
+  --size-padding-small: 0.5rem;
+  --size-padding-medium: 1rem;
+  --size-padding-large: 1.5rem;
+  --size-padding-xl: 2rem;
+  --size-padding-xxl: 3rem;
+  --size-padding-base: 1rem;
+  --time-transition-short: 0.20s;
+  --time-transition-base: 0.40s;
+  --time-transition-long: 0.60s;
+  --time-transition-xl: 1.00s;
+  --time-delay-short: 0.05s;
+  --time-delay-base: 0.10s;
+  --time-delay-long: 0.20s;
+  --time-duration-short: 2.00s;
+  --time-duration-base: 4.00s;
+  --time-duration-long: 6.00s;
+}