:root {
  --font-family-primary: 'Poppins', sans-serif;
  --font-family-secondary: 'Montserrat', sans-serif;
  --font-size-10: 0.625rem;
  --font-size-12: 0.75rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-22: 1.375rem;
  --font-size-24: 1.5rem;
  --font-size-32: 2rem;
  --font-size-40: 2.5rem;
  --font-size-48: 3rem;
  --brand-cyan: #00a8de;
  --brand-blue: #007ade;
  --brand-teal: #2ED0C5;
  --brand-slate: #4B9BAE;
  --brand-purple: #4F00DE;
  --primary-main: #007ade;
  --primary-dark: #00a8de;
  --primary-light: #2ED0C5;
  --secondary-main: #4F00DE;
  --secondary-dark: #4B9BAE;
  --secondary-light: #2ED0C5;
  --gradient-faded-cyan: linear-gradient(135deg, #00a8de 0%, #5ba4e5 100%);
  --gradient-aqua-blue: linear-gradient(135deg, #2ED0C5 0%, #007ade 100%);
  --gradient-ambient-green: linear-gradient(135deg, #2ED0C5 0%, #4ae552 100%);
  --gradient-shaded-blue: linear-gradient(180deg, #00a8de 0%, #007ade 100%);
  --gradient-kodak-violet: linear-gradient(135deg, #00a8de 0%, #4F00DE 100%);
  --gradient-dark-blue: linear-gradient(180deg, #007ade 0%, #002b66 100%);
  --bg-gradient-light-grey: linear-gradient(160deg, #F0F7FF 8.49%, #FFF 41.7%, rgba(245, 252, 254, 0.52) 66.61%, rgba(228, 246, 251, 0.28) 79.06%, rgba(199, 236, 248, 0.16) 85.29%, rgba(159, 222, 243, 0.10) 88.4%, rgba(114, 207, 237, 0.07) 89.96%, rgba(0, 168, 222, 0.04) 91.51%);
  --text-primary: #000814;
  --text-secondary: #70767F;
  --text-disabled: #646464;
  --info-main: #0288D1;
  --info-dark: #01579B;
  --info-light: #03A9F4;
  --error-main: #D32F2F;
  --error-dark: #C62828;
  --error-light: #EF5350;
  --warning-main: #ED6C02;
  --warning-dark: #E65100;
  --warning-light: #FF9800;
  --warning-title-label: #A6410B;
  --success-main: #2E7D32;
  --success-dark: #1B5E20;
  --success-light: #4CAF50;
  --primary-shades-4-p: #F5F9FE;
  --primary-shades-8-p: #ECF3FD;
  --primary-shades-12-p: #E2EDFC;
  --primary-shades-30-p: #B7D1F8;
  --primary-shades-30-p-ripple: radial-gradient(36.59% 100.8% at 50% 50%, rgba(14, 102, 231, 0.30) 99.54%, rgba(255, 255, 255, 0.00) 100%);
  --primary-shades-50-p: #86B2F3;
  --secondary-shades-4-p: #FBF6FC;
  --secondary-shades-8-p: #F7EEF9;
  --secondary-shades-12-p: #F3E5F6;
  --secondary-shades-30-p: #E1BEE7;
  --secondary-shades-30-p-ripple: radial-gradient(36.59% 100.8% at 50% 50%, rgba(156, 39, 176, 0.30) 99.54%, rgba(255, 255, 255, 0.00) 100%);
  --secondary-shades-50-p: #CD93D7;
  --error-shades-4-p: #FDF7F7;
  --error-shades-12-p: #FAE6E6;
  --error-shades-30-p: #F2C1C1;
  --error-shades-30-p-ripple: radial-gradient(36.59% 100.8% at 50% 50%, rgba(211, 47, 47, 0.30) 99.54%, rgba(255, 255, 255, 0.00) 100%);
  --error-shades-50-p: #E99797;
  --error-shades-160-p: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), #D32F2F;
  --error-shades-190-p: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #D32F2F;
  --warning-shades-4-p: #FEF9F5;
  --warning-shades-12-p: #FDEDE1;
  --warning-shades-30-p: #FAD3B3;
  --warning-shades-30-p-ripple: radial-gradient(36.59% 100.8% at 50% 50%, rgba(237, 108, 2, 0.30) 99.54%, rgba(255, 255, 255, 0.00) 100%);
  --warning-shades-50-p: #F6B580;
  --warning-shades-160-p: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), #ED6C02;
  --warning-shades-190-p: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #ED6C02;
  --info-shades-4-p: #F5FAFD;
  --info-shades-12-p: #E1F1F9;
  --info-shades-30-p: #B3DBF1;
  --info-shades-30-p-ripple: radial-gradient(36.59% 100.8% at 50% 50%, rgba(2, 136, 209, 0.30) 99.54%, rgba(255, 255, 255, 0.00) 100%);
  --info-shades-50-p: #80C3E8;
  --info-shades-160-p: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), #0288D1;
  --info-shades-190-p: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #0288D1;
  --success-shades-4-p: #F7FAF7;
  --success-shades-12-p: #E6EFE6;
  --success-shades-30-p: #C0D8C1;
  --success-shades-30-p-ripple: radial-gradient(36.59% 100.8% at 50% 50%, rgba(46, 125, 50, 0.30) 99.54%, rgba(255, 255, 255, 0.00) 100%);
  --success-shades-50-p: #96BE98;
  --success-shades-160-p: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), #2E7D32;
  --success-shades-190-p: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #2E7D32;
  --action-active-54-p: #757575;
  --action-hover-4-p: #F5F5F5;
  --action-selected-8-p: #EBEBEB;
  --action-disabled-26-p: #BDBDBD;
  --action-focus-12-p: #E0E0E0;
  --input-border: #B2B2B2;
  --other-divider-23-p: #C4C4C4;
  --other-divider: #E0E0E0;
  --other-standard-input-line: #949494;
  --other-background-drop-overlay: rgba(0, 0, 0, 0.5);
  --other-rating-active: #FFB400;
  --other-snackbar: #323232;
  --other-gradients: linear-gradient(90deg, #40C9FF 0%, #E81CFF 100%);
  --other-primary-gradients: linear-gradient(180deg, #0078F0 0%, #FFF 100%);
  --other-primary-gradients-60-p: linear-gradient(180deg, rgba(0, 120, 240, 0.60) 0%, rgba(0, 120, 240, 0.00) 100%);
  --other-primary-gradients-40-p: linear-gradient(180deg, rgba(0, 120, 240, 0.40) 0%, rgba(0, 120, 240, 0.00) 100%);
  --disabled-background: #EBEBEB;
  --field-dropdown-default-divider: rgba(235, 235, 235, 1);
  --background-default: #FAFCFF;
  --white: #FFFFFF;
  --black: #000000;
  --table-header-background: #F5F5F5;
  --table-header-border: #E0E0E0;
  --table-row-border: #E0E0E0;
  --intake-accordian-bg-border: #E1EBF2;
  --card-body-text: #474B50;
  --backdrop-bg: #08070799;
  --tooltips-bg: #FFFFFF;
  --dropdown-hover-background: rgba(0, 0, 0, 0.04);
  --spacing-xxx-small: 0.25rem;
  --spacing-xx-small: 0.5rem;
  --spacing-x-small: 0.75rem;
  --spacing-small: 1rem;
  --spacing-medium: 1.25rem;
  --spacing-large: 1.5rem;
  --spacing-x-large: 2rem;
  --spacing-xm-large: 2.5rem;
  --spacing-xx-large: 3rem;
  --spacing-xxx-large: 4rem;
  --spacing-xxxx-large: 5rem;
  --box-shadow-default: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
  --box-shadow-stepper-ring: 0px 0px 0px 4px #F2F4F7;
  --box-shadow-2: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
  --box-shadow-4: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
  --box-shadow-8: 0px 4px 8px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
  --box-shadow-16: 0px 8px 16px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
  --box-shadow-28: 0px 14px 28px 0px rgba(0, 0, 0, 0.24), 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
  --box-shadow-64: 0px 32px 64px 0px rgba(0, 0, 0, 0.24), 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --border-radius-small: 0.125rem;
  --border-radius-medium: 0.25rem;
  --border-radius-large: 0.5rem;
  --border-radius-circle: 50%;
  --border-width-thin: 0.063rem;
}
:root .dark-mode {
  --primary-main: #0E66E7;
  --primary-dark: #0A4BAE;
  --primary-light: #8BB7F8;
  --secondary-main: #9C27B0;
  --secondary-dark: #7B1FA2;
  --secondary-light: #BA68C8;
  --text-primary: #000814;
  --text-secondary: #70767F;
  --text-disabled: #646464;
  --background-default: #F1F4F9;
  --white: #FFFFFF;
  --dark-background: #1C1C1C;
  --tooltips-bg: #000000;
}
:root {
  --logo-url: url('/force-app/main/default/staticresources/MTXRedesignTheme_Style/media/images/mtxlogo-large.svg');
}

[kx-scope^=button-][kx-type=ripple]:focus {
  transition: unset;
}

[kx-scope=button-brand]:active,
[kx-scope=button-neutral]:active,
[kx-scope=button-outline]:active,
[kx-scope=button-filled]:active {
  transform: unset !important;
}

[kx-scope^=button-][kx-type=ripple]:after,
[kx-scope^=button-][kx-type=ripple]:hover:after,
[kx-scope^=button-][kx-type=ripple]:focus:after,
[kx-scope=button][kx-type=underline]:after,
[kx-scope=button][kx-type=underline]:hover:after,
[kx-scope=button][kx-type=underline]:focus:after,
[kx-scope^=button-][kx-type=ripple]:before,
[kx-scope^=button-][kx-type=ripple]:hover:before,
[kx-scope^=button-][kx-type=ripple]:focus:before,
[kx-scope=button][kx-type=underline]:before,
[kx-scope=button][kx-type=underline]:hover:before,
[kx-scope=button][kx-type=underline]:focus:before {
  will-change: unset;
  position: unset;
  top: unset;
  left: unset;
  height: auto;
  width: auto;
  background: transparent;
  background-position: unset !important;
  transform: unset;
  transform-origin: unset !important;
  transition: unset !important;
  opacity: unset !important;
  z-index: unset !important;
}

[kx-scope=button][kx-type=underline] {
  will-change: unset;
  transition: unset;
  transition-property: unset;
}

[kx-scope^=button-][kx-type=ripple].slds-kx-is-animating-from-click:after {
  animation: none !important;
}

[kx-scope=button-brand]:hover,
[kx-scope=button-brand]:active,
[kx-scope=button-neutral]:hover,
[kx-scope=button-neutral]:active,
[kx-scope=button-outline]:hover,
[kx-scope=button-outline]:active,
[kx-scope=button-filled]:hover,
[kx-scope=button-filled]:active {
  transition: unset !important;
}

@media (hover: hover) and (pointer: fine) {
  [kx-scope=button-brand]:hover,
  [kx-scope=button-neutral]:hover,
  [kx-scope=button-outline]:hover,
  [kx-scope=button-filled]:hover {
    transform: unset !important;
  }
}
.mds-show {
  display: block;
}
.mds-hide {
  display: none;
}
.mds {
  /* ======= Mobile/Tab Devices ========= */
}
.mds-show_mobile {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .mds-show_mobile {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .mds-hide_mobile {
    display: none !important;
  }
}
.mds-show_tab {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .mds-show_tab {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .mds-hide_tab {
    display: none !important;
  }
}
.mds-icon_family, .mds-icon_bookmark-white .slds-button:before {
  font-family: "material-icon";
}
.mds-width_100 {
  width: 100%;
}
.mds-divider {
  border-top: var(--border-width-thin) solid var(--other-divider);
  margin: var(--spacing-small) 0;
}
.mds-divider_small {
  border-top: var(--border-width-thin) solid var(--other-divider);
  margin: var(--spacing-x-small) 0;
}
.mds-divider_medium {
  border-top: var(--border-width-thin) solid var(--other-divider);
  margin: var(--spacing-large) 0;
}
.mds-divider_large {
  border-top: var(--border-width-thin) solid var(--other-divider);
  margin: var(--spacing-x-large) 0;
}
.mds-opacity_none {
  opacity: 0;
}
.mds-opacity_light {
  opacity: 0.4;
}
.mds-opacity_dark {
  opacity: 0.8;
}
.mds-opacity_neutral {
  opacity: 1;
}
.mds-container {
  max-width: 90rem;
  margin: 0 auto;
  padding: 0 1rem;
}
.mds {
  /* ============== Asterisk Line ===============  */
}
.mds-asterisk-caption {
  font-size: var(--font-size-14);
  color: var(--text-secondary);
}
.mds {
  /* ============= Text Line Clamp =============== */
}
.mds-text-line_clamp {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mds-border_right {
  border-right: var(--border-width-thin) solid var(--other-divider);
}
.mds-border_left {
  border-left: var(--border-width-thin) solid var(--other-divider);
}
.mds-border_top {
  border-top: var(--border-width-thin) solid var(--other-divider);
}
.mds-border_bottom {
  border-bottom: var(--border-width-thin) solid var(--other-divider);
}
.mds-align_center {
  align-self: center;
}
.mds-text_underline {
  text-decoration: underline;
}

.slds-has-error .slds-form-element__help {
  color: var(--error-main);
}

.mds-icons_small ::before, .mds-icons_small::before,
.mds-icons_small ::after, .mds-icons_small::after {
  font-size: var(--font-size-16);
}
.mds-icons_medium ::before, .mds-icons_medium::before,
.mds-icons_medium ::after, .mds-icons_medium::after {
  font-size: var(--font-size-24);
}
.mds-icons_large ::before, .mds-icons_large::before,
.mds-icons_large ::after, .mds-icons_large::after {
  font-size: var(--font-size-32);
}
.mds-icons_x-large ::before, .mds-icons_x-large::before,
.mds-icons_x-large ::after, .mds-icons_x-large::after {
  font-size: var(--font-size-40);
}
.mds-icons_xx-large ::before, .mds-icons_xx-large::before,
.mds-icons_xx-large ::after, .mds-icons_xx-large::after {
  font-size: var(--font-size-48);
}

.mds-icons-color_brand ::before,
.mds-icons-color_brand ::after, .mds-icons-color_brand::before, .mds-icons-color_brand::after {
  color: var(--primary-main);
}
.mds-icons-color_primary-dark ::before,
.mds-icons-color_primary-dark ::after, .mds-icons-color_primary-dark::before, .mds-icons-color_primary-dark::after {
  color: var(--primary-dark);
}
.mds-icons-color_default ::before,
.mds-icons-color_default ::after, .mds-icons-color_default::before, .mds-icons-color_default::after {
  color: var(--text-primary);
}
.mds-icons-color_secondary ::before,
.mds-icons-color_secondary ::after, .mds-icons-color_secondary::before, .mds-icons-color_secondary::after {
  color: var(--text-secondary);
}
.mds-icons-color_disabled ::before,
.mds-icons-color_disabled ::after, .mds-icons-color_disabled::before, .mds-icons-color_disabled::after {
  color: var(--text-disabled);
}
.mds-icons-color_white ::before,
.mds-icons-color_white ::after, .mds-icons-color_white::before, .mds-icons-color_white::after {
  color: var(--white);
}
.mds-icons-color_black ::before,
.mds-icons-color_black ::after, .mds-icons-color_black::before, .mds-icons-color_black::after {
  color: var(--black);
}
.mds-icons-color_warning ::before,
.mds-icons-color_warning ::after, .mds-icons-color_warning::before, .mds-icons-color_warning::after {
  color: var(--warning-main);
}
.mds-icons-color_warning-title-label ::before,
.mds-icons-color_warning-title-label ::after, .mds-icons-color_warning-title-label::before, .mds-icons-color_warning-title-label::after {
  color: var(--warning-title-label);
}
.mds-icons-color_error ::before,
.mds-icons-color_error ::after, .mds-icons-color_error::before, .mds-icons-color_error::after {
  color: var(--error-main);
}
.mds-icons-color_error-dark ::before,
.mds-icons-color_error-dark ::after, .mds-icons-color_error-dark::before, .mds-icons-color_error-dark::after {
  color: var(--error-dark);
}
.mds-icons-color_success ::before,
.mds-icons-color_success ::after, .mds-icons-color_success::before, .mds-icons-color_success::after {
  color: var(--success-main);
}
.mds-icons-color_success-dark ::before,
.mds-icons-color_success-dark ::after, .mds-icons-color_success-dark::before, .mds-icons-color_success-dark::after {
  color: var(--success-dark);
}

.mds-height_100 {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.container-lg {
  max-width: 75rem;
  margin: 0 auto;
  padding-left: var(--spacing-x-large);
  padding-right: var(--spacing-x-large);
}
.container-lg p {
  margin-bottom: var(--spacing-medium) !important;
}
.container-lg p:last-child {
  margin-bottom: 0 !important;
}

.img-shadow {
  border-radius: var(--border-radius-large);
  box-shadow: var(--box-shadow-28);
}

.slds-has-divider_top {
  border-color: #3e3e3e !important;
}

.black-bg {
  background: #1c1c1c !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin: 0;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.875rem;
}

h6 {
  font-size: 0.75rem;
}

.mds-text-link {
  color: var(--primary-main);
  text-decoration: none;
  transition: color 0.1s linear;
}
.mds-text-link_faux {
  border-bottom: var(--border-width-thin) solid transparent;
  border-radius: 0;
  cursor: pointer;
}
.mds-text-body_small {
  font-size: var(--spacing-small);
}
.mds-text-heading_large {
  line-height: 1.25;
}
.mds-text-heading_medium {
  font-size: var(--font-size-20);
  line-height: 1.25;
}
.mds-text-heading_small {
  font-size: var(--font-size-16);
  line-height: 1.25;
}
.mds-text-title {
  font-size: var(--font-size-12);
  line-height: 1.25;
  color: var(--primary-main);
}
.mds-text_uppercase {
  text-transform: uppercase;
}
.mds-text__capitalize {
  text-transform: capitalize;
}

.mds-font-weight_medium, .slds-form-element__label {
  font-weight: var(--font-weight-medium);
}
.mds-font-weight_semi-bold {
  font-weight: var(--font-weight-semi-bold);
}
.mds-font-weight_bold {
  font-weight: var(--font-weight-bold);
}

.mds-text-color_brand {
  color: var(--primary-main);
}
.mds-text-color_primary-dark {
  color: var(--primary-dark);
}
.mds-text-color_default, .slds-form-element__label {
  color: var(--text-primary);
}
.mds-text-color_secondary {
  color: var(--text-secondary);
}
.mds-text-color_disabled {
  color: var(--text-disabled);
}
.mds-text-color_white {
  color: var(--white);
}
.mds-text-color_black {
  color: var(--black);
}
.mds-text-color_warning {
  color: var(--warning-main);
}
.mds-text-color_error {
  color: var(--error-main);
}
.mds-text-color_error-dark {
  color: var(--error-dark);
}
.mds-text-color_success {
  color: var(--success-main);
}
.mds-text-color_success-dark {
  color: var(--success-dark);
}
.mds-text-color_inverse {
  color: var(--text-disabled);
}

.mds-font_size-10 {
  font-size: var(--font-size-10);
}
.mds-font_size-12 {
  font-size: var(--font-size-12);
}
.mds-font_size-14 {
  font-size: var(--font-size-14);
}
.mds-font_size-16, .slds-dropdown .slds-listbox__option .slds-media__body .slds-truncate, lightning-datepicker .slds-datepicker .slds-datepicker__filter_month h2,
lightning-timepicker .slds-datepicker .slds-datepicker__filter_month h2, .slds-form-element__label {
  font-size: var(--font-size-16);
}
.mds-font_size-18 {
  font-size: var(--font-size-18);
}
.mds-font_size-20 {
  font-size: var(--font-size-20);
}
.mds-font_size-22 {
  font-size: var(--font-size-22);
}
.mds-font_size-24 {
  font-size: var(--font-size-24);
}
.mds-font_size-32 {
  font-size: var(--font-size-32);
}
.mds-font_size-40 {
  font-size: var(--font-size-40);
}
.mds-font_size-40 {
  font-size: var(--font-size-48);
}

.mds-text-align_center {
  text-align: center;
}

.mds-anchor-btn {
  margin-top: var(--spacing-small);
}
.mds-anchor-btn a {
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-semi-bold);
}

.description {
  color: var(--card-body-text, #475569);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-light);
  line-height: 150%;
  font-family: var(--font-family-primary);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 1rem;
  scroll-behavior: smooth;
}
@media screen and (max-width: 1280px) {
  html {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 0.75rem;
  }
}

body {
  font-size: 1rem;
  font-family: var(--font-family);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  background: var(--background-default);
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Overridding Custom Content Layout Theme Spacing */
.cCenterPanel {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0;
}

/* Ends */
.siteforceContentArea .comm-layout-column:not(:empty) {
  padding: 0;
}

a:focus {
  outline: 0.125rem dotted var(--black) !important;
  outline-offset: 0.1875rem !important;
}

.mds-media__figure {
  margin-right: var(--spacing-x-small);
}

/*--------------------------------

material-icon icon font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
  font-family: "material-icon";
  src: url("../media/fonts/material-icon.eot");
  src: url("../media/fonts/material-icon.eot") format("embedded-opentype"), url("../media/fonts/material-icon.woff2") format("woff2"), url("../media/fonts/material-icon.woff") format("woff"), url("../media/fonts/material-icon.ttf") format("truetype"), url("../media/fonts/material-icon.svg") format("svg");
}
/* base class */
.material-icon {
  display: inline-block;
  font: normal normal normal 1.5em/1 "material-icon";
  flex-shrink: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* size examples - relative units */
.material-icon-sm {
  font-size: 0.8em;
}

.material-icon-lg {
  font-size: 1.2em;
}

/* size examples - absolute units */
.material-icon-16 {
  font-size: 16px;
}

.material-icon-32 {
  font-size: 32px;
}

/* rotate the icon infinitely */
.material-icon-is-spinning {
  animation: material-icon-spin 1s infinite linear;
}

@keyframes material-icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* transform */
.material-icon-rotate-90 {
  transform: rotate(90deg);
}

.material-icon-rotate-180 {
  transform: rotate(180deg);
}

.material-icon-rotate-270 {
  transform: rotate(270deg);
}

.material-icon-flip-y {
  transform: scaleY(-1);
}

.material-icon-flip-x {
  transform: scaleX(-1);
}

/* icons */
.material-icon-help_center::before {
  content: "\ea7e";
}

.material-icon-supervised_user_circle::before {
  content: "\ea7f";
}

.material-icon-contact_emergency::before {
  content: "\ea80";
}

.material-icon-confirmation_number::before {
  content: "\ea81";
}

.material-icon-event_available::before {
  content: "\ea82";
}

.material-icon-file_copy::before {
  content: "\ea83";
}

.material-icon-people_group::before {
  content: "\ea84";
}

.material-icon-comment_star::before {
  content: "\ea85";
}

.material-icon-touch_app::before {
  content: "\ea86";
}

.material-icon-account_circle::before {
  content: "\ea87";
}

.material-icon-youtube-123::before {
  content: "\ea88";
}

.material-icon-loyalty::before {
  content: "\ea89";
}

.material-icon-security::before {
  content: "\ea8a";
}

.material-icon-inbox::before {
  content: "\ea8b";
}

.material-icon-attach_money::before {
  content: "\ea8c";
}

.material-icon-fb::before {
  content: "\ea8d";
}

.material-icon-twitter::before {
  content: "\ea8e";
}

.material-icon-access_time::before {
  content: "\ea8f";
}

.material-icon-local_phone::before {
  content: "\ea90";
}

.material-icon-mail_outline::before {
  content: "\ea91";
}

.material-icon-arrow_drop_down::before {
  content: "\ea92";
}

.material-icon-assignment::before {
  content: "\ea93";
}

.material-icon-local_police::before {
  content: "\ea94";
}

.material-icon-file_upload::before {
  content: "\ea95";
}

.material-icon-comment_bank::before {
  content: "\ea96";
}

.material-icon-videocam::before {
  content: "\ea97";
}

.material-icon-settings::before {
  content: "\ea98";
}

.material-icon-real_estate_agent::before {
  content: "\ea99";
}

.material-icon-manage_accounts::before {
  content: "\ea9b";
}

.material-icon-Users::before {
  content: "\ea9c";
}

.material-icon-policy::before {
  content: "\ea9d";
}

.material-icon-swap_horiz::before {
  content: "\ea9e";
}

.material-icon-applications::before {
  content: "\ea9f";
}

.material-icon-payments::before {
  content: "\eaa0";
}

.material-icon-history::before {
  content: "\eaa1";
}

.material-icon-BRC::before {
  content: "\eaa2";
}

.material-icon-calendar_today::before {
  content: "\eaa3";
}

.material-icon-document_scanner::before {
  content: "\eaa4";
}

.material-icon-unfold_more::before {
  content: "\eaa5";
}

.material-icon-autorenew::before {
  content: "\eaa6";
}

.material-icon-edit_note::before {
  content: "\eaa7";
}

.material-icon-expand_more-1::before {
  content: "\eaa9";
}

.material-icon-tick_mark::before {
  content: "\eaaa";
}

.material-icon-program-licensing::before {
  content: "\eaac";
}

.material-icon-child-care-subsidy::before {
  content: "\eaad";
}

.material-icon-copy_all::before {
  content: "\eaae";
}

.material-icon-grants::before {
  content: "\eaaf";
}

.material-icon-workspace_premium::before {
  content: "\eab0";
}

.material-icon-file_download::before {
  content: "\eab1";
}

.material-icon-refresh::before {
  content: "\eab2";
}

.material-icon-support_agent::before {
  content: "\eab3";
}

.material-icon-bookmark_add::before {
  content: "\eab4";
}

.material-icon-company::before {
  content: "\eab5";
}

.material-icon-approval::before {
  content: "\eab6";
}

.material-icon-add::before {
  content: "\eab7";
}

.material-icon-cancel::before {
  content: "\eab8";
}

.material-icon-pending_actions::before {
  content: "\eab9";
}

.material-icon-hide::before {
  content: "\eaba";
}

.material-icon-view::before {
  content: "\eabb";
}

.material-icon-translate::before {
  content: "\eabc";
}

.material-icon-photo_camera::before {
  content: "\eabd";
}

.material-icon-home::before {
  content: "\eabe";
}

.material-icon-close::before {
  content: "\eabf";
}

.material-icon-keyboard_arrow_left::before {
  content: "\eac0";
}

.material-icon-menu::before {
  content: "\eac1";
}

.material-icon-edit::before {
  content: "\eac2";
}

.material-icon-apps::before {
  content: "\eac3";
}

.material-icon-notifications::before {
  content: "\eac4";
}

.material-icon-keyboard_arrow_right::before {
  content: "\eac5";
}

.material-icon-delete_outline::before {
  content: "\eac7";
}

.material-icon-open_in_new::before {
  content: "\eac8";
}

.material-icon-power_settings_new::before {
  content: "\eac9";
}

.material-icon-arrow_back::before {
  content: "\eaca";
}

.material-icon-arrow_forward::before {
  content: "\eacb";
}

.material-icon-star_purple500::before {
  content: "\eacc";
}

.material-icon-upload::before {
  content: "\eacd";
}

.material-icon-attach_file::before {
  content: "\eace";
}

.material-icon-remove_circle_outline::before {
  content: "\eacf";
}

.material-icon-do_disturb_alt::before {
  content: "\ead0";
}

.material-icon-bookmark::before {
  content: "\ead1";
}

.material-icon-add_circle_outline::before {
  content: "\ead2";
}

.material-icon-bookmark_border::before {
  content: "\ead3";
}

.material-icon-library_books::before {
  content: "\ead4";
}

.material-icon-school::before {
  content: "\ead5";
}

.material-icon-list_alt::before {
  content: "\ead6";
}

.material-icon-work_outline::before {
  content: "\ead7";
}

.material-icon-check_circle_outline::before {
  content: "\ead8";
}

.material-icon-warning_amber::before {
  content: "\ead9";
}

.material-icon-person::before {
  content: "\eada";
}

.material-icon-logout::before {
  content: "\eadb";
}

.material-icon-dashboard::before {
  content: "\eadc";
}

.material-icon-info_outline::before {
  content: "\eadd";
}

.material-icon-av_timer::before {
  content: "\eade";
}

.material-icon-light::before {
  content: "\eadf";
}

.material-icon-hamburger::before {
  content: "\eae1";
}

.material-icon-search::before {
  content: "\eae2";
}

.material-icon-circle-arrow-up::before {
  content: "\eae3";
}

.material-icon-arrow_upward::before {
  content: "\eae4";
}

.material-icon-arrow_downward::before {
  content: "\eae5";
}

.material-icon-airplanemode_active::before {
  content: "\eae6";
}

.material-icon-arrow_outward::before {
  content: "\eae7";
}

.material-icon-event_busy::before {
  content: "\eae8";
}

.material-icon-motion_photos_on::before {
  content: "\eae9";
}

.material-icon-motion_photos_paused::before {
  content: "\eaea";
}

.material-icon-no_luggage::before {
  content: "\eaeb";
}

.material-icon-emoji_transportation::before {
  content: "\eaec";
}

.material-icon-check_box::before {
  content: "\eaed";
}

.material-icon-emoji_nature::before {
  content: "\eaee";
}

.material-icon-sports_volleyball::before {
  content: "\eaef";
}

.material-icon-toggle_on::before {
  content: "\eaf0";
}

.material-icon-thumb_up_alt::before {
  content: "\eaf1";
}

.material-icon-toggle_off::before {
  content: "\eaf2";
}

.material-icon-star_outline::before {
  content: "\eaf3";
}

.material-icon-star_half::before {
  content: "\eaf4";
}

.material-icon-star_border_purple500::before {
  content: "\eaf5";
}

.material-icon-star_border::before {
  content: "\eaf6";
}

.material-icon-star::before {
  content: "\eaf7";
}

.material-icon-radio_button_unchecked::before {
  content: "\eaf8";
}

.material-icon-radio_button_checked::before {
  content: "\eaf9";
}

.material-icon-check_box_outline_blank::before {
  content: "\eafa";
}

.material-icon-indeterminate_check_box::before {
  content: "\eafb";
}

.material-icon-sports_soccer::before {
  content: "\eafc";
}

.material-icon-sports_tennis::before {
  content: "\eafd";
}

.material-icon-whatshot::before {
  content: "\eafe";
}

.material-icon-sports_mma::before {
  content: "\eaff";
}

.material-icon-thumb_down_alt::before {
  content: "\eb00";
}

.material-icon-sports_cricket::before {
  content: "\eb01";
}

.material-icon-sports_kabaddi::before {
  content: "\eb02";
}

.material-icon-sports_football::before {
  content: "\eb03";
}

.material-icon-sports_motorsports::before {
  content: "\eb04";
}

.material-icon-sports_rugby::before {
  content: "\eb05";
}

.material-icon-sick::before {
  content: "\eb06";
}

.material-icon-sports_handball::before {
  content: "\eb07";
}

.material-icon-sports_hockey::before {
  content: "\eb08";
}

.material-icon-sports_golf::before {
  content: "\eb09";
}

.material-icon-sports_baseball::before {
  content: "\eb0a";
}

.material-icon-sports_esports::before {
  content: "\eb0b";
}

.material-icon-public::before {
  content: "\eb0c";
}

.material-icon-sports_basketball::before {
  content: "\eb0d";
}

.material-icon-sports::before {
  content: "\eb0e";
}

.material-icon-share::before {
  content: "\eb0f";
}

.material-icon-single_bed::before {
  content: "\eb10";
}

.material-icon-sentiment_very_satisfied::before {
  content: "\eb11";
}

.material-icon-poll::before {
  content: "\eb12";
}

.material-icon-sentiment_very_dissatisfied::before {
  content: "\eb13";
}

.material-icon-sentiment_satisfied::before {
  content: "\eb14";
}

.material-icon-sentiment_neutral::before {
  content: "\eb15";
}

.material-icon-sentiment_dissatisfied::before {
  content: "\eb16";
}

.material-icon-self_improvement::before {
  content: "\eb17";
}

.material-icon-science::before {
  content: "\eb18";
}

.material-icon-sanitizer::before {
  content: "\eb19";
}

.material-icon-reduce_capacity::before {
  content: "\eb1a";
}

.material-icon-person_add_alt_1::before {
  content: "\eb1b";
}

.material-icon-public_off::before {
  content: "\eb1c";
}

.material-icon-psychology::before {
  content: "\eb1d";
}

.material-icon-person_remove::before {
  content: "\eb1e";
}

.material-icon-plus_one::before {
  content: "\eb1f";
}

.material-icon-person_add::before {
  content: "\eb20";
}

.material-icon-precision_manufacturing::before {
  content: "\eb21";
}

.material-icon-person_outline::before {
  content: "\eb22";
}

.material-icon-person_remove_alt_1::before {
  content: "\eb23";
}

.material-icon-people_outline::before {
  content: "\eb24";
}

.material-icon-notifications_off::before {
  content: "\eb25";
}

.material-icon-notifications_active::before {
  content: "\eb26";
}

.material-icon-people::before {
  content: "\eb27";
}

.material-icon-people_alt::before {
  content: "\eb28";
}

.material-icon-party_mode::before {
  content: "\eb29";
}

.material-icon-mood::before {
  content: "\eb2a";
}

.material-icon-outdoor_grill::before {
  content: "\eb2b";
}

.material-icon-pages::before {
  content: "\eb2c";
}

.material-icon-notifications_paused::before {
  content: "\eb2d";
}

.material-icon-notifications_none::before {
  content: "\eb2e";
}

.material-icon-tapas::before {
  content: "\eb2f";
}

.material-icon-stroller::before {
  content: "\eb30";
}

.material-icon-groups::before {
  content: "\eb31";
}

.material-icon-masks::before {
  content: "\eb32";
}

.material-icon-smoke_free::before {
  content: "\eb33";
}

.material-icon-nights_stay::before {
  content: "\eb34";
}

.material-icon-mood_bad::before {
  content: "\eb35";
}

.material-icon-sports_bar::before {
  content: "\eb36";
}

.material-icon-military_tech::before {
  content: "\eb37";
}

.material-icon-location_city::before {
  content: "\eb38";
}

.material-icon-king_bed::before {
  content: "\eb39";
}

.material-icon-luggage::before {
  content: "\eb3a";
}

.material-icon-history_edu::before {
  content: "\eb3b";
}

.material-icon-group_add::before {
  content: "\eb3c";
}

.material-icon-follow_the_signs::before {
  content: "\eb3d";
}

.material-icon-connect_without_contact::before {
  content: "\eb3e";
}

.material-icon-group::before {
  content: "\eb3f";
}

.material-icon-fireplace::before {
  content: "\eb40";
}

.material-icon-cake::before {
  content: "\eb41";
}

.material-icon-emoji_symbols::before {
  content: "\eb42";
}

.material-icon-engineering::before {
  content: "\eb43";
}

.material-icon-emoji_people::before {
  content: "\eb44";
}

.material-icon-stairs::before {
  content: "\eb45";
}

.material-icon-emoji_events::before {
  content: "\eb46";
}

.material-icon-emoji_objects::before {
  content: "\eb47";
}

.material-icon-tty::before {
  content: "\eb48";
}

.material-icon-emoji_food_beverage::before {
  content: "\eb49";
}

.material-icon-emoji_flags::before {
  content: "\eb4a";
}

.material-icon-elderly::before {
  content: "\eb4b";
}

.material-icon-emoji_emotions::before {
  content: "\eb4c";
}

.material-icon-6_ft_apart::before {
  content: "\eb4d";
}

.material-icon-domain::before {
  content: "\eb4e";
}

.material-icon-deck::before {
  content: "\eb4f";
}

.material-icon-coronavirus::before {
  content: "\eb50";
}

.material-icon-construction::before {
  content: "\eb51";
}

.material-icon-rv_hookup::before {
  content: "\eb52";
}

.material-icon-clean_hands::before {
  content: "\eb53";
}

.material-icon-spa::before {
  content: "\eb54";
}

.material-icon-architecture::before {
  content: "\eb55";
}

.material-icon-storefront::before {
  content: "\eb56";
}

.material-icon-wheelchair_pickup::before {
  content: "\eb57";
}

.material-icon-water_damage::before {
  content: "\eb58";
}

.material-icon-wash::before {
  content: "\eb59";
}

.material-icon-umbrella::before {
  content: "\eb5a";
}

.material-icon-room_service::before {
  content: "\eb5b";
}

.material-icon-soap::before {
  content: "\eb5c";
}

.material-icon-no_cell::before {
  content: "\eb5d";
}

.material-icon-smoking_rooms::before {
  content: "\eb5e";
}

.material-icon-roofing::before {
  content: "\eb5f";
}

.material-icon-microwave::before {
  content: "\eb60";
}

.material-icon-room_preferences::before {
  content: "\eb61";
}

.material-icon-no_photography::before {
  content: "\eb62";
}

.material-icon-rice_bowl::before {
  content: "\eb63";
}

.material-icon-kitchen::before {
  content: "\eb64";
}

.material-icon-phone::before {
  content: "\eb65";
}

.material-icon-no_stroller::before {
  content: "\eb66";
}

.material-icon-hot_tub::before {
  content: "\eb67";
}

.material-icon-pool::before {
  content: "\eb68";
}

.material-icon-no_food::before {
  content: "\eb69";
}

.material-icon-no_flash::before {
  content: "\eb6a";
}

.material-icon-no_meeting_room::before {
  content: "\eb6b";
}

.material-icon-no_drinks::before {
  content: "\eb6c";
}

.material-icon-copyright::before {
  content: "\eb6d";
}

.material-icon-no_backpack::before {
  content: "\eb6e";
}

.material-icon-night_shelter::before {
  content: "\eb6f";
}

.material-icon-meeting_room::before {
  content: "\eb70";
}

.material-icon-grass::before {
  content: "\eb71";
}

.material-icon-house_siding::before {
  content: "\eb72";
}

.material-icon-golf_course::before {
  content: "\eb73";
}

.material-icon-house::before {
  content: "\eb74";
}

.material-icon-checkroom::before {
  content: "\eb75";
}

.material-icon-free_breakfast::before {
  content: "\eb76";
}

.material-icon-foundation::before {
  content: "\eb77";
}

.material-icon-fitness_center::before {
  content: "\eb78";
}

.material-icon-food_bank::before {
  content: "\eb79";
}

.material-icon-elevator::before {
  content: "\eb7a";
}

.material-icon-child_care::before {
  content: "\eb7b";
}

.material-icon-fire_extinguisher::before {
  content: "\eb7c";
}

.material-icon-fence::before {
  content: "\eb7d";
}

.material-icon-family_restroom::before {
  content: "\eb7e";
}

.material-icon-escalator_warning::before {
  content: "\eb7f";
}

.material-icon-escalator::before {
  content: "\eb80";
}

.material-icon-dry::before {
  content: "\eb81";
}

.material-icon-beach_access::before {
  content: "\eb82";
}

.material-icon-do_not_touch::before {
  content: "\eb83";
}

.material-icon-do_not_step::before {
  content: "\eb84";
}

.material-icon-countertops::before {
  content: "\eb85";
}

.material-icon-corporate_fare::before {
  content: "\eb86";
}

.material-icon-child_friendly::before {
  content: "\eb87";
}

.material-icon-charging_station::before {
  content: "\eb88";
}

.material-icon-carpenter::before {
  content: "\eb89";
}

.material-icon-bento::before {
  content: "\eb8a";
}

.material-icon-business_center::before {
  content: "\eb8b";
}

.material-icon-casino::before {
  content: "\eb8c";
}

.material-icon-ac_unit::before {
  content: "\eb8d";
}

.material-icon-bathtub::before {
  content: "\eb8e";
}

.material-icon-baby_changing_station::before {
  content: "\eb8f";
}

.material-icon-backpack::before {
  content: "\eb90";
}

.material-icon-all_inclusive::before {
  content: "\eb91";
}

.material-icon-apartment::before {
  content: "\eb92";
}

.material-icon-tv_off::before {
  content: "\eb93";
}

.material-icon-airport_shuttle::before {
  content: "\eb94";
}

.material-icon-wifi_off::before {
  content: "\eb95";
}

.material-icon-voice_chat::before {
  content: "\eb96";
}

.material-icon-wifi::before {
  content: "\eb97";
}

.material-icon-vibration::before {
  content: "\eb98";
}

.material-icon-wc::before {
  content: "\eb99";
}

.material-icon-vpn_lock::before {
  content: "\eb9a";
}

.material-icon-phone_missed::before {
  content: "\eb9b";
}

.material-icon-time_to_leave::before {
  content: "\eb9c";
}

.material-icon-sync_problem::before {
  content: "\eb9d";
}

.material-icon-sd_card_alert::before {
  content: "\eb9e";
}

.material-icon-tap_and_play::before {
  content: "\eb9f";
}

.material-icon-system_update::before {
  content: "\eba0";
}

.material-icon-sync_disabled::before {
  content: "\eba1";
}

.material-icon-sd_card::before {
  content: "\eba2";
}

.material-icon-sync::before {
  content: "\eba3";
}

.material-icon-sms_failed::before {
  content: "\eba4";
}

.material-icon-sms::before {
  content: "\eba5";
}

.material-icon-priority_high::before {
  content: "\eba6";
}

.material-icon-power::before {
  content: "\eba7";
}

.material-icon-phone_callback::before {
  content: "\eba8";
}

.material-icon-power_off::before {
  content: "\eba9";
}

.material-icon-phone_paused::before {
  content: "\ebaa";
}

.material-icon-phone_in_talk::before {
  content: "\ebab";
}

.material-icon-live_tv::before {
  content: "\ebac";
}

.material-icon-phone_locked::before {
  content: "\ebad";
}

.material-icon-phone_forwarded::before {
  content: "\ebae";
}

.material-icon-event_note::before {
  content: "\ebaf";
}

.material-icon-personal_video::before {
  content: "\ebb0";
}

.material-icon-ondemand_video::before {
  content: "\ebb1";
}

.material-icon-phone_bluetooth_speaker::before {
  content: "\ebb2";
}

.material-icon-no_encryption_gmailerrorred::before {
  content: "\ebb3";
}

.material-icon-no_encryption::before {
  content: "\ebb4";
}

.material-icon-network_locked::before {
  content: "\ebb5";
}

.material-icon-network_check::before {
  content: "\ebb6";
}

.material-icon-more::before {
  content: "\ebb7";
}

.material-icon-mms::before {
  content: "\ebb8";
}

.material-icon-disc_full::before {
  content: "\ebb9";
}

.material-icon-folder_special::before {
  content: "\ebba";
}

.material-icon-drive_eta::before {
  content: "\ebbb";
}

.material-icon-enhanced_encryption::before {
  content: "\ebbc";
}

.material-icon-do_disturb_on::before {
  content: "\ebbd";
}

.material-icon-do_disturb_off::before {
  content: "\ebbe";
}

.material-icon-airline_seat_individual_suite::before {
  content: "\ebbf";
}

.material-icon-do_disturb::before {
  content: "\ebc0";
}

.material-icon-directions_off::before {
  content: "\ebc1";
}

.material-icon-bluetooth_audio::before {
  content: "\ebc2";
}

.material-icon-airline_seat_recline_extra::before {
  content: "\ebc3";
}

.material-icon-airline_seat_legroom_reduced::before {
  content: "\ebc4";
}

.material-icon-airline_seat_recline_normal::before {
  content: "\ebc5";
}

.material-icon-airline_seat_legroom_extra::before {
  content: "\ebc6";
}

.material-icon-airline_seat_legroom_normal::before {
  content: "\ebc7";
}

.material-icon-airline_seat_flat_angled::before {
  content: "\ebc8";
}

.material-icon-airline_seat_flat::before {
  content: "\ebc9";
}

.material-icon-switch_right::before {
  content: "\ebca";
}

.material-icon-account_tree::before {
  content: "\ebcb";
}

.material-icon-west::before {
  content: "\ebcc";
}

.material-icon-adb::before {
  content: "\ebcd";
}

.material-icon-subdirectory_arrow_left::before {
  content: "\ebce";
}

.material-icon-switch_left::before {
  content: "\ebcf";
}

.material-icon-south_east::before {
  content: "\ebd0";
}

.material-icon-north_east::before {
  content: "\ebd1";
}

.material-icon-subdirectory_arrow_right::before {
  content: "\ebd2";
}

.material-icon-first_page::before {
  content: "\ebd3";
}

.material-icon-south_west::before {
  content: "\ebd4";
}

.material-icon-north::before {
  content: "\ebd5";
}

.material-icon-south::before {
  content: "\ebd6";
}

.material-icon-north_west::before {
  content: "\ebd7";
}

.material-icon-east::before {
  content: "\ebd8";
}

.material-icon-more_horiz::before {
  content: "\ebd9";
}

.material-icon-wine_bar::before {
  content: "\ebda";
}

.material-icon-more_vert::before {
  content: "\ebdb";
}

.material-icon-legend_toggle::before {
  content: "\ebdc";
}

.material-icon-last_page::before {
  content: "\ebdd";
}

.material-icon-menu_open::before {
  content: "\ebde";
}

.material-icon-fullscreen::before {
  content: "\ebdf";
}

.material-icon-home_work::before {
  content: "\ebe0";
}

.material-icon-fullscreen_exit::before {
  content: "\ebe1";
}

.material-icon-expand_less::before {
  content: "\ebe2";
}

.material-icon-arrow_left::before {
  content: "\ebe3";
}

.material-icon-double_arrow::before {
  content: "\ebe4";
}

.material-icon-trip_origin::before {
  content: "\ebe5";
}

.material-icon-chevron_right::before {
  content: "\ebe6";
}

.material-icon-chevron_left::before {
  content: "\ebe7";
}

.material-icon-check::before {
  content: "\ebe8";
}

.material-icon-campaign::before {
  content: "\ebe9";
}

.material-icon-arrow_right::before {
  content: "\ebea";
}

.material-icon-streetview::before {
  content: "\ebeb";
}

.material-icon-arrow_forward_ios::before {
  content: "\ebec";
}

.material-icon-arrow_back_ios::before {
  content: "\ebed";
}

.material-icon-arrow_drop_up::before {
  content: "\ebee";
}

.material-icon-arrow_drop_down_circle::before {
  content: "\ebef";
}

.material-icon-app_settings_alt::before {
  content: "\ebf0";
}

.material-icon-transfer_within_a_station::before {
  content: "\ebf1";
}

.material-icon-apps-1::before {
  content: "\ebf2";
}

.material-icon-wrong_location::before {
  content: "\ebf3";
}

.material-icon-zoom_out_map::before {
  content: "\ebf4";
}

.material-icon-restaurant_menu::before {
  content: "\ebf5";
}

.material-icon-transit_enterexit::before {
  content: "\ebf6";
}

.material-icon-subway::before {
  content: "\ebf7";
}

.material-icon-two_wheeler::before {
  content: "\ebf8";
}

.material-icon-tram::before {
  content: "\ebf9";
}

.material-icon-train::before {
  content: "\ebfa";
}

.material-icon-traffic::before {
  content: "\ebfb";
}

.material-icon-terrain::before {
  content: "\ebfc";
}

.material-icon-store_mall_directory::before {
  content: "\ebfd";
}

.material-icon-satellite::before {
  content: "\ebfe";
}

.material-icon-run_circle::before {
  content: "\ebff";
}

.material-icon-set_meal::before {
  content: "\ec00";
}

.material-icon-miscellaneous_services::before {
  content: "\ec01";
}

.material-icon-rate_review::before {
  content: "\ec02";
}

.material-icon-restaurant::before {
  content: "\ec03";
}

.material-icon-museum::before {
  content: "\ec04";
}

.material-icon-plumbing::before {
  content: "\ec05";
}

.material-icon-pest_control_rodent::before {
  content: "\ec06";
}

.material-icon-pin_drop::before {
  content: "\ec07";
}

.material-icon-place::before {
  content: "\ec08";
}

.material-icon-navigation::before {
  content: "\ec09";
}

.material-icon-pest_control::before {
  content: "\ec0a";
}

.material-icon-person_pin_circle::before {
  content: "\ec0b";
}

.material-icon-pedal_bike::before {
  content: "\ec0c";
}

.material-icon-person_pin::before {
  content: "\ec0d";
}

.material-icon-not_listed_location::before {
  content: "\ec0e";
}

.material-icon-no_transfer::before {
  content: "\ec0f";
}

.material-icon-no_meals::before {
  content: "\ec10";
}

.material-icon-near_me_disabled::before {
  content: "\ec11";
}

.material-icon-near_me::before {
  content: "\ec12";
}

.material-icon-my_location::before {
  content: "\ec13";
}

.material-icon-medical_services::before {
  content: "\ec14";
}

.material-icon-multiple_stop::before {
  content: "\ec15";
}

.material-icon-local_shipping::before {
  content: "\ec16";
}

.material-icon-moped::before {
  content: "\ec17";
}

.material-icon-money::before {
  content: "\ec18";
}

.material-icon-menu_book::before {
  content: "\ec19";
}

.material-icon-local_see::before {
  content: "\ec1a";
}

.material-icon-local_printshop::before {
  content: "\ec1b";
}

.material-icon-maps_ugc::before {
  content: "\ec1c";
}

.material-icon-map::before {
  content: "\ec1d";
}

.material-icon-local_taxi::before {
  content: "\ec1e";
}

.material-icon-local_post_office::before {
  content: "\ec1f";
}

.material-icon-local_play::before {
  content: "\ec20";
}

.material-icon-local_pizza::before {
  content: "\ec21";
}

.material-icon-local_library::before {
  content: "\ec22";
}

.material-icon-local_convenience_store::before {
  content: "\ec23";
}

.material-icon-local_movies::before {
  content: "\ec24";
}

.material-icon-local_pharmacy::before {
  content: "\ec25";
}

.material-icon-local_parking::before {
  content: "\ec26";
}

.material-icon-local_offer::before {
  content: "\ec27";
}

.material-icon-local_dining::before {
  content: "\ec28";
}

.material-icon-local_mall::before {
  content: "\ec29";
}

.material-icon-local_atm::before {
  content: "\ec2a";
}

.material-icon-local_laundry_service::before {
  content: "\ec2b";
}

.material-icon-local_hotel::before {
  content: "\ec2c";
}

.material-icon-local_hospital::before {
  content: "\ec2d";
}

.material-icon-local_grocery_store::before {
  content: "\ec2e";
}

.material-icon-local_gas_station::before {
  content: "\ec2f";
}

.material-icon-local_florist::before {
  content: "\ec30";
}

.material-icon-local_fire_department::before {
  content: "\ec31";
}

.material-icon-local_drink::before {
  content: "\ec32";
}

.material-icon-local_bar::before {
  content: "\ec33";
}

.material-icon-local_car_wash::before {
  content: "\ec34";
}

.material-icon-local_cafe::before {
  content: "\ec35";
}

.material-icon-local_activity::before {
  content: "\ec36";
}

.material-icon-local_airport::before {
  content: "\ec37";
}

.material-icon-electrical_services::before {
  content: "\ec38";
}

.material-icon-fastfood::before {
  content: "\ec39";
}

.material-icon-layers_clear::before {
  content: "\ec3a";
}

.material-icon-layers::before {
  content: "\ec3b";
}

.material-icon-electric_bike::before {
  content: "\ec3c";
}

.material-icon-hvac::before {
  content: "\ec3d";
}

.material-icon-hotel::before {
  content: "\ec3e";
}

.material-icon-home_repair_service::before {
  content: "\ec3f";
}

.material-icon-flight::before {
  content: "\ec40";
}

.material-icon-handyman::before {
  content: "\ec41";
}

.material-icon-ev_station::before {
  content: "\ec42";
}

.material-icon-electric_car::before {
  content: "\ec43";
}

.material-icon-directions_bus::before {
  content: "\ec44";
}

.material-icon-electric_scooter::before {
  content: "\ec45";
}

.material-icon-electric_moped::before {
  content: "\ec46";
}

.material-icon-edit_location::before {
  content: "\ec47";
}

.material-icon-directions_transit::before {
  content: "\ec48";
}

.material-icon-edit_road::before {
  content: "\ec49";
}

.material-icon-edit_attributes::before {
  content: "\ec4a";
}

.material-icon-directions_walk::before {
  content: "\ec4b";
}

.material-icon-directions_run::before {
  content: "\ec4c";
}

.material-icon-directions_boat::before {
  content: "\ec4d";
}

.material-icon-directions_subway::before {
  content: "\ec4e";
}

.material-icon-directions_railway::before {
  content: "\ec4f";
}

.material-icon-beenhere::before {
  content: "\ec50";
}

.material-icon-agriculture::before {
  content: "\ec51";
}

.material-icon-directions_car::before {
  content: "\ec52";
}

.material-icon-directions_bike::before {
  content: "\ec53";
}

.material-icon-wb_cloudy::before {
  content: "\ec54";
}

.material-icon-design_services::before {
  content: "\ec55";
}

.material-icon-alt_route::before {
  content: "\ec56";
}

.material-icon-atm::before {
  content: "\ec57";
}

.material-icon-directions::before {
  content: "\ec58";
}

.material-icon-departure_board::before {
  content: "\ec59";
}

.material-icon-compass_calibration::before {
  content: "\ec5a";
}

.material-icon-cleaning_services::before {
  content: "\ec5b";
}

.material-icon-category::before {
  content: "\ec5c";
}

.material-icon-bike_scooter::before {
  content: "\ec5d";
}

.material-icon-timelapse::before {
  content: "\ec5e";
}

.material-icon-wb_auto::before {
  content: "\ec5f";
}

.material-icon-add_road::before {
  content: "\ec60";
}

.material-icon-add_location_alt::before {
  content: "\ec61";
}

.material-icon-add_location::before {
  content: "\ec62";
}

.material-icon-add_business::before {
  content: "\ec63";
}

.material-icon-wb_sunny::before {
  content: "\ec64";
}

.material-icon-360::before {
  content: "\ec65";
}

.material-icon-wb_incandescent::before {
  content: "\ec66";
}

.material-icon-wb_iridescent::before {
  content: "\ec67";
}

.material-icon-timer::before {
  content: "\ec68";
}

.material-icon-vignette::before {
  content: "\ec69";
}

.material-icon-view_compact::before {
  content: "\ec6a";
}

.material-icon-timer_3::before {
  content: "\ec6b";
}

.material-icon-view_comfy::before {
  content: "\ec6c";
}

.material-icon-tune::before {
  content: "\ec6d";
}

.material-icon-transform::before {
  content: "\ec6e";
}

.material-icon-tonality::before {
  content: "\ec6f";
}

.material-icon-timer_off::before {
  content: "\ec70";
}

.material-icon-timer_10::before {
  content: "\ec71";
}

.material-icon-texture::before {
  content: "\ec72";
}

.material-icon-tag_faces::before {
  content: "\ec73";
}

.material-icon-rotate_left::before {
  content: "\ec74";
}

.material-icon-photo_size_select_small::before {
  content: "\ec75";
}

.material-icon-switch_video::before {
  content: "\ec76";
}

.material-icon-switch_camera::before {
  content: "\ec77";
}

.material-icon-style::before {
  content: "\ec78";
}

.material-icon-straighten::before {
  content: "\ec79";
}

.material-icon-slideshow::before {
  content: "\ec7a";
}

.material-icon-shutter_speed::before {
  content: "\ec7b";
}

.material-icon-rotate_90_degrees_ccw::before {
  content: "\ec7c";
}

.material-icon-rotate_right::before {
  content: "\ec7d";
}

.material-icon-receipt_long::before {
  content: "\ec7e";
}

.material-icon-portrait::before {
  content: "\ec7f";
}

.material-icon-picture_as_pdf::before {
  content: "\ec80";
}

.material-icon-panorama_fish_eye::before {
  content: "\ec81";
}

.material-icon-photo_size_select_large::before {
  content: "\ec82";
}

.material-icon-photo_filter::before {
  content: "\ec83";
}

.material-icon-photo_library::before {
  content: "\ec84";
}

.material-icon-photo_size_select_actual::before {
  content: "\ec85";
}

.material-icon-panorama_horizontal::before {
  content: "\ec86";
}

.material-icon-photo_album::before {
  content: "\ec87";
}

.material-icon-photo::before {
  content: "\ec88";
}

.material-icon-panorama_vertical::before {
  content: "\ec89";
}

.material-icon-panorama_wide_angle::before {
  content: "\ec8a";
}

.material-icon-nature_people::before {
  content: "\ec8b";
}

.material-icon-panorama::before {
  content: "\ec8c";
}

.material-icon-palette::before {
  content: "\ec8d";
}

.material-icon-leak_add::before {
  content: "\ec8e";
}

.material-icon-music_off::before {
  content: "\ec8f";
}

.material-icon-navigate_next::before {
  content: "\ec90";
}

.material-icon-navigate_before::before {
  content: "\ec91";
}

.material-icon-nature::before {
  content: "\ec92";
}

.material-icon-loupe::before {
  content: "\ec93";
}

.material-icon-music_note::before {
  content: "\ec94";
}

.material-icon-movie_filter::before {
  content: "\ec95";
}

.material-icon-movie_creation::before {
  content: "\ec96";
}

.material-icon-motion_photos_pause::before {
  content: "\ec97";
}

.material-icon-lens::before {
  content: "\ec98";
}

.material-icon-monochrome_photos::before {
  content: "\ec99";
}

.material-icon-looks_two::before {
  content: "\ec9a";
}

.material-icon-looks_one::before {
  content: "\ec9b";
}

.material-icon-looks::before {
  content: "\ec9c";
}

.material-icon-image_not_supported::before {
  content: "\ec9d";
}

.material-icon-looks_4::before {
  content: "\ec9e";
}

.material-icon-looks_6::before {
  content: "\ec9f";
}

.material-icon-looks_5::before {
  content: "\eca0";
}

.material-icon-grid_on::before {
  content: "\eca1";
}

.material-icon-iso::before {
  content: "\eca2";
}

.material-icon-looks_3::before {
  content: "\eca3";
}

.material-icon-landscape::before {
  content: "\eca4";
}

.material-icon-linked_camera::before {
  content: "\eca5";
}

.material-icon-leak_remove::before {
  content: "\eca6";
}

.material-icon-image_search::before {
  content: "\eca7";
}

.material-icon-hdr_off::before {
  content: "\eca8";
}

.material-icon-image_aspect_ratio::before {
  content: "\eca9";
}

.material-icon-healing::before {
  content: "\ecaa";
}

.material-icon-hdr_weak::before {
  content: "\ecab";
}

.material-icon-hdr_on::before {
  content: "\ecac";
}

.material-icon-image::before {
  content: "\ecad";
}

.material-icon-hdr_strong::before {
  content: "\ecae";
}

.material-icon-grain::before {
  content: "\ecaf";
}

.material-icon-grid_off::before {
  content: "\ecb0";
}

.material-icon-flip_camera_ios::before {
  content: "\ecb1";
}

.material-icon-flip_camera_android::before {
  content: "\ecb2";
}

.material-icon-gradient::before {
  content: "\ecb3";
}

.material-icon-flash_off::before {
  content: "\ecb4";
}

.material-icon-flash_on::before {
  content: "\ecb5";
}

.material-icon-flip::before {
  content: "\ecb6";
}

.material-icon-flash_auto::before {
  content: "\ecb7";
}

.material-icon-flare::before {
  content: "\ecb8";
}

.material-icon-filter_hdr::before {
  content: "\ecb9";
}

.material-icon-filter_frames::before {
  content: "\ecba";
}

.material-icon-filter_none::before {
  content: "\ecbb";
}

.material-icon-filter_vintage::before {
  content: "\ecbc";
}

.material-icon-filter_tilt_shift::before {
  content: "\ecbd";
}

.material-icon-filter_6::before {
  content: "\ecbe";
}

.material-icon-filter_b_and_w::before {
  content: "\ecbf";
}

.material-icon-filter_7::before {
  content: "\ecc0";
}

.material-icon-filter_drama::before {
  content: "\ecc1";
}

.material-icon-filter_center_focus::before {
  content: "\ecc2";
}

.material-icon-filter_9::before {
  content: "\ecc3";
}

.material-icon-filter_1::before {
  content: "\ecc4";
}

.material-icon-filter_9_plus::before {
  content: "\ecc5";
}

.material-icon-filter_8::before {
  content: "\ecc6";
}

.material-icon-exposure_zero::before {
  content: "\ecc7";
}

.material-icon-filter_5::before {
  content: "\ecc8";
}

.material-icon-filter_3::before {
  content: "\ecc9";
}

.material-icon-filter_4::before {
  content: "\ecca";
}

.material-icon-crop::before {
  content: "\eccb";
}

.material-icon-filter_2::before {
  content: "\eccc";
}

.material-icon-filter::before {
  content: "\eccd";
}

.material-icon-euro::before {
  content: "\ecce";
}

.material-icon-exposure::before {
  content: "\eccf";
}

.material-icon-exposure_plus_2::before {
  content: "\ecd0";
}

.material-icon-exposure_plus_1::before {
  content: "\ecd1";
}

.material-icon-exposure_neg_1::before {
  content: "\ecd2";
}

.material-icon-exposure_neg_2::before {
  content: "\ecd3";
}

.material-icon-details::before {
  content: "\ecd4";
}

.material-icon-crop_rotate::before {
  content: "\ecd5";
}

.material-icon-crop_portrait::before {
  content: "\ecd6";
}

.material-icon-dehaze::before {
  content: "\ecd7";
}

.material-icon-crop_square::before {
  content: "\ecd8";
}

.material-icon-crop_original::before {
  content: "\ecd9";
}

.material-icon-crop_3_2::before {
  content: "\ecda";
}

.material-icon-crop_free::before {
  content: "\ecdb";
}

.material-icon-crop_landscape::before {
  content: "\ecdc";
}

.material-icon-crop_din::before {
  content: "\ecdd";
}

.material-icon-crop_7_5::before {
  content: "\ecde";
}

.material-icon-crop_5_4::before {
  content: "\ecdf";
}

.material-icon-crop_16_9::before {
  content: "\ece0";
}

.material-icon-control_point_duplicate::before {
  content: "\ece1";
}

.material-icon-control_point::before {
  content: "\ece2";
}

.material-icon-brush::before {
  content: "\ece3";
}

.material-icon-compare::before {
  content: "\ece4";
}

.material-icon-collections::before {
  content: "\ece5";
}

.material-icon-collections_bookmark::before {
  content: "\ece6";
}

.material-icon-colorize::before {
  content: "\ece7";
}

.material-icon-color_lens::before {
  content: "\ece8";
}

.material-icon-broken_image::before {
  content: "\ece9";
}

.material-icon-brightness_5::before {
  content: "\ecea";
}

.material-icon-camera_roll::before {
  content: "\eceb";
}

.material-icon-center_focus_weak::before {
  content: "\ecec";
}

.material-icon-center_focus_strong::before {
  content: "\eced";
}

.material-icon-camera_rear::before {
  content: "\ecee";
}

.material-icon-camera_front::before {
  content: "\ecef";
}

.material-icon-camera_alt::before {
  content: "\ecf0";
}

.material-icon-camera::before {
  content: "\ecf1";
}

.material-icon-burst_mode::before {
  content: "\ecf2";
}

.material-icon-brightness_1::before {
  content: "\ecf3";
}

.material-icon-brightness_6::before {
  content: "\ecf4";
}

.material-icon-brightness_7::before {
  content: "\ecf5";
}

.material-icon-blur_off::before {
  content: "\ecf6";
}

.material-icon-brightness_4::before {
  content: "\ecf7";
}

.material-icon-speaker::before {
  content: "\ecf8";
}

.material-icon-brightness_3::before {
  content: "\ecf9";
}

.material-icon-brightness_2::before {
  content: "\ecfa";
}

.material-icon-blur_on::before {
  content: "\ecfb";
}

.material-icon-blur_linear::before {
  content: "\ecfc";
}

.material-icon-audiotrack::before {
  content: "\ecfd";
}

.material-icon-assistant::before {
  content: "\ecfe";
}

.material-icon-blur_circular::before {
  content: "\ecff";
}

.material-icon-bedtime::before {
  content: "\ed00";
}

.material-icon-assistant_photo::before {
  content: "\ed01";
}

.material-icon-add_to_photos::before {
  content: "\ed02";
}

.material-icon-tablet_mac::before {
  content: "\ed03";
}

.material-icon-adjust::before {
  content: "\ed04";
}

.material-icon-add_a_photo::before {
  content: "\ed05";
}

.material-icon-add_photo_alternate::before {
  content: "\ed06";
}

.material-icon-tv::before {
  content: "\ed07";
}

.material-icon-sensor_window::before {
  content: "\ed08";
}

.material-icon-sensor_door::before {
  content: "\ed09";
}

.material-icon-watch::before {
  content: "\ed0a";
}

.material-icon-videogame_asset::before {
  content: "\ed0b";
}

.material-icon-toys::before {
  content: "\ed0c";
}

.material-icon-scanner::before {
  content: "\ed0d";
}

.material-icon-tablet_android::before {
  content: "\ed0e";
}

.material-icon-tablet::before {
  content: "\ed0f";
}

.material-icon-speaker_group::before {
  content: "\ed10";
}

.material-icon-router::before {
  content: "\ed11";
}

.material-icon-smartphone::before {
  content: "\ed12";
}

.material-icon-sim_card::before {
  content: "\ed13";
}

.material-icon-phone_android::before {
  content: "\ed14";
}

.material-icon-power_input::before {
  content: "\ed15";
}

.material-icon-laptop::before {
  content: "\ed16";
}

.material-icon-phone_iphone::before {
  content: "\ed17";
}

.material-icon-point_of_sale::before {
  content: "\ed18";
}

.material-icon-phonelink_off::before {
  content: "\ed19";
}

.material-icon-phonelink::before {
  content: "\ed1a";
}

.material-icon-mouse::before {
  content: "\ed1b";
}

.material-icon-laptop_mac::before {
  content: "\ed1c";
}

.material-icon-laptop_chromebook::before {
  content: "\ed1d";
}

.material-icon-memory::before {
  content: "\ed1e";
}

.material-icon-laptop_windows::before {
  content: "\ed1f";
}

.material-icon-keyboard_tab::before {
  content: "\ed20";
}

.material-icon-headset::before {
  content: "\ed21";
}

.material-icon-cast_for_education::before {
  content: "\ed22";
}

.material-icon-keyboard_voice::before {
  content: "\ed23";
}

.material-icon-keyboard_capslock::before {
  content: "\ed24";
}

.material-icon-keyboard_backspace::before {
  content: "\ed25";
}

.material-icon-keyboard_return::before {
  content: "\ed26";
}

.material-icon-keyboard_hide::before {
  content: "\ed27";
}

.material-icon-keyboard::before {
  content: "\ed28";
}

.material-icon-keyboard_arrow_up::before {
  content: "\ed29";
}

.material-icon-keyboard_arrow_down::before {
  content: "\ed2a";
}

.material-icon-desktop_mac::before {
  content: "\ed2b";
}

.material-icon-headset_mic::before {
  content: "\ed2c";
}

.material-icon-dock::before {
  content: "\ed2d";
}

.material-icon-gamepad::before {
  content: "\ed2e";
}

.material-icon-devices_other::before {
  content: "\ed2f";
}

.material-icon-device_unknown::before {
  content: "\ed30";
}

.material-icon-device_hub::before {
  content: "\ed31";
}

.material-icon-developer_board::before {
  content: "\ed32";
}

.material-icon-desktop_windows::before {
  content: "\ed33";
}

.material-icon-cast_connected::before {
  content: "\ed34";
}

.material-icon-computer::before {
  content: "\ed35";
}

.material-icon-download_done::before {
  content: "\ed36";
}

.material-icon-browser_not_supported::before {
  content: "\ed37";
}

.material-icon-topic::before {
  content: "\ed38";
}

.material-icon-cast::before {
  content: "\ed39";
}

.material-icon-download::before {
  content: "\ed3a";
}

.material-icon-rule_folder::before {
  content: "\ed3b";
}

.material-icon-text_snippet::before {
  content: "\ed3c";
}

.material-icon-snippet_folder::before {
  content: "\ed3d";
}

.material-icon-request_quote::before {
  content: "\ed3e";
}

.material-icon-folder_shared::before {
  content: "\ed3f";
}

.material-icon-folder_open::before {
  content: "\ed40";
}

.material-icon-folder::before {
  content: "\ed41";
}

.material-icon-cloud_off::before {
  content: "\ed42";
}

.material-icon-cloud_upload::before {
  content: "\ed43";
}

.material-icon-space_bar::before {
  content: "\ed44";
}

.material-icon-create_new_folder::before {
  content: "\ed45";
}

.material-icon-cloud_done::before {
  content: "\ed46";
}

.material-icon-cloud_queue::before {
  content: "\ed47";
}

.material-icon-cloud_circle::before {
  content: "\ed48";
}

.material-icon-attachment::before {
  content: "\ed49";
}

.material-icon-cloud_download::before {
  content: "\ed4a";
}

.material-icon-attach_email::before {
  content: "\ed4b";
}

.material-icon-cloud::before {
  content: "\ed4c";
}

.material-icon-wrap_text::before {
  content: "\ed4d";
}

.material-icon-vertical_align_top::before {
  content: "\ed4e";
}

.material-icon-title::before {
  content: "\ed4f";
}

.material-icon-text_fields::before {
  content: "\ed50";
}

.material-icon-vertical_align_center::before {
  content: "\ed51";
}

.material-icon-vertical_align_bottom::before {
  content: "\ed52";
}

.material-icon-money_off_csred::before {
  content: "\ed53";
}

.material-icon-show_chart::before {
  content: "\ed54";
}

.material-icon-table_rows::before {
  content: "\ed55";
}

.material-icon-table_chart::before {
  content: "\ed56";
}

.material-icon-superscript::before {
  content: "\ed57";
}

.material-icon-subscript::before {
  content: "\ed58";
}

.material-icon-strikethrough_s::before {
  content: "\ed59";
}

.material-icon-stacked_line_chart::before {
  content: "\ed5a";
}

.material-icon-short_text::before {
  content: "\ed5b";
}

.material-icon-money_off::before {
  content: "\ed5c";
}

.material-icon-score::before {
  content: "\ed5d";
}

.material-icon-scatter_plot::before {
  content: "\ed5e";
}

.material-icon-publish::before {
  content: "\ed5f";
}

.material-icon-pie_chart_outline::before {
  content: "\ed60";
}

.material-icon-post_add::before {
  content: "\ed61";
}

.material-icon-pie_chart::before {
  content: "\ed62";
}

.material-icon-notes::before {
  content: "\ed63";
}

.material-icon-mode_comment::before {
  content: "\ed64";
}

.material-icon-multiline_chart::before {
  content: "\ed65";
}

.material-icon-insert_comment::before {
  content: "\ed66";
}

.material-icon-mode::before {
  content: "\ed67";
}

.material-icon-insert_drive_file::before {
  content: "\ed68";
}

.material-icon-monetization_on::before {
  content: "\ed69";
}

.material-icon-merge_type::before {
  content: "\ed6a";
}

.material-icon-insert_photo::before {
  content: "\ed6b";
}

.material-icon-linear_scale::before {
  content: "\ed6c";
}

.material-icon-insert_link::before {
  content: "\ed6d";
}

.material-icon-insert_invitation::before {
  content: "\ed6e";
}

.material-icon-insert_emoticon::before {
  content: "\ed6f";
}

.material-icon-highlight::before {
  content: "\ed70";
}

.material-icon-insert_chart::before {
  content: "\ed71";
}

.material-icon-format_size::before {
  content: "\ed72";
}

.material-icon-insert_chart_outlined::before {
  content: "\ed73";
}

.material-icon-functions::before {
  content: "\ed74";
}

.material-icon-horizontal_rule::before {
  content: "\ed75";
}

.material-icon-format_textdirection_l_to_r::before {
  content: "\ed76";
}

.material-icon-height::before {
  content: "\ed77";
}

.material-icon-format_underlined::before {
  content: "\ed78";
}

.material-icon-format_italic::before {
  content: "\ed79";
}

.material-icon-format_textdirection_r_to_l::before {
  content: "\ed7a";
}

.material-icon-format_strikethrough::before {
  content: "\ed7b";
}

.material-icon-format_list_numbered::before {
  content: "\ed7c";
}

.material-icon-format_shapes::before {
  content: "\ed7d";
}

.material-icon-format_quote::before {
  content: "\ed7e";
}

.material-icon-format_paint::before {
  content: "\ed7f";
}

.material-icon-format_list_numbered_rtl::before {
  content: "\ed80";
}

.material-icon-format_clear::before {
  content: "\ed81";
}

.material-icon-drag_handle::before {
  content: "\ed82";
}

.material-icon-format_list_bulleted::before {
  content: "\ed83";
}

.material-icon-format_line_spacing::before {
  content: "\ed84";
}

.material-icon-format_color_reset::before {
  content: "\ed85";
}

.material-icon-format_align_left::before {
  content: "\ed86";
}

.material-icon-format_indent_increase::before {
  content: "\ed87";
}

.material-icon-format_indent_decrease::before {
  content: "\ed88";
}

.material-icon-border_vertical::before {
  content: "\ed89";
}

.material-icon-format_bold::before {
  content: "\ed8a";
}

.material-icon-format_align_justify::before {
  content: "\ed8b";
}

.material-icon-bubble_chart::before {
  content: "\ed8c";
}

.material-icon-format_align_right::before {
  content: "\ed8d";
}

.material-icon-format_align_center::before {
  content: "\ed8e";
}

.material-icon-border_style::before {
  content: "\ed8f";
}

.material-icon-border_outer::before {
  content: "\ed90";
}

.material-icon-border_horizontal::before {
  content: "\ed91";
}

.material-icon-border_top::before {
  content: "\ed92";
}

.material-icon-border_inner::before {
  content: "\ed93";
}

.material-icon-thermostat::before {
  content: "\ed94";
}

.material-icon-border_right::before {
  content: "\ed95";
}

.material-icon-border_left::before {
  content: "\ed96";
}

.material-icon-wifi_tethering::before {
  content: "\ed97";
}

.material-icon-signal_cellular_no_sim::before {
  content: "\ed98";
}

.material-icon-border_clear::before {
  content: "\ed99";
}

.material-icon-border_bottom::before {
  content: "\ed9a";
}

.material-icon-border_all::before {
  content: "\ed9b";
}

.material-icon-bar_chart::before {
  content: "\ed9c";
}

.material-icon-signal_wifi_off::before {
  content: "\ed9d";
}

.material-icon-add_comment::before {
  content: "\ed9e";
}

.material-icon-wifi_lock::before {
  content: "\ed9f";
}

.material-icon-widgets::before {
  content: "\eda0";
}

.material-icon-wallpaper::before {
  content: "\eda1";
}

.material-icon-usb::before {
  content: "\eda2";
}

.material-icon-gps_fixed::before {
  content: "\eda3";
}

.material-icon-storage::before {
  content: "\eda4";
}

.material-icon-signal_cellular_connected_no_internet_4_bar::before {
  content: "\eda5";
}

.material-icon-signal_cellular_alt::before {
  content: "\eda6";
}

.material-icon-signal_wifi_4_bar_lock::before {
  content: "\eda7";
}

.material-icon-signal_wifi_4_bar::before {
  content: "\eda8";
}

.material-icon-signal_cellular_off::before {
  content: "\eda9";
}

.material-icon-signal_cellular_null::before {
  content: "\edaa";
}

.material-icon-access_alarms::before {
  content: "\edab";
}

.material-icon-screen_lock_rotation::before {
  content: "\edac";
}

.material-icon-signal_cellular_4_bar::before {
  content: "\edad";
}

.material-icon-gps_off::before {
  content: "\edae";
}

.material-icon-dvr::before {
  content: "\edaf";
}

.material-icon-gps_not_fixed::before {
  content: "\edb0";
}

.material-icon-sd_storage::before {
  content: "\edb1";
}

.material-icon-screen_rotation::before {
  content: "\edb2";
}

.material-icon-settings_system_daydream::before {
  content: "\edb3";
}

.material-icon-nfc::before {
  content: "\edb4";
}

.material-icon-screen_lock_portrait::before {
  content: "\edb5";
}

.material-icon-screen_lock_landscape::before {
  content: "\edb6";
}

.material-icon-mobile_friendly::before {
  content: "\edb7";
}

.material-icon-mobile_off::before {
  content: "\edb8";
}

.material-icon-brightness_high::before {
  content: "\edb9";
}

.material-icon-location_searching::before {
  content: "\edba";
}

.material-icon-location_disabled::before {
  content: "\edbb";
}

.material-icon-graphic_eq::before {
  content: "\edbc";
}

.material-icon-battery_unknown::before {
  content: "\edbd";
}

.material-icon-devices::before {
  content: "\edbe";
}

.material-icon-developer_mode::before {
  content: "\edbf";
}

.material-icon-brightness_medium::before {
  content: "\edc0";
}

.material-icon-data_usage::before {
  content: "\edc1";
}

.material-icon-brightness_low::before {
  content: "\edc2";
}

.material-icon-ad_units::before {
  content: "\edc3";
}

.material-icon-brightness_auto::before {
  content: "\edc4";
}

.material-icon-bluetooth_searching::before {
  content: "\edc5";
}

.material-icon-bluetooth_disabled::before {
  content: "\edc6";
}

.material-icon-bluetooth::before {
  content: "\edc7";
}

.material-icon-bluetooth_connected::before {
  content: "\edc8";
}

.material-icon-access_alarm::before {
  content: "\edc9";
}

.material-icon-battery_std::before {
  content: "\edca";
}

.material-icon-battery_charging_full::before {
  content: "\edcb";
}

.material-icon-battery_full::before {
  content: "\edcc";
}

.material-icon-battery_alert::before {
  content: "\edcd";
}

.material-icon-airplanemode_inactive::before {
  content: "\edce";
}

.material-icon-add_to_home_screen::before {
  content: "\edcf";
}

.material-icon-text_format::before {
  content: "\edd0";
}

.material-icon-add_alarm::before {
  content: "\edd1";
}

.material-icon-send::before {
  content: "\edd2";
}

.material-icon-undo::before {
  content: "\edd3";
}

.material-icon-where_to_vote::before {
  content: "\edd4";
}

.material-icon-weekend::before {
  content: "\edd5";
}

.material-icon-waves::before {
  content: "\edd6";
}

.material-icon-unarchive::before {
  content: "\edd7";
}

.material-icon-sort::before {
  content: "\edd8";
}

.material-icon-square_foot::before {
  content: "\edd9";
}

.material-icon-report_gmailerrorred::before {
  content: "\edda";
}

.material-icon-remove_circle::before {
  content: "\eddb";
}

.material-icon-select_all::before {
  content: "\eddc";
}

.material-icon-reply::before {
  content: "\eddd";
}

.material-icon-save_alt::before {
  content: "\edde";
}

.material-icon-save::before {
  content: "\eddf";
}

.material-icon-report_off::before {
  content: "\ede0";
}

.material-icon-report::before {
  content: "\ede1";
}

.material-icon-markunread::before {
  content: "\ede2";
}

.material-icon-reply_all::before {
  content: "\ede3";
}

.material-icon-redo::before {
  content: "\ede4";
}

.material-icon-remove::before {
  content: "\ede5";
}

.material-icon-next_week::before {
  content: "\ede6";
}

.material-icon-push_pin::before {
  content: "\ede7";
}

.material-icon-clear::before {
  content: "\ede8";
}

.material-icon-outlined_flag::before {
  content: "\ede9";
}

.material-icon-low_priority::before {
  content: "\edea";
}

.material-icon-move_to_inbox::before {
  content: "\edeb";
}

.material-icon-insights::before {
  content: "\edec";
}

.material-icon-mail::before {
  content: "\eded";
}

.material-icon-link_off::before {
  content: "\edee";
}

.material-icon-font_download::before {
  content: "\edef";
}

.material-icon-link::before {
  content: "\edf0";
}

.material-icon-gesture::before {
  content: "\edf1";
}

.material-icon-how_to_vote::before {
  content: "\edf2";
}

.material-icon-how_to_reg::before {
  content: "\edf3";
}

.material-icon-forward::before {
  content: "\edf4";
}

.material-icon-flag::before {
  content: "\edf5";
}

.material-icon-block::before {
  content: "\edf6";
}

.material-icon-filter_list::before {
  content: "\edf7";
}

.material-icon-biotech::before {
  content: "\edf8";
}

.material-icon-drafts::before {
  content: "\edf9";
}

.material-icon-dynamic_feed::before {
  content: "\edfa";
}

.material-icon-delete_sweep::before {
  content: "\edfb";
}

.material-icon-create::before {
  content: "\edfc";
}

.material-icon-content_paste::before {
  content: "\edfd";
}

.material-icon-content_cut::before {
  content: "\edfe";
}

.material-icon-ballot::before {
  content: "\edff";
}

.material-icon-content_copy::before {
  content: "\ee00";
}

.material-icon-calculate::before {
  content: "\ee01";
}

.material-icon-wifi_calling::before {
  content: "\ee02";
}

.material-icon-add_circle::before {
  content: "\ee03";
}

.material-icon-archive::before {
  content: "\ee04";
}

.material-icon-backspace::before {
  content: "\ee05";
}

.material-icon-attribution::before {
  content: "\ee06";
}

.material-icon-add_box::before {
  content: "\ee07";
}

.material-icon-amp_stories::before {
  content: "\ee08";
}

.material-icon-voicemail::before {
  content: "\ee09";
}

.material-icon-unsubscribe::before {
  content: "\ee0a";
}

.material-icon-vpn_key::before {
  content: "\ee0b";
}

.material-icon-textsms::before {
  content: "\ee0c";
}

.material-icon-swap_calls::before {
  content: "\ee0d";
}

.material-icon-stay_current_portrait::before {
  content: "\ee0e";
}

.material-icon-screen_share::before {
  content: "\ee0f";
}

.material-icon-stay_primary_portrait::before {
  content: "\ee10";
}

.material-icon-stop_screen_share::before {
  content: "\ee11";
}

.material-icon-stay_primary_landscape::before {
  content: "\ee12";
}

.material-icon-sentiment_satisfied_alt::before {
  content: "\ee13";
}

.material-icon-stay_current_landscape::before {
  content: "\ee14";
}

.material-icon-qr_code::before {
  content: "\ee15";
}

.material-icon-speaker_phone::before {
  content: "\ee16";
}

.material-icon-location_off::before {
  content: "\ee17";
}

.material-icon-present_to_all::before {
  content: "\ee18";
}

.material-icon-rss_feed::before {
  content: "\ee19";
}

.material-icon-ring_volume::before {
  content: "\ee1a";
}

.material-icon-read_more::before {
  content: "\ee1b";
}

.material-icon-qr_code_scanner::before {
  content: "\ee1c";
}

.material-icon-gavel::before {
  content: "\ee1d";
}

.material-icon-print_disabled::before {
  content: "\ee1e";
}

.material-icon-person_search::before {
  content: "\ee1f";
}

.material-icon-portable_wifi_off::before {
  content: "\ee20";
}

.material-icon-phonelink_setup::before {
  content: "\ee21";
}

.material-icon-phonelink_ring::before {
  content: "\ee22";
}

.material-icon-phonelink_lock::before {
  content: "\ee23";
}

.material-icon-phonelink_erase::before {
  content: "\ee24";
}

.material-icon-phone_enabled::before {
  content: "\ee25";
}

.material-icon-phone_disabled::before {
  content: "\ee26";
}

.material-icon-person_add_disabled::before {
  content: "\ee27";
}

.material-icon-no_sim::before {
  content: "\ee28";
}

.material-icon-nat::before {
  content: "\ee29";
}

.material-icon-pause_presentation::before {
  content: "\ee2a";
}

.material-icon-mark_chat_unread::before {
  content: "\ee2b";
}

.material-icon-more_time::before {
  content: "\ee2c";
}

.material-icon-mobile_screen_share::before {
  content: "\ee2d";
}

.material-icon-message::before {
  content: "\ee2e";
}

.material-icon-mark_email_unread::before {
  content: "\ee2f";
}

.material-icon-mark_email_read::before {
  content: "\ee30";
}

.material-icon-domain_disabled::before {
  content: "\ee31";
}

.material-icon-mark_chat_read::before {
  content: "\ee32";
}

.material-icon-location_on::before {
  content: "\ee33";
}

.material-icon-live_help::before {
  content: "\ee34";
}

.material-icon-forward_to_inbox::before {
  content: "\ee35";
}

.material-icon-invert_colors_off::before {
  content: "\ee36";
}

.material-icon-import_export::before {
  content: "\ee37";
}

.material-icon-import_contacts::before {
  content: "\ee38";
}

.material-icon-hourglass_top::before {
  content: "\ee39";
}

.material-icon-email::before {
  content: "\ee3a";
}

.material-icon-hourglass_bottom::before {
  content: "\ee3b";
}

.material-icon-forum::before {
  content: "\ee3c";
}

.material-icon-duo::before {
  content: "\ee3d";
}

.material-icon-call_received::before {
  content: "\ee3e";
}

.material-icon-domain_verification::before {
  content: "\ee3f";
}

.material-icon-desktop_access_disabled::before {
  content: "\ee40";
}

.material-icon-dialpad::before {
  content: "\ee41";
}

.material-icon-dialer_sip::before {
  content: "\ee42";
}

.material-icon-call_split::before {
  content: "\ee43";
}

.material-icon-contact_phone::before {
  content: "\ee44";
}

.material-icon-chat_bubble::before {
  content: "\ee45";
}

.material-icon-contacts::before {
  content: "\ee46";
}

.material-icon-contact_mail::before {
  content: "\ee47";
}

.material-icon-comment::before {
  content: "\ee48";
}

.material-icon-clear_all::before {
  content: "\ee49";
}

.material-icon-chat_bubble_outline::before {
  content: "\ee4a";
}

.material-icon-volume_mute::before {
  content: "\ee4b";
}

.material-icon-chat::before {
  content: "\ee4c";
}

.material-icon-cancel_presentation::before {
  content: "\ee4d";
}

.material-icon-call_end::before {
  content: "\ee4e";
}

.material-icon-call_missed::before {
  content: "\ee4f";
}

.material-icon-call_missed_outgoing::before {
  content: "\ee50";
}

.material-icon-call_merge::before {
  content: "\ee51";
}

.material-icon-call_made::before {
  content: "\ee52";
}

.material-icon-call::before {
  content: "\ee53";
}

.material-icon-alternate_email::before {
  content: "\ee54";
}

.material-icon-video_settings::before {
  content: "\ee55";
}

.material-icon-business::before {
  content: "\ee56";
}

.material-icon-add_ic_call::before {
  content: "\ee57";
}

.material-icon-web_asset::before {
  content: "\ee58";
}

.material-icon-videocam_off::before {
  content: "\ee59";
}

.material-icon-web::before {
  content: "\ee5a";
}

.material-icon-volume_up::before {
  content: "\ee5b";
}

.material-icon-volume_off::before {
  content: "\ee5c";
}

.material-icon-volume_down::before {
  content: "\ee5d";
}

.material-icon-stop_circle::before {
  content: "\ee5e";
}

.material-icon-video_library::before {
  content: "\ee5f";
}

.material-icon-video_label::before {
  content: "\ee60";
}

.material-icon-queue::before {
  content: "\ee61";
}

.material-icon-subscriptions::before {
  content: "\ee62";
}

.material-icon-video_call::before {
  content: "\ee63";
}

.material-icon-surround_sound::before {
  content: "\ee64";
}

.material-icon-subtitles::before {
  content: "\ee65";
}

.material-icon-play_circle_filled::before {
  content: "\ee66";
}

.material-icon-stop::before {
  content: "\ee67";
}

.material-icon-skip_previous::before {
  content: "\ee68";
}

.material-icon-snooze::before {
  content: "\ee69";
}

.material-icon-speed::before {
  content: "\ee6a";
}

.material-icon-new_releases::before {
  content: "\ee6b";
}

.material-icon-sort_by_alpha::before {
  content: "\ee6c";
}

.material-icon-slow_motion_video::before {
  content: "\ee6d";
}

.material-icon-skip_next::before {
  content: "\ee6e";
}

.material-icon-shuffle::before {
  content: "\ee6f";
}

.material-icon-replay_5::before {
  content: "\ee70";
}

.material-icon-replay_30::before {
  content: "\ee71";
}

.material-icon-replay::before {
  content: "\ee72";
}

.material-icon-replay_10::before {
  content: "\ee73";
}

.material-icon-repeat_one::before {
  content: "\ee74";
}

.material-icon-repeat::before {
  content: "\ee75";
}

.material-icon-remove_from_queue::before {
  content: "\ee76";
}

.material-icon-recent_actors::before {
  content: "\ee77";
}

.material-icon-radio::before {
  content: "\ee78";
}

.material-icon-queue_play_next::before {
  content: "\ee79";
}

.material-icon-queue_music::before {
  content: "\ee7a";
}

.material-icon-playlist_add::before {
  content: "\ee7b";
}

.material-icon-play_circle_outline::before {
  content: "\ee7c";
}

.material-icon-playlist_play::before {
  content: "\ee7d";
}

.material-icon-playlist_add_check::before {
  content: "\ee7e";
}

.material-icon-pause_circle_outline::before {
  content: "\ee7f";
}

.material-icon-play_arrow::before {
  content: "\ee80";
}

.material-icon-pause_circle_filled::before {
  content: "\ee81";
}

.material-icon-pause::before {
  content: "\ee82";
}

.material-icon-music_video::before {
  content: "\ee83";
}

.material-icon-forward_30::before {
  content: "\ee84";
}

.material-icon-note::before {
  content: "\ee85";
}

.material-icon-not_interested::before {
  content: "\ee86";
}

.material-icon-movie::before {
  content: "\ee87";
}

.material-icon-missed_video_call::before {
  content: "\ee88";
}

.material-icon-library_music::before {
  content: "\ee89";
}

.material-icon-mic_off::before {
  content: "\ee8a";
}

.material-icon-mic::before {
  content: "\ee8b";
}

.material-icon-mic_none::before {
  content: "\ee8c";
}

.material-icon-loop::before {
  content: "\ee8d";
}

.material-icon-art_track::before {
  content: "\ee8e";
}

.material-icon-library_add::before {
  content: "\ee8f";
}

.material-icon-library_add_check::before {
  content: "\ee90";
}

.material-icon-high_quality::before {
  content: "\ee91";
}

.material-icon-hd::before {
  content: "\ee92";
}

.material-icon-hearing_disabled::before {
  content: "\ee93";
}

.material-icon-hearing::before {
  content: "\ee94";
}

.material-icon-games::before {
  content: "\ee95";
}

.material-icon-forward_10::before {
  content: "\ee96";
}

.material-icon-forward_5::before {
  content: "\ee97";
}

.material-icon-fiber_pin::before {
  content: "\ee98";
}

.material-icon-branding_watermark::before {
  content: "\ee99";
}

.material-icon-fiber_smart_record::before {
  content: "\ee9a";
}

.material-icon-fiber_new::before {
  content: "\ee9b";
}

.material-icon-fiber_dvr::before {
  content: "\ee9c";
}

.material-icon-fiber_manual_record::before {
  content: "\ee9d";
}

.material-icon-fast_rewind::before {
  content: "\ee9e";
}

.material-icon-featured_video::before {
  content: "\ee9f";
}

.material-icon-featured_play_list::before {
  content: "\eea0";
}

.material-icon-fast_forward::before {
  content: "\eea1";
}

.material-icon-equalizer::before {
  content: "\eea2";
}

.material-icon-explicit::before {
  content: "\eea3";
}

.material-icon-control_camera::before {
  content: "\eea4";
}

.material-icon-closed_caption_disabled::before {
  content: "\eea5";
}

.material-icon-call_to_action::before {
  content: "\eea6";
}

.material-icon-closed_caption::before {
  content: "\eea7";
}

.material-icon-zoom_in::before {
  content: "\eea8";
}

.material-icon-album::before {
  content: "\eea9";
}

.material-icon-work::before {
  content: "\eeaa";
}

.material-icon-wifi_protected_setup::before {
  content: "\eeab";
}

.material-icon-airplay::before {
  content: "\eeac";
}

.material-icon-add_to_queue::before {
  content: "\eead";
}

.material-icon-5g::before {
  content: "\eeae";
}

.material-icon-4k::before {
  content: "\eeaf";
}

.material-icon-warning::before {
  content: "\eeb0";
}

.material-icon-notification_important::before {
  content: "\eeb1";
}

.material-icon-error_outline::before {
  content: "\eeb2";
}

.material-icon-error::before {
  content: "\eeb3";
}

.material-icon-auto_delete::before {
  content: "\eeb4";
}

.material-icon-add_alert::before {
  content: "\eeb5";
}

.material-icon-zoom_out::before {
  content: "\eeb6";
}

.material-icon-view_week::before {
  content: "\eeb7";
}

.material-icon-wysiwyg::before {
  content: "\eeb8";
}

.material-icon-youtube_searched_for::before {
  content: "\eeb9";
}

.material-icon-work_off::before {
  content: "\eeba";
}

.material-icon-watch_later::before {
  content: "\eebb";
}

.material-icon-visibility_off::before {
  content: "\eebc";
}

.material-icon-view_agenda::before {
  content: "\eebd";
}

.material-icon-voice_over_off::before {
  content: "\eebe";
}

.material-icon-visibility::before {
  content: "\eebf";
}

.material-icon-view_list::before {
  content: "\eec0";
}

.material-icon-view_sidebar::before {
  content: "\eec1";
}

.material-icon-view_stream::before {
  content: "\eec2";
}

.material-icon-unpublished::before {
  content: "\eec3";
}

.material-icon-view_quilt::before {
  content: "\eec4";
}

.material-icon-view_module::before {
  content: "\eec5";
}

.material-icon-view_headline::before {
  content: "\eec6";
}

.material-icon-trending_flat::before {
  content: "\eec7";
}

.material-icon-view_day::before {
  content: "\eec8";
}

.material-icon-view_column::before {
  content: "\eec9";
}

.material-icon-view_carousel::before {
  content: "\eeca";
}

.material-icon-view_array::before {
  content: "\eecb";
}

.material-icon-turned_in_not::before {
  content: "\eecc";
}

.material-icon-vertical_split::before {
  content: "\eecd";
}

.material-icon-verified_user::before {
  content: "\eece";
}

.material-icon-verified::before {
  content: "\eecf";
}

.material-icon-upgrade::before {
  content: "\eed0";
}

.material-icon-update::before {
  content: "\eed1";
}

.material-icon-turned_in::before {
  content: "\eed2";
}

.material-icon-trending_up::before {
  content: "\eed3";
}

.material-icon-trending_down::before {
  content: "\eed4";
}

.material-icon-track_changes::before {
  content: "\eed5";
}

.material-icon-theaters::before {
  content: "\eed6";
}

.material-icon-toll::before {
  content: "\eed7";
}

.material-icon-tour::before {
  content: "\eed8";
}

.material-icon-thumb_down::before {
  content: "\eed9";
}

.material-icon-today::before {
  content: "\eeda";
}

.material-icon-table_view::before {
  content: "\eedb";
}

.material-icon-toc::before {
  content: "\eedc";
}

.material-icon-timeline::before {
  content: "\eedd";
}

.material-icon-thumbs_up_down::before {
  content: "\eede";
}

.material-icon-thumb_up::before {
  content: "\eedf";
}

.material-icon-text_rotation_none::before {
  content: "\eee0";
}

.material-icon-text_rotate_up::before {
  content: "\eee1";
}

.material-icon-text_rotation_angleup::before {
  content: "\eee2";
}

.material-icon-settings_input_svideo::before {
  content: "\eee3";
}

.material-icon-text_rotation_down::before {
  content: "\eee4";
}

.material-icon-text_rotation_angledown::before {
  content: "\eee5";
}

.material-icon-text_rotate_vertical::before {
  content: "\eee6";
}

.material-icon-source::before {
  content: "\eee7";
}

.material-icon-tab_unselected::before {
  content: "\eee8";
}

.material-icon-tab::before {
  content: "\eee9";
}

.material-icon-system_update_alt::before {
  content: "\eeea";
}

.material-icon-sync_alt::before {
  content: "\eeeb";
}

.material-icon-swap_vertical_circle::before {
  content: "\eeec";
}

.material-icon-swap_vert::before {
  content: "\eeed";
}

.material-icon-swap_horizontal_circle::before {
  content: "\eeee";
}

.material-icon-support::before {
  content: "\eeef";
}

.material-icon-supervisor_account::before {
  content: "\eef0";
}

.material-icon-subtitles_off::before {
  content: "\eef1";
}

.material-icon-subject::before {
  content: "\eef2";
}

.material-icon-sticky_note_2::before {
  content: "\eef3";
}

.material-icon-settings_power::before {
  content: "\eef4";
}

.material-icon-store::before {
  content: "\eef5";
}

.material-icon-stars::before {
  content: "\eef6";
}

.material-icon-star_rate::before {
  content: "\eef7";
}

.material-icon-spellcheck::before {
  content: "\eef8";
}

.material-icon-speaker_notes_off::before {
  content: "\eef9";
}

.material-icon-speaker_notes::before {
  content: "\eefa";
}

.material-icon-smart_button::before {
  content: "\eefb";
}

.material-icon-shopping_cart::before {
  content: "\eefc";
}

.material-icon-shopping_basket::before {
  content: "\eefd";
}

.material-icon-shopping_bag::before {
  content: "\eefe";
}

.material-icon-restore_from_trash::before {
  content: "\eeff";
}

.material-icon-shop_two::before {
  content: "\ef00";
}

.material-icon-shop::before {
  content: "\ef01";
}

.material-icon-settings_remote::before {
  content: "\ef02";
}

.material-icon-settings_voice::before {
  content: "\ef03";
}

.material-icon-settings_phone::before {
  content: "\ef04";
}

.material-icon-settings_input_hdmi::before {
  content: "\ef05";
}

.material-icon-settings_overscan::before {
  content: "\ef06";
}

.material-icon-settings_cell::before {
  content: "\ef07";
}

.material-icon-settings_input_antenna::before {
  content: "\ef08";
}

.material-icon-settings_input_composite::before {
  content: "\ef09";
}

.material-icon-settings_input_component::before {
  content: "\ef0a";
}

.material-icon-settings_ethernet::before {
  content: "\ef0b";
}

.material-icon-settings_bluetooth::before {
  content: "\ef0c";
}

.material-icon-settings_applications::before {
  content: "\ef0d";
}

.material-icon-settings_brightness::before {
  content: "\ef0e";
}

.material-icon-settings_backup_restore::before {
  content: "\ef0f";
}

.material-icon-search_off::before {
  content: "\ef10";
}

.material-icon-request_page::before {
  content: "\ef11";
}

.material-icon-rounded_corner::before {
  content: "\ef12";
}

.material-icon-schedule::before {
  content: "\ef13";
}

.material-icon-rowing::before {
  content: "\ef14";
}

.material-icon-rule::before {
  content: "\ef15";
}

.material-icon-restore_page::before {
  content: "\ef16";
}

.material-icon-room::before {
  content: "\ef17";
}

.material-icon-report_problem::before {
  content: "\ef18";
}

.material-icon-restore::before {
  content: "\ef19";
}

.material-icon-reorder::before {
  content: "\ef1a";
}

.material-icon-remove_shopping_cart::before {
  content: "\ef1b";
}

.material-icon-query_builder::before {
  content: "\ef1c";
}

.material-icon-quickreply::before {
  content: "\ef1d";
}

.material-icon-receipt::before {
  content: "\ef1e";
}

.material-icon-redeem::before {
  content: "\ef1f";
}

.material-icon-record_voice_over::before {
  content: "\ef20";
}

.material-icon-question_answer::before {
  content: "\ef21";
}

.material-icon-published_with_changes::before {
  content: "\ef22";
}

.material-icon-plagiarism::before {
  content: "\ef23";
}

.material-icon-privacy_tip::before {
  content: "\ef24";
}

.material-icon-pregnant_woman::before {
  content: "\ef25";
}

.material-icon-preview::before {
  content: "\ef26";
}

.material-icon-play_for_work::before {
  content: "\ef27";
}

.material-icon-print::before {
  content: "\ef28";
}

.material-icon-polymer::before {
  content: "\ef29";
}

.material-icon-perm_identity::before {
  content: "\ef2a";
}

.material-icon-picture_in_picture_alt::before {
  content: "\ef2b";
}

.material-icon-pending::before {
  content: "\ef2c";
}

.material-icon-pets::before {
  content: "\ef2d";
}

.material-icon-outlet::before {
  content: "\ef2e";
}

.material-icon-perm_scan_wifi::before {
  content: "\ef2f";
}

.material-icon-payment::before {
  content: "\ef30";
}

.material-icon-perm_device_information::before {
  content: "\ef31";
}

.material-icon-picture_in_picture::before {
  content: "\ef32";
}

.material-icon-perm_camera_mic::before {
  content: "\ef33";
}

.material-icon-perm_phone_msg::before {
  content: "\ef34";
}

.material-icon-perm_media::before {
  content: "\ef35";
}

.material-icon-perm_data_setting::before {
  content: "\ef36";
}

.material-icon-perm_contact_calendar::before {
  content: "\ef37";
}

.material-icon-pageview::before {
  content: "\ef38";
}

.material-icon-line_weight::before {
  content: "\ef39";
}

.material-icon-pan_tool::before {
  content: "\ef3a";
}

.material-icon-outbond::before {
  content: "\ef3b";
}

.material-icon-open_with::before {
  content: "\ef3c";
}

.material-icon-open_in_full::before {
  content: "\ef3d";
}

.material-icon-note_add::before {
  content: "\ef3e";
}

.material-icon-open_in_browser::before {
  content: "\ef3f";
}

.material-icon-not_started::before {
  content: "\ef40";
}

.material-icon-opacity::before {
  content: "\ef41";
}

.material-icon-online_prediction::before {
  content: "\ef42";
}

.material-icon-offline_pin::before {
  content: "\ef43";
}

.material-icon-offline_bolt::before {
  content: "\ef44";
}

.material-icon-minimize::before {
  content: "\ef45";
}

.material-icon-model_training::before {
  content: "\ef46";
}

.material-icon-not_accessible::before {
  content: "\ef47";
}

.material-icon-next_plan::before {
  content: "\ef48";
}

.material-icon-mediation::before {
  content: "\ef49";
}

.material-icon-markunread_mailbox::before {
  content: "\ef4a";
}

.material-icon-maximize::before {
  content: "\ef4b";
}

.material-icon-login::before {
  content: "\ef4c";
}

.material-icon-launch::before {
  content: "\ef4d";
}

.material-icon-flaky::before {
  content: "\ef4e";
}

.material-icon-lock_open::before {
  content: "\ef4f";
}

.material-icon-lock::before {
  content: "\ef50";
}

.material-icon-list::before {
  content: "\ef51";
}

.material-icon-line_style::before {
  content: "\ef52";
}

.material-icon-info::before {
  content: "\ef53";
}

.material-icon-leaderboard::before {
  content: "\ef54";
}

.material-icon-language::before {
  content: "\ef55";
}

.material-icon-lightbulb::before {
  content: "\ef56";
}

.material-icon-label_off::before {
  content: "\ef57";
}

.material-icon-invert_colors::before {
  content: "\ef58";
}

.material-icon-label_important::before {
  content: "\ef59";
}

.material-icon-flight_land::before {
  content: "\ef5a";
}

.material-icon-label::before {
  content: "\ef5b";
}

.material-icon-input::before {
  content: "\ef5c";
}

.material-icon-integration_instructions::before {
  content: "\ef5d";
}

.material-icon-important_devices::before {
  content: "\ef5e";
}

.material-icon-fingerprint::before {
  content: "\ef5f";
}

.material-icon-highlight_alt::before {
  content: "\ef60";
}

.material-icon-https::before {
  content: "\ef61";
}

.material-icon-http::before {
  content: "\ef62";
}

.material-icon-hourglass_disabled::before {
  content: "\ef63";
}

.material-icon-hourglass_full::before {
  content: "\ef64";
}

.material-icon-hourglass_empty::before {
  content: "\ef65";
}

.material-icon-horizontal_split::before {
  content: "\ef66";
}

.material-icon-history_toggle_off::before {
  content: "\ef67";
}

.material-icon-help_outline::before {
  content: "\ef68";
}

.material-icon-highlight_off::before {
  content: "\ef69";
}

.material-icon-get_app::before {
  content: "\ef6a";
}

.material-icon-help::before {
  content: "\ef6b";
}

.material-icon-group_work::before {
  content: "\ef6c";
}

.material-icon-grading::before {
  content: "\ef6d";
}

.material-icon-favorite_border::before {
  content: "\ef6e";
}

.material-icon-grade::before {
  content: "\ef6f";
}

.material-icon-g_translate::before {
  content: "\ef70";
}

.material-icon-gif::before {
  content: "\ef71";
}

.material-icon-flip_to_front::before {
  content: "\ef72";
}

.material-icon-find_replace::before {
  content: "\ef73";
}

.material-icon-flip_to_back::before {
  content: "\ef74";
}

.material-icon-find_in_page::before {
  content: "\ef75";
}

.material-icon-flight_takeoff::before {
  content: "\ef76";
}

.material-icon-filter_alt::before {
  content: "\ef77";
}

.material-icon-face_unlock::before {
  content: "\ef78";
}

.material-icon-feedback::before {
  content: "\ef79";
}

.material-icon-drag_indicator::before {
  content: "\ef7a";
}

.material-icon-explore_off::before {
  content: "\ef7b";
}

.material-icon-extension::before {
  content: "\ef7c";
}

.material-icon-favorite::before {
  content: "\ef7d";
}

.material-icon-fact_check::before {
  content: "\ef7e";
}

.material-icon-face::before {
  content: "\ef7f";
}

.material-icon-exit_to_app::before {
  content: "\ef80";
}

.material-icon-eco::before {
  content: "\ef81";
}

.material-icon-explore::before {
  content: "\ef82";
}

.material-icon-done_all::before {
  content: "\ef83";
}

.material-icon-event_seat::before {
  content: "\ef84";
}

.material-icon-event::before {
  content: "\ef85";
}

.material-icon-euro_symbol::before {
  content: "\ef86";
}

.material-icon-eject::before {
  content: "\ef87";
}

.material-icon-dynamic_form::before {
  content: "\ef88";
}

.material-icon-date_range::before {
  content: "\ef89";
}

.material-icon-donut_small::before {
  content: "\ef8a";
}

.material-icon-description::before {
  content: "\ef8b";
}

.material-icon-donut_large::before {
  content: "\ef8c";
}

.material-icon-check_circle::before {
  content: "\ef8d";
}

.material-icon-dns::before {
  content: "\ef8e";
}

.material-icon-done_outline::before {
  content: "\ef8f";
}

.material-icon-done::before {
  content: "\ef90";
}

.material-icon-analytics::before {
  content: "\ef91";
}

.material-icon-all_out::before {
  content: "\ef92";
}

.material-icon-disabled_by_default::before {
  content: "\ef93";
}

.material-icon-delete_forever::before {
  content: "\ef94";
}

.material-icon-delete::before {
  content: "\ef95";
}

.material-icon-announcement::before {
  content: "\ef96";
}

.material-icon-commute::before {
  content: "\ef97";
}

.material-icon-chrome_reader_mode::before {
  content: "\ef98";
}

.material-icon-credit_card::before {
  content: "\ef99";
}

.material-icon-assessment::before {
  content: "\ef9a";
}

.material-icon-contactless::before {
  content: "\ef9b";
}

.material-icon-contact_support::before {
  content: "\ef9c";
}

.material-icon-contact_page::before {
  content: "\ef9d";
}

.material-icon-compare_arrows::before {
  content: "\ef9e";
}

.material-icon-cancel_schedule_send::before {
  content: "\ef9f";
}

.material-icon-code::before {
  content: "\efa0";
}

.material-icon-close_fullscreen::before {
  content: "\efa1";
}

.material-icon-class::before {
  content: "\efa2";
}

.material-icon-card_travel::before {
  content: "\efa3";
}

.material-icon-bug_report::before {
  content: "\efa4";
}

.material-icon-change_history::before {
  content: "\efa5";
}

.material-icon-card_membership::before {
  content: "\efa6";
}

.material-icon-card_giftcard::before {
  content: "\efa7";
}

.material-icon-camera_enhance::before {
  content: "\efa8";
}

.material-icon-bookmarks::before {
  content: "\efa9";
}

.material-icon-calendar_view_day::before {
  content: "\efaa";
}

.material-icon-cached::before {
  content: "\efab";
}

.material-icon-build_circle::before {
  content: "\efac";
}

.material-icon-build::before {
  content: "\efad";
}

.material-icon-book::before {
  content: "\efae";
}

.material-icon-book_online::before {
  content: "\efaf";
}

.material-icon-assignment_return::before {
  content: "\efb0";
}

.material-icon-accessible::before {
  content: "\efb1";
}

.material-icon-alarm_on::before {
  content: "\efb2";
}

.material-icon-batch_prediction::before {
  content: "\efb3";
}

.material-icon-backup_table::before {
  content: "\efb4";
}

.material-icon-backup::before {
  content: "\efb5";
}

.material-icon-android::before {
  content: "\efb6";
}

.material-icon-assignment_turned_in::before {
  content: "\efb7";
}

.material-icon-assignment_returned::before {
  content: "\efb8";
}

.material-icon-assignment_ind::before {
  content: "\efb9";
}

.material-icon-assignment_late::before {
  content: "\efba";
}

.material-icon-all_inbox::before {
  content: "\efbb";
}

.material-icon-arrow_circle_up::before {
  content: "\efbc";
}

.material-icon-aspect_ratio::before {
  content: "\efbd";
}

.material-icon-article::before {
  content: "\efbe";
}

.material-icon-arrow_right_alt::before {
  content: "\efbf";
}

.material-icon-arrow_circle_down::before {
  content: "\efc0";
}

.material-icon-app_blocking::before {
  content: "\efc1";
}

.material-icon-api::before {
  content: "\efc2";
}

.material-icon-anchor::before {
  content: "\efc3";
}

.material-icon-alarm::before {
  content: "\efc4";
}

.material-icon-alarm_off::before {
  content: "\efc5";
}

.material-icon-addchart::before {
  content: "\efc6";
}

.material-icon-alarm_add::before {
  content: "\efc7";
}

.material-icon-account_box::before {
  content: "\efc8";
}

.material-icon-admin_panel_settings::before {
  content: "\efc9";
}

.material-icon-accessibility_new::before {
  content: "\efca";
}

.material-icon-add_task::before {
  content: "\efcb";
}

.material-icon-add_shopping_cart::before {
  content: "\efcc";
}

.material-icon-account_balance_wallet::before {
  content: "\efcd";
}

.material-icon-account_balance::before {
  content: "\efce";
}

.material-icon-accessible_forward::before {
  content: "\efcf";
}

.material-icon-accessibility::before {
  content: "\efd0";
}

.material-icon-3d_rotation::before {
  content: "\efd1";
}

.mds-icon-left-help_center .slds-button:before {
  content: "\ea7e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-help_center .slds-button:after {
  content: "\ea7e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-supervised_user_circle .slds-button:before {
  content: "\ea7f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-supervised_user_circle .slds-button:after {
  content: "\ea7f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-contact_emergency .slds-button:before {
  content: "\ea80";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-contact_emergency .slds-button:after {
  content: "\ea80";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-confirmation_number .slds-button:before {
  content: "\ea81";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-confirmation_number .slds-button:after {
  content: "\ea81";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-event_available .slds-button:before {
  content: "\ea82";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-event_available .slds-button:after {
  content: "\ea82";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-file_copy .slds-button:before {
  content: "\ea83";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-file_copy .slds-button:after {
  content: "\ea83";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-people_group .slds-button:before {
  content: "\ea84";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-people_group .slds-button:after {
  content: "\ea84";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-comment_star .slds-button:before {
  content: "\ea85";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-comment_star .slds-button:after {
  content: "\ea85";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-touch_app .slds-button:before {
  content: "\ea86";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-touch_app .slds-button:after {
  content: "\ea86";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-account_circle .slds-button:before {
  content: "\ea87";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-account_circle .slds-button:after {
  content: "\ea87";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-youtube-123 .slds-button:before {
  content: "\ea88";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-youtube-123 .slds-button:after {
  content: "\ea88";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-loyalty .slds-button:before {
  content: "\ea89";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-loyalty .slds-button:after {
  content: "\ea89";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-security .slds-button:before {
  content: "\ea8a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-security .slds-button:after {
  content: "\ea8a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-inbox .slds-button:before {
  content: "\ea8b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-inbox .slds-button:after {
  content: "\ea8b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-attach_money .slds-button:before {
  content: "\ea8c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-attach_money .slds-button:after {
  content: "\ea8c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fb .slds-button:before {
  content: "\ea8d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fb .slds-button:after {
  content: "\ea8d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-twitter .slds-button:before {
  content: "\ea8e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-twitter .slds-button:after {
  content: "\ea8e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-access_time .slds-button:before {
  content: "\ea8f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-access_time .slds-button:after {
  content: "\ea8f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_phone .slds-button:before {
  content: "\ea90";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_phone .slds-button:after {
  content: "\ea90";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mail_outline .slds-button:before {
  content: "\ea91";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mail_outline .slds-button:after {
  content: "\ea91";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_drop_down .slds-button:before {
  content: "\ea92";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_drop_down .slds-button:after {
  content: "\ea92";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-assignment .slds-button:before {
  content: "\ea93";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-assignment .slds-button:after {
  content: "\ea93";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_police .slds-button:before {
  content: "\ea94";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_police .slds-button:after {
  content: "\ea94";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-file_upload .slds-button:before {
  content: "\ea95";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-file_upload .slds-button:after {
  content: "\ea95";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-comment_bank .slds-button:before {
  content: "\ea96";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-comment_bank .slds-button:after {
  content: "\ea96";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-videocam .slds-button:before {
  content: "\ea97";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-videocam .slds-button:after {
  content: "\ea97";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings .slds-button:before {
  content: "\ea98";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings .slds-button:after {
  content: "\ea98";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-real_estate_agent .slds-button:before {
  content: "\ea99";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-real_estate_agent .slds-button:after {
  content: "\ea99";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-manage_accounts .slds-button:before {
  content: "\ea9b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-manage_accounts .slds-button:after {
  content: "\ea9b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-Users .slds-button:before {
  content: "\ea9c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-Users .slds-button:after {
  content: "\ea9c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-policy .slds-button:before {
  content: "\ea9d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-policy .slds-button:after {
  content: "\ea9d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-swap_horiz .slds-button:before {
  content: "\ea9e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-swap_horiz .slds-button:after {
  content: "\ea9e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-applications .slds-button:before {
  content: "\ea9f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-applications .slds-button:after {
  content: "\ea9f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-payments .slds-button:before {
  content: "\eaa0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-payments .slds-button:after {
  content: "\eaa0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-history .slds-button:before {
  content: "\eaa1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-history .slds-button:after {
  content: "\eaa1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-BRC .slds-button:before {
  content: "\eaa2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-BRC .slds-button:after {
  content: "\eaa2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-calendar_today .slds-button:before {
  content: "\eaa3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-calendar_today .slds-button:after {
  content: "\eaa3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-document_scanner .slds-button:before {
  content: "\eaa4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-document_scanner .slds-button:after {
  content: "\eaa4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-unfold_more .slds-button:before {
  content: "\eaa5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-unfold_more .slds-button:after {
  content: "\eaa5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-autorenew .slds-button:before {
  content: "\eaa6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-autorenew .slds-button:after {
  content: "\eaa6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-edit_note .slds-button:before {
  content: "\eaa7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-edit_note .slds-button:after {
  content: "\eaa7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-expand_more-1 .slds-button:before {
  content: "\eaa9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-expand_more-1 .slds-button:after {
  content: "\eaa9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tick_mark .slds-button:before {
  content: "\eaaa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tick_mark .slds-button:after {
  content: "\eaaa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-program-licensing .slds-button:before {
  content: "\eaac";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-program-licensing .slds-button:after {
  content: "\eaac";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-child-care-subsidy .slds-button:before {
  content: "\eaad";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-child-care-subsidy .slds-button:after {
  content: "\eaad";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-copy_all .slds-button:before {
  content: "\eaae";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-copy_all .slds-button:after {
  content: "\eaae";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-grants .slds-button:before {
  content: "\eaaf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-grants .slds-button:after {
  content: "\eaaf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-workspace_premium .slds-button:before {
  content: "\eab0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-workspace_premium .slds-button:after {
  content: "\eab0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-file_download .slds-button:before {
  content: "\eab1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-file_download .slds-button:after {
  content: "\eab1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-refresh .slds-button:before {
  content: "\eab2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-refresh .slds-button:after {
  content: "\eab2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-support_agent .slds-button:before {
  content: "\eab3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-support_agent .slds-button:after {
  content: "\eab3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bookmark_add .slds-button:before {
  content: "\eab4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bookmark_add .slds-button:after {
  content: "\eab4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-company .slds-button:before {
  content: "\eab5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-company .slds-button:after {
  content: "\eab5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-approval .slds-button:before {
  content: "\eab6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-approval .slds-button:after {
  content: "\eab6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add .slds-button:before {
  content: "\eab7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add .slds-button:after {
  content: "\eab7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cancel .slds-button:before {
  content: "\eab8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cancel .slds-button:after {
  content: "\eab8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pending_actions .slds-button:before {
  content: "\eab9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pending_actions .slds-button:after {
  content: "\eab9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hide .slds-button:before {
  content: "\eaba";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hide .slds-button:after {
  content: "\eaba";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view .slds-button:before {
  content: "\eabb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view .slds-button:after {
  content: "\eabb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-translate .slds-button:before {
  content: "\eabc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-translate .slds-button:after {
  content: "\eabc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-photo_camera .slds-button:before {
  content: "\eabd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-photo_camera .slds-button:after {
  content: "\eabd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-home .slds-button:before {
  content: "\eabe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-home .slds-button:after {
  content: "\eabe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-close .slds-button:before {
  content: "\eabf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-close .slds-button:after {
  content: "\eabf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard_arrow_left .slds-button:before {
  content: "\eac0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard_arrow_left .slds-button:after {
  content: "\eac0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-menu .slds-button:before {
  content: "\eac1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-menu .slds-button:after {
  content: "\eac1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-edit .slds-button:before {
  content: "\eac2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-edit .slds-button:after {
  content: "\eac2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-apps .slds-button:before {
  content: "\eac3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-apps .slds-button:after {
  content: "\eac3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-notifications .slds-button:before {
  content: "\eac4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-notifications .slds-button:after {
  content: "\eac4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard_arrow_right .slds-button:before {
  content: "\eac5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard_arrow_right .slds-button:after {
  content: "\eac5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-delete_outline .slds-button:before {
  content: "\eac7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-delete_outline .slds-button:after {
  content: "\eac7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-open_in_new .slds-button:before {
  content: "\eac8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-open_in_new .slds-button:after {
  content: "\eac8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-power_settings_new .slds-button:before {
  content: "\eac9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-power_settings_new .slds-button:after {
  content: "\eac9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_back .slds-button:before {
  content: "\eaca";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_back .slds-button:after {
  content: "\eaca";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_forward .slds-button:before {
  content: "\eacb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_forward .slds-button:after {
  content: "\eacb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-star_purple500 .slds-button:before {
  content: "\eacc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-star_purple500 .slds-button:after {
  content: "\eacc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-upload .slds-button:before {
  content: "\eacd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-upload .slds-button:after {
  content: "\eacd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-attach_file .slds-button:before {
  content: "\eace";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-attach_file .slds-button:after {
  content: "\eace";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-remove_circle_outline .slds-button:before {
  content: "\eacf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-remove_circle_outline .slds-button:after {
  content: "\eacf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-do_disturb_alt .slds-button:before {
  content: "\ead0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-do_disturb_alt .slds-button:after {
  content: "\ead0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bookmark .slds-button:before {
  content: "\ead1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bookmark .slds-button:after {
  content: "\ead1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_circle_outline .slds-button:before {
  content: "\ead2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_circle_outline .slds-button:after {
  content: "\ead2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bookmark_border .slds-button:before {
  content: "\ead3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bookmark_border .slds-button:after {
  content: "\ead3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-library_books .slds-button:before {
  content: "\ead4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-library_books .slds-button:after {
  content: "\ead4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-school .slds-button:before {
  content: "\ead5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-school .slds-button:after {
  content: "\ead5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-list_alt .slds-button:before {
  content: "\ead6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-list_alt .slds-button:after {
  content: "\ead6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-work_outline .slds-button:before {
  content: "\ead7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-work_outline .slds-button:after {
  content: "\ead7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-check_circle_outline .slds-button:before {
  content: "\ead8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-check_circle_outline .slds-button:after {
  content: "\ead8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-warning_amber .slds-button:before {
  content: "\ead9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-warning_amber .slds-button:after {
  content: "\ead9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-person .slds-button:before {
  content: "\eada";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-person .slds-button:after {
  content: "\eada";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-logout .slds-button:before {
  content: "\eadb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-logout .slds-button:after {
  content: "\eadb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-dashboard .slds-button:before {
  content: "\eadc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-dashboard .slds-button:after {
  content: "\eadc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-info_outline .slds-button:before {
  content: "\eadd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-info_outline .slds-button:after {
  content: "\eadd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-av_timer .slds-button:before {
  content: "\eade";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-av_timer .slds-button:after {
  content: "\eade";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-light .slds-button:before {
  content: "\eadf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-light .slds-button:after {
  content: "\eadf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hamburger .slds-button:before {
  content: "\eae1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hamburger .slds-button:after {
  content: "\eae1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-search .slds-button:before {
  content: "\eae2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-search .slds-button:after {
  content: "\eae2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-circle-arrow-up .slds-button:before {
  content: "\eae3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-circle-arrow-up .slds-button:after {
  content: "\eae3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_upward .slds-button:before {
  content: "\eae4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_upward .slds-button:after {
  content: "\eae4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_downward .slds-button:before {
  content: "\eae5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_downward .slds-button:after {
  content: "\eae5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airplanemode_active .slds-button:before {
  content: "\eae6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airplanemode_active .slds-button:after {
  content: "\eae6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_outward .slds-button:before {
  content: "\eae7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_outward .slds-button:after {
  content: "\eae7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-event_busy .slds-button:before {
  content: "\eae8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-event_busy .slds-button:after {
  content: "\eae8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-motion_photos_on .slds-button:before {
  content: "\eae9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-motion_photos_on .slds-button:after {
  content: "\eae9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-motion_photos_paused .slds-button:before {
  content: "\eaea";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-motion_photos_paused .slds-button:after {
  content: "\eaea";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_luggage .slds-button:before {
  content: "\eaeb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_luggage .slds-button:after {
  content: "\eaeb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-emoji_transportation .slds-button:before {
  content: "\eaec";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-emoji_transportation .slds-button:after {
  content: "\eaec";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-check_box .slds-button:before {
  content: "\eaed";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-check_box .slds-button:after {
  content: "\eaed";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-emoji_nature .slds-button:before {
  content: "\eaee";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-emoji_nature .slds-button:after {
  content: "\eaee";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_volleyball .slds-button:before {
  content: "\eaef";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_volleyball .slds-button:after {
  content: "\eaef";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-toggle_on .slds-button:before {
  content: "\eaf0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-toggle_on .slds-button:after {
  content: "\eaf0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-thumb_up_alt .slds-button:before {
  content: "\eaf1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-thumb_up_alt .slds-button:after {
  content: "\eaf1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-toggle_off .slds-button:before {
  content: "\eaf2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-toggle_off .slds-button:after {
  content: "\eaf2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-star_outline .slds-button:before {
  content: "\eaf3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-star_outline .slds-button:after {
  content: "\eaf3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-star_half .slds-button:before {
  content: "\eaf4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-star_half .slds-button:after {
  content: "\eaf4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-star_border_purple500 .slds-button:before {
  content: "\eaf5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-star_border_purple500 .slds-button:after {
  content: "\eaf5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-star_border .slds-button:before {
  content: "\eaf6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-star_border .slds-button:after {
  content: "\eaf6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-star .slds-button:before {
  content: "\eaf7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-star .slds-button:after {
  content: "\eaf7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-radio_button_unchecked .slds-button:before {
  content: "\eaf8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-radio_button_unchecked .slds-button:after {
  content: "\eaf8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-radio_button_checked .slds-button:before {
  content: "\eaf9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-radio_button_checked .slds-button:after {
  content: "\eaf9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-check_box_outline_blank .slds-button:before {
  content: "\eafa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-check_box_outline_blank .slds-button:after {
  content: "\eafa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-indeterminate_check_box .slds-button:before {
  content: "\eafb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-indeterminate_check_box .slds-button:after {
  content: "\eafb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_soccer .slds-button:before {
  content: "\eafc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_soccer .slds-button:after {
  content: "\eafc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_tennis .slds-button:before {
  content: "\eafd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_tennis .slds-button:after {
  content: "\eafd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-whatshot .slds-button:before {
  content: "\eafe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-whatshot .slds-button:after {
  content: "\eafe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_mma .slds-button:before {
  content: "\eaff";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_mma .slds-button:after {
  content: "\eaff";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-thumb_down_alt .slds-button:before {
  content: "\eb00";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-thumb_down_alt .slds-button:after {
  content: "\eb00";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_cricket .slds-button:before {
  content: "\eb01";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_cricket .slds-button:after {
  content: "\eb01";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_kabaddi .slds-button:before {
  content: "\eb02";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_kabaddi .slds-button:after {
  content: "\eb02";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_football .slds-button:before {
  content: "\eb03";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_football .slds-button:after {
  content: "\eb03";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_motorsports .slds-button:before {
  content: "\eb04";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_motorsports .slds-button:after {
  content: "\eb04";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_rugby .slds-button:before {
  content: "\eb05";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_rugby .slds-button:after {
  content: "\eb05";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sick .slds-button:before {
  content: "\eb06";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sick .slds-button:after {
  content: "\eb06";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_handball .slds-button:before {
  content: "\eb07";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_handball .slds-button:after {
  content: "\eb07";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_hockey .slds-button:before {
  content: "\eb08";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_hockey .slds-button:after {
  content: "\eb08";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_golf .slds-button:before {
  content: "\eb09";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_golf .slds-button:after {
  content: "\eb09";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_baseball .slds-button:before {
  content: "\eb0a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_baseball .slds-button:after {
  content: "\eb0a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_esports .slds-button:before {
  content: "\eb0b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_esports .slds-button:after {
  content: "\eb0b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-public .slds-button:before {
  content: "\eb0c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-public .slds-button:after {
  content: "\eb0c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_basketball .slds-button:before {
  content: "\eb0d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_basketball .slds-button:after {
  content: "\eb0d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports .slds-button:before {
  content: "\eb0e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports .slds-button:after {
  content: "\eb0e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-share .slds-button:before {
  content: "\eb0f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-share .slds-button:after {
  content: "\eb0f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-single_bed .slds-button:before {
  content: "\eb10";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-single_bed .slds-button:after {
  content: "\eb10";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sentiment_very_satisfied .slds-button:before {
  content: "\eb11";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sentiment_very_satisfied .slds-button:after {
  content: "\eb11";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-poll .slds-button:before {
  content: "\eb12";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-poll .slds-button:after {
  content: "\eb12";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sentiment_very_dissatisfied .slds-button:before {
  content: "\eb13";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sentiment_very_dissatisfied .slds-button:after {
  content: "\eb13";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sentiment_satisfied .slds-button:before {
  content: "\eb14";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sentiment_satisfied .slds-button:after {
  content: "\eb14";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sentiment_neutral .slds-button:before {
  content: "\eb15";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sentiment_neutral .slds-button:after {
  content: "\eb15";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sentiment_dissatisfied .slds-button:before {
  content: "\eb16";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sentiment_dissatisfied .slds-button:after {
  content: "\eb16";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-self_improvement .slds-button:before {
  content: "\eb17";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-self_improvement .slds-button:after {
  content: "\eb17";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-science .slds-button:before {
  content: "\eb18";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-science .slds-button:after {
  content: "\eb18";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sanitizer .slds-button:before {
  content: "\eb19";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sanitizer .slds-button:after {
  content: "\eb19";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-reduce_capacity .slds-button:before {
  content: "\eb1a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-reduce_capacity .slds-button:after {
  content: "\eb1a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-person_add_alt_1 .slds-button:before {
  content: "\eb1b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-person_add_alt_1 .slds-button:after {
  content: "\eb1b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-public_off .slds-button:before {
  content: "\eb1c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-public_off .slds-button:after {
  content: "\eb1c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-psychology .slds-button:before {
  content: "\eb1d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-psychology .slds-button:after {
  content: "\eb1d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-person_remove .slds-button:before {
  content: "\eb1e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-person_remove .slds-button:after {
  content: "\eb1e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-plus_one .slds-button:before {
  content: "\eb1f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-plus_one .slds-button:after {
  content: "\eb1f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-person_add .slds-button:before {
  content: "\eb20";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-person_add .slds-button:after {
  content: "\eb20";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-precision_manufacturing .slds-button:before {
  content: "\eb21";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-precision_manufacturing .slds-button:after {
  content: "\eb21";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-person_outline .slds-button:before {
  content: "\eb22";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-person_outline .slds-button:after {
  content: "\eb22";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-person_remove_alt_1 .slds-button:before {
  content: "\eb23";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-person_remove_alt_1 .slds-button:after {
  content: "\eb23";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-people_outline .slds-button:before {
  content: "\eb24";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-people_outline .slds-button:after {
  content: "\eb24";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-notifications_off .slds-button:before {
  content: "\eb25";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-notifications_off .slds-button:after {
  content: "\eb25";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-notifications_active .slds-button:before {
  content: "\eb26";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-notifications_active .slds-button:after {
  content: "\eb26";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-people .slds-button:before {
  content: "\eb27";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-people .slds-button:after {
  content: "\eb27";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-people_alt .slds-button:before {
  content: "\eb28";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-people_alt .slds-button:after {
  content: "\eb28";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-party_mode .slds-button:before {
  content: "\eb29";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-party_mode .slds-button:after {
  content: "\eb29";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mood .slds-button:before {
  content: "\eb2a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mood .slds-button:after {
  content: "\eb2a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-outdoor_grill .slds-button:before {
  content: "\eb2b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-outdoor_grill .slds-button:after {
  content: "\eb2b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pages .slds-button:before {
  content: "\eb2c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pages .slds-button:after {
  content: "\eb2c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-notifications_paused .slds-button:before {
  content: "\eb2d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-notifications_paused .slds-button:after {
  content: "\eb2d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-notifications_none .slds-button:before {
  content: "\eb2e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-notifications_none .slds-button:after {
  content: "\eb2e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tapas .slds-button:before {
  content: "\eb2f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tapas .slds-button:after {
  content: "\eb2f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stroller .slds-button:before {
  content: "\eb30";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stroller .slds-button:after {
  content: "\eb30";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-groups .slds-button:before {
  content: "\eb31";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-groups .slds-button:after {
  content: "\eb31";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-masks .slds-button:before {
  content: "\eb32";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-masks .slds-button:after {
  content: "\eb32";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-smoke_free .slds-button:before {
  content: "\eb33";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-smoke_free .slds-button:after {
  content: "\eb33";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-nights_stay .slds-button:before {
  content: "\eb34";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-nights_stay .slds-button:after {
  content: "\eb34";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mood_bad .slds-button:before {
  content: "\eb35";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mood_bad .slds-button:after {
  content: "\eb35";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sports_bar .slds-button:before {
  content: "\eb36";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sports_bar .slds-button:after {
  content: "\eb36";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-military_tech .slds-button:before {
  content: "\eb37";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-military_tech .slds-button:after {
  content: "\eb37";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-location_city .slds-button:before {
  content: "\eb38";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-location_city .slds-button:after {
  content: "\eb38";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-king_bed .slds-button:before {
  content: "\eb39";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-king_bed .slds-button:after {
  content: "\eb39";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-luggage .slds-button:before {
  content: "\eb3a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-luggage .slds-button:after {
  content: "\eb3a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-history_edu .slds-button:before {
  content: "\eb3b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-history_edu .slds-button:after {
  content: "\eb3b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-group_add .slds-button:before {
  content: "\eb3c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-group_add .slds-button:after {
  content: "\eb3c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-follow_the_signs .slds-button:before {
  content: "\eb3d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-follow_the_signs .slds-button:after {
  content: "\eb3d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-connect_without_contact .slds-button:before {
  content: "\eb3e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-connect_without_contact .slds-button:after {
  content: "\eb3e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-group .slds-button:before {
  content: "\eb3f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-group .slds-button:after {
  content: "\eb3f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fireplace .slds-button:before {
  content: "\eb40";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fireplace .slds-button:after {
  content: "\eb40";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cake .slds-button:before {
  content: "\eb41";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cake .slds-button:after {
  content: "\eb41";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-emoji_symbols .slds-button:before {
  content: "\eb42";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-emoji_symbols .slds-button:after {
  content: "\eb42";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-engineering .slds-button:before {
  content: "\eb43";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-engineering .slds-button:after {
  content: "\eb43";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-emoji_people .slds-button:before {
  content: "\eb44";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-emoji_people .slds-button:after {
  content: "\eb44";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stairs .slds-button:before {
  content: "\eb45";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stairs .slds-button:after {
  content: "\eb45";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-emoji_events .slds-button:before {
  content: "\eb46";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-emoji_events .slds-button:after {
  content: "\eb46";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-emoji_objects .slds-button:before {
  content: "\eb47";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-emoji_objects .slds-button:after {
  content: "\eb47";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tty .slds-button:before {
  content: "\eb48";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tty .slds-button:after {
  content: "\eb48";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-emoji_food_beverage .slds-button:before {
  content: "\eb49";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-emoji_food_beverage .slds-button:after {
  content: "\eb49";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-emoji_flags .slds-button:before {
  content: "\eb4a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-emoji_flags .slds-button:after {
  content: "\eb4a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-elderly .slds-button:before {
  content: "\eb4b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-elderly .slds-button:after {
  content: "\eb4b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-emoji_emotions .slds-button:before {
  content: "\eb4c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-emoji_emotions .slds-button:after {
  content: "\eb4c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-6_ft_apart .slds-button:before {
  content: "\eb4d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-6_ft_apart .slds-button:after {
  content: "\eb4d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-domain .slds-button:before {
  content: "\eb4e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-domain .slds-button:after {
  content: "\eb4e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-deck .slds-button:before {
  content: "\eb4f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-deck .slds-button:after {
  content: "\eb4f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-coronavirus .slds-button:before {
  content: "\eb50";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-coronavirus .slds-button:after {
  content: "\eb50";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-construction .slds-button:before {
  content: "\eb51";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-construction .slds-button:after {
  content: "\eb51";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rv_hookup .slds-button:before {
  content: "\eb52";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rv_hookup .slds-button:after {
  content: "\eb52";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-clean_hands .slds-button:before {
  content: "\eb53";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-clean_hands .slds-button:after {
  content: "\eb53";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-spa .slds-button:before {
  content: "\eb54";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-spa .slds-button:after {
  content: "\eb54";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-architecture .slds-button:before {
  content: "\eb55";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-architecture .slds-button:after {
  content: "\eb55";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-storefront .slds-button:before {
  content: "\eb56";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-storefront .slds-button:after {
  content: "\eb56";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wheelchair_pickup .slds-button:before {
  content: "\eb57";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wheelchair_pickup .slds-button:after {
  content: "\eb57";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-water_damage .slds-button:before {
  content: "\eb58";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-water_damage .slds-button:after {
  content: "\eb58";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wash .slds-button:before {
  content: "\eb59";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wash .slds-button:after {
  content: "\eb59";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-umbrella .slds-button:before {
  content: "\eb5a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-umbrella .slds-button:after {
  content: "\eb5a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-room_service .slds-button:before {
  content: "\eb5b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-room_service .slds-button:after {
  content: "\eb5b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-soap .slds-button:before {
  content: "\eb5c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-soap .slds-button:after {
  content: "\eb5c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_cell .slds-button:before {
  content: "\eb5d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_cell .slds-button:after {
  content: "\eb5d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-smoking_rooms .slds-button:before {
  content: "\eb5e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-smoking_rooms .slds-button:after {
  content: "\eb5e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-roofing .slds-button:before {
  content: "\eb5f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-roofing .slds-button:after {
  content: "\eb5f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-microwave .slds-button:before {
  content: "\eb60";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-microwave .slds-button:after {
  content: "\eb60";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-room_preferences .slds-button:before {
  content: "\eb61";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-room_preferences .slds-button:after {
  content: "\eb61";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_photography .slds-button:before {
  content: "\eb62";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_photography .slds-button:after {
  content: "\eb62";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rice_bowl .slds-button:before {
  content: "\eb63";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rice_bowl .slds-button:after {
  content: "\eb63";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-kitchen .slds-button:before {
  content: "\eb64";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-kitchen .slds-button:after {
  content: "\eb64";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone .slds-button:before {
  content: "\eb65";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone .slds-button:after {
  content: "\eb65";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_stroller .slds-button:before {
  content: "\eb66";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_stroller .slds-button:after {
  content: "\eb66";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hot_tub .slds-button:before {
  content: "\eb67";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hot_tub .slds-button:after {
  content: "\eb67";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pool .slds-button:before {
  content: "\eb68";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pool .slds-button:after {
  content: "\eb68";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_food .slds-button:before {
  content: "\eb69";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_food .slds-button:after {
  content: "\eb69";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_flash .slds-button:before {
  content: "\eb6a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_flash .slds-button:after {
  content: "\eb6a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_meeting_room .slds-button:before {
  content: "\eb6b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_meeting_room .slds-button:after {
  content: "\eb6b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_drinks .slds-button:before {
  content: "\eb6c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_drinks .slds-button:after {
  content: "\eb6c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-copyright .slds-button:before {
  content: "\eb6d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-copyright .slds-button:after {
  content: "\eb6d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_backpack .slds-button:before {
  content: "\eb6e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_backpack .slds-button:after {
  content: "\eb6e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-night_shelter .slds-button:before {
  content: "\eb6f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-night_shelter .slds-button:after {
  content: "\eb6f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-meeting_room .slds-button:before {
  content: "\eb70";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-meeting_room .slds-button:after {
  content: "\eb70";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-grass .slds-button:before {
  content: "\eb71";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-grass .slds-button:after {
  content: "\eb71";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-house_siding .slds-button:before {
  content: "\eb72";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-house_siding .slds-button:after {
  content: "\eb72";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-golf_course .slds-button:before {
  content: "\eb73";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-golf_course .slds-button:after {
  content: "\eb73";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-house .slds-button:before {
  content: "\eb74";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-house .slds-button:after {
  content: "\eb74";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-checkroom .slds-button:before {
  content: "\eb75";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-checkroom .slds-button:after {
  content: "\eb75";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-free_breakfast .slds-button:before {
  content: "\eb76";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-free_breakfast .slds-button:after {
  content: "\eb76";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-foundation .slds-button:before {
  content: "\eb77";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-foundation .slds-button:after {
  content: "\eb77";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fitness_center .slds-button:before {
  content: "\eb78";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fitness_center .slds-button:after {
  content: "\eb78";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-food_bank .slds-button:before {
  content: "\eb79";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-food_bank .slds-button:after {
  content: "\eb79";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-elevator .slds-button:before {
  content: "\eb7a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-elevator .slds-button:after {
  content: "\eb7a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-child_care .slds-button:before {
  content: "\eb7b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-child_care .slds-button:after {
  content: "\eb7b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fire_extinguisher .slds-button:before {
  content: "\eb7c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fire_extinguisher .slds-button:after {
  content: "\eb7c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fence .slds-button:before {
  content: "\eb7d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fence .slds-button:after {
  content: "\eb7d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-family_restroom .slds-button:before {
  content: "\eb7e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-family_restroom .slds-button:after {
  content: "\eb7e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-escalator_warning .slds-button:before {
  content: "\eb7f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-escalator_warning .slds-button:after {
  content: "\eb7f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-escalator .slds-button:before {
  content: "\eb80";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-escalator .slds-button:after {
  content: "\eb80";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-dry .slds-button:before {
  content: "\eb81";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-dry .slds-button:after {
  content: "\eb81";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-beach_access .slds-button:before {
  content: "\eb82";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-beach_access .slds-button:after {
  content: "\eb82";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-do_not_touch .slds-button:before {
  content: "\eb83";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-do_not_touch .slds-button:after {
  content: "\eb83";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-do_not_step .slds-button:before {
  content: "\eb84";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-do_not_step .slds-button:after {
  content: "\eb84";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-countertops .slds-button:before {
  content: "\eb85";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-countertops .slds-button:after {
  content: "\eb85";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-corporate_fare .slds-button:before {
  content: "\eb86";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-corporate_fare .slds-button:after {
  content: "\eb86";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-child_friendly .slds-button:before {
  content: "\eb87";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-child_friendly .slds-button:after {
  content: "\eb87";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-charging_station .slds-button:before {
  content: "\eb88";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-charging_station .slds-button:after {
  content: "\eb88";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-carpenter .slds-button:before {
  content: "\eb89";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-carpenter .slds-button:after {
  content: "\eb89";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bento .slds-button:before {
  content: "\eb8a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bento .slds-button:after {
  content: "\eb8a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-business_center .slds-button:before {
  content: "\eb8b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-business_center .slds-button:after {
  content: "\eb8b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-casino .slds-button:before {
  content: "\eb8c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-casino .slds-button:after {
  content: "\eb8c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-ac_unit .slds-button:before {
  content: "\eb8d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-ac_unit .slds-button:after {
  content: "\eb8d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bathtub .slds-button:before {
  content: "\eb8e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bathtub .slds-button:after {
  content: "\eb8e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-baby_changing_station .slds-button:before {
  content: "\eb8f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-baby_changing_station .slds-button:after {
  content: "\eb8f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-backpack .slds-button:before {
  content: "\eb90";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-backpack .slds-button:after {
  content: "\eb90";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-all_inclusive .slds-button:before {
  content: "\eb91";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-all_inclusive .slds-button:after {
  content: "\eb91";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-apartment .slds-button:before {
  content: "\eb92";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-apartment .slds-button:after {
  content: "\eb92";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tv_off .slds-button:before {
  content: "\eb93";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tv_off .slds-button:after {
  content: "\eb93";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airport_shuttle .slds-button:before {
  content: "\eb94";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airport_shuttle .slds-button:after {
  content: "\eb94";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wifi_off .slds-button:before {
  content: "\eb95";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wifi_off .slds-button:after {
  content: "\eb95";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-voice_chat .slds-button:before {
  content: "\eb96";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-voice_chat .slds-button:after {
  content: "\eb96";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wifi .slds-button:before {
  content: "\eb97";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wifi .slds-button:after {
  content: "\eb97";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-vibration .slds-button:before {
  content: "\eb98";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-vibration .slds-button:after {
  content: "\eb98";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wc .slds-button:before {
  content: "\eb99";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wc .slds-button:after {
  content: "\eb99";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-vpn_lock .slds-button:before {
  content: "\eb9a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-vpn_lock .slds-button:after {
  content: "\eb9a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_missed .slds-button:before {
  content: "\eb9b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_missed .slds-button:after {
  content: "\eb9b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-time_to_leave .slds-button:before {
  content: "\eb9c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-time_to_leave .slds-button:after {
  content: "\eb9c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sync_problem .slds-button:before {
  content: "\eb9d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sync_problem .slds-button:after {
  content: "\eb9d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sd_card_alert .slds-button:before {
  content: "\eb9e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sd_card_alert .slds-button:after {
  content: "\eb9e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tap_and_play .slds-button:before {
  content: "\eb9f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tap_and_play .slds-button:after {
  content: "\eb9f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-system_update .slds-button:before {
  content: "\eba0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-system_update .slds-button:after {
  content: "\eba0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sync_disabled .slds-button:before {
  content: "\eba1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sync_disabled .slds-button:after {
  content: "\eba1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sd_card .slds-button:before {
  content: "\eba2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sd_card .slds-button:after {
  content: "\eba2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sync .slds-button:before {
  content: "\eba3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sync .slds-button:after {
  content: "\eba3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sms_failed .slds-button:before {
  content: "\eba4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sms_failed .slds-button:after {
  content: "\eba4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sms .slds-button:before {
  content: "\eba5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sms .slds-button:after {
  content: "\eba5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-priority_high .slds-button:before {
  content: "\eba6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-priority_high .slds-button:after {
  content: "\eba6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-power .slds-button:before {
  content: "\eba7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-power .slds-button:after {
  content: "\eba7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_callback .slds-button:before {
  content: "\eba8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_callback .slds-button:after {
  content: "\eba8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-power_off .slds-button:before {
  content: "\eba9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-power_off .slds-button:after {
  content: "\eba9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_paused .slds-button:before {
  content: "\ebaa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_paused .slds-button:after {
  content: "\ebaa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_in_talk .slds-button:before {
  content: "\ebab";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_in_talk .slds-button:after {
  content: "\ebab";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-live_tv .slds-button:before {
  content: "\ebac";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-live_tv .slds-button:after {
  content: "\ebac";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_locked .slds-button:before {
  content: "\ebad";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_locked .slds-button:after {
  content: "\ebad";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_forwarded .slds-button:before {
  content: "\ebae";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_forwarded .slds-button:after {
  content: "\ebae";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-event_note .slds-button:before {
  content: "\ebaf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-event_note .slds-button:after {
  content: "\ebaf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-personal_video .slds-button:before {
  content: "\ebb0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-personal_video .slds-button:after {
  content: "\ebb0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-ondemand_video .slds-button:before {
  content: "\ebb1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-ondemand_video .slds-button:after {
  content: "\ebb1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_bluetooth_speaker .slds-button:before {
  content: "\ebb2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_bluetooth_speaker .slds-button:after {
  content: "\ebb2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_encryption_gmailerrorred .slds-button:before {
  content: "\ebb3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_encryption_gmailerrorred .slds-button:after {
  content: "\ebb3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_encryption .slds-button:before {
  content: "\ebb4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_encryption .slds-button:after {
  content: "\ebb4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-network_locked .slds-button:before {
  content: "\ebb5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-network_locked .slds-button:after {
  content: "\ebb5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-network_check .slds-button:before {
  content: "\ebb6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-network_check .slds-button:after {
  content: "\ebb6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-more .slds-button:before {
  content: "\ebb7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-more .slds-button:after {
  content: "\ebb7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mms .slds-button:before {
  content: "\ebb8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mms .slds-button:after {
  content: "\ebb8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-disc_full .slds-button:before {
  content: "\ebb9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-disc_full .slds-button:after {
  content: "\ebb9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-folder_special .slds-button:before {
  content: "\ebba";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-folder_special .slds-button:after {
  content: "\ebba";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-drive_eta .slds-button:before {
  content: "\ebbb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-drive_eta .slds-button:after {
  content: "\ebbb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-enhanced_encryption .slds-button:before {
  content: "\ebbc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-enhanced_encryption .slds-button:after {
  content: "\ebbc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-do_disturb_on .slds-button:before {
  content: "\ebbd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-do_disturb_on .slds-button:after {
  content: "\ebbd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-do_disturb_off .slds-button:before {
  content: "\ebbe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-do_disturb_off .slds-button:after {
  content: "\ebbe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airline_seat_individual_suite .slds-button:before {
  content: "\ebbf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airline_seat_individual_suite .slds-button:after {
  content: "\ebbf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-do_disturb .slds-button:before {
  content: "\ebc0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-do_disturb .slds-button:after {
  content: "\ebc0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions_off .slds-button:before {
  content: "\ebc1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions_off .slds-button:after {
  content: "\ebc1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bluetooth_audio .slds-button:before {
  content: "\ebc2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bluetooth_audio .slds-button:after {
  content: "\ebc2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airline_seat_recline_extra .slds-button:before {
  content: "\ebc3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airline_seat_recline_extra .slds-button:after {
  content: "\ebc3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airline_seat_legroom_reduced .slds-button:before {
  content: "\ebc4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airline_seat_legroom_reduced .slds-button:after {
  content: "\ebc4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airline_seat_recline_normal .slds-button:before {
  content: "\ebc5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airline_seat_recline_normal .slds-button:after {
  content: "\ebc5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airline_seat_legroom_extra .slds-button:before {
  content: "\ebc6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airline_seat_legroom_extra .slds-button:after {
  content: "\ebc6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airline_seat_legroom_normal .slds-button:before {
  content: "\ebc7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airline_seat_legroom_normal .slds-button:after {
  content: "\ebc7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airline_seat_flat_angled .slds-button:before {
  content: "\ebc8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airline_seat_flat_angled .slds-button:after {
  content: "\ebc8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airline_seat_flat .slds-button:before {
  content: "\ebc9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airline_seat_flat .slds-button:after {
  content: "\ebc9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-switch_right .slds-button:before {
  content: "\ebca";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-switch_right .slds-button:after {
  content: "\ebca";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-account_tree .slds-button:before {
  content: "\ebcb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-account_tree .slds-button:after {
  content: "\ebcb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-west .slds-button:before {
  content: "\ebcc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-west .slds-button:after {
  content: "\ebcc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-adb .slds-button:before {
  content: "\ebcd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-adb .slds-button:after {
  content: "\ebcd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-subdirectory_arrow_left .slds-button:before {
  content: "\ebce";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-subdirectory_arrow_left .slds-button:after {
  content: "\ebce";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-switch_left .slds-button:before {
  content: "\ebcf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-switch_left .slds-button:after {
  content: "\ebcf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-south_east .slds-button:before {
  content: "\ebd0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-south_east .slds-button:after {
  content: "\ebd0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-north_east .slds-button:before {
  content: "\ebd1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-north_east .slds-button:after {
  content: "\ebd1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-subdirectory_arrow_right .slds-button:before {
  content: "\ebd2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-subdirectory_arrow_right .slds-button:after {
  content: "\ebd2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-first_page .slds-button:before {
  content: "\ebd3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-first_page .slds-button:after {
  content: "\ebd3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-south_west .slds-button:before {
  content: "\ebd4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-south_west .slds-button:after {
  content: "\ebd4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-north .slds-button:before {
  content: "\ebd5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-north .slds-button:after {
  content: "\ebd5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-south .slds-button:before {
  content: "\ebd6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-south .slds-button:after {
  content: "\ebd6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-north_west .slds-button:before {
  content: "\ebd7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-north_west .slds-button:after {
  content: "\ebd7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-east .slds-button:before {
  content: "\ebd8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-east .slds-button:after {
  content: "\ebd8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-more_horiz .slds-button:before {
  content: "\ebd9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-more_horiz .slds-button:after {
  content: "\ebd9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wine_bar .slds-button:before {
  content: "\ebda";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wine_bar .slds-button:after {
  content: "\ebda";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-more_vert .slds-button:before {
  content: "\ebdb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-more_vert .slds-button:after {
  content: "\ebdb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-legend_toggle .slds-button:before {
  content: "\ebdc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-legend_toggle .slds-button:after {
  content: "\ebdc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-last_page .slds-button:before {
  content: "\ebdd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-last_page .slds-button:after {
  content: "\ebdd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-menu_open .slds-button:before {
  content: "\ebde";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-menu_open .slds-button:after {
  content: "\ebde";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fullscreen .slds-button:before {
  content: "\ebdf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fullscreen .slds-button:after {
  content: "\ebdf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-home_work .slds-button:before {
  content: "\ebe0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-home_work .slds-button:after {
  content: "\ebe0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fullscreen_exit .slds-button:before {
  content: "\ebe1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fullscreen_exit .slds-button:after {
  content: "\ebe1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-expand_less .slds-button:before {
  content: "\ebe2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-expand_less .slds-button:after {
  content: "\ebe2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_left .slds-button:before {
  content: "\ebe3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_left .slds-button:after {
  content: "\ebe3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-double_arrow .slds-button:before {
  content: "\ebe4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-double_arrow .slds-button:after {
  content: "\ebe4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-trip_origin .slds-button:before {
  content: "\ebe5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-trip_origin .slds-button:after {
  content: "\ebe5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-chevron_right .slds-button:before {
  content: "\ebe6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-chevron_right .slds-button:after {
  content: "\ebe6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-chevron_left .slds-button:before {
  content: "\ebe7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-chevron_left .slds-button:after {
  content: "\ebe7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-check .slds-button:before {
  content: "\ebe8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-check .slds-button:after {
  content: "\ebe8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-campaign .slds-button:before {
  content: "\ebe9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-campaign .slds-button:after {
  content: "\ebe9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_right .slds-button:before {
  content: "\ebea";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_right .slds-button:after {
  content: "\ebea";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-streetview .slds-button:before {
  content: "\ebeb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-streetview .slds-button:after {
  content: "\ebeb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_forward_ios .slds-button:before {
  content: "\ebec";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_forward_ios .slds-button:after {
  content: "\ebec";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_back_ios .slds-button:before {
  content: "\ebed";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_back_ios .slds-button:after {
  content: "\ebed";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_drop_up .slds-button:before {
  content: "\ebee";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_drop_up .slds-button:after {
  content: "\ebee";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_drop_down_circle .slds-button:before {
  content: "\ebef";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_drop_down_circle .slds-button:after {
  content: "\ebef";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-app_settings_alt .slds-button:before {
  content: "\ebf0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-app_settings_alt .slds-button:after {
  content: "\ebf0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-transfer_within_a_station .slds-button:before {
  content: "\ebf1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-transfer_within_a_station .slds-button:after {
  content: "\ebf1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-apps-1 .slds-button:before {
  content: "\ebf2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-apps-1 .slds-button:after {
  content: "\ebf2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wrong_location .slds-button:before {
  content: "\ebf3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wrong_location .slds-button:after {
  content: "\ebf3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-zoom_out_map .slds-button:before {
  content: "\ebf4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-zoom_out_map .slds-button:after {
  content: "\ebf4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-restaurant_menu .slds-button:before {
  content: "\ebf5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-restaurant_menu .slds-button:after {
  content: "\ebf5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-transit_enterexit .slds-button:before {
  content: "\ebf6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-transit_enterexit .slds-button:after {
  content: "\ebf6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-subway .slds-button:before {
  content: "\ebf7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-subway .slds-button:after {
  content: "\ebf7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-two_wheeler .slds-button:before {
  content: "\ebf8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-two_wheeler .slds-button:after {
  content: "\ebf8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tram .slds-button:before {
  content: "\ebf9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tram .slds-button:after {
  content: "\ebf9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-train .slds-button:before {
  content: "\ebfa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-train .slds-button:after {
  content: "\ebfa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-traffic .slds-button:before {
  content: "\ebfb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-traffic .slds-button:after {
  content: "\ebfb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-terrain .slds-button:before {
  content: "\ebfc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-terrain .slds-button:after {
  content: "\ebfc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-store_mall_directory .slds-button:before {
  content: "\ebfd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-store_mall_directory .slds-button:after {
  content: "\ebfd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-satellite .slds-button:before {
  content: "\ebfe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-satellite .slds-button:after {
  content: "\ebfe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-run_circle .slds-button:before {
  content: "\ebff";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-run_circle .slds-button:after {
  content: "\ebff";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-set_meal .slds-button:before {
  content: "\ec00";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-set_meal .slds-button:after {
  content: "\ec00";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-miscellaneous_services .slds-button:before {
  content: "\ec01";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-miscellaneous_services .slds-button:after {
  content: "\ec01";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rate_review .slds-button:before {
  content: "\ec02";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rate_review .slds-button:after {
  content: "\ec02";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-restaurant .slds-button:before {
  content: "\ec03";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-restaurant .slds-button:after {
  content: "\ec03";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-museum .slds-button:before {
  content: "\ec04";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-museum .slds-button:after {
  content: "\ec04";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-plumbing .slds-button:before {
  content: "\ec05";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-plumbing .slds-button:after {
  content: "\ec05";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pest_control_rodent .slds-button:before {
  content: "\ec06";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pest_control_rodent .slds-button:after {
  content: "\ec06";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pin_drop .slds-button:before {
  content: "\ec07";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pin_drop .slds-button:after {
  content: "\ec07";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-place .slds-button:before {
  content: "\ec08";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-place .slds-button:after {
  content: "\ec08";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-navigation .slds-button:before {
  content: "\ec09";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-navigation .slds-button:after {
  content: "\ec09";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pest_control .slds-button:before {
  content: "\ec0a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pest_control .slds-button:after {
  content: "\ec0a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-person_pin_circle .slds-button:before {
  content: "\ec0b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-person_pin_circle .slds-button:after {
  content: "\ec0b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pedal_bike .slds-button:before {
  content: "\ec0c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pedal_bike .slds-button:after {
  content: "\ec0c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-person_pin .slds-button:before {
  content: "\ec0d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-person_pin .slds-button:after {
  content: "\ec0d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-not_listed_location .slds-button:before {
  content: "\ec0e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-not_listed_location .slds-button:after {
  content: "\ec0e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_transfer .slds-button:before {
  content: "\ec0f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_transfer .slds-button:after {
  content: "\ec0f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_meals .slds-button:before {
  content: "\ec10";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_meals .slds-button:after {
  content: "\ec10";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-near_me_disabled .slds-button:before {
  content: "\ec11";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-near_me_disabled .slds-button:after {
  content: "\ec11";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-near_me .slds-button:before {
  content: "\ec12";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-near_me .slds-button:after {
  content: "\ec12";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-my_location .slds-button:before {
  content: "\ec13";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-my_location .slds-button:after {
  content: "\ec13";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-medical_services .slds-button:before {
  content: "\ec14";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-medical_services .slds-button:after {
  content: "\ec14";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-multiple_stop .slds-button:before {
  content: "\ec15";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-multiple_stop .slds-button:after {
  content: "\ec15";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_shipping .slds-button:before {
  content: "\ec16";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_shipping .slds-button:after {
  content: "\ec16";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-moped .slds-button:before {
  content: "\ec17";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-moped .slds-button:after {
  content: "\ec17";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-money .slds-button:before {
  content: "\ec18";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-money .slds-button:after {
  content: "\ec18";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-menu_book .slds-button:before {
  content: "\ec19";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-menu_book .slds-button:after {
  content: "\ec19";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_see .slds-button:before {
  content: "\ec1a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_see .slds-button:after {
  content: "\ec1a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_printshop .slds-button:before {
  content: "\ec1b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_printshop .slds-button:after {
  content: "\ec1b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-maps_ugc .slds-button:before {
  content: "\ec1c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-maps_ugc .slds-button:after {
  content: "\ec1c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-map .slds-button:before {
  content: "\ec1d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-map .slds-button:after {
  content: "\ec1d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_taxi .slds-button:before {
  content: "\ec1e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_taxi .slds-button:after {
  content: "\ec1e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_post_office .slds-button:before {
  content: "\ec1f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_post_office .slds-button:after {
  content: "\ec1f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_play .slds-button:before {
  content: "\ec20";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_play .slds-button:after {
  content: "\ec20";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_pizza .slds-button:before {
  content: "\ec21";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_pizza .slds-button:after {
  content: "\ec21";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_library .slds-button:before {
  content: "\ec22";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_library .slds-button:after {
  content: "\ec22";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_convenience_store .slds-button:before {
  content: "\ec23";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_convenience_store .slds-button:after {
  content: "\ec23";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_movies .slds-button:before {
  content: "\ec24";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_movies .slds-button:after {
  content: "\ec24";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_pharmacy .slds-button:before {
  content: "\ec25";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_pharmacy .slds-button:after {
  content: "\ec25";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_parking .slds-button:before {
  content: "\ec26";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_parking .slds-button:after {
  content: "\ec26";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_offer .slds-button:before {
  content: "\ec27";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_offer .slds-button:after {
  content: "\ec27";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_dining .slds-button:before {
  content: "\ec28";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_dining .slds-button:after {
  content: "\ec28";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_mall .slds-button:before {
  content: "\ec29";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_mall .slds-button:after {
  content: "\ec29";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_atm .slds-button:before {
  content: "\ec2a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_atm .slds-button:after {
  content: "\ec2a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_laundry_service .slds-button:before {
  content: "\ec2b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_laundry_service .slds-button:after {
  content: "\ec2b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_hotel .slds-button:before {
  content: "\ec2c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_hotel .slds-button:after {
  content: "\ec2c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_hospital .slds-button:before {
  content: "\ec2d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_hospital .slds-button:after {
  content: "\ec2d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_grocery_store .slds-button:before {
  content: "\ec2e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_grocery_store .slds-button:after {
  content: "\ec2e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_gas_station .slds-button:before {
  content: "\ec2f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_gas_station .slds-button:after {
  content: "\ec2f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_florist .slds-button:before {
  content: "\ec30";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_florist .slds-button:after {
  content: "\ec30";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_fire_department .slds-button:before {
  content: "\ec31";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_fire_department .slds-button:after {
  content: "\ec31";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_drink .slds-button:before {
  content: "\ec32";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_drink .slds-button:after {
  content: "\ec32";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_bar .slds-button:before {
  content: "\ec33";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_bar .slds-button:after {
  content: "\ec33";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_car_wash .slds-button:before {
  content: "\ec34";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_car_wash .slds-button:after {
  content: "\ec34";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_cafe .slds-button:before {
  content: "\ec35";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_cafe .slds-button:after {
  content: "\ec35";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_activity .slds-button:before {
  content: "\ec36";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_activity .slds-button:after {
  content: "\ec36";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-local_airport .slds-button:before {
  content: "\ec37";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-local_airport .slds-button:after {
  content: "\ec37";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-electrical_services .slds-button:before {
  content: "\ec38";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-electrical_services .slds-button:after {
  content: "\ec38";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fastfood .slds-button:before {
  content: "\ec39";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fastfood .slds-button:after {
  content: "\ec39";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-layers_clear .slds-button:before {
  content: "\ec3a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-layers_clear .slds-button:after {
  content: "\ec3a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-layers .slds-button:before {
  content: "\ec3b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-layers .slds-button:after {
  content: "\ec3b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-electric_bike .slds-button:before {
  content: "\ec3c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-electric_bike .slds-button:after {
  content: "\ec3c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hvac .slds-button:before {
  content: "\ec3d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hvac .slds-button:after {
  content: "\ec3d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hotel .slds-button:before {
  content: "\ec3e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hotel .slds-button:after {
  content: "\ec3e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-home_repair_service .slds-button:before {
  content: "\ec3f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-home_repair_service .slds-button:after {
  content: "\ec3f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flight .slds-button:before {
  content: "\ec40";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flight .slds-button:after {
  content: "\ec40";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-handyman .slds-button:before {
  content: "\ec41";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-handyman .slds-button:after {
  content: "\ec41";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-ev_station .slds-button:before {
  content: "\ec42";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-ev_station .slds-button:after {
  content: "\ec42";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-electric_car .slds-button:before {
  content: "\ec43";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-electric_car .slds-button:after {
  content: "\ec43";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions_bus .slds-button:before {
  content: "\ec44";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions_bus .slds-button:after {
  content: "\ec44";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-electric_scooter .slds-button:before {
  content: "\ec45";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-electric_scooter .slds-button:after {
  content: "\ec45";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-electric_moped .slds-button:before {
  content: "\ec46";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-electric_moped .slds-button:after {
  content: "\ec46";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-edit_location .slds-button:before {
  content: "\ec47";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-edit_location .slds-button:after {
  content: "\ec47";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions_transit .slds-button:before {
  content: "\ec48";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions_transit .slds-button:after {
  content: "\ec48";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-edit_road .slds-button:before {
  content: "\ec49";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-edit_road .slds-button:after {
  content: "\ec49";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-edit_attributes .slds-button:before {
  content: "\ec4a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-edit_attributes .slds-button:after {
  content: "\ec4a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions_walk .slds-button:before {
  content: "\ec4b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions_walk .slds-button:after {
  content: "\ec4b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions_run .slds-button:before {
  content: "\ec4c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions_run .slds-button:after {
  content: "\ec4c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions_boat .slds-button:before {
  content: "\ec4d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions_boat .slds-button:after {
  content: "\ec4d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions_subway .slds-button:before {
  content: "\ec4e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions_subway .slds-button:after {
  content: "\ec4e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions_railway .slds-button:before {
  content: "\ec4f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions_railway .slds-button:after {
  content: "\ec4f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-beenhere .slds-button:before {
  content: "\ec50";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-beenhere .slds-button:after {
  content: "\ec50";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-agriculture .slds-button:before {
  content: "\ec51";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-agriculture .slds-button:after {
  content: "\ec51";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions_car .slds-button:before {
  content: "\ec52";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions_car .slds-button:after {
  content: "\ec52";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions_bike .slds-button:before {
  content: "\ec53";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions_bike .slds-button:after {
  content: "\ec53";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wb_cloudy .slds-button:before {
  content: "\ec54";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wb_cloudy .slds-button:after {
  content: "\ec54";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-design_services .slds-button:before {
  content: "\ec55";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-design_services .slds-button:after {
  content: "\ec55";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-alt_route .slds-button:before {
  content: "\ec56";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-alt_route .slds-button:after {
  content: "\ec56";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-atm .slds-button:before {
  content: "\ec57";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-atm .slds-button:after {
  content: "\ec57";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-directions .slds-button:before {
  content: "\ec58";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-directions .slds-button:after {
  content: "\ec58";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-departure_board .slds-button:before {
  content: "\ec59";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-departure_board .slds-button:after {
  content: "\ec59";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-compass_calibration .slds-button:before {
  content: "\ec5a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-compass_calibration .slds-button:after {
  content: "\ec5a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cleaning_services .slds-button:before {
  content: "\ec5b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cleaning_services .slds-button:after {
  content: "\ec5b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-category .slds-button:before {
  content: "\ec5c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-category .slds-button:after {
  content: "\ec5c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bike_scooter .slds-button:before {
  content: "\ec5d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bike_scooter .slds-button:after {
  content: "\ec5d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-timelapse .slds-button:before {
  content: "\ec5e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-timelapse .slds-button:after {
  content: "\ec5e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wb_auto .slds-button:before {
  content: "\ec5f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wb_auto .slds-button:after {
  content: "\ec5f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_road .slds-button:before {
  content: "\ec60";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_road .slds-button:after {
  content: "\ec60";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_location_alt .slds-button:before {
  content: "\ec61";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_location_alt .slds-button:after {
  content: "\ec61";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_location .slds-button:before {
  content: "\ec62";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_location .slds-button:after {
  content: "\ec62";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_business .slds-button:before {
  content: "\ec63";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_business .slds-button:after {
  content: "\ec63";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wb_sunny .slds-button:before {
  content: "\ec64";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wb_sunny .slds-button:after {
  content: "\ec64";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-360 .slds-button:before {
  content: "\ec65";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-360 .slds-button:after {
  content: "\ec65";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wb_incandescent .slds-button:before {
  content: "\ec66";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wb_incandescent .slds-button:after {
  content: "\ec66";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wb_iridescent .slds-button:before {
  content: "\ec67";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wb_iridescent .slds-button:after {
  content: "\ec67";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-timer .slds-button:before {
  content: "\ec68";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-timer .slds-button:after {
  content: "\ec68";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-vignette .slds-button:before {
  content: "\ec69";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-vignette .slds-button:after {
  content: "\ec69";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_compact .slds-button:before {
  content: "\ec6a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_compact .slds-button:after {
  content: "\ec6a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-timer_3 .slds-button:before {
  content: "\ec6b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-timer_3 .slds-button:after {
  content: "\ec6b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_comfy .slds-button:before {
  content: "\ec6c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_comfy .slds-button:after {
  content: "\ec6c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tune .slds-button:before {
  content: "\ec6d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tune .slds-button:after {
  content: "\ec6d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-transform .slds-button:before {
  content: "\ec6e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-transform .slds-button:after {
  content: "\ec6e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tonality .slds-button:before {
  content: "\ec6f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tonality .slds-button:after {
  content: "\ec6f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-timer_off .slds-button:before {
  content: "\ec70";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-timer_off .slds-button:after {
  content: "\ec70";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-timer_10 .slds-button:before {
  content: "\ec71";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-timer_10 .slds-button:after {
  content: "\ec71";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-texture .slds-button:before {
  content: "\ec72";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-texture .slds-button:after {
  content: "\ec72";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tag_faces .slds-button:before {
  content: "\ec73";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tag_faces .slds-button:after {
  content: "\ec73";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rotate_left .slds-button:before {
  content: "\ec74";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rotate_left .slds-button:after {
  content: "\ec74";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-photo_size_select_small .slds-button:before {
  content: "\ec75";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-photo_size_select_small .slds-button:after {
  content: "\ec75";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-switch_video .slds-button:before {
  content: "\ec76";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-switch_video .slds-button:after {
  content: "\ec76";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-switch_camera .slds-button:before {
  content: "\ec77";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-switch_camera .slds-button:after {
  content: "\ec77";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-style .slds-button:before {
  content: "\ec78";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-style .slds-button:after {
  content: "\ec78";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-straighten .slds-button:before {
  content: "\ec79";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-straighten .slds-button:after {
  content: "\ec79";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-slideshow .slds-button:before {
  content: "\ec7a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-slideshow .slds-button:after {
  content: "\ec7a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-shutter_speed .slds-button:before {
  content: "\ec7b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-shutter_speed .slds-button:after {
  content: "\ec7b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rotate_90_degrees_ccw .slds-button:before {
  content: "\ec7c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rotate_90_degrees_ccw .slds-button:after {
  content: "\ec7c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rotate_right .slds-button:before {
  content: "\ec7d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rotate_right .slds-button:after {
  content: "\ec7d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-receipt_long .slds-button:before {
  content: "\ec7e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-receipt_long .slds-button:after {
  content: "\ec7e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-portrait .slds-button:before {
  content: "\ec7f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-portrait .slds-button:after {
  content: "\ec7f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-picture_as_pdf .slds-button:before {
  content: "\ec80";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-picture_as_pdf .slds-button:after {
  content: "\ec80";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-panorama_fish_eye .slds-button:before {
  content: "\ec81";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-panorama_fish_eye .slds-button:after {
  content: "\ec81";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-photo_size_select_large .slds-button:before {
  content: "\ec82";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-photo_size_select_large .slds-button:after {
  content: "\ec82";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-photo_filter .slds-button:before {
  content: "\ec83";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-photo_filter .slds-button:after {
  content: "\ec83";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-photo_library .slds-button:before {
  content: "\ec84";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-photo_library .slds-button:after {
  content: "\ec84";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-photo_size_select_actual .slds-button:before {
  content: "\ec85";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-photo_size_select_actual .slds-button:after {
  content: "\ec85";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-panorama_horizontal .slds-button:before {
  content: "\ec86";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-panorama_horizontal .slds-button:after {
  content: "\ec86";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-photo_album .slds-button:before {
  content: "\ec87";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-photo_album .slds-button:after {
  content: "\ec87";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-photo .slds-button:before {
  content: "\ec88";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-photo .slds-button:after {
  content: "\ec88";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-panorama_vertical .slds-button:before {
  content: "\ec89";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-panorama_vertical .slds-button:after {
  content: "\ec89";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-panorama_wide_angle .slds-button:before {
  content: "\ec8a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-panorama_wide_angle .slds-button:after {
  content: "\ec8a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-nature_people .slds-button:before {
  content: "\ec8b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-nature_people .slds-button:after {
  content: "\ec8b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-panorama .slds-button:before {
  content: "\ec8c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-panorama .slds-button:after {
  content: "\ec8c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-palette .slds-button:before {
  content: "\ec8d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-palette .slds-button:after {
  content: "\ec8d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-leak_add .slds-button:before {
  content: "\ec8e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-leak_add .slds-button:after {
  content: "\ec8e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-music_off .slds-button:before {
  content: "\ec8f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-music_off .slds-button:after {
  content: "\ec8f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-navigate_next .slds-button:before {
  content: "\ec90";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-navigate_next .slds-button:after {
  content: "\ec90";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-navigate_before .slds-button:before {
  content: "\ec91";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-navigate_before .slds-button:after {
  content: "\ec91";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-nature .slds-button:before {
  content: "\ec92";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-nature .slds-button:after {
  content: "\ec92";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-loupe .slds-button:before {
  content: "\ec93";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-loupe .slds-button:after {
  content: "\ec93";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-music_note .slds-button:before {
  content: "\ec94";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-music_note .slds-button:after {
  content: "\ec94";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-movie_filter .slds-button:before {
  content: "\ec95";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-movie_filter .slds-button:after {
  content: "\ec95";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-movie_creation .slds-button:before {
  content: "\ec96";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-movie_creation .slds-button:after {
  content: "\ec96";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-motion_photos_pause .slds-button:before {
  content: "\ec97";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-motion_photos_pause .slds-button:after {
  content: "\ec97";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-lens .slds-button:before {
  content: "\ec98";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-lens .slds-button:after {
  content: "\ec98";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-monochrome_photos .slds-button:before {
  content: "\ec99";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-monochrome_photos .slds-button:after {
  content: "\ec99";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-looks_two .slds-button:before {
  content: "\ec9a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-looks_two .slds-button:after {
  content: "\ec9a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-looks_one .slds-button:before {
  content: "\ec9b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-looks_one .slds-button:after {
  content: "\ec9b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-looks .slds-button:before {
  content: "\ec9c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-looks .slds-button:after {
  content: "\ec9c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-image_not_supported .slds-button:before {
  content: "\ec9d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-image_not_supported .slds-button:after {
  content: "\ec9d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-looks_4 .slds-button:before {
  content: "\ec9e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-looks_4 .slds-button:after {
  content: "\ec9e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-looks_6 .slds-button:before {
  content: "\ec9f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-looks_6 .slds-button:after {
  content: "\ec9f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-looks_5 .slds-button:before {
  content: "\eca0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-looks_5 .slds-button:after {
  content: "\eca0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-grid_on .slds-button:before {
  content: "\eca1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-grid_on .slds-button:after {
  content: "\eca1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-iso .slds-button:before {
  content: "\eca2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-iso .slds-button:after {
  content: "\eca2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-looks_3 .slds-button:before {
  content: "\eca3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-looks_3 .slds-button:after {
  content: "\eca3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-landscape .slds-button:before {
  content: "\eca4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-landscape .slds-button:after {
  content: "\eca4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-linked_camera .slds-button:before {
  content: "\eca5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-linked_camera .slds-button:after {
  content: "\eca5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-leak_remove .slds-button:before {
  content: "\eca6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-leak_remove .slds-button:after {
  content: "\eca6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-image_search .slds-button:before {
  content: "\eca7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-image_search .slds-button:after {
  content: "\eca7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hdr_off .slds-button:before {
  content: "\eca8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hdr_off .slds-button:after {
  content: "\eca8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-image_aspect_ratio .slds-button:before {
  content: "\eca9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-image_aspect_ratio .slds-button:after {
  content: "\eca9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-healing .slds-button:before {
  content: "\ecaa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-healing .slds-button:after {
  content: "\ecaa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hdr_weak .slds-button:before {
  content: "\ecab";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hdr_weak .slds-button:after {
  content: "\ecab";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hdr_on .slds-button:before {
  content: "\ecac";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hdr_on .slds-button:after {
  content: "\ecac";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-image .slds-button:before {
  content: "\ecad";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-image .slds-button:after {
  content: "\ecad";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hdr_strong .slds-button:before {
  content: "\ecae";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hdr_strong .slds-button:after {
  content: "\ecae";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-grain .slds-button:before {
  content: "\ecaf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-grain .slds-button:after {
  content: "\ecaf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-grid_off .slds-button:before {
  content: "\ecb0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-grid_off .slds-button:after {
  content: "\ecb0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flip_camera_ios .slds-button:before {
  content: "\ecb1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flip_camera_ios .slds-button:after {
  content: "\ecb1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flip_camera_android .slds-button:before {
  content: "\ecb2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flip_camera_android .slds-button:after {
  content: "\ecb2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-gradient .slds-button:before {
  content: "\ecb3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-gradient .slds-button:after {
  content: "\ecb3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flash_off .slds-button:before {
  content: "\ecb4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flash_off .slds-button:after {
  content: "\ecb4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flash_on .slds-button:before {
  content: "\ecb5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flash_on .slds-button:after {
  content: "\ecb5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flip .slds-button:before {
  content: "\ecb6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flip .slds-button:after {
  content: "\ecb6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flash_auto .slds-button:before {
  content: "\ecb7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flash_auto .slds-button:after {
  content: "\ecb7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flare .slds-button:before {
  content: "\ecb8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flare .slds-button:after {
  content: "\ecb8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_hdr .slds-button:before {
  content: "\ecb9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_hdr .slds-button:after {
  content: "\ecb9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_frames .slds-button:before {
  content: "\ecba";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_frames .slds-button:after {
  content: "\ecba";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_none .slds-button:before {
  content: "\ecbb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_none .slds-button:after {
  content: "\ecbb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_vintage .slds-button:before {
  content: "\ecbc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_vintage .slds-button:after {
  content: "\ecbc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_tilt_shift .slds-button:before {
  content: "\ecbd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_tilt_shift .slds-button:after {
  content: "\ecbd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_6 .slds-button:before {
  content: "\ecbe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_6 .slds-button:after {
  content: "\ecbe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_b_and_w .slds-button:before {
  content: "\ecbf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_b_and_w .slds-button:after {
  content: "\ecbf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_7 .slds-button:before {
  content: "\ecc0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_7 .slds-button:after {
  content: "\ecc0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_drama .slds-button:before {
  content: "\ecc1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_drama .slds-button:after {
  content: "\ecc1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_center_focus .slds-button:before {
  content: "\ecc2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_center_focus .slds-button:after {
  content: "\ecc2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_9 .slds-button:before {
  content: "\ecc3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_9 .slds-button:after {
  content: "\ecc3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_1 .slds-button:before {
  content: "\ecc4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_1 .slds-button:after {
  content: "\ecc4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_9_plus .slds-button:before {
  content: "\ecc5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_9_plus .slds-button:after {
  content: "\ecc5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_8 .slds-button:before {
  content: "\ecc6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_8 .slds-button:after {
  content: "\ecc6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-exposure_zero .slds-button:before {
  content: "\ecc7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-exposure_zero .slds-button:after {
  content: "\ecc7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_5 .slds-button:before {
  content: "\ecc8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_5 .slds-button:after {
  content: "\ecc8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_3 .slds-button:before {
  content: "\ecc9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_3 .slds-button:after {
  content: "\ecc9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_4 .slds-button:before {
  content: "\ecca";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_4 .slds-button:after {
  content: "\ecca";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop .slds-button:before {
  content: "\eccb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop .slds-button:after {
  content: "\eccb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_2 .slds-button:before {
  content: "\eccc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_2 .slds-button:after {
  content: "\eccc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter .slds-button:before {
  content: "\eccd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter .slds-button:after {
  content: "\eccd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-euro .slds-button:before {
  content: "\ecce";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-euro .slds-button:after {
  content: "\ecce";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-exposure .slds-button:before {
  content: "\eccf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-exposure .slds-button:after {
  content: "\eccf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-exposure_plus_2 .slds-button:before {
  content: "\ecd0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-exposure_plus_2 .slds-button:after {
  content: "\ecd0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-exposure_plus_1 .slds-button:before {
  content: "\ecd1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-exposure_plus_1 .slds-button:after {
  content: "\ecd1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-exposure_neg_1 .slds-button:before {
  content: "\ecd2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-exposure_neg_1 .slds-button:after {
  content: "\ecd2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-exposure_neg_2 .slds-button:before {
  content: "\ecd3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-exposure_neg_2 .slds-button:after {
  content: "\ecd3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-details .slds-button:before {
  content: "\ecd4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-details .slds-button:after {
  content: "\ecd4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_rotate .slds-button:before {
  content: "\ecd5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_rotate .slds-button:after {
  content: "\ecd5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_portrait .slds-button:before {
  content: "\ecd6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_portrait .slds-button:after {
  content: "\ecd6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-dehaze .slds-button:before {
  content: "\ecd7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-dehaze .slds-button:after {
  content: "\ecd7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_square .slds-button:before {
  content: "\ecd8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_square .slds-button:after {
  content: "\ecd8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_original .slds-button:before {
  content: "\ecd9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_original .slds-button:after {
  content: "\ecd9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_3_2 .slds-button:before {
  content: "\ecda";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_3_2 .slds-button:after {
  content: "\ecda";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_free .slds-button:before {
  content: "\ecdb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_free .slds-button:after {
  content: "\ecdb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_landscape .slds-button:before {
  content: "\ecdc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_landscape .slds-button:after {
  content: "\ecdc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_din .slds-button:before {
  content: "\ecdd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_din .slds-button:after {
  content: "\ecdd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_7_5 .slds-button:before {
  content: "\ecde";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_7_5 .slds-button:after {
  content: "\ecde";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_5_4 .slds-button:before {
  content: "\ecdf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_5_4 .slds-button:after {
  content: "\ecdf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-crop_16_9 .slds-button:before {
  content: "\ece0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-crop_16_9 .slds-button:after {
  content: "\ece0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-control_point_duplicate .slds-button:before {
  content: "\ece1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-control_point_duplicate .slds-button:after {
  content: "\ece1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-control_point .slds-button:before {
  content: "\ece2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-control_point .slds-button:after {
  content: "\ece2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brush .slds-button:before {
  content: "\ece3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brush .slds-button:after {
  content: "\ece3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-compare .slds-button:before {
  content: "\ece4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-compare .slds-button:after {
  content: "\ece4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-collections .slds-button:before {
  content: "\ece5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-collections .slds-button:after {
  content: "\ece5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-collections_bookmark .slds-button:before {
  content: "\ece6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-collections_bookmark .slds-button:after {
  content: "\ece6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-colorize .slds-button:before {
  content: "\ece7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-colorize .slds-button:after {
  content: "\ece7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-color_lens .slds-button:before {
  content: "\ece8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-color_lens .slds-button:after {
  content: "\ece8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-broken_image .slds-button:before {
  content: "\ece9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-broken_image .slds-button:after {
  content: "\ece9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_5 .slds-button:before {
  content: "\ecea";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_5 .slds-button:after {
  content: "\ecea";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-camera_roll .slds-button:before {
  content: "\eceb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-camera_roll .slds-button:after {
  content: "\eceb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-center_focus_weak .slds-button:before {
  content: "\ecec";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-center_focus_weak .slds-button:after {
  content: "\ecec";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-center_focus_strong .slds-button:before {
  content: "\eced";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-center_focus_strong .slds-button:after {
  content: "\eced";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-camera_rear .slds-button:before {
  content: "\ecee";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-camera_rear .slds-button:after {
  content: "\ecee";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-camera_front .slds-button:before {
  content: "\ecef";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-camera_front .slds-button:after {
  content: "\ecef";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-camera_alt .slds-button:before {
  content: "\ecf0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-camera_alt .slds-button:after {
  content: "\ecf0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-camera .slds-button:before {
  content: "\ecf1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-camera .slds-button:after {
  content: "\ecf1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-burst_mode .slds-button:before {
  content: "\ecf2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-burst_mode .slds-button:after {
  content: "\ecf2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_1 .slds-button:before {
  content: "\ecf3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_1 .slds-button:after {
  content: "\ecf3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_6 .slds-button:before {
  content: "\ecf4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_6 .slds-button:after {
  content: "\ecf4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_7 .slds-button:before {
  content: "\ecf5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_7 .slds-button:after {
  content: "\ecf5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-blur_off .slds-button:before {
  content: "\ecf6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-blur_off .slds-button:after {
  content: "\ecf6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_4 .slds-button:before {
  content: "\ecf7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_4 .slds-button:after {
  content: "\ecf7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-speaker .slds-button:before {
  content: "\ecf8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-speaker .slds-button:after {
  content: "\ecf8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_3 .slds-button:before {
  content: "\ecf9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_3 .slds-button:after {
  content: "\ecf9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_2 .slds-button:before {
  content: "\ecfa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_2 .slds-button:after {
  content: "\ecfa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-blur_on .slds-button:before {
  content: "\ecfb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-blur_on .slds-button:after {
  content: "\ecfb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-blur_linear .slds-button:before {
  content: "\ecfc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-blur_linear .slds-button:after {
  content: "\ecfc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-audiotrack .slds-button:before {
  content: "\ecfd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-audiotrack .slds-button:after {
  content: "\ecfd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-assistant .slds-button:before {
  content: "\ecfe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-assistant .slds-button:after {
  content: "\ecfe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-blur_circular .slds-button:before {
  content: "\ecff";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-blur_circular .slds-button:after {
  content: "\ecff";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bedtime .slds-button:before {
  content: "\ed00";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bedtime .slds-button:after {
  content: "\ed00";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-assistant_photo .slds-button:before {
  content: "\ed01";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-assistant_photo .slds-button:after {
  content: "\ed01";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_to_photos .slds-button:before {
  content: "\ed02";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_to_photos .slds-button:after {
  content: "\ed02";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tablet_mac .slds-button:before {
  content: "\ed03";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tablet_mac .slds-button:after {
  content: "\ed03";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-adjust .slds-button:before {
  content: "\ed04";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-adjust .slds-button:after {
  content: "\ed04";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_a_photo .slds-button:before {
  content: "\ed05";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_a_photo .slds-button:after {
  content: "\ed05";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_photo_alternate .slds-button:before {
  content: "\ed06";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_photo_alternate .slds-button:after {
  content: "\ed06";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tv .slds-button:before {
  content: "\ed07";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tv .slds-button:after {
  content: "\ed07";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sensor_window .slds-button:before {
  content: "\ed08";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sensor_window .slds-button:after {
  content: "\ed08";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sensor_door .slds-button:before {
  content: "\ed09";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sensor_door .slds-button:after {
  content: "\ed09";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-watch .slds-button:before {
  content: "\ed0a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-watch .slds-button:after {
  content: "\ed0a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-videogame_asset .slds-button:before {
  content: "\ed0b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-videogame_asset .slds-button:after {
  content: "\ed0b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-toys .slds-button:before {
  content: "\ed0c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-toys .slds-button:after {
  content: "\ed0c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-scanner .slds-button:before {
  content: "\ed0d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-scanner .slds-button:after {
  content: "\ed0d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tablet_android .slds-button:before {
  content: "\ed0e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tablet_android .slds-button:after {
  content: "\ed0e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tablet .slds-button:before {
  content: "\ed0f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tablet .slds-button:after {
  content: "\ed0f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-speaker_group .slds-button:before {
  content: "\ed10";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-speaker_group .slds-button:after {
  content: "\ed10";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-router .slds-button:before {
  content: "\ed11";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-router .slds-button:after {
  content: "\ed11";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-smartphone .slds-button:before {
  content: "\ed12";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-smartphone .slds-button:after {
  content: "\ed12";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sim_card .slds-button:before {
  content: "\ed13";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sim_card .slds-button:after {
  content: "\ed13";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_android .slds-button:before {
  content: "\ed14";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_android .slds-button:after {
  content: "\ed14";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-power_input .slds-button:before {
  content: "\ed15";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-power_input .slds-button:after {
  content: "\ed15";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-laptop .slds-button:before {
  content: "\ed16";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-laptop .slds-button:after {
  content: "\ed16";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_iphone .slds-button:before {
  content: "\ed17";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_iphone .slds-button:after {
  content: "\ed17";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-point_of_sale .slds-button:before {
  content: "\ed18";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-point_of_sale .slds-button:after {
  content: "\ed18";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phonelink_off .slds-button:before {
  content: "\ed19";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phonelink_off .slds-button:after {
  content: "\ed19";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phonelink .slds-button:before {
  content: "\ed1a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phonelink .slds-button:after {
  content: "\ed1a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mouse .slds-button:before {
  content: "\ed1b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mouse .slds-button:after {
  content: "\ed1b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-laptop_mac .slds-button:before {
  content: "\ed1c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-laptop_mac .slds-button:after {
  content: "\ed1c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-laptop_chromebook .slds-button:before {
  content: "\ed1d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-laptop_chromebook .slds-button:after {
  content: "\ed1d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-memory .slds-button:before {
  content: "\ed1e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-memory .slds-button:after {
  content: "\ed1e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-laptop_windows .slds-button:before {
  content: "\ed1f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-laptop_windows .slds-button:after {
  content: "\ed1f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard_tab .slds-button:before {
  content: "\ed20";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard_tab .slds-button:after {
  content: "\ed20";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-headset .slds-button:before {
  content: "\ed21";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-headset .slds-button:after {
  content: "\ed21";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cast_for_education .slds-button:before {
  content: "\ed22";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cast_for_education .slds-button:after {
  content: "\ed22";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard_voice .slds-button:before {
  content: "\ed23";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard_voice .slds-button:after {
  content: "\ed23";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard_capslock .slds-button:before {
  content: "\ed24";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard_capslock .slds-button:after {
  content: "\ed24";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard_backspace .slds-button:before {
  content: "\ed25";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard_backspace .slds-button:after {
  content: "\ed25";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard_return .slds-button:before {
  content: "\ed26";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard_return .slds-button:after {
  content: "\ed26";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard_hide .slds-button:before {
  content: "\ed27";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard_hide .slds-button:after {
  content: "\ed27";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard .slds-button:before {
  content: "\ed28";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard .slds-button:after {
  content: "\ed28";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard_arrow_up .slds-button:before {
  content: "\ed29";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard_arrow_up .slds-button:after {
  content: "\ed29";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-keyboard_arrow_down .slds-button:before {
  content: "\ed2a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-keyboard_arrow_down .slds-button:after {
  content: "\ed2a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-desktop_mac .slds-button:before {
  content: "\ed2b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-desktop_mac .slds-button:after {
  content: "\ed2b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-headset_mic .slds-button:before {
  content: "\ed2c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-headset_mic .slds-button:after {
  content: "\ed2c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-dock .slds-button:before {
  content: "\ed2d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-dock .slds-button:after {
  content: "\ed2d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-gamepad .slds-button:before {
  content: "\ed2e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-gamepad .slds-button:after {
  content: "\ed2e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-devices_other .slds-button:before {
  content: "\ed2f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-devices_other .slds-button:after {
  content: "\ed2f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-device_unknown .slds-button:before {
  content: "\ed30";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-device_unknown .slds-button:after {
  content: "\ed30";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-device_hub .slds-button:before {
  content: "\ed31";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-device_hub .slds-button:after {
  content: "\ed31";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-developer_board .slds-button:before {
  content: "\ed32";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-developer_board .slds-button:after {
  content: "\ed32";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-desktop_windows .slds-button:before {
  content: "\ed33";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-desktop_windows .slds-button:after {
  content: "\ed33";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cast_connected .slds-button:before {
  content: "\ed34";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cast_connected .slds-button:after {
  content: "\ed34";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-computer .slds-button:before {
  content: "\ed35";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-computer .slds-button:after {
  content: "\ed35";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-download_done .slds-button:before {
  content: "\ed36";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-download_done .slds-button:after {
  content: "\ed36";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-browser_not_supported .slds-button:before {
  content: "\ed37";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-browser_not_supported .slds-button:after {
  content: "\ed37";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-topic .slds-button:before {
  content: "\ed38";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-topic .slds-button:after {
  content: "\ed38";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cast .slds-button:before {
  content: "\ed39";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cast .slds-button:after {
  content: "\ed39";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-download .slds-button:before {
  content: "\ed3a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-download .slds-button:after {
  content: "\ed3a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rule_folder .slds-button:before {
  content: "\ed3b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rule_folder .slds-button:after {
  content: "\ed3b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-text_snippet .slds-button:before {
  content: "\ed3c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-text_snippet .slds-button:after {
  content: "\ed3c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-snippet_folder .slds-button:before {
  content: "\ed3d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-snippet_folder .slds-button:after {
  content: "\ed3d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-request_quote .slds-button:before {
  content: "\ed3e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-request_quote .slds-button:after {
  content: "\ed3e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-folder_shared .slds-button:before {
  content: "\ed3f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-folder_shared .slds-button:after {
  content: "\ed3f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-folder_open .slds-button:before {
  content: "\ed40";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-folder_open .slds-button:after {
  content: "\ed40";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-folder .slds-button:before {
  content: "\ed41";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-folder .slds-button:after {
  content: "\ed41";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cloud_off .slds-button:before {
  content: "\ed42";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cloud_off .slds-button:after {
  content: "\ed42";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cloud_upload .slds-button:before {
  content: "\ed43";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cloud_upload .slds-button:after {
  content: "\ed43";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-space_bar .slds-button:before {
  content: "\ed44";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-space_bar .slds-button:after {
  content: "\ed44";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-create_new_folder .slds-button:before {
  content: "\ed45";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-create_new_folder .slds-button:after {
  content: "\ed45";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cloud_done .slds-button:before {
  content: "\ed46";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cloud_done .slds-button:after {
  content: "\ed46";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cloud_queue .slds-button:before {
  content: "\ed47";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cloud_queue .slds-button:after {
  content: "\ed47";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cloud_circle .slds-button:before {
  content: "\ed48";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cloud_circle .slds-button:after {
  content: "\ed48";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-attachment .slds-button:before {
  content: "\ed49";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-attachment .slds-button:after {
  content: "\ed49";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cloud_download .slds-button:before {
  content: "\ed4a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cloud_download .slds-button:after {
  content: "\ed4a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-attach_email .slds-button:before {
  content: "\ed4b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-attach_email .slds-button:after {
  content: "\ed4b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cloud .slds-button:before {
  content: "\ed4c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cloud .slds-button:after {
  content: "\ed4c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wrap_text .slds-button:before {
  content: "\ed4d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wrap_text .slds-button:after {
  content: "\ed4d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-vertical_align_top .slds-button:before {
  content: "\ed4e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-vertical_align_top .slds-button:after {
  content: "\ed4e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-title .slds-button:before {
  content: "\ed4f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-title .slds-button:after {
  content: "\ed4f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-text_fields .slds-button:before {
  content: "\ed50";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-text_fields .slds-button:after {
  content: "\ed50";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-vertical_align_center .slds-button:before {
  content: "\ed51";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-vertical_align_center .slds-button:after {
  content: "\ed51";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-vertical_align_bottom .slds-button:before {
  content: "\ed52";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-vertical_align_bottom .slds-button:after {
  content: "\ed52";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-money_off_csred .slds-button:before {
  content: "\ed53";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-money_off_csred .slds-button:after {
  content: "\ed53";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-show_chart .slds-button:before {
  content: "\ed54";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-show_chart .slds-button:after {
  content: "\ed54";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-table_rows .slds-button:before {
  content: "\ed55";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-table_rows .slds-button:after {
  content: "\ed55";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-table_chart .slds-button:before {
  content: "\ed56";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-table_chart .slds-button:after {
  content: "\ed56";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-superscript .slds-button:before {
  content: "\ed57";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-superscript .slds-button:after {
  content: "\ed57";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-subscript .slds-button:before {
  content: "\ed58";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-subscript .slds-button:after {
  content: "\ed58";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-strikethrough_s .slds-button:before {
  content: "\ed59";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-strikethrough_s .slds-button:after {
  content: "\ed59";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stacked_line_chart .slds-button:before {
  content: "\ed5a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stacked_line_chart .slds-button:after {
  content: "\ed5a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-short_text .slds-button:before {
  content: "\ed5b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-short_text .slds-button:after {
  content: "\ed5b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-money_off .slds-button:before {
  content: "\ed5c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-money_off .slds-button:after {
  content: "\ed5c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-score .slds-button:before {
  content: "\ed5d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-score .slds-button:after {
  content: "\ed5d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-scatter_plot .slds-button:before {
  content: "\ed5e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-scatter_plot .slds-button:after {
  content: "\ed5e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-publish .slds-button:before {
  content: "\ed5f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-publish .slds-button:after {
  content: "\ed5f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pie_chart_outline .slds-button:before {
  content: "\ed60";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pie_chart_outline .slds-button:after {
  content: "\ed60";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-post_add .slds-button:before {
  content: "\ed61";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-post_add .slds-button:after {
  content: "\ed61";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pie_chart .slds-button:before {
  content: "\ed62";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pie_chart .slds-button:after {
  content: "\ed62";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-notes .slds-button:before {
  content: "\ed63";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-notes .slds-button:after {
  content: "\ed63";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mode_comment .slds-button:before {
  content: "\ed64";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mode_comment .slds-button:after {
  content: "\ed64";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-multiline_chart .slds-button:before {
  content: "\ed65";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-multiline_chart .slds-button:after {
  content: "\ed65";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-insert_comment .slds-button:before {
  content: "\ed66";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-insert_comment .slds-button:after {
  content: "\ed66";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mode .slds-button:before {
  content: "\ed67";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mode .slds-button:after {
  content: "\ed67";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-insert_drive_file .slds-button:before {
  content: "\ed68";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-insert_drive_file .slds-button:after {
  content: "\ed68";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-monetization_on .slds-button:before {
  content: "\ed69";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-monetization_on .slds-button:after {
  content: "\ed69";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-merge_type .slds-button:before {
  content: "\ed6a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-merge_type .slds-button:after {
  content: "\ed6a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-insert_photo .slds-button:before {
  content: "\ed6b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-insert_photo .slds-button:after {
  content: "\ed6b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-linear_scale .slds-button:before {
  content: "\ed6c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-linear_scale .slds-button:after {
  content: "\ed6c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-insert_link .slds-button:before {
  content: "\ed6d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-insert_link .slds-button:after {
  content: "\ed6d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-insert_invitation .slds-button:before {
  content: "\ed6e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-insert_invitation .slds-button:after {
  content: "\ed6e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-insert_emoticon .slds-button:before {
  content: "\ed6f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-insert_emoticon .slds-button:after {
  content: "\ed6f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-highlight .slds-button:before {
  content: "\ed70";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-highlight .slds-button:after {
  content: "\ed70";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-insert_chart .slds-button:before {
  content: "\ed71";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-insert_chart .slds-button:after {
  content: "\ed71";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_size .slds-button:before {
  content: "\ed72";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_size .slds-button:after {
  content: "\ed72";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-insert_chart_outlined .slds-button:before {
  content: "\ed73";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-insert_chart_outlined .slds-button:after {
  content: "\ed73";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-functions .slds-button:before {
  content: "\ed74";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-functions .slds-button:after {
  content: "\ed74";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-horizontal_rule .slds-button:before {
  content: "\ed75";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-horizontal_rule .slds-button:after {
  content: "\ed75";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_textdirection_l_to_r .slds-button:before {
  content: "\ed76";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_textdirection_l_to_r .slds-button:after {
  content: "\ed76";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-height .slds-button:before {
  content: "\ed77";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-height .slds-button:after {
  content: "\ed77";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_underlined .slds-button:before {
  content: "\ed78";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_underlined .slds-button:after {
  content: "\ed78";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_italic .slds-button:before {
  content: "\ed79";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_italic .slds-button:after {
  content: "\ed79";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_textdirection_r_to_l .slds-button:before {
  content: "\ed7a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_textdirection_r_to_l .slds-button:after {
  content: "\ed7a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_strikethrough .slds-button:before {
  content: "\ed7b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_strikethrough .slds-button:after {
  content: "\ed7b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_list_numbered .slds-button:before {
  content: "\ed7c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_list_numbered .slds-button:after {
  content: "\ed7c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_shapes .slds-button:before {
  content: "\ed7d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_shapes .slds-button:after {
  content: "\ed7d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_quote .slds-button:before {
  content: "\ed7e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_quote .slds-button:after {
  content: "\ed7e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_paint .slds-button:before {
  content: "\ed7f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_paint .slds-button:after {
  content: "\ed7f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_list_numbered_rtl .slds-button:before {
  content: "\ed80";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_list_numbered_rtl .slds-button:after {
  content: "\ed80";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_clear .slds-button:before {
  content: "\ed81";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_clear .slds-button:after {
  content: "\ed81";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-drag_handle .slds-button:before {
  content: "\ed82";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-drag_handle .slds-button:after {
  content: "\ed82";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_list_bulleted .slds-button:before {
  content: "\ed83";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_list_bulleted .slds-button:after {
  content: "\ed83";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_line_spacing .slds-button:before {
  content: "\ed84";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_line_spacing .slds-button:after {
  content: "\ed84";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_color_reset .slds-button:before {
  content: "\ed85";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_color_reset .slds-button:after {
  content: "\ed85";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_align_left .slds-button:before {
  content: "\ed86";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_align_left .slds-button:after {
  content: "\ed86";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_indent_increase .slds-button:before {
  content: "\ed87";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_indent_increase .slds-button:after {
  content: "\ed87";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_indent_decrease .slds-button:before {
  content: "\ed88";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_indent_decrease .slds-button:after {
  content: "\ed88";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_vertical .slds-button:before {
  content: "\ed89";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_vertical .slds-button:after {
  content: "\ed89";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_bold .slds-button:before {
  content: "\ed8a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_bold .slds-button:after {
  content: "\ed8a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_align_justify .slds-button:before {
  content: "\ed8b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_align_justify .slds-button:after {
  content: "\ed8b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bubble_chart .slds-button:before {
  content: "\ed8c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bubble_chart .slds-button:after {
  content: "\ed8c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_align_right .slds-button:before {
  content: "\ed8d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_align_right .slds-button:after {
  content: "\ed8d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-format_align_center .slds-button:before {
  content: "\ed8e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-format_align_center .slds-button:after {
  content: "\ed8e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_style .slds-button:before {
  content: "\ed8f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_style .slds-button:after {
  content: "\ed8f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_outer .slds-button:before {
  content: "\ed90";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_outer .slds-button:after {
  content: "\ed90";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_horizontal .slds-button:before {
  content: "\ed91";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_horizontal .slds-button:after {
  content: "\ed91";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_top .slds-button:before {
  content: "\ed92";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_top .slds-button:after {
  content: "\ed92";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_inner .slds-button:before {
  content: "\ed93";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_inner .slds-button:after {
  content: "\ed93";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-thermostat .slds-button:before {
  content: "\ed94";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-thermostat .slds-button:after {
  content: "\ed94";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_right .slds-button:before {
  content: "\ed95";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_right .slds-button:after {
  content: "\ed95";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_left .slds-button:before {
  content: "\ed96";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_left .slds-button:after {
  content: "\ed96";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wifi_tethering .slds-button:before {
  content: "\ed97";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wifi_tethering .slds-button:after {
  content: "\ed97";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-signal_cellular_no_sim .slds-button:before {
  content: "\ed98";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-signal_cellular_no_sim .slds-button:after {
  content: "\ed98";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_clear .slds-button:before {
  content: "\ed99";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_clear .slds-button:after {
  content: "\ed99";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_bottom .slds-button:before {
  content: "\ed9a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_bottom .slds-button:after {
  content: "\ed9a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-border_all .slds-button:before {
  content: "\ed9b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-border_all .slds-button:after {
  content: "\ed9b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bar_chart .slds-button:before {
  content: "\ed9c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bar_chart .slds-button:after {
  content: "\ed9c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-signal_wifi_off .slds-button:before {
  content: "\ed9d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-signal_wifi_off .slds-button:after {
  content: "\ed9d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_comment .slds-button:before {
  content: "\ed9e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_comment .slds-button:after {
  content: "\ed9e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wifi_lock .slds-button:before {
  content: "\ed9f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wifi_lock .slds-button:after {
  content: "\ed9f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-widgets .slds-button:before {
  content: "\eda0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-widgets .slds-button:after {
  content: "\eda0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wallpaper .slds-button:before {
  content: "\eda1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wallpaper .slds-button:after {
  content: "\eda1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-usb .slds-button:before {
  content: "\eda2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-usb .slds-button:after {
  content: "\eda2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-gps_fixed .slds-button:before {
  content: "\eda3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-gps_fixed .slds-button:after {
  content: "\eda3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-storage .slds-button:before {
  content: "\eda4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-storage .slds-button:after {
  content: "\eda4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-signal_cellular_connected_no_internet_4_bar .slds-button:before {
  content: "\eda5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-signal_cellular_connected_no_internet_4_bar .slds-button:after {
  content: "\eda5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-signal_cellular_alt .slds-button:before {
  content: "\eda6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-signal_cellular_alt .slds-button:after {
  content: "\eda6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-signal_wifi_4_bar_lock .slds-button:before {
  content: "\eda7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-signal_wifi_4_bar_lock .slds-button:after {
  content: "\eda7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-signal_wifi_4_bar .slds-button:before {
  content: "\eda8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-signal_wifi_4_bar .slds-button:after {
  content: "\eda8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-signal_cellular_off .slds-button:before {
  content: "\eda9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-signal_cellular_off .slds-button:after {
  content: "\eda9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-signal_cellular_null .slds-button:before {
  content: "\edaa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-signal_cellular_null .slds-button:after {
  content: "\edaa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-access_alarms .slds-button:before {
  content: "\edab";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-access_alarms .slds-button:after {
  content: "\edab";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-screen_lock_rotation .slds-button:before {
  content: "\edac";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-screen_lock_rotation .slds-button:after {
  content: "\edac";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-signal_cellular_4_bar .slds-button:before {
  content: "\edad";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-signal_cellular_4_bar .slds-button:after {
  content: "\edad";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-gps_off .slds-button:before {
  content: "\edae";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-gps_off .slds-button:after {
  content: "\edae";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-dvr .slds-button:before {
  content: "\edaf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-dvr .slds-button:after {
  content: "\edaf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-gps_not_fixed .slds-button:before {
  content: "\edb0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-gps_not_fixed .slds-button:after {
  content: "\edb0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sd_storage .slds-button:before {
  content: "\edb1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sd_storage .slds-button:after {
  content: "\edb1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-screen_rotation .slds-button:before {
  content: "\edb2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-screen_rotation .slds-button:after {
  content: "\edb2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_system_daydream .slds-button:before {
  content: "\edb3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_system_daydream .slds-button:after {
  content: "\edb3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-nfc .slds-button:before {
  content: "\edb4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-nfc .slds-button:after {
  content: "\edb4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-screen_lock_portrait .slds-button:before {
  content: "\edb5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-screen_lock_portrait .slds-button:after {
  content: "\edb5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-screen_lock_landscape .slds-button:before {
  content: "\edb6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-screen_lock_landscape .slds-button:after {
  content: "\edb6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mobile_friendly .slds-button:before {
  content: "\edb7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mobile_friendly .slds-button:after {
  content: "\edb7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mobile_off .slds-button:before {
  content: "\edb8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mobile_off .slds-button:after {
  content: "\edb8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_high .slds-button:before {
  content: "\edb9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_high .slds-button:after {
  content: "\edb9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-location_searching .slds-button:before {
  content: "\edba";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-location_searching .slds-button:after {
  content: "\edba";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-location_disabled .slds-button:before {
  content: "\edbb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-location_disabled .slds-button:after {
  content: "\edbb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-graphic_eq .slds-button:before {
  content: "\edbc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-graphic_eq .slds-button:after {
  content: "\edbc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-battery_unknown .slds-button:before {
  content: "\edbd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-battery_unknown .slds-button:after {
  content: "\edbd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-devices .slds-button:before {
  content: "\edbe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-devices .slds-button:after {
  content: "\edbe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-developer_mode .slds-button:before {
  content: "\edbf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-developer_mode .slds-button:after {
  content: "\edbf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_medium .slds-button:before {
  content: "\edc0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_medium .slds-button:after {
  content: "\edc0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-data_usage .slds-button:before {
  content: "\edc1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-data_usage .slds-button:after {
  content: "\edc1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_low .slds-button:before {
  content: "\edc2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_low .slds-button:after {
  content: "\edc2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-ad_units .slds-button:before {
  content: "\edc3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-ad_units .slds-button:after {
  content: "\edc3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-brightness_auto .slds-button:before {
  content: "\edc4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-brightness_auto .slds-button:after {
  content: "\edc4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bluetooth_searching .slds-button:before {
  content: "\edc5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bluetooth_searching .slds-button:after {
  content: "\edc5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bluetooth_disabled .slds-button:before {
  content: "\edc6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bluetooth_disabled .slds-button:after {
  content: "\edc6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bluetooth .slds-button:before {
  content: "\edc7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bluetooth .slds-button:after {
  content: "\edc7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bluetooth_connected .slds-button:before {
  content: "\edc8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bluetooth_connected .slds-button:after {
  content: "\edc8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-access_alarm .slds-button:before {
  content: "\edc9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-access_alarm .slds-button:after {
  content: "\edc9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-battery_std .slds-button:before {
  content: "\edca";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-battery_std .slds-button:after {
  content: "\edca";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-battery_charging_full .slds-button:before {
  content: "\edcb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-battery_charging_full .slds-button:after {
  content: "\edcb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-battery_full .slds-button:before {
  content: "\edcc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-battery_full .slds-button:after {
  content: "\edcc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-battery_alert .slds-button:before {
  content: "\edcd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-battery_alert .slds-button:after {
  content: "\edcd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airplanemode_inactive .slds-button:before {
  content: "\edce";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airplanemode_inactive .slds-button:after {
  content: "\edce";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_to_home_screen .slds-button:before {
  content: "\edcf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_to_home_screen .slds-button:after {
  content: "\edcf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-text_format .slds-button:before {
  content: "\edd0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-text_format .slds-button:after {
  content: "\edd0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_alarm .slds-button:before {
  content: "\edd1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_alarm .slds-button:after {
  content: "\edd1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-send .slds-button:before {
  content: "\edd2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-send .slds-button:after {
  content: "\edd2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-undo .slds-button:before {
  content: "\edd3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-undo .slds-button:after {
  content: "\edd3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-where_to_vote .slds-button:before {
  content: "\edd4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-where_to_vote .slds-button:after {
  content: "\edd4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-weekend .slds-button:before {
  content: "\edd5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-weekend .slds-button:after {
  content: "\edd5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-waves .slds-button:before {
  content: "\edd6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-waves .slds-button:after {
  content: "\edd6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-unarchive .slds-button:before {
  content: "\edd7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-unarchive .slds-button:after {
  content: "\edd7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sort .slds-button:before {
  content: "\edd8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sort .slds-button:after {
  content: "\edd8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-square_foot .slds-button:before {
  content: "\edd9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-square_foot .slds-button:after {
  content: "\edd9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-report_gmailerrorred .slds-button:before {
  content: "\edda";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-report_gmailerrorred .slds-button:after {
  content: "\edda";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-remove_circle .slds-button:before {
  content: "\eddb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-remove_circle .slds-button:after {
  content: "\eddb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-select_all .slds-button:before {
  content: "\eddc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-select_all .slds-button:after {
  content: "\eddc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-reply .slds-button:before {
  content: "\eddd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-reply .slds-button:after {
  content: "\eddd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-save_alt .slds-button:before {
  content: "\edde";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-save_alt .slds-button:after {
  content: "\edde";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-save .slds-button:before {
  content: "\eddf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-save .slds-button:after {
  content: "\eddf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-report_off .slds-button:before {
  content: "\ede0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-report_off .slds-button:after {
  content: "\ede0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-report .slds-button:before {
  content: "\ede1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-report .slds-button:after {
  content: "\ede1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-markunread .slds-button:before {
  content: "\ede2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-markunread .slds-button:after {
  content: "\ede2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-reply_all .slds-button:before {
  content: "\ede3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-reply_all .slds-button:after {
  content: "\ede3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-redo .slds-button:before {
  content: "\ede4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-redo .slds-button:after {
  content: "\ede4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-remove .slds-button:before {
  content: "\ede5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-remove .slds-button:after {
  content: "\ede5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-next_week .slds-button:before {
  content: "\ede6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-next_week .slds-button:after {
  content: "\ede6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-push_pin .slds-button:before {
  content: "\ede7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-push_pin .slds-button:after {
  content: "\ede7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-clear .slds-button:before {
  content: "\ede8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-clear .slds-button:after {
  content: "\ede8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-outlined_flag .slds-button:before {
  content: "\ede9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-outlined_flag .slds-button:after {
  content: "\ede9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-low_priority .slds-button:before {
  content: "\edea";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-low_priority .slds-button:after {
  content: "\edea";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-move_to_inbox .slds-button:before {
  content: "\edeb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-move_to_inbox .slds-button:after {
  content: "\edeb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-insights .slds-button:before {
  content: "\edec";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-insights .slds-button:after {
  content: "\edec";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mail .slds-button:before {
  content: "\eded";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mail .slds-button:after {
  content: "\eded";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-link_off .slds-button:before {
  content: "\edee";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-link_off .slds-button:after {
  content: "\edee";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-font_download .slds-button:before {
  content: "\edef";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-font_download .slds-button:after {
  content: "\edef";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-link .slds-button:before {
  content: "\edf0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-link .slds-button:after {
  content: "\edf0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-gesture .slds-button:before {
  content: "\edf1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-gesture .slds-button:after {
  content: "\edf1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-how_to_vote .slds-button:before {
  content: "\edf2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-how_to_vote .slds-button:after {
  content: "\edf2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-how_to_reg .slds-button:before {
  content: "\edf3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-how_to_reg .slds-button:after {
  content: "\edf3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-forward .slds-button:before {
  content: "\edf4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-forward .slds-button:after {
  content: "\edf4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flag .slds-button:before {
  content: "\edf5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flag .slds-button:after {
  content: "\edf5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-block .slds-button:before {
  content: "\edf6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-block .slds-button:after {
  content: "\edf6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_list .slds-button:before {
  content: "\edf7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_list .slds-button:after {
  content: "\edf7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-biotech .slds-button:before {
  content: "\edf8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-biotech .slds-button:after {
  content: "\edf8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-drafts .slds-button:before {
  content: "\edf9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-drafts .slds-button:after {
  content: "\edf9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-dynamic_feed .slds-button:before {
  content: "\edfa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-dynamic_feed .slds-button:after {
  content: "\edfa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-delete_sweep .slds-button:before {
  content: "\edfb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-delete_sweep .slds-button:after {
  content: "\edfb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-create .slds-button:before {
  content: "\edfc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-create .slds-button:after {
  content: "\edfc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-content_paste .slds-button:before {
  content: "\edfd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-content_paste .slds-button:after {
  content: "\edfd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-content_cut .slds-button:before {
  content: "\edfe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-content_cut .slds-button:after {
  content: "\edfe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-ballot .slds-button:before {
  content: "\edff";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-ballot .slds-button:after {
  content: "\edff";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-content_copy .slds-button:before {
  content: "\ee00";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-content_copy .slds-button:after {
  content: "\ee00";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-calculate .slds-button:before {
  content: "\ee01";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-calculate .slds-button:after {
  content: "\ee01";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wifi_calling .slds-button:before {
  content: "\ee02";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wifi_calling .slds-button:after {
  content: "\ee02";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_circle .slds-button:before {
  content: "\ee03";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_circle .slds-button:after {
  content: "\ee03";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-archive .slds-button:before {
  content: "\ee04";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-archive .slds-button:after {
  content: "\ee04";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-backspace .slds-button:before {
  content: "\ee05";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-backspace .slds-button:after {
  content: "\ee05";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-attribution .slds-button:before {
  content: "\ee06";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-attribution .slds-button:after {
  content: "\ee06";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_box .slds-button:before {
  content: "\ee07";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_box .slds-button:after {
  content: "\ee07";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-amp_stories .slds-button:before {
  content: "\ee08";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-amp_stories .slds-button:after {
  content: "\ee08";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-voicemail .slds-button:before {
  content: "\ee09";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-voicemail .slds-button:after {
  content: "\ee09";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-unsubscribe .slds-button:before {
  content: "\ee0a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-unsubscribe .slds-button:after {
  content: "\ee0a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-vpn_key .slds-button:before {
  content: "\ee0b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-vpn_key .slds-button:after {
  content: "\ee0b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-textsms .slds-button:before {
  content: "\ee0c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-textsms .slds-button:after {
  content: "\ee0c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-swap_calls .slds-button:before {
  content: "\ee0d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-swap_calls .slds-button:after {
  content: "\ee0d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stay_current_portrait .slds-button:before {
  content: "\ee0e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stay_current_portrait .slds-button:after {
  content: "\ee0e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-screen_share .slds-button:before {
  content: "\ee0f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-screen_share .slds-button:after {
  content: "\ee0f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stay_primary_portrait .slds-button:before {
  content: "\ee10";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stay_primary_portrait .slds-button:after {
  content: "\ee10";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stop_screen_share .slds-button:before {
  content: "\ee11";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stop_screen_share .slds-button:after {
  content: "\ee11";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stay_primary_landscape .slds-button:before {
  content: "\ee12";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stay_primary_landscape .slds-button:after {
  content: "\ee12";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sentiment_satisfied_alt .slds-button:before {
  content: "\ee13";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sentiment_satisfied_alt .slds-button:after {
  content: "\ee13";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stay_current_landscape .slds-button:before {
  content: "\ee14";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stay_current_landscape .slds-button:after {
  content: "\ee14";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-qr_code .slds-button:before {
  content: "\ee15";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-qr_code .slds-button:after {
  content: "\ee15";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-speaker_phone .slds-button:before {
  content: "\ee16";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-speaker_phone .slds-button:after {
  content: "\ee16";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-location_off .slds-button:before {
  content: "\ee17";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-location_off .slds-button:after {
  content: "\ee17";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-present_to_all .slds-button:before {
  content: "\ee18";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-present_to_all .slds-button:after {
  content: "\ee18";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rss_feed .slds-button:before {
  content: "\ee19";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rss_feed .slds-button:after {
  content: "\ee19";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-ring_volume .slds-button:before {
  content: "\ee1a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-ring_volume .slds-button:after {
  content: "\ee1a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-read_more .slds-button:before {
  content: "\ee1b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-read_more .slds-button:after {
  content: "\ee1b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-qr_code_scanner .slds-button:before {
  content: "\ee1c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-qr_code_scanner .slds-button:after {
  content: "\ee1c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-gavel .slds-button:before {
  content: "\ee1d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-gavel .slds-button:after {
  content: "\ee1d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-print_disabled .slds-button:before {
  content: "\ee1e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-print_disabled .slds-button:after {
  content: "\ee1e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-person_search .slds-button:before {
  content: "\ee1f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-person_search .slds-button:after {
  content: "\ee1f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-portable_wifi_off .slds-button:before {
  content: "\ee20";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-portable_wifi_off .slds-button:after {
  content: "\ee20";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phonelink_setup .slds-button:before {
  content: "\ee21";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phonelink_setup .slds-button:after {
  content: "\ee21";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phonelink_ring .slds-button:before {
  content: "\ee22";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phonelink_ring .slds-button:after {
  content: "\ee22";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phonelink_lock .slds-button:before {
  content: "\ee23";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phonelink_lock .slds-button:after {
  content: "\ee23";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phonelink_erase .slds-button:before {
  content: "\ee24";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phonelink_erase .slds-button:after {
  content: "\ee24";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_enabled .slds-button:before {
  content: "\ee25";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_enabled .slds-button:after {
  content: "\ee25";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-phone_disabled .slds-button:before {
  content: "\ee26";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-phone_disabled .slds-button:after {
  content: "\ee26";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-person_add_disabled .slds-button:before {
  content: "\ee27";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-person_add_disabled .slds-button:after {
  content: "\ee27";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-no_sim .slds-button:before {
  content: "\ee28";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-no_sim .slds-button:after {
  content: "\ee28";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-nat .slds-button:before {
  content: "\ee29";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-nat .slds-button:after {
  content: "\ee29";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pause_presentation .slds-button:before {
  content: "\ee2a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pause_presentation .slds-button:after {
  content: "\ee2a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mark_chat_unread .slds-button:before {
  content: "\ee2b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mark_chat_unread .slds-button:after {
  content: "\ee2b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-more_time .slds-button:before {
  content: "\ee2c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-more_time .slds-button:after {
  content: "\ee2c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mobile_screen_share .slds-button:before {
  content: "\ee2d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mobile_screen_share .slds-button:after {
  content: "\ee2d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-message .slds-button:before {
  content: "\ee2e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-message .slds-button:after {
  content: "\ee2e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mark_email_unread .slds-button:before {
  content: "\ee2f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mark_email_unread .slds-button:after {
  content: "\ee2f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mark_email_read .slds-button:before {
  content: "\ee30";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mark_email_read .slds-button:after {
  content: "\ee30";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-domain_disabled .slds-button:before {
  content: "\ee31";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-domain_disabled .slds-button:after {
  content: "\ee31";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mark_chat_read .slds-button:before {
  content: "\ee32";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mark_chat_read .slds-button:after {
  content: "\ee32";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-location_on .slds-button:before {
  content: "\ee33";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-location_on .slds-button:after {
  content: "\ee33";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-live_help .slds-button:before {
  content: "\ee34";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-live_help .slds-button:after {
  content: "\ee34";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-forward_to_inbox .slds-button:before {
  content: "\ee35";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-forward_to_inbox .slds-button:after {
  content: "\ee35";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-invert_colors_off .slds-button:before {
  content: "\ee36";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-invert_colors_off .slds-button:after {
  content: "\ee36";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-import_export .slds-button:before {
  content: "\ee37";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-import_export .slds-button:after {
  content: "\ee37";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-import_contacts .slds-button:before {
  content: "\ee38";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-import_contacts .slds-button:after {
  content: "\ee38";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hourglass_top .slds-button:before {
  content: "\ee39";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hourglass_top .slds-button:after {
  content: "\ee39";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-email .slds-button:before {
  content: "\ee3a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-email .slds-button:after {
  content: "\ee3a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hourglass_bottom .slds-button:before {
  content: "\ee3b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hourglass_bottom .slds-button:after {
  content: "\ee3b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-forum .slds-button:before {
  content: "\ee3c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-forum .slds-button:after {
  content: "\ee3c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-duo .slds-button:before {
  content: "\ee3d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-duo .slds-button:after {
  content: "\ee3d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-call_received .slds-button:before {
  content: "\ee3e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-call_received .slds-button:after {
  content: "\ee3e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-domain_verification .slds-button:before {
  content: "\ee3f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-domain_verification .slds-button:after {
  content: "\ee3f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-desktop_access_disabled .slds-button:before {
  content: "\ee40";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-desktop_access_disabled .slds-button:after {
  content: "\ee40";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-dialpad .slds-button:before {
  content: "\ee41";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-dialpad .slds-button:after {
  content: "\ee41";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-dialer_sip .slds-button:before {
  content: "\ee42";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-dialer_sip .slds-button:after {
  content: "\ee42";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-call_split .slds-button:before {
  content: "\ee43";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-call_split .slds-button:after {
  content: "\ee43";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-contact_phone .slds-button:before {
  content: "\ee44";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-contact_phone .slds-button:after {
  content: "\ee44";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-chat_bubble .slds-button:before {
  content: "\ee45";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-chat_bubble .slds-button:after {
  content: "\ee45";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-contacts .slds-button:before {
  content: "\ee46";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-contacts .slds-button:after {
  content: "\ee46";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-contact_mail .slds-button:before {
  content: "\ee47";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-contact_mail .slds-button:after {
  content: "\ee47";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-comment .slds-button:before {
  content: "\ee48";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-comment .slds-button:after {
  content: "\ee48";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-clear_all .slds-button:before {
  content: "\ee49";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-clear_all .slds-button:after {
  content: "\ee49";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-chat_bubble_outline .slds-button:before {
  content: "\ee4a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-chat_bubble_outline .slds-button:after {
  content: "\ee4a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-volume_mute .slds-button:before {
  content: "\ee4b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-volume_mute .slds-button:after {
  content: "\ee4b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-chat .slds-button:before {
  content: "\ee4c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-chat .slds-button:after {
  content: "\ee4c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cancel_presentation .slds-button:before {
  content: "\ee4d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cancel_presentation .slds-button:after {
  content: "\ee4d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-call_end .slds-button:before {
  content: "\ee4e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-call_end .slds-button:after {
  content: "\ee4e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-call_missed .slds-button:before {
  content: "\ee4f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-call_missed .slds-button:after {
  content: "\ee4f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-call_missed_outgoing .slds-button:before {
  content: "\ee50";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-call_missed_outgoing .slds-button:after {
  content: "\ee50";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-call_merge .slds-button:before {
  content: "\ee51";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-call_merge .slds-button:after {
  content: "\ee51";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-call_made .slds-button:before {
  content: "\ee52";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-call_made .slds-button:after {
  content: "\ee52";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-call .slds-button:before {
  content: "\ee53";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-call .slds-button:after {
  content: "\ee53";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-alternate_email .slds-button:before {
  content: "\ee54";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-alternate_email .slds-button:after {
  content: "\ee54";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-video_settings .slds-button:before {
  content: "\ee55";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-video_settings .slds-button:after {
  content: "\ee55";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-business .slds-button:before {
  content: "\ee56";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-business .slds-button:after {
  content: "\ee56";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_ic_call .slds-button:before {
  content: "\ee57";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_ic_call .slds-button:after {
  content: "\ee57";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-web_asset .slds-button:before {
  content: "\ee58";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-web_asset .slds-button:after {
  content: "\ee58";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-videocam_off .slds-button:before {
  content: "\ee59";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-videocam_off .slds-button:after {
  content: "\ee59";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-web .slds-button:before {
  content: "\ee5a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-web .slds-button:after {
  content: "\ee5a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-volume_up .slds-button:before {
  content: "\ee5b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-volume_up .slds-button:after {
  content: "\ee5b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-volume_off .slds-button:before {
  content: "\ee5c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-volume_off .slds-button:after {
  content: "\ee5c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-volume_down .slds-button:before {
  content: "\ee5d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-volume_down .slds-button:after {
  content: "\ee5d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stop_circle .slds-button:before {
  content: "\ee5e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stop_circle .slds-button:after {
  content: "\ee5e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-video_library .slds-button:before {
  content: "\ee5f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-video_library .slds-button:after {
  content: "\ee5f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-video_label .slds-button:before {
  content: "\ee60";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-video_label .slds-button:after {
  content: "\ee60";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-queue .slds-button:before {
  content: "\ee61";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-queue .slds-button:after {
  content: "\ee61";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-subscriptions .slds-button:before {
  content: "\ee62";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-subscriptions .slds-button:after {
  content: "\ee62";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-video_call .slds-button:before {
  content: "\ee63";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-video_call .slds-button:after {
  content: "\ee63";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-surround_sound .slds-button:before {
  content: "\ee64";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-surround_sound .slds-button:after {
  content: "\ee64";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-subtitles .slds-button:before {
  content: "\ee65";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-subtitles .slds-button:after {
  content: "\ee65";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-play_circle_filled .slds-button:before {
  content: "\ee66";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-play_circle_filled .slds-button:after {
  content: "\ee66";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stop .slds-button:before {
  content: "\ee67";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stop .slds-button:after {
  content: "\ee67";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-skip_previous .slds-button:before {
  content: "\ee68";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-skip_previous .slds-button:after {
  content: "\ee68";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-snooze .slds-button:before {
  content: "\ee69";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-snooze .slds-button:after {
  content: "\ee69";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-speed .slds-button:before {
  content: "\ee6a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-speed .slds-button:after {
  content: "\ee6a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-new_releases .slds-button:before {
  content: "\ee6b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-new_releases .slds-button:after {
  content: "\ee6b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sort_by_alpha .slds-button:before {
  content: "\ee6c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sort_by_alpha .slds-button:after {
  content: "\ee6c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-slow_motion_video .slds-button:before {
  content: "\ee6d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-slow_motion_video .slds-button:after {
  content: "\ee6d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-skip_next .slds-button:before {
  content: "\ee6e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-skip_next .slds-button:after {
  content: "\ee6e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-shuffle .slds-button:before {
  content: "\ee6f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-shuffle .slds-button:after {
  content: "\ee6f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-replay_5 .slds-button:before {
  content: "\ee70";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-replay_5 .slds-button:after {
  content: "\ee70";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-replay_30 .slds-button:before {
  content: "\ee71";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-replay_30 .slds-button:after {
  content: "\ee71";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-replay .slds-button:before {
  content: "\ee72";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-replay .slds-button:after {
  content: "\ee72";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-replay_10 .slds-button:before {
  content: "\ee73";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-replay_10 .slds-button:after {
  content: "\ee73";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-repeat_one .slds-button:before {
  content: "\ee74";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-repeat_one .slds-button:after {
  content: "\ee74";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-repeat .slds-button:before {
  content: "\ee75";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-repeat .slds-button:after {
  content: "\ee75";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-remove_from_queue .slds-button:before {
  content: "\ee76";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-remove_from_queue .slds-button:after {
  content: "\ee76";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-recent_actors .slds-button:before {
  content: "\ee77";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-recent_actors .slds-button:after {
  content: "\ee77";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-radio .slds-button:before {
  content: "\ee78";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-radio .slds-button:after {
  content: "\ee78";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-queue_play_next .slds-button:before {
  content: "\ee79";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-queue_play_next .slds-button:after {
  content: "\ee79";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-queue_music .slds-button:before {
  content: "\ee7a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-queue_music .slds-button:after {
  content: "\ee7a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-playlist_add .slds-button:before {
  content: "\ee7b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-playlist_add .slds-button:after {
  content: "\ee7b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-play_circle_outline .slds-button:before {
  content: "\ee7c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-play_circle_outline .slds-button:after {
  content: "\ee7c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-playlist_play .slds-button:before {
  content: "\ee7d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-playlist_play .slds-button:after {
  content: "\ee7d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-playlist_add_check .slds-button:before {
  content: "\ee7e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-playlist_add_check .slds-button:after {
  content: "\ee7e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pause_circle_outline .slds-button:before {
  content: "\ee7f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pause_circle_outline .slds-button:after {
  content: "\ee7f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-play_arrow .slds-button:before {
  content: "\ee80";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-play_arrow .slds-button:after {
  content: "\ee80";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pause_circle_filled .slds-button:before {
  content: "\ee81";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pause_circle_filled .slds-button:after {
  content: "\ee81";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pause .slds-button:before {
  content: "\ee82";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pause .slds-button:after {
  content: "\ee82";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-music_video .slds-button:before {
  content: "\ee83";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-music_video .slds-button:after {
  content: "\ee83";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-forward_30 .slds-button:before {
  content: "\ee84";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-forward_30 .slds-button:after {
  content: "\ee84";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-note .slds-button:before {
  content: "\ee85";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-note .slds-button:after {
  content: "\ee85";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-not_interested .slds-button:before {
  content: "\ee86";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-not_interested .slds-button:after {
  content: "\ee86";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-movie .slds-button:before {
  content: "\ee87";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-movie .slds-button:after {
  content: "\ee87";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-missed_video_call .slds-button:before {
  content: "\ee88";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-missed_video_call .slds-button:after {
  content: "\ee88";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-library_music .slds-button:before {
  content: "\ee89";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-library_music .slds-button:after {
  content: "\ee89";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mic_off .slds-button:before {
  content: "\ee8a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mic_off .slds-button:after {
  content: "\ee8a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mic .slds-button:before {
  content: "\ee8b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mic .slds-button:after {
  content: "\ee8b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mic_none .slds-button:before {
  content: "\ee8c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mic_none .slds-button:after {
  content: "\ee8c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-loop .slds-button:before {
  content: "\ee8d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-loop .slds-button:after {
  content: "\ee8d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-art_track .slds-button:before {
  content: "\ee8e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-art_track .slds-button:after {
  content: "\ee8e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-library_add .slds-button:before {
  content: "\ee8f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-library_add .slds-button:after {
  content: "\ee8f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-library_add_check .slds-button:before {
  content: "\ee90";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-library_add_check .slds-button:after {
  content: "\ee90";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-high_quality .slds-button:before {
  content: "\ee91";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-high_quality .slds-button:after {
  content: "\ee91";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hd .slds-button:before {
  content: "\ee92";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hd .slds-button:after {
  content: "\ee92";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hearing_disabled .slds-button:before {
  content: "\ee93";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hearing_disabled .slds-button:after {
  content: "\ee93";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hearing .slds-button:before {
  content: "\ee94";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hearing .slds-button:after {
  content: "\ee94";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-games .slds-button:before {
  content: "\ee95";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-games .slds-button:after {
  content: "\ee95";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-forward_10 .slds-button:before {
  content: "\ee96";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-forward_10 .slds-button:after {
  content: "\ee96";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-forward_5 .slds-button:before {
  content: "\ee97";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-forward_5 .slds-button:after {
  content: "\ee97";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fiber_pin .slds-button:before {
  content: "\ee98";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fiber_pin .slds-button:after {
  content: "\ee98";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-branding_watermark .slds-button:before {
  content: "\ee99";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-branding_watermark .slds-button:after {
  content: "\ee99";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fiber_smart_record .slds-button:before {
  content: "\ee9a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fiber_smart_record .slds-button:after {
  content: "\ee9a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fiber_new .slds-button:before {
  content: "\ee9b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fiber_new .slds-button:after {
  content: "\ee9b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fiber_dvr .slds-button:before {
  content: "\ee9c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fiber_dvr .slds-button:after {
  content: "\ee9c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fiber_manual_record .slds-button:before {
  content: "\ee9d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fiber_manual_record .slds-button:after {
  content: "\ee9d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fast_rewind .slds-button:before {
  content: "\ee9e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fast_rewind .slds-button:after {
  content: "\ee9e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-featured_video .slds-button:before {
  content: "\ee9f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-featured_video .slds-button:after {
  content: "\ee9f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-featured_play_list .slds-button:before {
  content: "\eea0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-featured_play_list .slds-button:after {
  content: "\eea0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fast_forward .slds-button:before {
  content: "\eea1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fast_forward .slds-button:after {
  content: "\eea1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-equalizer .slds-button:before {
  content: "\eea2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-equalizer .slds-button:after {
  content: "\eea2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-explicit .slds-button:before {
  content: "\eea3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-explicit .slds-button:after {
  content: "\eea3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-control_camera .slds-button:before {
  content: "\eea4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-control_camera .slds-button:after {
  content: "\eea4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-closed_caption_disabled .slds-button:before {
  content: "\eea5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-closed_caption_disabled .slds-button:after {
  content: "\eea5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-call_to_action .slds-button:before {
  content: "\eea6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-call_to_action .slds-button:after {
  content: "\eea6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-closed_caption .slds-button:before {
  content: "\eea7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-closed_caption .slds-button:after {
  content: "\eea7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-zoom_in .slds-button:before {
  content: "\eea8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-zoom_in .slds-button:after {
  content: "\eea8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-album .slds-button:before {
  content: "\eea9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-album .slds-button:after {
  content: "\eea9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-work .slds-button:before {
  content: "\eeaa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-work .slds-button:after {
  content: "\eeaa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wifi_protected_setup .slds-button:before {
  content: "\eeab";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wifi_protected_setup .slds-button:after {
  content: "\eeab";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-airplay .slds-button:before {
  content: "\eeac";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-airplay .slds-button:after {
  content: "\eeac";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_to_queue .slds-button:before {
  content: "\eead";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_to_queue .slds-button:after {
  content: "\eead";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-5g .slds-button:before {
  content: "\eeae";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-5g .slds-button:after {
  content: "\eeae";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-4k .slds-button:before {
  content: "\eeaf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-4k .slds-button:after {
  content: "\eeaf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-warning .slds-button:before {
  content: "\eeb0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-warning .slds-button:after {
  content: "\eeb0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-notification_important .slds-button:before {
  content: "\eeb1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-notification_important .slds-button:after {
  content: "\eeb1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-error_outline .slds-button:before {
  content: "\eeb2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-error_outline .slds-button:after {
  content: "\eeb2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-error .slds-button:before {
  content: "\eeb3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-error .slds-button:after {
  content: "\eeb3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-auto_delete .slds-button:before {
  content: "\eeb4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-auto_delete .slds-button:after {
  content: "\eeb4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_alert .slds-button:before {
  content: "\eeb5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_alert .slds-button:after {
  content: "\eeb5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-zoom_out .slds-button:before {
  content: "\eeb6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-zoom_out .slds-button:after {
  content: "\eeb6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_week .slds-button:before {
  content: "\eeb7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_week .slds-button:after {
  content: "\eeb7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-wysiwyg .slds-button:before {
  content: "\eeb8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-wysiwyg .slds-button:after {
  content: "\eeb8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-youtube_searched_for .slds-button:before {
  content: "\eeb9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-youtube_searched_for .slds-button:after {
  content: "\eeb9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-work_off .slds-button:before {
  content: "\eeba";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-work_off .slds-button:after {
  content: "\eeba";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-watch_later .slds-button:before {
  content: "\eebb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-watch_later .slds-button:after {
  content: "\eebb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-visibility_off .slds-button:before {
  content: "\eebc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-visibility_off .slds-button:after {
  content: "\eebc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_agenda .slds-button:before {
  content: "\eebd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_agenda .slds-button:after {
  content: "\eebd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-voice_over_off .slds-button:before {
  content: "\eebe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-voice_over_off .slds-button:after {
  content: "\eebe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-visibility .slds-button:before {
  content: "\eebf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-visibility .slds-button:after {
  content: "\eebf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_list .slds-button:before {
  content: "\eec0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_list .slds-button:after {
  content: "\eec0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_sidebar .slds-button:before {
  content: "\eec1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_sidebar .slds-button:after {
  content: "\eec1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_stream .slds-button:before {
  content: "\eec2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_stream .slds-button:after {
  content: "\eec2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-unpublished .slds-button:before {
  content: "\eec3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-unpublished .slds-button:after {
  content: "\eec3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_quilt .slds-button:before {
  content: "\eec4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_quilt .slds-button:after {
  content: "\eec4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_module .slds-button:before {
  content: "\eec5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_module .slds-button:after {
  content: "\eec5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_headline .slds-button:before {
  content: "\eec6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_headline .slds-button:after {
  content: "\eec6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-trending_flat .slds-button:before {
  content: "\eec7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-trending_flat .slds-button:after {
  content: "\eec7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_day .slds-button:before {
  content: "\eec8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_day .slds-button:after {
  content: "\eec8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_column .slds-button:before {
  content: "\eec9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_column .slds-button:after {
  content: "\eec9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_carousel .slds-button:before {
  content: "\eeca";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_carousel .slds-button:after {
  content: "\eeca";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-view_array .slds-button:before {
  content: "\eecb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-view_array .slds-button:after {
  content: "\eecb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-turned_in_not .slds-button:before {
  content: "\eecc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-turned_in_not .slds-button:after {
  content: "\eecc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-vertical_split .slds-button:before {
  content: "\eecd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-vertical_split .slds-button:after {
  content: "\eecd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-verified_user .slds-button:before {
  content: "\eece";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-verified_user .slds-button:after {
  content: "\eece";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-verified .slds-button:before {
  content: "\eecf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-verified .slds-button:after {
  content: "\eecf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-upgrade .slds-button:before {
  content: "\eed0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-upgrade .slds-button:after {
  content: "\eed0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-update .slds-button:before {
  content: "\eed1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-update .slds-button:after {
  content: "\eed1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-turned_in .slds-button:before {
  content: "\eed2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-turned_in .slds-button:after {
  content: "\eed2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-trending_up .slds-button:before {
  content: "\eed3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-trending_up .slds-button:after {
  content: "\eed3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-trending_down .slds-button:before {
  content: "\eed4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-trending_down .slds-button:after {
  content: "\eed4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-track_changes .slds-button:before {
  content: "\eed5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-track_changes .slds-button:after {
  content: "\eed5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-theaters .slds-button:before {
  content: "\eed6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-theaters .slds-button:after {
  content: "\eed6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-toll .slds-button:before {
  content: "\eed7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-toll .slds-button:after {
  content: "\eed7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tour .slds-button:before {
  content: "\eed8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tour .slds-button:after {
  content: "\eed8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-thumb_down .slds-button:before {
  content: "\eed9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-thumb_down .slds-button:after {
  content: "\eed9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-today .slds-button:before {
  content: "\eeda";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-today .slds-button:after {
  content: "\eeda";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-table_view .slds-button:before {
  content: "\eedb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-table_view .slds-button:after {
  content: "\eedb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-toc .slds-button:before {
  content: "\eedc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-toc .slds-button:after {
  content: "\eedc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-timeline .slds-button:before {
  content: "\eedd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-timeline .slds-button:after {
  content: "\eedd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-thumbs_up_down .slds-button:before {
  content: "\eede";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-thumbs_up_down .slds-button:after {
  content: "\eede";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-thumb_up .slds-button:before {
  content: "\eedf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-thumb_up .slds-button:after {
  content: "\eedf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-text_rotation_none .slds-button:before {
  content: "\eee0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-text_rotation_none .slds-button:after {
  content: "\eee0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-text_rotate_up .slds-button:before {
  content: "\eee1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-text_rotate_up .slds-button:after {
  content: "\eee1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-text_rotation_angleup .slds-button:before {
  content: "\eee2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-text_rotation_angleup .slds-button:after {
  content: "\eee2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_input_svideo .slds-button:before {
  content: "\eee3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_input_svideo .slds-button:after {
  content: "\eee3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-text_rotation_down .slds-button:before {
  content: "\eee4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-text_rotation_down .slds-button:after {
  content: "\eee4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-text_rotation_angledown .slds-button:before {
  content: "\eee5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-text_rotation_angledown .slds-button:after {
  content: "\eee5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-text_rotate_vertical .slds-button:before {
  content: "\eee6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-text_rotate_vertical .slds-button:after {
  content: "\eee6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-source .slds-button:before {
  content: "\eee7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-source .slds-button:after {
  content: "\eee7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tab_unselected .slds-button:before {
  content: "\eee8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tab_unselected .slds-button:after {
  content: "\eee8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-tab .slds-button:before {
  content: "\eee9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-tab .slds-button:after {
  content: "\eee9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-system_update_alt .slds-button:before {
  content: "\eeea";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-system_update_alt .slds-button:after {
  content: "\eeea";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sync_alt .slds-button:before {
  content: "\eeeb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sync_alt .slds-button:after {
  content: "\eeeb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-swap_vertical_circle .slds-button:before {
  content: "\eeec";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-swap_vertical_circle .slds-button:after {
  content: "\eeec";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-swap_vert .slds-button:before {
  content: "\eeed";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-swap_vert .slds-button:after {
  content: "\eeed";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-swap_horizontal_circle .slds-button:before {
  content: "\eeee";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-swap_horizontal_circle .slds-button:after {
  content: "\eeee";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-support .slds-button:before {
  content: "\eeef";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-support .slds-button:after {
  content: "\eeef";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-supervisor_account .slds-button:before {
  content: "\eef0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-supervisor_account .slds-button:after {
  content: "\eef0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-subtitles_off .slds-button:before {
  content: "\eef1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-subtitles_off .slds-button:after {
  content: "\eef1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-subject .slds-button:before {
  content: "\eef2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-subject .slds-button:after {
  content: "\eef2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-sticky_note_2 .slds-button:before {
  content: "\eef3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-sticky_note_2 .slds-button:after {
  content: "\eef3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_power .slds-button:before {
  content: "\eef4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_power .slds-button:after {
  content: "\eef4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-store .slds-button:before {
  content: "\eef5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-store .slds-button:after {
  content: "\eef5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-stars .slds-button:before {
  content: "\eef6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-stars .slds-button:after {
  content: "\eef6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-star_rate .slds-button:before {
  content: "\eef7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-star_rate .slds-button:after {
  content: "\eef7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-spellcheck .slds-button:before {
  content: "\eef8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-spellcheck .slds-button:after {
  content: "\eef8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-speaker_notes_off .slds-button:before {
  content: "\eef9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-speaker_notes_off .slds-button:after {
  content: "\eef9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-speaker_notes .slds-button:before {
  content: "\eefa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-speaker_notes .slds-button:after {
  content: "\eefa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-smart_button .slds-button:before {
  content: "\eefb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-smart_button .slds-button:after {
  content: "\eefb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-shopping_cart .slds-button:before {
  content: "\eefc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-shopping_cart .slds-button:after {
  content: "\eefc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-shopping_basket .slds-button:before {
  content: "\eefd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-shopping_basket .slds-button:after {
  content: "\eefd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-shopping_bag .slds-button:before {
  content: "\eefe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-shopping_bag .slds-button:after {
  content: "\eefe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-restore_from_trash .slds-button:before {
  content: "\eeff";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-restore_from_trash .slds-button:after {
  content: "\eeff";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-shop_two .slds-button:before {
  content: "\ef00";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-shop_two .slds-button:after {
  content: "\ef00";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-shop .slds-button:before {
  content: "\ef01";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-shop .slds-button:after {
  content: "\ef01";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_remote .slds-button:before {
  content: "\ef02";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_remote .slds-button:after {
  content: "\ef02";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_voice .slds-button:before {
  content: "\ef03";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_voice .slds-button:after {
  content: "\ef03";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_phone .slds-button:before {
  content: "\ef04";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_phone .slds-button:after {
  content: "\ef04";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_input_hdmi .slds-button:before {
  content: "\ef05";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_input_hdmi .slds-button:after {
  content: "\ef05";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_overscan .slds-button:before {
  content: "\ef06";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_overscan .slds-button:after {
  content: "\ef06";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_cell .slds-button:before {
  content: "\ef07";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_cell .slds-button:after {
  content: "\ef07";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_input_antenna .slds-button:before {
  content: "\ef08";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_input_antenna .slds-button:after {
  content: "\ef08";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_input_composite .slds-button:before {
  content: "\ef09";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_input_composite .slds-button:after {
  content: "\ef09";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_input_component .slds-button:before {
  content: "\ef0a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_input_component .slds-button:after {
  content: "\ef0a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_ethernet .slds-button:before {
  content: "\ef0b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_ethernet .slds-button:after {
  content: "\ef0b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_bluetooth .slds-button:before {
  content: "\ef0c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_bluetooth .slds-button:after {
  content: "\ef0c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_applications .slds-button:before {
  content: "\ef0d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_applications .slds-button:after {
  content: "\ef0d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_brightness .slds-button:before {
  content: "\ef0e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_brightness .slds-button:after {
  content: "\ef0e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-settings_backup_restore .slds-button:before {
  content: "\ef0f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-settings_backup_restore .slds-button:after {
  content: "\ef0f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-search_off .slds-button:before {
  content: "\ef10";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-search_off .slds-button:after {
  content: "\ef10";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-request_page .slds-button:before {
  content: "\ef11";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-request_page .slds-button:after {
  content: "\ef11";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rounded_corner .slds-button:before {
  content: "\ef12";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rounded_corner .slds-button:after {
  content: "\ef12";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-schedule .slds-button:before {
  content: "\ef13";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-schedule .slds-button:after {
  content: "\ef13";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rowing .slds-button:before {
  content: "\ef14";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rowing .slds-button:after {
  content: "\ef14";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-rule .slds-button:before {
  content: "\ef15";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-rule .slds-button:after {
  content: "\ef15";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-restore_page .slds-button:before {
  content: "\ef16";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-restore_page .slds-button:after {
  content: "\ef16";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-room .slds-button:before {
  content: "\ef17";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-room .slds-button:after {
  content: "\ef17";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-report_problem .slds-button:before {
  content: "\ef18";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-report_problem .slds-button:after {
  content: "\ef18";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-restore .slds-button:before {
  content: "\ef19";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-restore .slds-button:after {
  content: "\ef19";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-reorder .slds-button:before {
  content: "\ef1a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-reorder .slds-button:after {
  content: "\ef1a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-remove_shopping_cart .slds-button:before {
  content: "\ef1b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-remove_shopping_cart .slds-button:after {
  content: "\ef1b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-query_builder .slds-button:before {
  content: "\ef1c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-query_builder .slds-button:after {
  content: "\ef1c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-quickreply .slds-button:before {
  content: "\ef1d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-quickreply .slds-button:after {
  content: "\ef1d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-receipt .slds-button:before {
  content: "\ef1e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-receipt .slds-button:after {
  content: "\ef1e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-redeem .slds-button:before {
  content: "\ef1f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-redeem .slds-button:after {
  content: "\ef1f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-record_voice_over .slds-button:before {
  content: "\ef20";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-record_voice_over .slds-button:after {
  content: "\ef20";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-question_answer .slds-button:before {
  content: "\ef21";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-question_answer .slds-button:after {
  content: "\ef21";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-published_with_changes .slds-button:before {
  content: "\ef22";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-published_with_changes .slds-button:after {
  content: "\ef22";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-plagiarism .slds-button:before {
  content: "\ef23";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-plagiarism .slds-button:after {
  content: "\ef23";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-privacy_tip .slds-button:before {
  content: "\ef24";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-privacy_tip .slds-button:after {
  content: "\ef24";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pregnant_woman .slds-button:before {
  content: "\ef25";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pregnant_woman .slds-button:after {
  content: "\ef25";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-preview .slds-button:before {
  content: "\ef26";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-preview .slds-button:after {
  content: "\ef26";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-play_for_work .slds-button:before {
  content: "\ef27";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-play_for_work .slds-button:after {
  content: "\ef27";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-print .slds-button:before {
  content: "\ef28";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-print .slds-button:after {
  content: "\ef28";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-polymer .slds-button:before {
  content: "\ef29";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-polymer .slds-button:after {
  content: "\ef29";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-perm_identity .slds-button:before {
  content: "\ef2a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-perm_identity .slds-button:after {
  content: "\ef2a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-picture_in_picture_alt .slds-button:before {
  content: "\ef2b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-picture_in_picture_alt .slds-button:after {
  content: "\ef2b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pending .slds-button:before {
  content: "\ef2c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pending .slds-button:after {
  content: "\ef2c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pets .slds-button:before {
  content: "\ef2d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pets .slds-button:after {
  content: "\ef2d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-outlet .slds-button:before {
  content: "\ef2e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-outlet .slds-button:after {
  content: "\ef2e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-perm_scan_wifi .slds-button:before {
  content: "\ef2f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-perm_scan_wifi .slds-button:after {
  content: "\ef2f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-payment .slds-button:before {
  content: "\ef30";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-payment .slds-button:after {
  content: "\ef30";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-perm_device_information .slds-button:before {
  content: "\ef31";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-perm_device_information .slds-button:after {
  content: "\ef31";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-picture_in_picture .slds-button:before {
  content: "\ef32";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-picture_in_picture .slds-button:after {
  content: "\ef32";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-perm_camera_mic .slds-button:before {
  content: "\ef33";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-perm_camera_mic .slds-button:after {
  content: "\ef33";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-perm_phone_msg .slds-button:before {
  content: "\ef34";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-perm_phone_msg .slds-button:after {
  content: "\ef34";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-perm_media .slds-button:before {
  content: "\ef35";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-perm_media .slds-button:after {
  content: "\ef35";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-perm_data_setting .slds-button:before {
  content: "\ef36";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-perm_data_setting .slds-button:after {
  content: "\ef36";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-perm_contact_calendar .slds-button:before {
  content: "\ef37";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-perm_contact_calendar .slds-button:after {
  content: "\ef37";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pageview .slds-button:before {
  content: "\ef38";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pageview .slds-button:after {
  content: "\ef38";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-line_weight .slds-button:before {
  content: "\ef39";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-line_weight .slds-button:after {
  content: "\ef39";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-pan_tool .slds-button:before {
  content: "\ef3a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-pan_tool .slds-button:after {
  content: "\ef3a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-outbond .slds-button:before {
  content: "\ef3b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-outbond .slds-button:after {
  content: "\ef3b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-open_with .slds-button:before {
  content: "\ef3c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-open_with .slds-button:after {
  content: "\ef3c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-open_in_full .slds-button:before {
  content: "\ef3d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-open_in_full .slds-button:after {
  content: "\ef3d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-note_add .slds-button:before {
  content: "\ef3e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-note_add .slds-button:after {
  content: "\ef3e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-open_in_browser .slds-button:before {
  content: "\ef3f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-open_in_browser .slds-button:after {
  content: "\ef3f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-not_started .slds-button:before {
  content: "\ef40";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-not_started .slds-button:after {
  content: "\ef40";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-opacity .slds-button:before {
  content: "\ef41";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-opacity .slds-button:after {
  content: "\ef41";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-online_prediction .slds-button:before {
  content: "\ef42";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-online_prediction .slds-button:after {
  content: "\ef42";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-offline_pin .slds-button:before {
  content: "\ef43";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-offline_pin .slds-button:after {
  content: "\ef43";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-offline_bolt .slds-button:before {
  content: "\ef44";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-offline_bolt .slds-button:after {
  content: "\ef44";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-minimize .slds-button:before {
  content: "\ef45";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-minimize .slds-button:after {
  content: "\ef45";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-model_training .slds-button:before {
  content: "\ef46";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-model_training .slds-button:after {
  content: "\ef46";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-not_accessible .slds-button:before {
  content: "\ef47";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-not_accessible .slds-button:after {
  content: "\ef47";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-next_plan .slds-button:before {
  content: "\ef48";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-next_plan .slds-button:after {
  content: "\ef48";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-mediation .slds-button:before {
  content: "\ef49";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-mediation .slds-button:after {
  content: "\ef49";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-markunread_mailbox .slds-button:before {
  content: "\ef4a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-markunread_mailbox .slds-button:after {
  content: "\ef4a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-maximize .slds-button:before {
  content: "\ef4b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-maximize .slds-button:after {
  content: "\ef4b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-login .slds-button:before {
  content: "\ef4c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-login .slds-button:after {
  content: "\ef4c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-launch .slds-button:before {
  content: "\ef4d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-launch .slds-button:after {
  content: "\ef4d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flaky .slds-button:before {
  content: "\ef4e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flaky .slds-button:after {
  content: "\ef4e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-lock_open .slds-button:before {
  content: "\ef4f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-lock_open .slds-button:after {
  content: "\ef4f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-lock .slds-button:before {
  content: "\ef50";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-lock .slds-button:after {
  content: "\ef50";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-list .slds-button:before {
  content: "\ef51";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-list .slds-button:after {
  content: "\ef51";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-line_style .slds-button:before {
  content: "\ef52";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-line_style .slds-button:after {
  content: "\ef52";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-info .slds-button:before {
  content: "\ef53";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-info .slds-button:after {
  content: "\ef53";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-leaderboard .slds-button:before {
  content: "\ef54";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-leaderboard .slds-button:after {
  content: "\ef54";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-language .slds-button:before {
  content: "\ef55";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-language .slds-button:after {
  content: "\ef55";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-lightbulb .slds-button:before {
  content: "\ef56";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-lightbulb .slds-button:after {
  content: "\ef56";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-label_off .slds-button:before {
  content: "\ef57";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-label_off .slds-button:after {
  content: "\ef57";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-invert_colors .slds-button:before {
  content: "\ef58";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-invert_colors .slds-button:after {
  content: "\ef58";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-label_important .slds-button:before {
  content: "\ef59";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-label_important .slds-button:after {
  content: "\ef59";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flight_land .slds-button:before {
  content: "\ef5a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flight_land .slds-button:after {
  content: "\ef5a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-label .slds-button:before {
  content: "\ef5b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-label .slds-button:after {
  content: "\ef5b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-input .slds-button:before {
  content: "\ef5c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-input .slds-button:after {
  content: "\ef5c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-integration_instructions .slds-button:before {
  content: "\ef5d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-integration_instructions .slds-button:after {
  content: "\ef5d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-important_devices .slds-button:before {
  content: "\ef5e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-important_devices .slds-button:after {
  content: "\ef5e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fingerprint .slds-button:before {
  content: "\ef5f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fingerprint .slds-button:after {
  content: "\ef5f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-highlight_alt .slds-button:before {
  content: "\ef60";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-highlight_alt .slds-button:after {
  content: "\ef60";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-https .slds-button:before {
  content: "\ef61";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-https .slds-button:after {
  content: "\ef61";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-http .slds-button:before {
  content: "\ef62";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-http .slds-button:after {
  content: "\ef62";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hourglass_disabled .slds-button:before {
  content: "\ef63";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hourglass_disabled .slds-button:after {
  content: "\ef63";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hourglass_full .slds-button:before {
  content: "\ef64";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hourglass_full .slds-button:after {
  content: "\ef64";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-hourglass_empty .slds-button:before {
  content: "\ef65";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-hourglass_empty .slds-button:after {
  content: "\ef65";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-horizontal_split .slds-button:before {
  content: "\ef66";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-horizontal_split .slds-button:after {
  content: "\ef66";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-history_toggle_off .slds-button:before {
  content: "\ef67";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-history_toggle_off .slds-button:after {
  content: "\ef67";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-help_outline .slds-button:before {
  content: "\ef68";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-help_outline .slds-button:after {
  content: "\ef68";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-highlight_off .slds-button:before {
  content: "\ef69";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-highlight_off .slds-button:after {
  content: "\ef69";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-get_app .slds-button:before {
  content: "\ef6a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-get_app .slds-button:after {
  content: "\ef6a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-help .slds-button:before {
  content: "\ef6b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-help .slds-button:after {
  content: "\ef6b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-group_work .slds-button:before {
  content: "\ef6c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-group_work .slds-button:after {
  content: "\ef6c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-grading .slds-button:before {
  content: "\ef6d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-grading .slds-button:after {
  content: "\ef6d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-favorite_border .slds-button:before {
  content: "\ef6e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-favorite_border .slds-button:after {
  content: "\ef6e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-grade .slds-button:before {
  content: "\ef6f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-grade .slds-button:after {
  content: "\ef6f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-g_translate .slds-button:before {
  content: "\ef70";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-g_translate .slds-button:after {
  content: "\ef70";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-gif .slds-button:before {
  content: "\ef71";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-gif .slds-button:after {
  content: "\ef71";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flip_to_front .slds-button:before {
  content: "\ef72";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flip_to_front .slds-button:after {
  content: "\ef72";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-find_replace .slds-button:before {
  content: "\ef73";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-find_replace .slds-button:after {
  content: "\ef73";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flip_to_back .slds-button:before {
  content: "\ef74";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flip_to_back .slds-button:after {
  content: "\ef74";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-find_in_page .slds-button:before {
  content: "\ef75";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-find_in_page .slds-button:after {
  content: "\ef75";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-flight_takeoff .slds-button:before {
  content: "\ef76";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-flight_takeoff .slds-button:after {
  content: "\ef76";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-filter_alt .slds-button:before {
  content: "\ef77";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-filter_alt .slds-button:after {
  content: "\ef77";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-face_unlock .slds-button:before {
  content: "\ef78";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-face_unlock .slds-button:after {
  content: "\ef78";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-feedback .slds-button:before {
  content: "\ef79";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-feedback .slds-button:after {
  content: "\ef79";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-drag_indicator .slds-button:before {
  content: "\ef7a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-drag_indicator .slds-button:after {
  content: "\ef7a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-explore_off .slds-button:before {
  content: "\ef7b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-explore_off .slds-button:after {
  content: "\ef7b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-extension .slds-button:before {
  content: "\ef7c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-extension .slds-button:after {
  content: "\ef7c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-favorite .slds-button:before {
  content: "\ef7d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-favorite .slds-button:after {
  content: "\ef7d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-fact_check .slds-button:before {
  content: "\ef7e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-fact_check .slds-button:after {
  content: "\ef7e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-face .slds-button:before {
  content: "\ef7f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-face .slds-button:after {
  content: "\ef7f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-exit_to_app .slds-button:before {
  content: "\ef80";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-exit_to_app .slds-button:after {
  content: "\ef80";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-eco .slds-button:before {
  content: "\ef81";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-eco .slds-button:after {
  content: "\ef81";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-explore .slds-button:before {
  content: "\ef82";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-explore .slds-button:after {
  content: "\ef82";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-done_all .slds-button:before {
  content: "\ef83";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-done_all .slds-button:after {
  content: "\ef83";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-event_seat .slds-button:before {
  content: "\ef84";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-event_seat .slds-button:after {
  content: "\ef84";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-event .slds-button:before {
  content: "\ef85";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-event .slds-button:after {
  content: "\ef85";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-euro_symbol .slds-button:before {
  content: "\ef86";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-euro_symbol .slds-button:after {
  content: "\ef86";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-eject .slds-button:before {
  content: "\ef87";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-eject .slds-button:after {
  content: "\ef87";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-dynamic_form .slds-button:before {
  content: "\ef88";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-dynamic_form .slds-button:after {
  content: "\ef88";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-date_range .slds-button:before {
  content: "\ef89";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-date_range .slds-button:after {
  content: "\ef89";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-donut_small .slds-button:before {
  content: "\ef8a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-donut_small .slds-button:after {
  content: "\ef8a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-description .slds-button:before {
  content: "\ef8b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-description .slds-button:after {
  content: "\ef8b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-donut_large .slds-button:before {
  content: "\ef8c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-donut_large .slds-button:after {
  content: "\ef8c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-check_circle .slds-button:before {
  content: "\ef8d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-check_circle .slds-button:after {
  content: "\ef8d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-dns .slds-button:before {
  content: "\ef8e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-dns .slds-button:after {
  content: "\ef8e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-done_outline .slds-button:before {
  content: "\ef8f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-done_outline .slds-button:after {
  content: "\ef8f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-done .slds-button:before {
  content: "\ef90";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-done .slds-button:after {
  content: "\ef90";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-analytics .slds-button:before {
  content: "\ef91";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-analytics .slds-button:after {
  content: "\ef91";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-all_out .slds-button:before {
  content: "\ef92";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-all_out .slds-button:after {
  content: "\ef92";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-disabled_by_default .slds-button:before {
  content: "\ef93";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-disabled_by_default .slds-button:after {
  content: "\ef93";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-delete_forever .slds-button:before {
  content: "\ef94";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-delete_forever .slds-button:after {
  content: "\ef94";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-delete .slds-button:before {
  content: "\ef95";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-delete .slds-button:after {
  content: "\ef95";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-announcement .slds-button:before {
  content: "\ef96";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-announcement .slds-button:after {
  content: "\ef96";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-commute .slds-button:before {
  content: "\ef97";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-commute .slds-button:after {
  content: "\ef97";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-chrome_reader_mode .slds-button:before {
  content: "\ef98";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-chrome_reader_mode .slds-button:after {
  content: "\ef98";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-credit_card .slds-button:before {
  content: "\ef99";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-credit_card .slds-button:after {
  content: "\ef99";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-assessment .slds-button:before {
  content: "\ef9a";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-assessment .slds-button:after {
  content: "\ef9a";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-contactless .slds-button:before {
  content: "\ef9b";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-contactless .slds-button:after {
  content: "\ef9b";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-contact_support .slds-button:before {
  content: "\ef9c";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-contact_support .slds-button:after {
  content: "\ef9c";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-contact_page .slds-button:before {
  content: "\ef9d";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-contact_page .slds-button:after {
  content: "\ef9d";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-compare_arrows .slds-button:before {
  content: "\ef9e";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-compare_arrows .slds-button:after {
  content: "\ef9e";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cancel_schedule_send .slds-button:before {
  content: "\ef9f";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cancel_schedule_send .slds-button:after {
  content: "\ef9f";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-code .slds-button:before {
  content: "\efa0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-code .slds-button:after {
  content: "\efa0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-close_fullscreen .slds-button:before {
  content: "\efa1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-close_fullscreen .slds-button:after {
  content: "\efa1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-class .slds-button:before {
  content: "\efa2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-class .slds-button:after {
  content: "\efa2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-card_travel .slds-button:before {
  content: "\efa3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-card_travel .slds-button:after {
  content: "\efa3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bug_report .slds-button:before {
  content: "\efa4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bug_report .slds-button:after {
  content: "\efa4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-change_history .slds-button:before {
  content: "\efa5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-change_history .slds-button:after {
  content: "\efa5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-card_membership .slds-button:before {
  content: "\efa6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-card_membership .slds-button:after {
  content: "\efa6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-card_giftcard .slds-button:before {
  content: "\efa7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-card_giftcard .slds-button:after {
  content: "\efa7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-camera_enhance .slds-button:before {
  content: "\efa8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-camera_enhance .slds-button:after {
  content: "\efa8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-bookmarks .slds-button:before {
  content: "\efa9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-bookmarks .slds-button:after {
  content: "\efa9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-calendar_view_day .slds-button:before {
  content: "\efaa";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-calendar_view_day .slds-button:after {
  content: "\efaa";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-cached .slds-button:before {
  content: "\efab";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-cached .slds-button:after {
  content: "\efab";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-build_circle .slds-button:before {
  content: "\efac";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-build_circle .slds-button:after {
  content: "\efac";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-build .slds-button:before {
  content: "\efad";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-build .slds-button:after {
  content: "\efad";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-book .slds-button:before {
  content: "\efae";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-book .slds-button:after {
  content: "\efae";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-book_online .slds-button:before {
  content: "\efaf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-book_online .slds-button:after {
  content: "\efaf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-assignment_return .slds-button:before {
  content: "\efb0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-assignment_return .slds-button:after {
  content: "\efb0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-accessible .slds-button:before {
  content: "\efb1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-accessible .slds-button:after {
  content: "\efb1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-alarm_on .slds-button:before {
  content: "\efb2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-alarm_on .slds-button:after {
  content: "\efb2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-batch_prediction .slds-button:before {
  content: "\efb3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-batch_prediction .slds-button:after {
  content: "\efb3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-backup_table .slds-button:before {
  content: "\efb4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-backup_table .slds-button:after {
  content: "\efb4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-backup .slds-button:before {
  content: "\efb5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-backup .slds-button:after {
  content: "\efb5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-android .slds-button:before {
  content: "\efb6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-android .slds-button:after {
  content: "\efb6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-assignment_turned_in .slds-button:before {
  content: "\efb7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-assignment_turned_in .slds-button:after {
  content: "\efb7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-assignment_returned .slds-button:before {
  content: "\efb8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-assignment_returned .slds-button:after {
  content: "\efb8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-assignment_ind .slds-button:before {
  content: "\efb9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-assignment_ind .slds-button:after {
  content: "\efb9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-assignment_late .slds-button:before {
  content: "\efba";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-assignment_late .slds-button:after {
  content: "\efba";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-all_inbox .slds-button:before {
  content: "\efbb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-all_inbox .slds-button:after {
  content: "\efbb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_circle_up .slds-button:before {
  content: "\efbc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_circle_up .slds-button:after {
  content: "\efbc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-aspect_ratio .slds-button:before {
  content: "\efbd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-aspect_ratio .slds-button:after {
  content: "\efbd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-article .slds-button:before {
  content: "\efbe";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-article .slds-button:after {
  content: "\efbe";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_right_alt .slds-button:before {
  content: "\efbf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_right_alt .slds-button:after {
  content: "\efbf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-arrow_circle_down .slds-button:before {
  content: "\efc0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-arrow_circle_down .slds-button:after {
  content: "\efc0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-app_blocking .slds-button:before {
  content: "\efc1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-app_blocking .slds-button:after {
  content: "\efc1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-api .slds-button:before {
  content: "\efc2";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-api .slds-button:after {
  content: "\efc2";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-anchor .slds-button:before {
  content: "\efc3";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-anchor .slds-button:after {
  content: "\efc3";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-alarm .slds-button:before {
  content: "\efc4";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-alarm .slds-button:after {
  content: "\efc4";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-alarm_off .slds-button:before {
  content: "\efc5";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-alarm_off .slds-button:after {
  content: "\efc5";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-addchart .slds-button:before {
  content: "\efc6";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-addchart .slds-button:after {
  content: "\efc6";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-alarm_add .slds-button:before {
  content: "\efc7";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-alarm_add .slds-button:after {
  content: "\efc7";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-account_box .slds-button:before {
  content: "\efc8";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-account_box .slds-button:after {
  content: "\efc8";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-admin_panel_settings .slds-button:before {
  content: "\efc9";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-admin_panel_settings .slds-button:after {
  content: "\efc9";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-accessibility_new .slds-button:before {
  content: "\efca";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-accessibility_new .slds-button:after {
  content: "\efca";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_task .slds-button:before {
  content: "\efcb";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_task .slds-button:after {
  content: "\efcb";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-add_shopping_cart .slds-button:before {
  content: "\efcc";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-add_shopping_cart .slds-button:after {
  content: "\efcc";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-account_balance_wallet .slds-button:before {
  content: "\efcd";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-account_balance_wallet .slds-button:after {
  content: "\efcd";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-account_balance .slds-button:before {
  content: "\efce";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-account_balance .slds-button:after {
  content: "\efce";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-accessible_forward .slds-button:before {
  content: "\efcf";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-accessible_forward .slds-button:after {
  content: "\efcf";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-accessibility .slds-button:before {
  content: "\efd0";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-accessibility .slds-button:after {
  content: "\efd0";
  font-family: "material-icon";
  margin-left: 0.5em;
}

.mds-icon-left-3d_rotation .slds-button:before {
  content: "\efd1";
  font-family: "material-icon";
  margin-right: 0.5em;
}

.mds-icon-right-3d_rotation .slds-button:after {
  content: "\efd1";
  font-family: "material-icon";
  margin-left: 0.5em;
}

/*************** Grid ***************/
.mds-grid {
  display: flex;
}
.mds-grid_vertical {
  flex-direction: column;
}
.mds-grid_vertical-reverse {
  flex-direction: column-reverse;
}
.mds-grid_reverse {
  flex-direction: row-reverse;
}
.mds-grid_vertical-stretch {
  align-items: stretch;
  align-content: stretch;
}

.mds-wrap {
  flex-wrap: wrap;
  align-items: flex-start;
}

.mds-nowrap {
  flex-wrap: nowrap;
}

/*************** Grid container ***************/
.mds-container_small {
  max-width: 30rem;
}
.mds-container_medium {
  max-width: 48rem;
}
.mds-container_large {
  max-width: 64rem;
}
.mds-container_x-large {
  max-width: 80rem;
}
.mds-container_fluid {
  width: 100%;
}
.mds-container_center {
  margin-left: auto;
  margin-right: auto;
}
.mds-container_left {
  margin-left: auto;
}
.mds-container_right {
  margin-right: auto;
}

/*************** Gutters ***************/
.mds-gutters,
.mds-gutters_small,
.mds-gutters_direct,
.mds-gutters_direct-small {
  margin-right: calc(-1 * var(--spacing-x-small));
  margin-left: calc(-1 * var(--spacing-x-small));
}
.mds-gutters_xx-small, .mds-gutters_direct-xx-small,
.mds-gutters_small_xx-small,
.mds-gutters_small_direct-xx-small,
.mds-gutters_direct_xx-small,
.mds-gutters_direct_direct-xx-small,
.mds-gutters_direct-small_xx-small,
.mds-gutters_direct-small_direct-xx-small {
  margin-right: calc(-1 * var(--spacing-xxx-small));
  margin-left: calc(-1 * var(--spacing-xxx-small));
}
.mds-gutters_x-small, .mds-gutters_direct-x-small,
.mds-gutters_small_x-small,
.mds-gutters_small_direct-x-small,
.mds-gutters_direct_x-small,
.mds-gutters_direct_direct-x-small,
.mds-gutters_direct-small_x-small,
.mds-gutters_direct-small_direct-x-small {
  margin-right: calc(-1 * var(--spacing-xx-small));
  margin-left: calc(-1 * var(--spacing-xx-small));
}
.mds-gutters_medium, .mds-gutters_direct-medium,
.mds-gutters_small_medium,
.mds-gutters_small_direct-medium,
.mds-gutters_direct_medium,
.mds-gutters_direct_direct-medium,
.mds-gutters_direct-small_medium,
.mds-gutters_direct-small_direct-medium {
  margin-right: calc(-1 * var(--spacing-small));
  margin-left: calc(-1 * var(--spacing-small));
}
.mds-gutters_large, .mds-gutters_direct-large,
.mds-gutters_small_large,
.mds-gutters_small_direct-large,
.mds-gutters_direct_large,
.mds-gutters_direct_direct-large,
.mds-gutters_direct-small_large,
.mds-gutters_direct-small_direct-large {
  margin-right: calc(-1 * var(--spacing-large));
  margin-left: calc(-1 * var(--spacing-large));
}
.mds-gutters_x-large, .mds-gutters_direct-x-large,
.mds-gutters_small_x-large,
.mds-gutters_small_direct-x-large,
.mds-gutters_direct_x-large,
.mds-gutters_direct_direct-x-large,
.mds-gutters_direct-small_x-large,
.mds-gutters_direct-small_direct-x-large {
  margin-right: calc(-1 * var(--spacing-x-large));
  margin-left: calc(-1 * var(--spacing-x-large));
}
.mds-gutters_xx-large, .mds-gutters_direct-xx-large,
.mds-gutters_small_xx-large,
.mds-gutters_small_direct-xx-large,
.mds-gutters_direct_xx-large,
.mds-gutters_direct_direct-xx-large,
.mds-gutters_direct-small_xx-large,
.mds-gutters_direct-small_direct-xx-large {
  margin-right: calc(-1 * var(--spacing-xx-large));
  margin-left: calc(-1 * var(--spacing-xx-large));
}

/*************** Gap ***************/
.mds-gap_xx-small {
  gap: var(--spacing-xx-small);
}
.mds-gap_x-small {
  gap: var(--spacing-x-small);
}
.mds-gap_small {
  gap: var(--spacing-small);
}

/*************** Align items ***************/
.mds-align-items_center, .mds-badge {
  align-items: center;
}

/*************** Grid alignments ***************/
.mds-grid_align-center {
  justify-content: center;
}
.mds-grid_align-spread {
  justify-content: space-between;
}
.mds-grid_align-end {
  justify-content: flex-end;
}

/*************** other ***************/
.mds-has-flexi-truncate {
  flex: 1 1 0%;
  min-width: 0;
}

/*************** Margin ***************/
.mds-m-top_none {
  margin-top: 0;
}
.mds-m-top_xxx-small {
  margin-top: var(--spacing-xxx-small);
}
.mds-m-top_xx-small {
  margin-top: var(--spacing-xx-small);
}
.mds-m-top_x-small {
  margin-top: var(--spacing-x-small);
}
.mds-m-top_small {
  margin-top: var(--spacing-small);
}
.mds-m-top_medium {
  margin-top: var(--spacing-medium);
}
.mds-m-top_large {
  margin-top: var(--spacing-large);
}
.mds-m-top_x-large {
  margin-top: var(--spacing-x-large);
}
.mds-m-top_xx-large {
  margin-top: var(--spacing-xx-large);
}
.mds-m-top_xxx-large {
  margin-top: var(--spacing-xxx-large) !important;
}
.mds-m-top_xxxx-large {
  margin-top: var(--spacing-xxxx-large) !important;
}
.mds-m-left_none {
  margin-left: 0;
}
.mds-m-left_xxx-small {
  margin-left: var(--spacing-xxx-small);
}
.mds-m-left_xx-small {
  margin-left: var(--spacing-xx-small);
}
.mds-m-left_x-small {
  margin-left: var(--spacing-x-small);
}
.mds-m-left_small {
  margin-left: var(--spacing-small);
}
.mds-m-left_medium {
  margin-left: var(--spacing-medium);
}
.mds-m-left_large {
  margin-left: var(--spacing-large);
}
.mds-m-left_x-large {
  margin-left: var(--spacing-x-large);
}
.mds-m-left_xx-large {
  margin-left: var(--spacing-xx-large);
}
.mds-m-left_xxx-large {
  margin-left: var(--spacing-xxx-large);
}
.mds-m-bottom_none {
  margin-bottom: 0;
}
.mds-m-bottom_xxx-small, .slds-form-element__label {
  margin-bottom: var(--spacing-xxx-small);
}
.mds-m-bottom_xx-small {
  margin-bottom: var(--spacing-xx-small);
}
.mds-m-bottom_x-small {
  margin-bottom: var(--spacing-x-small);
}
.mds-m-bottom_small {
  margin-bottom: var(--spacing-small);
}
.mds-m-bottom_medium {
  margin-bottom: var(--spacing-medium) !important;
}
.mds-m-bottom_large {
  margin-bottom: var(--spacing-large);
}
.mds-m-bottom_x-large {
  margin-bottom: var(--spacing-x-large);
}
.mds-m-bottom_xx-large {
  margin-bottom: var(--spacing-xx-large);
}
.mds-m-bottom_xxx-large {
  margin-bottom: var(--spacing-xxx-large);
}
.mds-m-bottom_xxxx-large {
  margin-bottom: var(--spacing-xxxx-large);
}
.mds-m-right_none {
  margin-right: 0;
}
.mds-m-right_xxx-small {
  margin-right: var(--spacing-xxx-small);
}
.mds-m-right_xx-small {
  margin-right: var(--spacing-xx-small);
}
.mds-m-right_x-small {
  margin-right: var(--spacing-x-small);
}
.mds-m-right_small {
  margin-right: var(--spacing-small);
}
.mds-m-right_medium {
  margin-right: var(--spacing-medium);
}
.mds-m-right_large {
  margin-right: var(--spacing-large);
}
.mds-m-right_x-large {
  margin-right: var(--spacing-x-large);
}
.mds-m-right_xx-large {
  margin-right: var(--spacing-xx-large);
}
.mds-m-right_xxx-large {
  margin-right: var(--spacing-xxx-large);
}
.mds-m-horizontal_none {
  margin-left: 0;
  margin-right: 0;
}
.mds-m-horizontal_xxx-small {
  margin-left: var(--spacing-xxx-small);
  margin-right: var(--spacing-xxx-small);
}
.mds-m-horizontal_xx-small {
  margin-left: var(--spacing-xx-small);
  margin-right: var(--spacing-xx-small);
}
.mds-m-horizontal_x-small {
  margin-left: var(--spacing-x-small);
  margin-right: var(--spacing-x-small);
}
.mds-m-horizontal_small {
  margin-left: var(--spacing-small);
  margin-right: var(--spacing-small);
}
.mds-m-horizontal_medium {
  margin-left: var(--spacing-medium);
  margin-right: var(--spacing-medium);
}
.mds-m-horizontal_large {
  margin-left: var(--spacing-large);
  margin-right: var(--spacing-large);
}
.mds-m-horizontal_x-large {
  margin-left: var(--spacing-x-large);
  margin-right: var(--spacing-x-large);
}
.mds-m-horizontal_xx-large {
  margin-left: var(--spacing-xx-large);
  margin-right: var(--spacing-xx-large);
}
.mds-m-horizontal_xxx-large {
  margin-left: var(--spacing-xxx-large);
  margin-right: var(--spacing-xxx-large);
}
.mds-m-vertical_none {
  margin-top: 0;
  margin-bottom: 0;
}
.mds-m-vertical_xxx-small {
  margin-top: var(--spacing-xxx-small);
  margin-bottom: var(--spacing-xxx-small);
}
.mds-m-vertical_xx-small {
  margin-top: var(--spacing-xx-small);
  margin-bottom: var(--spacing-xx-small);
}
.mds-m-vertical_x-small {
  margin-top: var(--spacing-x-small);
  margin-bottom: var(--spacing-x-small);
}
.mds-m-vertical_small {
  margin-top: var(--spacing-small);
  margin-bottom: var(--spacing-small);
}
.mds-m-vertical_medium {
  margin-top: var(--spacing-medium);
  margin-bottom: var(--spacing-medium);
}
.mds-m-vertical_large {
  margin-top: var(--spacing-large);
  margin-bottom: var(--spacing-large);
}
.mds-m-vertical_x-large {
  margin-top: var(--spacing-x-large);
  margin-bottom: var(--spacing-x-large);
}
.mds-m-vertical_xx-large {
  margin-top: var(--spacing-xx-large);
  margin-bottom: var(--spacing-xx-large);
}
.mds-m-vertical_xxx-large {
  margin-top: var(--spacing-xxx-large);
  margin-bottom: var(--spacing-xxx-large);
}
.mds-m-around_none {
  margin: 0;
}
.mds-m-around_xxx-small {
  margin: var(--spacing-xxx-small);
}
.mds-m-around_xx-small {
  margin: var(--spacing-xx-small);
}
.mds-m-around_x-small {
  margin: var(--spacing-x-small);
}
.mds-m-around_small {
  margin: var(--spacing-small);
}
.mds-m-around_medium {
  margin: var(--spacing-medium);
}
.mds-m-around_large {
  margin: var(--spacing-large);
}
.mds-m-around_x-large {
  margin: var(--spacing-x-large);
}
.mds-m-around_xx-large {
  margin: var(--spacing-xx-large);
}
.mds-m-around_xxx-large {
  margin: var(--spacing-xxx-large);
}
.mds {
  /*************** Padding ***************/
}
.mds-p-top_none {
  padding-top: 0 !important;
}
.mds-p-top_xxx-small {
  padding-top: var(--spacing-xxx-small);
}
.mds-p-top_xx-small {
  padding-top: var(--spacing-xx-small);
}
.mds-p-top_x-small {
  padding-top: var(--spacing-x-small);
}
.mds-p-top_small {
  padding-top: var(--spacing-small);
}
.mds-p-top_medium {
  padding-top: var(--spacing-medium);
}
.mds-p-top_large {
  padding-top: var(--spacing-large);
}
.mds-p-top_x-large {
  padding-top: var(--spacing-x-large);
}
.mds-p-top_xx-large {
  padding-top: var(--spacing-xx-large);
}
.mds-p-top_xxx-large {
  padding-top: var(--spacing-xxx-large);
}
.mds-p-left_none {
  padding-left: 0;
}
.mds-p-left_xxx-small {
  padding-left: var(--spacing-xxx-small);
}
.mds-p-left_xx-small {
  padding-left: var(--spacing-xx-small);
}
.mds-p-left_x-small {
  padding-left: var(--spacing-x-small);
}
.mds-p-left_small {
  padding-left: var(--spacing-small);
}
.mds-p-left_medium {
  padding-left: var(--spacing-medium);
}
.mds-p-left_large {
  padding-left: var(--spacing-large);
}
.mds-p-left_x-large {
  padding-left: var(--spacing-x-large);
}
.mds-p-left_xx-large {
  padding-left: var(--spacing-xx-large);
}
.mds-p-left_xxx-large {
  padding-left: var(--spacing-xxx-large);
}
.mds-p-bottom_none {
  padding-bottom: 0 !important;
}
.mds-p-bottom_xxx-small {
  padding-bottom: var(--spacing-xxx-small);
}
.mds-p-bottom_xx-small {
  padding-bottom: var(--spacing-xx-small);
}
.mds-p-bottom_x-small {
  padding-bottom: var(--spacing-x-small);
}
.mds-p-bottom_small {
  padding-bottom: var(--spacing-small);
}
.mds-p-bottom_medium {
  padding-bottom: var(--spacing-medium);
}
.mds-p-bottom_large {
  padding-bottom: var(--spacing-large);
}
.mds-p-bottom_x-large {
  padding-bottom: var(--spacing-x-large);
}
.mds-p-bottom_xx-large {
  padding-bottom: var(--spacing-xx-large);
}
.mds-p-bottom_xxx-large {
  padding-bottom: var(--spacing-xxx-large);
}
.mds-p-right_none {
  padding-right: 0;
}
.mds-p-right_xxx-small {
  padding-right: var(--spacing-xxx-small);
}
.mds-p-right_xx-small {
  padding-right: var(--spacing-xx-small);
}
.mds-p-right_x-small {
  padding-right: var(--spacing-x-small);
}
.mds-p-right_small {
  padding-right: var(--spacing-small);
}
.mds-p-right_medium {
  padding-right: var(--spacing-medium);
}
.mds-p-right_large {
  padding-right: var(--spacing-large);
}
.mds-p-right_x-large {
  padding-right: var(--spacing-x-large);
}
.mds-p-right_xx-large {
  padding-right: var(--spacing-xx-large);
}
.mds-p-right_xxx-large {
  padding-right: var(--spacing-xxx-large);
}
.mds-p-horizontal_none {
  padding-left: 0;
  padding-right: 0;
}
.mds-p-horizontal_xxx-small {
  padding-left: var(--spacing-xxx-small);
  padding-right: var(--spacing-xxx-small);
}
.mds-p-horizontal_xx-small {
  padding-left: var(--spacing-xx-small);
  padding-right: var(--spacing-xx-small);
}
.mds-p-horizontal_x-small {
  padding-left: var(--spacing-x-small);
  padding-right: var(--spacing-x-small);
}
.mds-p-horizontal_small {
  padding-left: var(--spacing-small);
  padding-right: var(--spacing-small);
}
.mds-p-horizontal_medium {
  padding-left: var(--spacing-medium);
  padding-right: var(--spacing-medium);
}
.mds-p-horizontal_large {
  padding-left: var(--spacing-large);
  padding-right: var(--spacing-large);
}
.mds-p-horizontal_x-large {
  padding-left: var(--spacing-x-large);
  padding-right: var(--spacing-x-large);
}
.mds-p-horizontal_xx-large {
  padding-left: var(--spacing-xx-large);
  padding-right: var(--spacing-xx-large);
}
.mds-p-horizontal_xxx-large {
  padding-left: var(--spacing-xxx-large);
  padding-right: var(--spacing-xxx-large);
}
.mds-p-vertical_none {
  padding-top: 0;
  padding-bottom: 0;
}
.mds-p-vertical_xxx-small {
  padding-top: var(--spacing-xxx-small);
  padding-bottom: var(--spacing-xxx-small);
}
.mds-p-vertical_xx-small {
  padding-top: var(--spacing-xx-small);
  padding-bottom: var(--spacing-xx-small);
}
.mds-p-vertical_x-small {
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-x-small);
}
.mds-p-vertical_small {
  padding-top: var(--spacing-small);
  padding-bottom: var(--spacing-small);
}
.mds-p-vertical_medium {
  padding-top: var(--spacing-medium);
  padding-bottom: var(--spacing-medium);
}
.mds-p-vertical_large {
  padding-top: var(--spacing-large);
  padding-bottom: var(--spacing-large);
}
.mds-p-vertical_x-large {
  padding-top: var(--spacing-x-large);
  padding-bottom: var(--spacing-x-large);
}
.mds-p-vertical_xx-large {
  padding-top: var(--spacing-xx-large);
  padding-bottom: var(--spacing-xx-large);
}
.mds-p-vertical_xxx-large {
  padding-top: var(--spacing-xxx-large);
  padding-bottom: var(--spacing-xxx-large);
}
.mds-p-vertical_xxxx-large {
  padding-top: var(--spacing-xxxx-large);
  padding-bottom: var(--spacing-xxxx-large);
}
.mds-p-around_none {
  padding: 0;
}
.mds-p-around_xxx-small {
  padding: var(--spacing-xxx-small);
}
.mds-p-around_xx-small {
  padding: var(--spacing-xx-small);
}
.mds-p-around_x-small {
  padding: var(--spacing-x-small);
}
.mds-p-around_small {
  padding: var(--spacing-small);
}
.mds-p-around_medium {
  padding: var(--spacing-medium);
}
.mds-p-around_large {
  padding: var(--spacing-large);
}
.mds-p-around_x-large {
  padding: var(--spacing-x-large);
}
.mds-p-around_xx-large {
  padding: var(--spacing-xx-large);
}
.mds-p-around_xxx-large {
  padding: var(--spacing-xxx-large);
}
.mds {
  /*************** Border ***************/
}
.mds-border_top {
  border-top: var(--border-width-thin) solid var(--other-divider);
}
.mds-border_left {
  border-left: var(--border-width-thin) solid var(--other-divider);
}
.mds-border_right {
  border-right: var(--border-width-thin) solid var(--other-divider);
}
.mds-border_bottom {
  border-bottom: var(--border-width-thin) solid var(--other-divider);
}
.mds-border_all {
  border: var(--border-width-thin) solid var(--other-divider);
}

/*************** Table ***************/
.mds-table {
  background-color: var(--white);
  font-size: inherit;
}
@media screen and (max-width: 767px) {
  .mds-table.slds-max-medium-table_stacked-horizontal td {
    overflow: unset;
  }
}
.mds-table_bordered {
  border-collapse: separate;
  border-top: var(--border-width-thin) solid var(--table-header-border);
  border-bottom: var(--border-width-thin) solid var(--table-row-border);
}
.mds-table_header-row th {
  background-color: var(--table-header-background);
  padding: var(--spacing-x-small) var(--spacing-medium);
  font-weight: var(--font-weight-medium);
  color: var(--card-body-text);
}
@media screen and (max-width: 767px) {
  .mds-table_header-row th {
    padding: var(--spacing-small);
  }
}
@media screen and (max-width: 767px) {
  .mds-table_body-row {
    box-shadow: var(--box-shadow-2);
    margin-bottom: var(--spacing-small);
    border-radius: var(--border-radius-medium);
    border-top: none;
  }
  .mds-table_body-row > td:first-child {
    border-top: 0;
  }
}
.mds-table_body-row td {
  border-top: var(--border-width-thin) solid var(--table-header-border);
  padding: var(--spacing-x-small) var(--spacing-medium);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
}
@media screen and (max-width: 767px) {
  .mds-table_body-row td {
    padding: var(--spacing-x-small);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-weight: 0.125rem;
    text-align: left;
  }
  .mds-table_body-row td:before {
    float: unset !important;
    text-align: left;
    text-transform: capitalize;
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
  }
}
.mds-table-table-layout_fixed {
  table-layout: fixed;
}

.mds-data-table .slds-table_header-fixed_container {
  padding: 0;
}
.mds-data-table .slds-resizable__divider {
  display: none;
}
.mds-data-table .slds-is-resizable .slds-has-button-menu .slds-th__action {
  background: var(--table-header-background);
  font-weight: var(--font-weight-medium);
  color: var(--card-body-text);
  padding: 1.125rem !important;
  height: auto;
}
.mds-data-table .slds-is-resizable .slds-cell-fixed {
  position: relative;
}
.mds-data-table .slds-is-resizable .slds-cell-fixed .slds-button {
  padding: 0;
}
.mds-data-table tbody th,
.mds-data-table tbody td {
  border-top: var(--border-width-thin) solid var(--table-header-border) !important;
  padding: 1.125rem;
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
}

/*************** Accordion ***************/
.mds-accordion {
  position: relative;
}
.mds-accordion__list-item {
  margin-bottom: 1rem;
}
.mds-accordion__section {
  padding: 0;
  border-radius: 0.5rem;
}
.mds-accordion__section.mds-is-open > .mds-accordion__content {
  display: block;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  height: auto;
  padding: 1.5rem;
  border-top: 0.0625rem solid var(--intake-accordian-bg-border);
  background: var(--white);
}
.mds-accordion__summary {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--white);
  padding: 1rem 1.5rem;
  border-radius: 0.25rem;
  row-gap: 1rem;
}
@media screen and (max-width: 576px) {
  .mds-accordion__summary {
    flex-wrap: wrap;
  }
}
.mds-accordion__summary-action {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.mds-accordion__summary-heading {
  white-space: break-spaces;
  color: var(--text-primary);
  font-size: var(--font-size-24);
  line-height: 160%;
}
.mds-accordion__content {
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  height: 0;
  display: none;
}
.mds-accordion .mds-accordion_btn lightning-primitive-icon {
  display: none;
}
.mds-accordion .mds-accordion_btn .slds-button {
  gap: 0.5rem;
}
.mds-accordion .mds-accordion_btn .slds-button:before, .mds-accordion .mds-accordion_btn .slds-button:after {
  font-family: "material-icon";
  color: var(--primary-main);
  font-size: 1rem;
}
.mds-accordion .mds-accordion_btn .slds-button:hover::before, .mds-accordion .mds-accordion_btn .slds-button:focus::before, .mds-accordion .mds-accordion_btn .slds-button:hover::after, .mds-accordion .mds-accordion_btn .slds-button:focus::after {
  color: var(--primary-dark);
}
.mds-accordion .mds-accordion_btn-show .slds-button:before {
  content: "\eabb";
}
.mds-accordion .mds-accordion_btn-show .slds-button:after {
  content: "\eaa9";
}
.mds-accordion .mds-accordion_btn-hide .slds-button:before {
  content: "\eaba";
}
.mds-accordion .mds-accordion_btn-hide .slds-button:after {
  content: "\eaa9";
  transform: rotate(180deg);
}
.mds-accordion .mds-accordion_btn-icon-show .slds-button, .mds-accordion .mds-accordion_btn-icon-hide .slds-button {
  border: 0;
  padding: 0;
}
.mds-accordion .mds-accordion_btn-icon-show .slds-button:after, .mds-accordion .mds-accordion_btn-icon-hide .slds-button:after {
  content: "\eaa9";
}
.mds-accordion .mds-accordion_btn-icon-hide .slds-button:after {
  transform: rotate(180deg);
}
.mds-accordion.mds-accordion_basic .mds-accordion__summary {
  flex-wrap: nowrap;
  gap: 1rem;
}
.mds-accordion_full-header .mds-accordion__summary {
  border: none;
  width: 100%;
}
.mds-accordion_full-header .mds-accordion__summary-action svg {
  width: 1rem;
}
.mds-accordion_full-header .mds-is-open .mds-accordion__summary-action svg {
  transform: rotate(180deg);
}

.slds-button:focus {
  outline: 0.125rem dotted var(--black) !important;
  outline-offset: 0.1875rem !important;
}
.slds-button.slds-button_outline-brand[disabled], .slds-button.slds-button_outline-brand:disabled {
  color: var(--text-disabled);
  background-color: var(--action-selected-8-p);
  border: var(--border-width-thin) solid var(--text-disabled);
}
.slds-button.slds-button_brand[disabled], .slds-button.slds-button_brand:disabled, .slds-button.slds-button--brand[disabled], .slds-button.slds-button--brand:disabled {
  color: var(--text-disabled);
  background-color: var(--action-selected-8-p);
  border: none !important;
}
.slds-button_neutral {
  color: var(--primary-main);
  background-color: var(--white);
  border: var(--border-width-thin) solid var(--action-focus-12-p);
}
.slds-button_neutral:hover {
  background-color: var(--action-hover-4-p);
}
.slds-button_brand {
  color: var(--white);
  background-color: var(--primary-main);
  box-shadow: 0px 6px 28px 0px rgba(0, 168, 222, 0.2078431373);
}
.slds-button_brand:hover, .slds-button_brand:focus, .slds-button_brand:active {
  background-color: var(--primary-dark);
}
.slds-button_brand:focus {
  box-shadow: var(--box-shadow-8);
}
.slds-button_outline-brand {
  color: var(--primary-main);
  background-color: var(--white);
  border: var(--border-width-thin) solid var(--primary-main);
}
.slds-button_outline-brand:hover, .slds-button_outline-brand:focus, .slds-button_outline-brand:active {
  color: var(--primary-dark);
  background-color: var(--white);
  border: var(--border-width-thin) solid var(--primary-dark);
}
.slds-button_outline-brand:focus {
  box-shadow: var(--box-shadow-default);
}
.slds-button_destructive {
  color: var(--white);
  background-color: var(--error-main);
}
.slds-button_destructive:hover, .slds-button_destructive:focus, .slds-button_destructive:active {
  background-color: var(--error-dark);
}
.slds-button_destructive:focus {
  box-shadow: var(--box-shadow-8);
}
.slds-button_text-destructive {
  color: var(--error-main);
  background-color: var(--white);
  border: var(--border-width-thin) solid var(--action-focus-12-p);
}
.slds-button_text-destructive:hover {
  background-color: var(--action-hover-4-p);
}
.slds-button_success {
  color: var(--white);
  background-color: var(--success-main);
  border: none;
}
.slds-button_success:hover, .slds-button_success:focus, .slds-button_success:active {
  background-color: var(--success-dark);
}
.slds-button_success:focus {
  box-shadow: var(--box-shadow-8);
}

[variant=base] .slds-button {
  color: var(--primary-main);
  padding: 0 !important;
}
[variant=base] .slds-button:hover, [variant=base] .slds-button:focus, [variant=base] .slds-button:active {
  color: var(--primary-dark);
}

.mds-icon .slds-button {
  border: none;
  border-radius: 0;
  padding: 0;
}
.mds-icon .slds-button:after, .mds-icon .slds-button:before {
  margin: 0 !important;
}
.mds-icon .slds-button:focus {
  outline: 0.125rem dotted var(--black) !important;
  outline-offset: 0.1875rem !important;
}
.mds-icon .slds-button .slds-button__icon {
  display: none;
}

.mds-icon_no-margin .slds-button:after, .mds-icon_no-margin .slds-button:before {
  margin: 0 !important;
}

.mds-button .slds-button {
  transition: all 0.3s;
  padding: 0.25rem 1rem;
  font-size: 1rem;
}
.mds-button_size-small .slds-button {
  padding: 0 0.75rem;
  font-size: 0.875rem;
  font-weight: var(--font-weight-medium);
}
.mds-button_size-regular .slds-button {
  padding: 0.25rem 1rem;
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
}
.mds-button_size-large .slds-button {
  padding: 0.5rem 1.5rem;
  font-size: 1.125rem;
  font-weight: var(--font-weight-medium);
}
.mds-button_size-x_large .slds-button {
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: var(--font-weight-medium);
}
.mds-button_link .slds-button {
  padding: 0;
  border: none;
}
.mds-button-icon_only .slds-button:before, .mds-button-icon_only .slds-button:after {
  margin: 0 !important;
}
.mds-button-icon_x-small .slds-button {
  font-size: 0.5rem;
}
.mds-button-icon_small .slds-button {
  font-size: 0.75rem;
}
.mds-button-icon_regular .slds-button {
  font-size: 1rem;
}
.mds-button-icon_medium .slds-button {
  font-size: 1.25rem;
}
.mds-button-icon_large .slds-button {
  font-size: 1.5rem;
}
.mds-button-icon_x-large .slds-button {
  font-size: 1.75rem;
}
.mds-button-icon_xx-large .slds-button {
  font-size: 2rem;
}
.mds-button-icon_brand .slds-button {
  color: var(--primary-main);
}
.mds-button-icon_brand .slds-button:hover, .mds-button-icon_brand .slds-button:focus {
  color: var(--primary-dark);
}
.mds-button-icon_brand .slds-button:hover::before, .mds-button-icon_brand .slds-button:focus::before, .mds-button-icon_brand .slds-button:hover::after, .mds-button-icon_brand .slds-button:focus::after {
  color: var(--primary-dark);
}
.mds-button-icon_destructive .slds-button {
  color: var(--error-main);
}
.mds-button-icon_destructive .slds-button:hover, .mds-button-icon_destructive .slds-button:focus {
  color: var(--error-dark);
}
.mds-button-icon_destructive .slds-button:hover::before, .mds-button-icon_destructive .slds-button:focus::before, .mds-button-icon_destructive .slds-button:hover::after, .mds-button-icon_destructive .slds-button:focus::after {
  color: var(--error-dark);
}
.mds-button_menu .slds-button:focus, .mds-button_menu .slds-dropdown__item a:focus {
  outline: 0.125rem dotted var(--black) !important;
  outline-offset: -0.125rem !important;
}
.mds-button_full-width .slds-button {
  width: 100%;
}

/*************** Badges ***************/
.mds-badge {
  padding: var(--spacing-xxx-small) var(--spacing-small);
  border-radius: var(--spacing-xxx-small);
  color: var(--text-primary);
  background-color: var(--text-secondary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  display: inline-flex;
  white-space: nowrap;
}
.mds-badge_large {
  padding: var(--spacing-xxx-small) var(--spacing-large);
  font-size: var(--font-size-14);
}
.mds-badge_small {
  padding: var(--spacing-xxx-small) var(--spacing-xx-small);
  font-size: var(--font-size-12);
}
.mds-badge_info {
  color: var(--info-dark);
  background-color: var(--info-shades-12-p);
}
.mds-badge_inverse {
  color: var(--white);
  background-color: var(--text-disabled);
}
.mds-badge_lightest {
  color: var(--text-primary);
  background-color: var(--text-secondary);
}
.mds-badge.mds-theme_brand {
  color: var(--primary-dark);
  background-color: var(--primary-shades-12-p);
}
.mds-badge.mds-theme_info {
  color: var(--info-dark);
  background-color: var(--info-shades-12-p);
}
.mds-badge.mds-theme_disabled {
  color: var(--text-disabled);
  background-color: var(--disabled-background);
}
.mds-badge.mds-theme_success {
  color: var(--success-dark);
  background-color: var(--success-shades-12-p);
}
.mds-badge.mds-theme_warning {
  color: var(--warning-title-label);
  background-color: var(--warning-shades-12-p);
}
.mds-badge.mds-theme_error {
  color: var(--error-dark);
  background-color: var(--error-shades-12-p);
}

.slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox_faux {
  background-color: var(--primary-main);
  border-color: var(--primary-main);
}
.slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox_faux:after {
  border-color: var(--white);
}
.slds-checkbox [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox_faux:hover {
  border-color: var(--primary-main);
}
.slds-checkbox [type=checkbox] + .slds-checkbox__label .slds-checkbox_faux:hover {
  border-color: var(--primary-main);
}
.slds-checkbox [type=checkbox]:disabled + .slds-checkbox__label .slds-checkbox_faux {
  background-color: var(--action-selected-8-p);
  border-color: var(--action-focus-12-p);
}
.slds-checkbox [type=checkbox]:disabled + .slds-checkbox__label .slds-checkbox_faux:after {
  border-color: var(--primary-shades-50-p);
}

.mds-checkbox_icon-minus [type=checkbox]:checked + .slds-checkbox__label .slds-checkbox_faux:after {
  border-left: none;
  transform: translate(-50%, -50%) rotate(0deg);
  height: auto;
}

/*************** Modals ***************/
.mds-modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9001;
}
.mds-modal__menu {
  position: relative;
  border-radius: 0.25rem;
  padding: 1rem;
  background-color: var(--white);
}
.mds-modal__container {
  position: relative;
  transform: translate(0);
  transition: transform 0.1s linear, opacity 0.1s linear;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 2rem 4rem;
  height: 100%;
  padding: 2rem 0 5rem;
  border-radius: 0.25rem;
}
.mds-modal__header {
  border-top-right-radius: var(--border-radius-medium);
  border-top-left-radius: var(--border-radius-medium);
  background-color: var(--white);
  color: var(--black);
  flex-shrink: 0;
  padding: var(--spacing-small);
  display: flex;
  justify-content: space-between;
}
.mds-modal__title {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-16);
}
.mds-modal__content {
  background-color: var(--white);
  color: var(--black);
  overflow: hidden;
  overflow-y: auto;
}
.mds-modal__content_headless {
  border-top-right-radius: var(--border-radius-medium);
  border-top-left-radius: var(--border-radius-medium);
}
.mds-modal__content_footless {
  border-bottom-right-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium);
  box-shadow: var(--box-shadow-default);
}
.mds-modal__footer {
  border-bottom-right-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium);
  background-color: var(--white);
  flex-shrink: 0;
  padding: var(--spacing-small);
  display: flex;
  justify-content: flex-end;
  box-shadow: var(--box-shadow-default);
}
.mds-modal__footer-spacebetween {
  justify-content: space-between;
}
@media (min-width: 1023px) {
  .mds-modal__container {
    margin: 0 auto;
    width: 50%;
    max-width: 40rem;
    min-width: 20rem;
  }
  .mds-modal_small .mds-modal__container {
    width: 60%;
    max-width: 52.0625rem;
    min-width: 40rem;
  }
  .mds-modal_medium .mds-modal__container {
    width: 70%;
    max-width: 75rem;
    min-width: 40rem;
  }
  .mds-modal_large .mds-modal__container {
    width: 90%;
    max-width: none;
    min-width: 40rem;
  }
}
@media (max-width: 30rem) {
  .mds-modal_full .mds-modal__container {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 1rem 0 0 0;
    background-color: var(--white);
    border-radius: 0;
    display: grid;
    height: 100dvh;
    grid-template-rows: min-content min-content 1fr min-content;
    grid-template-areas: "close" "header" "content" "footer";
    grid-template-columns: 1fr;
  }
}

.mds-fade-in-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.1s linear;
}

.mds-slide-up-open {
  transition: opacity 0.1s linear, transform 0.2s linear;
}
.mds-slide-up-saving {
  opacity: 1;
  visibility: visible;
  transform: translateY(-1rem);
}
.mds-slide-down-cancel {
  opacity: 1;
  visibility: visible;
  transform: translateY(1rem);
}

.mds-backdrop {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--backdrop-bg);
  z-index: 9000;
}
.mds-backdrop_open {
  visibility: visible;
  opacity: 1;
}

.mds-no-data-found-card {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
.mds-no-data-found-card .no-data-illustration {
  width: 15rem;
}

.mds-radio-group .slds-form-element__control {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--spacing-xx-small);
}
.mds-radio-group .slds-radio {
  display: flex;
}
.mds-radio-group .slds-radio [type=radio]:checked + .slds-radio__label .slds-radio_faux {
  border-color: var(--primary-main);
}
.mds-radio-group .slds-radio [type=radio]:checked + .slds-radio__label .slds-radio_faux:after {
  background-color: var(--primary-main);
}
.mds-radio-group .slds-radio [type=radio]:focus + .slds-radio__label .slds-radio_faux {
  border-color: var(--primary-main);
  box-shadow: none;
}
.mds-radio-group .slds-radio [type=radio]:checked:disabled + .slds-radio__label .slds-radio_faux {
  border-color: var(--action-focus-12-p);
  background-color: var(--disabled-background);
}
.mds-radio-group .slds-radio.slds-has-error .slds-radio [type=radio] + .slds-radio__label .slds-radio_faux {
  border-width: 1px;
  border-color: var(--error-main);
}
.mds-radio-group.mds-radio-group-advance .slds-radio [type=radio] + .slds-radio__label {
  border: var(--border-width-thin) solid #B2B2B2;
  border-radius: var(--border-radius-medium);
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.mds-radio-group.mds-radio-group-advance .slds-radio [type=radio]:checked + .slds-radio__label {
  border: var(--border-width-thin) solid var(--primary-main);
}
.mds-radio-group.mds-radio-group-advance .slds-radio [type=radio]:focus + .slds-radio__label {
  border: var(--border-width-thin) solid var(--primary-main);
}
.mds-radio-group.mds-radio-group-advance .slds-radio [type=radio]:disabled + .slds-radio__label {
  pointer-events: none;
}
.mds-radio-group.mds-radio-group-advance .slds-radio [type=radio]:disabled + .slds-radio__label .slds-radio_faux {
  background-color: var(--action-selected-8-p);
  border-color: var(--action-focus-12-p);
}
.mds-radio-group.mds-radio-group-advance .slds-radio [type=radio]:checked:disabled + .slds-radio__label {
  border: var(--border-width-thin) solid #B2B2B2;
  pointer-events: none;
}
.mds-radio-group.mds-radio-group-advance .slds-radio [type=radio]:checked:disabled + .slds-radio__label .slds-radio_faux {
  border-color: var(--primary-shades-50-p);
}
.mds-radio-group.mds-radio-group-advance .slds-radio [type=radio]:checked:disabled + .slds-radio__label .slds-radio_faux::after {
  background-color: var(--primary-shades-50-p);
}
.mds-radio-group.mds-radio-group-advance.slds-has-error .slds-radio [type=radio] + .slds-radio__label {
  border: var(--border-width-thin) solid var(--error-main);
}
.mds-radio-group.mds-radio-group-advance.slds-has-error .slds-radio [type=radio] + .slds-radio__label .slds-radio_faux {
  border-width: 1px;
}

.mds-radio-btn .slds-radio_button .slds-radio_faux {
  color: var(--primary-main);
}
.mds-radio-btn .slds-button {
  padding: 0;
  border-radius: 0;
  font-size: inherit;
  font-weight: inherit;
}
.mds-radio-btn .slds-radio_button__label {
  background-color: unset !important;
}
.mds-radio-btn .slds-radio_button [type=radio]:checked + .slds-radio_button__label {
  background-color: var(--primary-main) !important;
}
.mds-radio-btn .slds-radio_button [type=radio]:checked + .slds-radio_button__label .slds-radio_faux {
  color: var(--white) !important;
}

.mds-horizontal_radio-group .slds-form-element__control {
  flex-direction: row;
}

.mds-tabs_default {
  display: block;
  width: 100%;
}
.mds-tabs_default__nav {
  display: flex;
  align-items: flex-start;
  border-bottom: 0.125rem solid var(--other-divider);
}
.mds-tabs_default__item {
  position: relative;
  color: var(--text-primary);
  font-weight: var(--font-weight-medium);
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.mds-tabs_default__item.mds-is-active .mds-tabs_default__link, .mds-tabs_default__item:hover .mds-tabs_default__link {
  color: var(--primary-main);
  border-bottom: 0.125rem solid var(--primary-main);
  margin-bottom: -0.25rem;
}
.mds-tabs_default__item.mds-is-disabled {
  pointer-events: none;
}
.mds-tabs_default__item.mds-is-disabled .mds-tabs_default__link {
  color: var(--text-disabled);
}
.mds-tabs_default__item.mds-is-disabled .mds-tabs_default__link:focus {
  outline: none !important;
  border: none;
}
.mds-tabs_default__link {
  color: currentColor;
  text-decoration: none;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem 1.5rem;
  position: relative;
}
.mds-tabs_default__link:hover, .mds-tabs_default__link:focus {
  text-decoration: none;
  box-shadow: none;
}
.mds-tabs_default__link .mds-tabs__left-icon,
.mds-tabs_default__link .mds-tabs__right-icon {
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
}
.mds-tabs_default__link .mds-tabs__left-icon:before {
  content: "\ea91";
  font-family: "material-icon";
  font-size: 1rem;
}
.mds-tabs_default__link .mds-tabs__right-icon:after {
  content: "\ea91";
  font-family: "material-icon";
  font-size: 1rem;
}
.mds-tabs_default__link .mds-tabs_item {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.mds-tabs_default__link.mds-is-active {
  justify-content: space-between;
}
.mds-tabs_default__link.mds-is-active:after {
  font-family: "material-icon";
  color: var(--primary-main);
  font-size: 1rem;
  content: "\eaa9";
}
.mds-tabs_default__content {
  position: relative;
  padding: 1.5rem 0 !important;
}

.mds-indicator_unread {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  border-radius: var(--border-radius-circle);
  background: var(--error-main);
}

@media screen and (max-width: 576px) {
  .mds-tabs_default.mds-tabs_responsive .mds-tabs_default__nav {
    flex-direction: column;
    border: none !important;
    background-color: var(--primary-shades-4-p);
  }
  .mds-tabs_default.mds-tabs_responsive .mds-tabs_default__nav.mds-tabs-mobile__expand .mds-tabs_default__item {
    display: block;
    order: 0;
  }
  .mds-tabs_default.mds-tabs_responsive .mds-tabs_default__nav.mds-tabs-mobile__expand .mds-tabs_default__item.mds-is-active {
    order: -1;
  }
  .mds-tabs_default.mds-tabs_responsive .mds-tabs_default__item {
    display: none;
    width: 100%;
  }
  .mds-tabs_default.mds-tabs_responsive .mds-tabs_default__item.mds-is-active {
    display: block;
    order: -1;
  }
  .mds-tabs_default.mds-tabs_responsive .mds-tabs_default__item.mds-is-active .mds-tabs_default__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mds-tabs_default.mds-tabs_responsive .mds-tabs_default__item.mds-is-active .mds-tabs_default__link:after {
    font-family: "material-icon";
    color: var(--primary-main);
    font-size: 1rem;
    content: "\eaa9";
  }
}
.slds-tabs_default__nav {
  border-bottom: 0.125rem solid var(--other-divider);
}
.slds-tabs_default__item {
  padding: 0;
  margin-bottom: unset;
}
.slds-tabs_default__item:after {
  content: "";
  bottom: -0.125rem;
}
.slds-tabs_default__item.slds-is-active, .slds-tabs_default__item:hover {
  color: var(--primary-main);
}
.slds-tabs_default__item.slds-is-active:after, .slds-tabs_default__item:hover:after {
  content: "";
  background-color: var(--primary-main);
  height: 0.125rem;
}
.slds-tabs_default__item.slds-is-active .slds-tabs_default__link {
  color: var(--primary-main);
  font-weight: var(--font-weight-medium);
}
.slds-tabs_default__item.slds-tabs_default__overflow-button:after {
  bottom: -0.15625rem;
}
.slds-tabs_default__link {
  font-weight: var(--font-weight-medium);
  line-height: 160%;
  height: unset;
  font-size: 1rem;
  color: var(--text-primary);
  padding: 0.5rem 1.5rem;
}
.slds-tabs_default__overflow-button .slds-button {
  color: var(--text-primary);
}

.mds-scoped-notification {
  border: var(--border-width-thin) solid;
  border-radius: var(--border-radius-medium);
  font-weight: var(--font-weight-medium);
  padding: var(--spacing-x-small);
}
.mds-scoped-notification .mds-alert_heading {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-xxx-small);
}
.mds-scoped-notification.mds-theme_info {
  background: var(--primary-shades-4-p);
  border-color: var(--primary-dark);
}
.mds-scoped-notification.mds-theme_error {
  background: var(--error-shades-4-p);
  border-color: var(--error-dark);
}
.mds-scoped-notification.mds-theme_success {
  background: var(--success-shades-4-p);
  border-color: var(--success-dark);
}
.mds-scoped-notification.mds-theme_warning {
  background: var(--warning-shades-4-p);
  border-color: var(--warning-title-label);
}
.mds-scoped-notification.mds-theme_warning .mds-warning_title-color {
  color: var(--warning-title-label);
}

.mds-card {
  background-color: var(--white);
  border-radius: var(--border-radius-medium);
  box-shadow: var(--box-shadow-8);
}
.mds-card_dates {
  padding: 1.125rem var(--spacing-small);
}
.mds-card__body {
  font-size: var(--font-size-14);
  color: var(--card-body-text);
}
.mds-card_title {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}
.mds-card__footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-xx-small);
}

.mds-social-media_icons {
  justify-content: center;
}
.mds-social-media_icons i {
  font-size: var(--font-size-20);
}
.mds-social-media_icons .facebook i {
  color: #1877F2;
}
.mds-social-media_icons .twitter i {
  color: #1DA1F2;
}

.mds-quicklink {
  background-color: var(--primary-shades-4-p);
  padding: var(--spacing-x-small);
}

.mds-progress_card .mds-user-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.375rem;
  height: 3.375rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3.125rem;
  border-radius: var(--border-radius-circle);
  background-color: var(--primary-main);
}
.mds-progress_card .mds-user-badge_initials {
  font-weight: var(--font-weight-medium);
  text-align: center;
  color: var(--white);
}

.mds-vertical-card {
  border-top: var(--spacing-xxx-small) solid var(--primary-main);
}

.mds-threedots_vertical-menu .slds-button_icon-more {
  border: none;
  background-color: transparent;
  padding: 0;
}
.mds-threedots_vertical-menu .slds-button:focus, .mds-threedots_vertical-menu .slds-dropdown__item a:focus {
  outline: 0.125rem dotted var(--black) !important;
  outline-offset: -0.125rem !important;
}
.mds-threedots_vertical-menu .slds-button__icon[data-key=down] {
  display: none;
}
.mds-threedots_vertical-menu .slds-button__icon {
  fill: var(--text-primary);
}
.mds-threedots_vertical-menu-brand .slds-button__icon {
  fill: var(--primary-main);
}

.mds_profile-name {
  margin-left: var(--spacing-xx-small);
  font-size: var(--font-size-14);
  color: var(--black);
  font-weight: var(--font-weight-medium);
}

.mds-postcard_img {
  position: relative;
}
.mds-postcard_bookmark {
  position: absolute;
  top: 0;
  right: 0;
}

.mds-icon_bookmark-white .slds-button:before {
  content: "\ead3";
  color: var(--white);
}

.slds-form-element__label {
  line-height: 150%;
}

.slds-combobox__input {
  border: 1px solid var(--input-border);
  padding: var(--spacing-xxx-small) var(--spacing-xx-large) var(--spacing-xxx-small) var(--spacing-small);
}

.slds-input__icon-group svg {
  fill: var(--text-primary);
}

.slds-input {
  border: 1px solid var(--input-border);
  padding: var(--spacing-xxx-small) var(--spacing-small) var(--spacing-xxx-small) var(--spacing-small);
}

input:focus,
.slds-combobox__input:focus,
.slds-checkbox [type=checkbox]:focus + .slds-checkbox_faux,
.slds-checkbox [type=checkbox]:focus + .slds-checkbox--faux,
.slds-checkbox [type=checkbox]:focus ~ .slds-checkbox_faux,
.slds-checkbox [type=checkbox]:focus ~ .slds-checkbox--faux,
.slds-checkbox [type=checkbox]:focus + .slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type=checkbox]:focus + .slds-checkbox__label .slds-checkbox--faux,
.slds-radio_button [type=radio]:focus + .slds-radio_faux,
.slds-radio_button [type=radio]:focus + .slds-radio--faux,
.slds-radio_button [type=radio]:focus ~ .slds-radio_faux,
.slds-radio_button [type=radio]:focus ~ .slds-radio--faux,
.slds-radio_button [type=radio]:focus + .slds-radio_button__label,
.slds-radio_button [type=radio]:focus + .slds-radio--button__label,
.slds-radio--button [type=radio]:focus + .slds-radio_faux,
.slds-radio--button [type=radio]:focus + .slds-radio--faux,
.slds-radio--button [type=radio]:focus ~ .slds-radio_faux,
.slds-radio--button [type=radio]:focus ~ .slds-radio--faux,
.slds-radio--button [type=radio]:focus + .slds-radio_button__label,
.slds-radio--button [type=radio]:focus + .slds-radio--button__label,
.slds-radio [type=radio]:focus + .slds-radio_faux,
.slds-radio [type=radio]:focus + .slds-radio--faux,
.slds-radio [type=radio]:focus ~ .slds-radio_faux,
.slds-radio [type=radio]:focus ~ .slds-radio--faux,
.slds-radio [type=radio]:focus + .slds-radio__label .slds-radio_faux,
.slds-radio [type=radio]:focus + .slds-radio__label .slds-radio--faux {
  outline: 0.125rem dotted var(--black) !important;
  outline-offset: 0.1875rem !important;
  box-shadow: none !important;
}

lightning-datepicker .slds-input,
lightning-timepicker .slds-input {
  border: 1px solid var(--input-border);
  padding: var(--spacing-xxx-small) var(--spacing-xx-large) var(--spacing-xxx-small) var(--spacing-x-small);
}
lightning-datepicker .slds-input__icon .slds-button_icon,
lightning-timepicker .slds-input__icon .slds-button_icon {
  height: 14px;
  margin-top: -6px;
}
lightning-datepicker .slds-button,
lightning-timepicker .slds-button {
  padding: 0;
}
lightning-datepicker .slds-datepicker tbody > tr > td.slds-is-selected > .slds-day,
lightning-timepicker .slds-datepicker tbody > tr > td.slds-is-selected > .slds-day {
  background: var(--primary-main);
}

.slds-dropdown {
  border: none;
  border-radius: var(--spacing-xx-small);
}
.slds-dropdown .slds-listbox__option .slds-media__figure {
  display: none;
}
.slds-dropdown .slds-listbox__option:focus, .slds-dropdown .slds-listbox__option.slds-has-focus {
  box-shadow: none;
  outline: 0.125rem dotted var(--black) !important;
  outline-offset: -0.125rem !important;
}
.slds-dropdown .slds-listbox__option[aria-checked=true] {
  background: var(--primary-main);
  color: var(--white);
}
.slds-dropdown .slds-listbox__option[aria-checked=false][aria-selected=true] {
  background: var(--dropdown-hover-background);
  color: var(--text-primary);
}

.slds-file-selector {
  width: 100%;
}
.slds-file-selector__dropzone {
  width: 100%;
  border-color: var(--input-border);
  padding: 1rem;
}
.slds-file-selector__dropzone:hover {
  background: var(--background-default);
  border-color: var(--primary-main);
}
.slds-file-selector__dropzone:hover .slds-button {
  background: var(--primary-main);
  color: var(--white);
  border-color: var(--primary-main);
}

.mds_upload-disabled .slds-file-selector__dropzone {
  background-color: var(--action-selected-8-p);
}
.mds_upload-disabled .slds-file-selector__input[disabled] ~ .slds-file-selector__body {
  color: var(--card-body-text);
}
.mds_upload-disabled .slds-file-selector__input[disabled] ~ .slds-file-selector__body .slds-file-selector__button {
  background: var(--white) !important;
  color: var(--text-disabled) !important;
  border-color: var(--text-disabled) !important;
}

.mds-filename_green {
  color: var(--success-main);
}
.mds-filename_blue {
  color: var(--primary-main);
}
.mds-filename_red {
  color: var(--error-main);
}

.slds-has-error .slds-input {
  padding-left: var(--spacing-x-large) !important;
}

.footer-container {
  background-color: #1c1c1c;
  color: var(--white);
  font-family: var(--font-family-primary);
  width: var(--width-full, 100%);
  padding-bottom: var(--spacing-x-large) !important;
}
.footer-container .footer-content {
  max-width: var(--container-max-width, 1200px);
  margin: var(--spacing-none, 0) auto;
  display: block;
  width: 100%;
}
.footer-container .mtx-footer-inner {
  max-width: var(--container-max-width, 1200px);
  margin: var(--spacing-none, 0) auto;
  display: block !important;
  width: 100% !important;
}
.footer-container .mtx-footer-inner > * {
  width: 100% !important;
  flex-basis: 100% !important;
}
.footer-container {
  /* MTX Logo Branding */
}
.footer-container .logo-img {
  width: auto;
  height: 38px;
  display: block;
}
@media (max-width: 1023px) {
  .footer-container .logo-img {
    margin: var(--spacing-none) auto var(--spacing-none) 0;
  }
}
.footer-container {
  /* 4-Column Vertical Navigation Links */
}
.footer-container .nav-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-large, 24px);
}
@media (max-width: 767px) {
  .footer-container .nav-grid {
    grid-template-columns: 1fr;
    text-align: left;
  }
}
.footer-container .nav-column {
  list-style: none;
  margin: var(--spacing-none);
  padding: var(--spacing-none);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small, 12px);
}
.footer-container {
  /* Navigation Links (Pure White) */
}
.footer-container .nav-link {
  color: var(--white); /* Pure white link text */
  font-size: var(--font-size-16);
  text-decoration: none;
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out;
}
.footer-container .nav-link:hover {
  color: var(--white);
  text-decoration: none;
  opacity: 1;
  text-decoration: underline;
}
.footer-container {
  /* Social Media Icons */
}
.footer-container .social-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-medium, 20px);
}
@media (max-width: 1023px) {
  .footer-container .social-icons {
    justify-content: flex-start;
  }
}
.footer-container .social-icons--under-logo {
  justify-content: flex-start;
  margin-top: var(--spacing-medium, 16px);
}
@media (max-width: 1023px) {
  .footer-container .social-icons--under-logo {
    justify-content: flex-start;
  }
}
.footer-container .social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.footer-container .social-link:hover {
  opacity: 1;
  transform: translateY(-2px);
}
.footer-container .logo-social {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.9;
  transition: opacity 0.2s ease;
}
.footer-container .logo-social:hover {
  opacity: 1;
}
.footer-container {
  /* Footer Horizontal Divider Line */
}
.footer-container .footer-divider {
  height: var(--border-width-thin, 1px);
  background-color: #302f30;
}
.footer-container {
  /* Copyright Notice */
}
.footer-container .copyright-text {
  color: var(--white);
  font-size: var(--font-size-14);
  margin: var(--spacing-none);
  text-align: center;
}

li.nav-item button.nav-link.active .custom-icon svg.slds-icon.slds-icon-text-default {
  --slds-c-icon-color-foreground: var(--brand-blue) !important;
}

li.cat-item.active .custom-icon svg.slds-icon.slds-icon-text-default {
  --slds-c-icon-color-foreground: var(--brand-blue) !important;
}

/* ================= DESKTOP STYLES (UNTOUCHED) ================= */
.header-wrapper.custom-mega-header-container {
  background-color: var(--tooltips-bg);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 0;
  z-index: 1000;
}
.header-wrapper.custom-mega-header-container .custom-mega-header {
  background: #fff;
  box-shadow: none !important;
  padding: 0;
}
.header-wrapper.custom-mega-header-container .custom-mega-header .cat-item.active .chevron-right svg.slds-icon-text-default {
  fill: var(--brand-blue);
  --slds-c-icon-color-foreground: var(--brand-blue) !important;
}
.header-wrapper.custom-mega-header-container .navbar {
  height: 70px;
  border-bottom: 1px solid #e5e5e5;
}
.header-wrapper.custom-mega-header-container .logo-text {
  font-size: 30px;
  font-weight: 900;
  color: var(--brand-blue);
  letter-spacing: -1.5px;
}
.header-wrapper.custom-mega-header-container .logo-link {
  text-decoration: none;
}
.header-wrapper.custom-mega-header-container .logo-link img {
  margin: 1rem 0;
}
.header-wrapper.custom-mega-header-container .nav-list {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.header-wrapper.custom-mega-header-container .nav-link {
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  padding: 23px 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-wrapper.custom-mega-header-container .nav-link:hover {
  color: var(--brand-blue);
  position: relative;
}
.header-wrapper.custom-mega-header-container button.nav-link.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: var(--brand-blue);
  height: 2px;
  bottom: 10px;
}
.header-wrapper.custom-mega-header-container .nav-link.active {
  color: var(--brand-blue);
  position: relative;
}
.header-wrapper.custom-mega-header-container .global-link {
  color: #4a4a4a;
  font-weight: 500;
  text-decoration: none;
}
.header-wrapper.custom-mega-header-container .get-in-touch-btn {
  --slds-c-button-brand-color-background: var(--brand-blue);
  --slds-c-button-brand-color-border: var(--brand-blue);
  --slds-c-button-radius-border: 4px;
  font-weight: 600;
}
.header-wrapper.custom-mega-header-container .get-in-touch-btn button {
  padding: 0.5rem 1rem;
  border-radius: 4px;
  box-shadow: 0px 6px 28px 0px rgba(0, 168, 222, 0.2078431373);
}
.header-wrapper.custom-mega-header-container .custom-mega-menu-content {
  display: flex;
  width: 100%;
}
.header-wrapper.custom-mega-header-container .mega-menu-container {
  background-color: var(--tooltips-bg);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--tooltips-bg);
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
  border-top: none;
  padding: 0 2rem 2rem;
  border-radius: 0 !important;
  border-top: 1px solid #EDEDED;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.header-wrapper.custom-mega-header-container .category-sidebar {
  background-color: var(--tooltips-bg);
  border-right: 1px solid #e9ecef;
}
.header-wrapper.custom-mega-header-container .cat-item.active .chevron-right span svg.slds-icon-text-default {
  fill: var(--brand-blue) !important;
  --slds-c-icon-color-foreground: var(--brand-blue) !important;
}
.header-wrapper.custom-mega-header-container .cat-item.active .chevron-right {
  --slds-c-icon-color-foreground: var(--brand-blue) !important;
}
.header-wrapper.custom-mega-header-container .cat-item.active {
  background-color: #edf4fc;
  color: var(--brand-blue);
  border-right: 3px solid var(--brand-blue);
  font-weight: 600;
}
.header-wrapper.custom-mega-header-container .cat-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  border-left: 3px solid transparent;
  transition: background-color 0.2s;
}
.header-wrapper.custom-mega-header-container .cat-item:hover {
  color: var(--brand-blue);
}
.header-wrapper.custom-mega-header-container .chevron-right {
  --slds-c-icon-color-foreground: #a0a0a0;
}
.header-wrapper.custom-mega-header-container .content-panel {
  background-color: var(--tooltips-bg);
}
.header-wrapper.custom-mega-header-container .subitem-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-wrapper.custom-mega-header-container .subitem {
  margin-bottom: 16px;
}
.header-wrapper.custom-mega-header-container .subitem a {
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.2s;
}
.header-wrapper.custom-mega-header-container .subitem a:hover {
  color: var(--brand-blue);
}
.header-wrapper.custom-mega-header-container .badge-soon {
  background-color: #e1f5fe;
  color: var(--brand-blue);
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 2px;
  border: 1px solid #b3e5fc;
}
.header-wrapper.custom-mega-header-container .mobile-toggle-container {
  display: none;
}
.header-wrapper.custom-mega-header-container .mobile-only {
  display: none;
}
@media screen and (max-width: 991px) {
  .header-wrapper.custom-mega-header-container .desktop-nav {
    display: none !important;
  }
  .header-wrapper.custom-mega-header-container .desktop-only {
    display: none !important;
  }
  .header-wrapper.custom-mega-header-container .global-link {
    display: none !important;
  }
  .header-wrapper.custom-mega-header-container .mobile-toggle-container {
    display: block;
    margin-right: 1rem;
  }
  .header-wrapper.custom-mega-header-container .mobile-hamburger-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    margin: 1.25rem 0 1rem 1rem;
  }
  .header-wrapper.custom-mega-header-container .mobile-drawer {
    display: block;
    background-color: var(--tooltips-bg);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
  }
  .header-wrapper.custom-mega-header-container .mobile-nav-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: var(--tooltips-bg);
    border: none;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
  }
  .header-wrapper.custom-mega-header-container ul.mobile-sub-list {
    background: #edf4fc;
    border-top: 2px solid var(--brand-blue);
  }
  .header-wrapper.custom-mega-header-container .mobile-sub-accordion {
    background-color: #f8fafd;
  }
  .header-wrapper.custom-mega-header-container .mobile-cat-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px 12px 32px;
    background: transparent;
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: var(--brand-blue);
  }
  .header-wrapper.custom-mega-header-container .mobile-sub-list {
    list-style: none;
    padding: 0 0 10px 48px;
    margin: 0;
  }
  .header-wrapper.custom-mega-header-container .mobile-sub-item {
    padding: 8px 0;
  }
  .header-wrapper.custom-mega-header-container .mobile-sub-item a {
    color: #4a4a4a;
    font-size: 14px;
    text-decoration: none;
  }
}
.header-wrapper.custom-mega-header-container {
  /* Show mega menu dropdown on hovering over parent nav container */
}
.header-wrapper.custom-mega-header-container .nav-item:hover .mega-menu-container {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.header-wrapper.custom-mega-header-container .disabled-item {
  color: #6B7E9A;
  pointer-events: none;
  cursor: not-allowed;
}
.header-wrapper.custom-mega-header-container {
  /* Sidebar category hover highlight */
  /* Mobile drawer category rows.
     Scoped under .mobile-drawer so these win over the global .mobile-cat-header
     rule that otherwise colors every category as if it were selected. */
}
.header-wrapper.custom-mega-header-container .mobile-drawer .mobile-cat-header {
  color: #181818;
  font-weight: 400;
}
.header-wrapper.custom-mega-header-container .mobile-drawer .mobile-cat-header.active {
  color: var(--brand-blue);
  font-weight: 600;
}
.header-wrapper.custom-mega-header-container {
  /* Any menu entry flagged with cssClass: 'disabled-item' renders grey and inert.
     Scoped under the list selectors because the global `.subitem a` colour rule
     in main.css is more specific than the plain `.disabled-item` class. */
}
.header-wrapper.custom-mega-header-container .subitem a.disabled-item,
.header-wrapper.custom-mega-header-container .mobile-sub-item a.disabled-item,
.header-wrapper.custom-mega-header-container .cat-item.disabled-item,
.header-wrapper.custom-mega-header-container .mobile-drawer .mobile-cat-header.disabled-item {
  color: #6B7E9A;
  pointer-events: none;
  cursor: not-allowed;
}
.header-wrapper.custom-mega-header-container .subitem a.disabled-item:hover,
.header-wrapper.custom-mega-header-container .mobile-sub-item a.disabled-item:hover,
.header-wrapper.custom-mega-header-container .cat-item.disabled-item:hover,
.header-wrapper.custom-mega-header-container .mobile-drawer .mobile-cat-header.disabled-item:hover {
  color: #6B7E9A;
  text-decoration: none;
}

/* Active Top Tab Button */
.trigger-btn {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
  z-index: 10;
}

/* World Icon Color forced to Blue */
.world-icon {
  --sds-c-icon-color-foreground-default: var(--text-blue);
}

.dropdown-container-global {
  position: relative;
  /* Static Card Panel Below */
}
.dropdown-container-global .dropdown-card {
  position: absolute;
  top: 100%;
  left: 0;
  width: 280px;
  background-color: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  padding: 14px 0;
  z-index: 9;
}
.dropdown-container-global .options-list {
  display: flex;
  flex-direction: column;
}
.dropdown-container-global .option-item {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-dark);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.dropdown-container-global .option-item:hover {
  background-color: #edf4fc;
  border-bottom: 2px solid var(--brand-blue);
  color: var(--brand-blue);
}

.mds-breadcrumb_row .material-icon-keyboard_arrow_right {
  color: var(--text-disabled);
}
.mds-breadcrumb_row-item {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  color: var(--text-disabled);
}
.mds-breadcrumb_row-item:last-child {
  color: var(--primary-main);
  font-weight: var(--font-weight-medium);
}

.mds-empty-state_box {
  background-color: var(--white);
  box-shadow: var(--box-shadow-2);
  padding: var(--spacing-xx-large);
}
.mds-empty-state_box-content {
  margin: auto;
}
.mds-empty-state_box-content h3 {
  color: var(--primary-main);
}

.mds-avatar_icon-initial {
  font-weight: var(--font-weight-medium);
  text-align: center;
  color: var(--white);
}
.mds-avatar_icon .mds-status-icon {
  position: absolute;
  bottom: 0;
  right: 0;
}
.mds-avatar .mds-avatar_content-role {
  color: var(--card-body-text);
}
.mds-avatar .mds-icon_size-48 .mds-avatar_icon {
  width: var(--spacing-xx-large);
  height: var(--spacing-xx-large);
}
.mds-avatar .mds-icon_size-48 .mds-avatar_icon-initial {
  font-size: var(--font-size-18);
}
.mds-avatar .mds-icon_size-48 .mds-avatar_icon-profile {
  width: var(--spacing-xx-large);
  height: var(--spacing-xx-large);
}
.mds-avatar .mds-icon_size-48 .mds-avatar_content-role {
  color: var(--card-body-text);
}
.mds-avatar .mds-icon_size-40 .mds-avatar_icon {
  width: var(--spacing-xm-large);
  height: var(--spacing-xm-large);
}
.mds-avatar .mds-icon_size-40 .mds-avatar_icon-initial {
  font-size: 1rem;
}
.mds-avatar .mds-icon_size-40 .mds-avatar_content-role {
  color: var(--card-body-text);
  display: none;
}
.mds-avatar .mds-icon_size-32 .mds-avatar_icon {
  width: var(--spacing-x-large);
  height: var(--spacing-x-large);
}
.mds-avatar .mds-icon_size-32 .mds-avatar_icon-initial {
  font-size: var(--font-size-14);
}
.mds-avatar .mds-icon_size-32 .mds-avatar_content-name {
  font-size: var(--font-size-16);
}
.mds-avatar .mds-icon_size-32 .mds-avatar_content-role {
  display: none;
}
.mds-avatar .mds-icon_size-24 .mds-avatar_icon {
  width: var(--spacing-large);
  height: var(--spacing-large);
}
.mds-avatar .mds-icon_size-24 .mds-avatar_icon-initial {
  font-size: var(--font-size-12);
}
.mds-avatar .mds-icon_size-24 .mds-avatar_content-name {
  font-size: var(--font-size-16);
  color: var --text-primary;
}
.mds-avatar .mds-icon_size-24 .mds-avatar_content-role {
  color: var(--card-body-text);
  display: none;
}
.mds-avatar .mds-avatar_initial {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius-circle);
  background-color: var(--primary-main);
  position: relative;
}
.mds-avatar .mds-icon_image {
  position: relative;
}

.mds-sidebar_navigation {
  display: grid;
  height: 100%;
  min-height: 92vh;
  grid-template-columns: 1fr 4fr;
}
.mds-sidebar_navigation-left {
  text-align: center;
  padding: 1rem 0;
  font-size: 1rem;
  background-color: var(--primary-main);
  color: var(--white);
  z-index: 1;
  width: 5.625rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mds-sidebar_navigation-left li {
  cursor: pointer;
  padding: 0.75rem 1.5rem;
}
.mds-sidebar_navigation-left li:focus {
  outline: 0.125rem dotted var(--white) !important;
  outline-offset: 0.188rem;
  outline-offset: -0.375rem;
}
.mds-sidebar_navigation-left li p {
  font-size: 0.625rem;
}
.mds-sidebar_navigation-left li i {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0.08);
  padding: 0.5rem;
  border-radius: 0.25rem;
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.mds-sidebar_navigation-left li.active-tab {
  position: relative;
}
.mds-sidebar_navigation-left li.active-tab:before {
  content: "";
  position: absolute;
  right: 0;
  top: 1.875rem;
  width: 0;
  height: 0;
  border-top: 0.625rem solid transparent;
  border-bottom: 0.625rem solid transparent;
  border-right: 0.625rem solid var(--white);
}
.mds-sidebar_navigation-left li.active-tab i {
  border: 0.09375rem solid var(--white);
}
.mds-sidebar_navigation-content {
  font-size: 0.75rem;
  background-color: var(--white);
  width: 100%;
}
.mds-sidebar_navigation-content .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.mds-sidebar_navigation-content .sub-menu li {
  cursor: pointer;
  padding: 0.75rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.875rem;
}
.mds-sidebar_navigation-content .sub-menu li.active {
  background: var(--primary-shades-4-p);
  border-right: 0.1875rem solid var(--primary-main);
  color: var(--primary-main);
  font-weight: var(--font-weight-semi-bold);
}
.mds-sidebar_navigation-content .sub-menu li:focus {
  outline: 0.125rem dotted var(--black) !important;
  outline-offset: 0.1875rem !important;
  outline-offset: -0.375rem;
}
.mds-sidebar_navigation-content .sub-menu .content-label {
  text-transform: uppercase;
  color: var(--text-secondary);
  font-size: var(--font-size-14);
}
.mds-sidebar_navigation-content .sub-menu .sidebar-btn {
  padding: 0.75rem 1.5rem;
}
.mds-sidebar_navigation-content .sub-menu .sidebar-btn .slds-button {
  width: 100%;
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile_header {
  border-radius: var(--border-radius-circle);
  width: 8rem;
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--background-default);
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile_img {
  width: 7rem;
  height: 7rem;
  border: 0.1875rem solid var(--primary-dark);
  border-radius: var(--border-radius-circle);
  position: relative;
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile_initials {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-circle);
  background: var(--primary-light);
  color: var(--primary-main);
  padding: 0.5rem;
  font-size: 2.5rem;
  font-weight: var(--font-weight-semi-bold);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile_edit-btn {
  position: absolute;
  bottom: 0.25rem;
  right: 0;
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile_edit-btn .slds-button:before {
  color: var(--white);
  margin: 0;
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile_edit-btn .slds-button {
  border: none;
  width: 2rem;
  height: 2rem;
  background: var(--primary-main);
  border-radius: var(--border-radius-circle) !important;
  justify-content: center;
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile_edit-btn .slds-button:hover {
  background: var(--primary-dark);
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile_body {
  text-align: center;
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile_body .profile-title {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semi-bold);
}
.mds-sidebar_navigation-content .sub-menu .sidebar-profile_body .profile-desc {
  font-size: var(--font-size-14);
}

.slds-progress-bar {
  background: var(--primary-shades-12-p);
}
.slds-progress-bar__value {
  background: var(--primary-main);
}
.slds-progress-ring__path {
  fill: var(--primary-main);
}
.slds-progress-ring__progress-head .slds-progress-ring__path {
  display: none;
}

.mds-progress-bar_indicator {
  display: flex;
  justify-content: space-between;
}
.mds-progress-bar_indicator div {
  color: var(--text-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
}

.mds-spinner_size {
  position: relative;
  display: inline-block;
  width: var(--spacing-xxxx-large);
  height: var(--spacing-xxxx-large);
}
.mds-spinner .slds-spinner_container {
  background-color: var(--primary-shades-4-p);
}

.mds-loading {
  padding: 0;
  overflow: hidden;
  position: relative;
  background-color: var(--primary-shades-12-p);
}
.mds-loading:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: loading 1s infinite;
}

.mds-skeleton-loader_block {
  width: 10.438rem;
  height: 1.375rem;
}
.mds-skeleton-loader-card {
  background-color: var(--white);
  box-shadow: var(--box-shadow-2);
}
.mds-skeleton-heading {
  height: 4.063rem;
  width: 100%;
}
.mds-skeleton-badges {
  height: 1.063rem;
  width: 20%;
}
.mds-skeleton-description {
  height: 0.625rem;
  width: 100%;
}
.mds-skeleton-buttons {
  height: 1.25rem;
  width: 20%;
  border-radius: 0.125rem;
}
.mds-skeleton-profile {
  height: 1rem;
  width: 1rem;
  border-radius: 2.5rem;
}
.mds-skeleton-smaller_description {
  height: 0.625rem;
  width: 20%;
}
.mds-skeleton-larger_description {
  height: 0.625rem;
  width: 25%;
}

.mds-card__footer-p-40 {
  height: 1.716rem;
  width: 25%;
  border-radius: 0.375rem;
}

@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
.mds-toast-success {
  background-color: var(--success-main);
}
.mds-toast-error {
  background-color: var(--error-main);
}
.mds-toast-warning {
  background-color: var(--warning-title-label);
}
.mds-toast_color {
  color: var(--white);
}
.mds-toast .slds-button::before {
  color: var(--white);
}

.mds-drawer {
  background: var(--white);
  overflow-y: auto;
  width: 40%;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 9999;
  right: 0;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.mds-drawer_header {
  background-color: var(--white);
  color: var(--black);
  flex-shrink: 0;
  padding: var(--spacing-small);
  display: flex;
  justify-content: space-between;
}
.mds-drawer_footer {
  box-shadow: none;
  border-top: var(--border-width-thin) solid var(--other-divider);
  margin: 0 1rem;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: end;
  padding: 1rem 0;
}

.slds-popover_tooltip,
.slds-popover__body {
  background-color: var(--tooltips-bg);
  color: var(--black) !important;
  font-size: var(--font-size-14) !important;
}

.slds-nubbin_bottom-left::before {
  background-color: var(--white);
  box-shadow: var(--box-shadow-8);
}

.slds-form-element .slds-form-element__icon .slds-button_icon {
  padding: 0;
}
.slds-form-element .slds-form-element__icon .slds-button__icon {
  fill: var(--card-body-text);
}

lightning-helptext .slds-button:hover svg path {
  fill: var(--primary-dark);
}
lightning-helptext .slds-button:focus svg path {
  fill: var(--primary-dark);
}
lightning-helptext .slds-button:focus {
  outline: 0.125rem dotted var(--black) !important;
  outline-offset: 0.1875rem !important;
}
lightning-helptext .slds-button__icon {
  fill: var(--card-body-text);
}

.mds-toggle-option .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_faux {
  background-color: var(--success-main);
  border-color: var(--success-main);
}
.mds-toggle-option .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux:after {
  background-color: var(--input-border);
}
.mds-toggle-option .slds-checkbox_toggle [type=checkbox][disabled] + .slds-checkbox_faux_container .slds-checkbox_faux {
  background-color: var(--text-disabled);
}
.mds-toggle-option .slds-checkbox_toggle .slds-checkbox_faux {
  background-color: var(--input-border);
}
.mds-toggle-option .slds-checkbox_faux {
  box-shadow: none;
}
.mds-toggle-option .slds-form-element__label {
  padding-top: 0;
  font-size: var(--font-size-16);
  color: var(--text-primary);
}
.mds-toggle-option .slds-checkbox_toggle [type=checkbox]:checked + .slds-checkbox_faux_container .slds-checkbox_on,
.mds-toggle-option .slds-checkbox_toggle [type=checkbox] + .slds-checkbox_faux_container .slds-checkbox_off {
  display: none;
}

/*************** Paginations ***************/
.mds-border-radius_none .slds-button_outline-brand {
  border-color: var(--action-focus-12-p);
  border-radius: 0 !important;
}

.mds-paginations_simple .slds-button:focus {
  outline: 0.125rem dotted var(--black) !important;
  outline-offset: -0.125rem !important;
}
.mds-paginations .slds-button_outline-brand[disabled] {
  border-color: var(--action-focus-12-p);
  background-color: var(--white);
}
.mds-paginations .active .slds-button_outline-brand {
  background-color: var(--primary-main);
  color: var(--white);
}

@media screen and (max-width: 1023px) {
  .mds-stepper_list {
    display: flex;
    flex-direction: row;
  }
  .mds-stepper_list-item {
    min-width: 8rem;
    width: auto;
  }
  .mds-stepper_list-item-content {
    display: none;
  }
  .mds-stepper_list-item-circle::after {
    transform: rotate(90deg);
    top: -2rem !important;
    left: 4.9rem !important;
    height: 5.813rem !important;
  }
}
.mds-stepper_list-item {
  height: var(--spacing-xxxx-large);
}
.mds-stepper_list-item:last-child .mds-stepper_list-item-circle:after {
  display: none;
}
.mds-stepper_list-item.mds-is-completed .mds-stepper_list-item-circle {
  background: var(--success-light);
  cursor: pointer;
}
.mds-stepper_list-item.mds-is-completed .mds-stepper_list-item-circle:before {
  content: "\eaaa";
  font-family: "material-icon";
  position: absolute;
  top: 57%;
  left: 53%;
  transform: translate(-50%, -58%);
  color: var(--white);
}
.mds-stepper_list-item.mds-is-completed .mds-stepper_list-item-circle::after {
  border-color: var(--success-light);
}
.mds-stepper_list-item-circle {
  width: var(--spacing-x-large);
  height: var(--spacing-x-large);
  background-color: var(--white);
  border: 0.125rem solid #EEF5EF;
  border-radius: var(--border-radius-circle);
  position: relative;
}
.mds-stepper_list-item-circle div {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.125rem solid #808080;
  width: 100%;
  border-radius: var(--border-radius-circle);
  height: 100%;
}
.mds-stepper_list-item-circle:after {
  position: absolute;
  content: "";
  border: 0.063rem solid #474B50;
  height: var(--spacing-xx-large);
  left: 44%;
  top: 115%;
}
.mds-stepper_list-item-circle.mds-border_brand:after, .mds-stepper_list-item-circle.mds-border_brand div {
  border-color: var(--primary-main) !important;
}

.mds-template_banner {
  background: var(--primary-main) url(./../media/images/Background.svg) no-repeat center/cover;
}

.mds-template_account {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.mds-template_account-card {
  padding: var(--spacing-xx-large);
  box-shadow: var(--box-shadow-default);
  border-radius: var(--border-radius-medium);
}
.mds-template_account-view {
  right: 0;
  bottom: 5%;
}
@media screen and (max-width: 767px) {
  .mds-template_account-outer {
    max-width: 100%;
    padding: 2.75rem;
  }
}
.mds-template_account .mds-alert {
  width: 26rem;
}

.mds-page {
  height: 100vh;
}
.mds-page_success {
  padding: var(--spacing-xm-large) var(--spacing-xxxx-large);
  border-bottom: var(--spacing-xxx-small) solid var(--primary-main);
  border-radius: unset;
}
@media screen and (max-width: 1280px) {
  .mds-page_success {
    margin: var(--spacing-xx-large);
    padding: var(--spacing-xm-large) var(--spacing-x-large);
  }
  .mds-page_success > div:first-child {
    display: flex;
    flex-direction: column;
  }
  .mds-page_success .mds-grid_vertical {
    padding-bottom: var(--spacing-x-large);
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .mds-page_success .mds-grid_vertical div:first-child {
    align-items: unset;
  }
  .mds-page_success .mds-grid_vertical .mds-icon_success {
    margin-top: 0.3125rem;
  }
}

.mds_intake-header {
  background: var(--white);
  box-shadow: var(--box-shadow-default);
  padding: var(--spacing-small) 0;
  position: sticky;
  z-index: 2;
  top: 71px;
}
.mds_intake-leftbar {
  position: fixed;
  top: 121px;
}
.mds_intake-rightbar {
  padding: var(--spacing-x-large);
  margin-left: 25%;
}
.mds_intake-rightbar .mds-card {
  border-radius: 0;
}

.mds-stepper-navigation {
  background: var(--white);
  box-shadow: var(--box-shadow-default);
  height: 100vh;
}

@media screen and (max-width: 1023px) {
  .mds_intake-leftbar {
    padding: var(--spacing-x-large) var(--spacing-x-large) 0rem var(--spacing-x-large);
    position: unset;
  }
  .mds_intake-rightbar {
    margin-left: 0 !important;
  }
  .mds-stepper-navigation {
    height: auto;
    overflow: scroll;
  }
}
@media screen and (max-width: 768px) {
  .mds_intake-header {
    top: 60px !important;
  }
}
.cWebsite_Base.cWebsite_Home .product-section.productsServiceHomePage,
.cWebsite_Base.cWebsite_Home .hiring-sectionGlobal,
.cWebsite_Base.cWebsite_Home .security-sectionGlobal {
  display: none !important;
}

.hiring-sectionGlobal,
.security-sectionGlobal,
.product-section.productsServiceHomePage {
  display: none !important;
}

.cWebsite_Home .ausslider {
  margin-top: 4.4rem;
}

.section-title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-40);
  font-weight: var(--font-weight-light);
  color: var(--text-primary);
  line-height: 1.2;
}
.section-title--light {
  color: var(--white);
}
.section-title__highlight {
  background: var(--gradient-aqua-blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: var(--font-weight-medium);
}
@media (forced-colors: active) {
  .section-title__highlight {
    color: CanvasText;
  }
}
@media (max-width: 1023px) {
  .section-title {
    font-size: var(--font-size-32);
  }
}
@media (max-width: 767px) {
  .section-title {
    font-size: var(--font-size-24);
  }
}

/* ==========================================
   SECTION 1: AI-First Approach
   ========================================== */
.ai-approach {
  background: var(--bg-gradient-light-grey);
  box-shadow: inset 0 -32px 0 0 var(--white);
}
.ai-approach__description {
  font-size: var(--font-size-20);
  color: var(--card-body-text);
  line-height: 1.6;
}
.ai-approach__graphic-wrapper {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.ai-approach__logo-svg {
  width: 100%;
  height: auto;
  display: block;
}

.logo-mask-wrapper {
  width: 100%;
}

.logo-mask-box {
  width: 100%;
  aspect-ratio: 710/241;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 710 241'%3E%3Cpath d='M260.194 221.928V56.0105H175.937L130.329 163.805L84.7205 56.0105H0V221.928H46.0666L44.9344 97.9158H53.1464L111.002 221.928H149.757L207.617 97.9158H215.248L214.133 221.928H260.194Z'/%3E%3Cpath d='M339.148 221.928H388.387V220.801V98.2504H456.389V56.0105H270.852V98.2532H339.148V220.804V221.928Z'/%3E%3Cpath d='M696.998 227.033C666.734 193.724 628.077 152.636 598.947 126.645C583.568 112.867 566.192 98.4675 546.963 84.0181C531.603 72.4981 515.108 60.9781 497.421 49.7791C497.421 49.7791 522.995 61.5733 550.873 78.9822C566.653 88.8291 583.11 100.492 596.162 112.84L599.665 108.32L656.388 35.2255H584.842L554.831 73.8997C554.831 73.8997 403.075 -51.2348 249.695 24.1635C249.695 24.1635 394.192 -25.5315 537.679 95.9742C553.776 109.614 569.872 125.383 585.754 143.65C588.081 146.317 590.392 149.029 592.713 151.813C592.713 151.813 589.712 149.07 584.853 144.811C573.214 134.539 550.818 115.251 532.744 102.365C521.858 94.6275 513.267 89.9125 508.137 89.5038C508.137 89.5038 484.104 87.0215 517.482 122.031C517.482 122.031 534.154 140.76 543.449 157.847C543.449 157.847 522.073 129.698 512.309 128.68L441.426 220.799H512.781L548.109 174.763L554.354 166.715C547.206 153.163 536.893 134.78 526.37 120.174L526.223 119.963C525.042 118.35 523.885 116.773 522.714 115.256C522.032 114.379 521.386 113.493 520.657 112.615L523.132 114.724C529.953 120.619 550.24 138.313 573.149 159.883C585.29 171.318 622.582 209.723 652.32 241H709.614C705.619 236.556 701.399 231.877 696.998 227.033Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 710 241'%3E%3Cpath d='M260.194 221.928V56.0105H175.937L130.329 163.805L84.7205 56.0105H0V221.928H46.0666L44.9344 97.9158H53.1464L111.002 221.928H149.757L207.617 97.9158H215.248L214.133 221.928H260.194Z'/%3E%3Cpath d='M339.148 221.928H388.387V220.801V98.2504H456.389V56.0105H270.852V98.2532H339.148V220.804V221.928Z'/%3E%3Cpath d='M696.998 227.033C666.734 193.724 628.077 152.636 598.947 126.645C583.568 112.867 566.192 98.4675 546.963 84.0181C531.603 72.4981 515.108 60.9781 497.421 49.7791C497.421 49.7791 522.995 61.5733 550.873 78.9822C566.653 88.8291 583.11 100.492 596.162 112.84L599.665 108.32L656.388 35.2255H584.842L554.831 73.8997C554.831 73.8997 403.075 -51.2348 249.695 24.1635C249.695 24.1635 394.192 -25.5315 537.679 95.9742C553.776 109.614 569.872 125.383 585.754 143.65C588.081 146.317 590.392 149.029 592.713 151.813C592.713 151.813 589.712 149.07 584.853 144.811C573.214 134.539 550.818 115.251 532.744 102.365C521.858 94.6275 513.267 89.9125 508.137 89.5038C508.137 89.5038 484.104 87.0215 517.482 122.031C517.482 122.031 534.154 140.76 543.449 157.847C543.449 157.847 522.073 129.698 512.309 128.68L441.426 220.799H512.781L548.109 174.763L554.354 166.715C547.206 153.163 536.893 134.78 526.37 120.174L526.223 119.963C525.042 118.35 523.885 116.773 522.714 115.256C522.032 114.379 521.386 113.493 520.657 112.615L523.132 114.724C529.953 120.619 550.24 138.313 573.149 159.883C585.29 171.318 622.582 209.723 652.32 241H709.614C705.619 236.556 701.399 231.877 696.998 227.033Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* ==========================================
   SECTION 2: Our Focus (Glass Cards inside Tabset)
   ========================================== */
.our-focus {
  background-color: var(--white);
}
.our-focus__tabset {
  --slds-c-tabs-scoped-color-bg-active: transparent;
  --slds-c-tabs-scoped-color-border-active: var(--brand-blue);
}
.our-focus__tabset .slds-tabs_scoped {
  background-color: transparent;
  border: none;
}
.our-focus__tabset .slds-tabs_scoped__nav {
  background-color: transparent;
  border-bottom: 1px solid var(--other-divider) !important;
  border: none;
  padding: 0;
  justify-content: space-between;
}
.our-focus__tabset .slds-tabs_scoped__item {
  background-color: transparent;
  border: none;
}
.our-focus__tabset .slds-tabs_scoped__item.slds-is-active .slds-tabs_scoped__link {
  border-bottom: 3px solid var(--brand-blue) !important;
  color: var(--brand-blue) !important;
  font-weight: var(--font-weight-semi-bold);
}
.our-focus__tabset .slds-tabs_scoped__link {
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  border: none;
  padding: var(--spacing-small) var(--spacing-large);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  height: auto;
}
.our-focus__tabset .slds-tabs_scoped__link:focus {
  outline: 2px solid var(--brand-blue);
  outline-offset: -2px;
}
.our-focus__tabset .slds-tabs_scoped__content {
  padding: 0;
  background-color: transparent;
  border: none;
}

/* Reusable Card System (Global across landing & product pages) */
.glass-card {
  border-radius: calc(var(--border-radius-large) * 2);
  background: var(--white);
  box-shadow: 0 8px 32px 0 rgba(0, 122, 222, 0.08);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  border: var(--border-width-thin) solid rgba(255, 255, 255, 0.8);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.glass-card:hover, .glass-card:focus-within {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px 0 rgba(0, 122, 222, 0.16);
}
.glass-card:hover .glass-card__image-wrapper, .glass-card:focus-within .glass-card__image-wrapper {
  transform: scale(1.06);
}
.glass-card:hover .glass-card__image-wrapper img, .glass-card:focus-within .glass-card__image-wrapper img {
  transform: scale(1.06);
}
.glass-card__image-wrapper {
  height: 240px;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.glass-card__image-wrapper img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease-in-out;
}
.glass-card__body {
  padding: var(--spacing-small);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-top: -60px;
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  min-height: 200px;
}
.glass-card__badge {
  display: inline-block;
  padding: 4px 10px;
  background: #1c1c1c;
  color: var(--white);
  border-radius: var(--border-radius-medium);
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
}
.glass-card__title {
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  line-height: 1.6;
}
.glass-card__link {
  margin-top: auto;
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semi-bold);
  color: var(--primary-main);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxx-small);
}
.glass-card__link i {
  font-size: 18px;
  transition: transform 0.2s ease;
}
.glass-card__link:hover i, .glass-card__link:focus i {
  transform: translateX(4px);
}

.carousel-btn {
  width: 36px;
  height: 36px;
  border-radius: var(--border-radius-medium);
  border: var(--border-width-thin) solid var(--other-divider);
  background: var(--white);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
}
.carousel-btn--active {
  background: #1c1c1c;
  color: var(--white);
  border-color: #1c1c1c;
}
.carousel-btn:hover, .carousel-btn:focus {
  background: var(--brand-blue);
  color: var(--white);
  border-color: var(--brand-blue);
}

/* Horizontally scrollable card carousel used inside the Our Focus tabs */
.focus-carousel {
  position: relative;
}
.focus-carousel__track {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* Vertical padding keeps the card hover lift and shadow from being clipped */
  padding: 1rem 0.25rem 2rem;
}
.focus-carousel__track::-webkit-scrollbar {
  display: none;
}
.focus-carousel__track:focus-visible {
  outline: 0.125rem solid var(--brand-blue);
  outline-offset: 0.25rem;
}
.focus-carousel__item {
  flex: 0 0 auto;
  /* 4 cards per view on desktop: 3 gaps of 1rem between the 4 cards */
  width: calc((100% - 3rem) / 4);
  min-width: 16.25rem;
  scroll-snap-align: start;
  display: flex;
}
.focus-carousel__item > .glass-card {
  width: 100%;
}
@media (max-width: 1023px) {
  .focus-carousel__item {
    /* 2 cards per view on tablet: 1 gap of 1rem between the 2 cards */
    width: calc((100% - 1rem) / 2);
  }
}
@media (max-width: 767px) {
  .focus-carousel__item {
    /* Single card peeking on mobile, next card partially visible */
    width: 85%;
    min-width: 0;
  }
}

/* Kept focusable on purpose, so the arrows never trap or lose keyboard focus at either end */
.carousel-btn--disabled,
.carousel-btn--disabled:hover,
.carousel-btn--disabled:focus {
  opacity: 0.4;
  cursor: default;
  background: var(--white);
  color: var(--text-secondary);
  border-color: var(--other-divider);
}

/* ==========================================
   SECTION 3: Capabilities (Right Side Glass)
   ========================================== */
.capabilities {
  background-color: #1c1c1c;
}
.capabilities__main-description {
  color: var(--white);
  font-size: var(--font-size-20);
  line-height: 1.6;
}

/* Reusable Dark Glass Card Component */
.cap-glass-card {
  display: flex;
  align-items: center;
  padding: var(--spacing-medium);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: var(--border-width-thin) solid rgba(255, 255, 255, 0.08);
  border-radius: var(--border-radius-large);
  transition: background 0.2s ease, border-color 0.2s ease;
}
.cap-glass-card:hover, .cap-glass-card:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}
.cap-glass-card::before {
  content: "";
  height: 80%;
  width: 4px;
  position: absolute;
  left: 0;
  border-radius: 0 4px 4px 0;
}
.cap-glass-card__cyan::before {
  background: var(--brand-cyan);
}
.cap-glass-card__blue::before {
  background: var(--brand-blue);
}
.cap-glass-card__teal::before {
  background: var(--brand-teal);
}
.cap-glass-card__slate::before {
  background: var(--brand-slate);
}
.cap-glass-card__icon-box {
  width: 44px;
  height: 44px;
  border-radius: var(--border-radius-medium);
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cap-glass-card__icon-box--cyan {
  color: var(--brand-cyan);
}
.cap-glass-card__icon-box--blue {
  color: var(--brand-blue);
}
.cap-glass-card__icon-box--teal {
  color: var(--brand-teal);
}
.cap-glass-card__icon-box--slate {
  color: var(--brand-slate);
}
.cap-glass-card__icon-box i {
  font-size: 24px;
}
.cap-glass-card__title {
  font-family: var(--font-family-primary);
  color: var(--white);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-semi-bold);
  line-height: 150%;
}
.cap-glass-card__text {
  font-family: var(--font-family-primary);
  color: var(--white);
  font-size: var(--font-size-14);
  line-height: 1.5;
  margin: 0 !important;
}

/* ==========================================
   SECTION 4: Career Section
   ========================================== */
.career-section {
  background-color: var(--background-default);
}
.career-section__text {
  font-size: var(--font-size-20);
  color: var(--card-body-text);
  line-height: 1.65;
}
.career-section__image-container {
  border-radius: var(--border-radius-large);
  overflow: hidden;
  box-shadow: var(--box-shadow-default);
}
.career-section__img {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================
   SECTION 5: Commitment to Security
   ========================================== */
.security-section {
  background: var(--primary-main);
  color: var(--white);
}
.security-section__subtitle {
  font-size: var(--font-size-20);
  opacity: 0.95;
  margin: 0;
}

.security-badge {
  width: 60px;
  height: 60px;
  border-radius: var(--border-radius-circle);
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
}
.security-badge i {
  font-size: 32px;
}

/* ==========================================
   SECTION 6: Contact Us & Lightning Form
   ========================================== */
.contactus-section {
  background-color: var(--white);
}
.contactus-section__desc {
  color: var(--text-secondary);
  font-size: var(--font-size-20);
}
.contactus-section__map-wrapper {
  width: 100%;
  max-width: 500px;
  border-radius: var(--border-radius-large);
  overflow: hidden;
}
.contactus-section__map-img {
  width: 100%;
  height: auto;
  opacity: 0.85;
}

.contactus-detail__label {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-bold);
  color: var(--text-secondary);
  letter-spacing: 0.05em;
}
.contactus-detail__val {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semi-bold);
  color: var(--text-primary);
  font-style: normal;
  margin: 0;
}
.contactus-detail__link {
  color: var(--brand-blue);
  text-decoration: none;
}
.contactus-detail__link:hover, .contactus-detail__link:focus {
  text-decoration: underline;
}

.contact-form .slds-button {
  width: 100%;
}

.focus-sec_wrapper {
  flex-wrap: nowrap;
  overflow: hidden;
  width: calc(100vw - 11rem);
}

@media screen and (min-width: 767px) and (max-width: 1023px) {
  .contact-grid {
    justify-content: unset;
  }
  .contact-grid > .contact-canada {
    flex: 1 1 100%;
  }
}

.no-data-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 60px 24px; */
  width: 100%;
}
.no-data-wrapper .no-data-card {
  background-color: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 2rem 1.5rem;
  /* max-width: 580px; */
  width: 100%;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.no-data-wrapper {
  /* Illustration & Glow Effect */
}
.no-data-wrapper .illustration-container {
  position: relative;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-data-wrapper .glow-bg {
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(0, 162, 232, 0.2), rgba(0, 118, 232, 0.2));
  filter: blur(10px);
}
.no-data-wrapper .icon-circle {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #e0f2fe;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 12px rgba(0, 162, 232, 0.12);
}
.no-data-wrapper .search-icon {
  --sds-c-icon-color-foreground-default: var(--brand-cyan);
}
.no-data-wrapper {
  /* Typography matching MTX site style */
}
.no-data-wrapper .no-data-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--dark-text);
  margin: 0 0 12px 0;
  letter-spacing: -0.5px;
}
.no-data-wrapper .no-data-description {
  font-size: 15px;
  color: var(--gray-text);
  line-height: 1.6;
  margin: 0 0 32px 0;
  max-width: 460px;
}

.slider .article-content p {
  font-size: var(--font-size-18) !important;
  font-weight: 400 !important;
  line-height: 150% !important;
}

.splash-slider .owl-nav {
  display: none !important;
}

.dir-mainArea {
  margin-top: 4.4rem !important;
}

.hero-title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-48);
  font-weight: var(--font-weight-light);
  color: var(--text-primary);
  line-height: 1.18;
  letter-spacing: -0.02em;
}
.hero-title__highlight {
  background: var(--gradient-aqua-blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: var(--font-weight-light);
}
@media (forced-colors: active) {
  .hero-title__highlight {
    color: CanvasText;
  }
}
@media (max-width: 1440px) {
  .hero-title {
    font-size: var(--font-size-40);
  }
}
@media (max-width: 1023px) {
  .hero-title {
    font-size: var(--font-size-32);
  }
}
@media (max-width: 767px) {
  .hero-title {
    font-size: var(--font-size-24);
  }
}

/* ==========================================
   SECTION 1: Child Care Hero Banner
   ========================================== */
.childcare-hero {
  background: var(--bg-gradient-light-grey);
  position: relative;
  overflow: hidden;
}
.childcare-hero__content {
  max-width: 620px;
}
.childcare-hero__description {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-light);
  color: var(--card-body-text);
  line-height: 1.65;
  margin: 0;
}
@media (max-width: 1023px) {
  .childcare-hero__description {
    font-size: var(--font-size-14);
  }
}
.childcare-hero__graphic-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.childcare-hero__img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ==========================================
   SECTION 2: Impact Metrics / Stats Banner
   ========================================== */
.stats-banner {
  background-color: var(--brand-blue);
  color: var(--white);
}
.stats-banner__grid {
  position: relative;
}
.stats-banner__col {
  position: relative;
}
.stats-banner__col:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 15%;
  height: 70%;
  width: var(--border-width-thin);
  background-color: rgba(255, 255, 255, 0.25);
}
@media (max-width: 1023px) {
  .stats-banner__col:not(:last-child)::after {
    display: none;
  }
}
.stats-banner__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-medium) var(--spacing-small);
}
.stats-banner__number {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-light);
  color: var(--white);
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin-bottom: var(--spacing-x-small);
}
@media (max-width: 1440px) {
  .stats-banner__number {
    font-size: var(--font-size-28);
  }
}
@media (max-width: 1023px) {
  .stats-banner__number {
    font-size: var(--font-size-24);
  }
}
.stats-banner__label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-light);
  color: var(--white);
  opacity: 0.95;
  line-height: 1.3;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .stats-banner__label {
    font-size: var(--font-size-12);
    white-space: normal;
  }
}

/* ==========================================
   SECTION 3: Product Capabilities Layout
   ========================================== */
.product-capabilities {
  background-color: var(--white);
}
.product-capabilities__header {
  max-width: 900px;
}
.product-capabilities__description {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-light);
  color: var(--card-body-text);
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 1023px) {
  .product-capabilities__description {
    font-size: var(--font-size-14);
  }
}

/* ==========================================
   SECTION 4: Modular Launch & Laptop Showcase
   ========================================== */
.modules-showcase {
  background: var(--bg-gradient-light-grey);
  overflow: hidden;
}
.modules-showcase__header {
  max-width: 900px;
}
.modules-showcase__description {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-light);
  color: var(--card-body-text);
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 1023px) {
  .modules-showcase__description {
    font-size: var(--font-size-14);
  }
}
.modules-showcase__stage {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: var(--spacing-xx-large) 0 var(--spacing-medium);
}

.laptop-container {
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.laptop-screen {
  width: 100%;
  aspect-ratio: 16/10;
  background: var(--brand-blue);
  border: 12px solid var(--text-primary);
  border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.laptop-screen__img {
  max-width: 40%;
  height: auto;
}
@media (max-width: 1023px) {
  .laptop-screen {
    border-width: 6px;
  }
}

/* Apple Aluminum Silver Metallic Laptop Base */
.laptop-base {
  width: 114%;
  height: 18px;
  background: linear-gradient(180deg, #f5f7fa 0%, #e2e8f0 18%, #cbd5e1 55%, #94a3b8 100%);
  border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
  margin-left: -7%;
  position: relative;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  /* Front Opening Thumb Notch */
}
.laptop-base::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 12%;
  height: 6px;
  background: linear-gradient(180deg, #64748b 0%, #475569 100%);
  border-radius: 0 0 5px 5px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

.floating-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: var(--spacing-small) var(--spacing-medium);
  border-radius: var(--border-radius-large);
  box-shadow: 0 12px 30px rgba(0, 122, 222, 0.12);
  border: var(--border-width-thin) solid rgba(255, 255, 255, 0.8);
  z-index: 5;
  white-space: nowrap;
  transition: transform 0.3s ease;
}
.floating-card:hover {
  transform: scale(1.05);
}
.floating-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semi-bold);
  color: var(--text-primary);
}
.floating-card__icon-box {
  width: 36px;
  height: 36px;
  border-radius: var(--border-radius-medium);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.floating-card__icon-box i {
  font-size: 20px;
}
.floating-card__icon-box--cyan {
  background: rgba(0, 168, 222, 0.1);
  color: var(--brand-cyan);
}
.floating-card__icon-box--blue {
  background: rgba(0, 122, 222, 0.1);
  color: var(--brand-blue);
}
.floating-card__icon-box--green {
  background: rgba(46, 208, 197, 0.1);
  color: var(--brand-teal);
}
.floating-card__icon-box--purple {
  background: rgba(139, 92, 246, 0.1);
  color: var(--brand-blue);
}
.floating-card__icon-box--teal {
  background: rgba(46, 208, 197, 0.1);
  color: var(--brand-teal);
}
.floating-card--top-left {
  top: 15%;
  left: 4%;
  animation: floatCard1 5.2s ease-in-out infinite;
}
.floating-card--mid-left {
  top: 45%;
  left: -4%;
  animation: floatCard2 4.6s ease-in-out infinite;
}
.floating-card--bottom-left {
  top: 75%;
  left: 4%;
  animation: floatCard3 5.8s ease-in-out infinite;
}
.floating-card--top-right {
  top: 15%;
  right: 4%;
  animation: floatCard4 4.8s ease-in-out infinite;
}
.floating-card--mid-right {
  top: 45%;
  right: 0%;
  animation: floatCard5 5.4s ease-in-out infinite;
}
.floating-card--bottom-right {
  top: 75%;
  right: 4%;
  animation: floatCard6 5s ease-in-out infinite;
}
@media (max-width: 1023px) {
  .floating-card {
    position: relative;
    inset: auto !important;
    margin-bottom: var(--spacing-small);
    animation: none !important;
  }
}

@keyframes floatCard1 {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-8px) rotate(0.5deg);
  }
}
@keyframes floatCard2 {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-12px) rotate(-0.5deg);
  }
}
@keyframes floatCard3 {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-7px) rotate(0.4deg);
  }
}
@keyframes floatCard4 {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-10px) rotate(-0.4deg);
  }
}
@keyframes floatCard5 {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-6px) rotate(0.6deg);
  }
}
@keyframes floatCard6 {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-9px) rotate(-0.3deg);
  }
}
/* ==========================================
   SECTION 5: Subscription & Delegation Model
   ========================================== */
.delegation-model {
  background-color: #1c1c1c;
}
.delegation-model__description {
  font-family: var(--font-family-primary);
  color: rgba(255, 255, 255, 0.85);
  font-size: var(--font-size-20);
  line-height: 1.65;
}
@media (max-width: 1023px) {
  .delegation-model__description {
    font-size: var(--font-size-14);
  }
}

.delegation-matrix {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: var(--border-width-thin) solid rgba(255, 255, 255, 0.08);
  border-radius: var(--border-radius-large);
  padding: var(--spacing-medium) var(--spacing-large);
}
.delegation-matrix__row {
  display: flex;
  align-items: center;
  gap: var(--spacing-medium);
}
@media (max-width: 767px) {
  .delegation-matrix__row {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-x-small);
  }
}
.delegation-matrix__divider {
  height: var(--border-width-thin);
  background: rgba(255, 255, 255, 0.08);
  margin: var(--spacing-small) 0;
}
.delegation-matrix__label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-bold);
  min-width: 60px;
}
.delegation-matrix__label--cyan {
  color: var(--brand-cyan);
}
.delegation-matrix__label--green {
  color: var(--brand-teal);
}
.delegation-matrix__badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-x-small);
}

.badge {
  padding: 6px 14px;
  border-radius: var(--border-radius-medium);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
}
.badge--cyan {
  background: rgba(0, 168, 222, 0.15);
  color: var(--brand-cyan);
  border: var(--border-width-thin) solid rgba(0, 168, 222, 0.25);
}
.badge--green {
  background: rgba(46, 208, 197, 0.15);
  color: var(--brand-teal);
  border: var(--border-width-thin) solid rgba(46, 208, 197, 0.25);
}

/* ==========================================
   SECTION 6 & 7: Shared Foundation & Roadmap
   ========================================== */
.shared-foundation,
.product-roadmap {
  background: var(--bg-gradient-light-grey);
}
.shared-foundation__description,
.product-roadmap__description {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-light);
  color: var(--card-body-text);
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 1023px) {
  .shared-foundation__description,
  .product-roadmap__description {
    font-size: var(--font-size-14);
  }
}
.shared-foundation__image-card,
.product-roadmap__image-card {
  border-radius: var(--border-radius-large);
  overflow: hidden;
  height: 100%;
  min-height: 320px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}
.shared-foundation__image-card img,
.product-roadmap__image-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* Clean Foundation Glass Cards */
.foundation-card {
  position: relative;
  padding: var(--spacing-large);
  border-radius: var(--border-radius-large);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: var(--border-width-thin) solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 24px rgba(0, 122, 222, 0.06);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}
.foundation-card__icon-box {
  margin-bottom: var(--spacing-small);
  color: var(--brand-blue);
}
.foundation-card__icon-box i {
  font-size: 28px;
}
.foundation-card__badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: var(--border-radius-small);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
}
.foundation-card__badge--cyan {
  background: rgba(0, 168, 222, 0.12);
  color: var(--brand-cyan);
}
.foundation-card__badge--teal {
  background: rgba(46, 208, 197, 0.15);
  color: var(--brand-teal);
}
.foundation-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  line-height: 150%;
}
.foundation-card__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-light);
  color: var(--text-secondary);
  line-height: 150%;
  margin: 0 !important;
}
.foundation-card:hover, .foundation-card:focus-visible {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 16px 40px rgba(0, 122, 222, 0.14);
}

/* Roadmap Banner Image + Gradient Overlay */
.roadmap-banner {
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-large);
  overflow: hidden;
  background: var(--gradient-aqua-blue);
  box-shadow: 0 12px 32px rgba(0, 122, 222, 0.12);
  display: flex;
  align-items: center;
  padding: var(--spacing-x-large);
}
.roadmap-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%), url("../media/images/aibg.jpg");
  background-size: cover;
  background-position: bottom;
}
.roadmap-banner__overlay {
  position: relative;
  z-index: 2;
}
.roadmap-banner__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-28);
  font-weight: var(--font-weight-light);
  color: var(--white);
  line-height: 1.25;
}
@media (max-width: 1023px) {
  .roadmap-banner__title {
    font-size: var(--font-size-22);
  }
}
.roadmap-banner__highlight {
  color: var(--brand-cyan);
  font-weight: var(--font-weight-medium);
}
.roadmap-banner__subtitle {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-light);
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}

/* AI Model Readiness Metrics Progress Bars */
.readiness-metrics {
  width: 100%;
}

.metric-row__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.metric-row__label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}
.metric-row__value {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
}
.metric-row__value--cyan {
  color: var(--brand-cyan);
}
.metric-row__value--teal {
  color: var(--brand-teal);
}
.metric-row__value--blue {
  color: var(--brand-blue);
}
.metric-row__bar-bg {
  width: 100%;
  height: 6px;
  background: var(--bg-gradient-light-grey);
  border-radius: var(--border-radius-small);
  overflow: hidden;
}
.metric-row__bar-fill {
  height: 100%;
  border-radius: var(--border-radius-small);
  transition: width 1s ease-in-out;
}
.metric-row__bar-fill--cyan {
  background: var(--brand-cyan);
}
.metric-row__bar-fill--teal {
  background: var(--brand-teal);
}
.metric-row__bar-fill--blue {
  background: var(--brand-blue);
}

/* ==========================================
   SECTION 8: CTA Banner (Full Viewport Width)
   ========================================== */
.cta-banner {
  display: block;
  width: 100%;
  background-image: linear-gradient(135deg, rgb(0, 122, 222) 0%, rgba(0, 167, 222, 0.9) 100%), url("../media/images/cc.png");
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 122, 222, 0.2);
  background-position: center;
}
.cta-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 85% 50%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 35%, transparent 70%);
  pointer-events: none;
}
.cta-banner::after {
  content: "";
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  width: 400px;
  height: 400px;
  border-radius: var(--border-radius-circle);
  border: var(--border-width-thin) solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.05), 0 0 0 100px rgba(255, 255, 255, 0.03);
  pointer-events: none;
}
@media (max-width: 1023px) {
  .cta-banner::after {
    display: none;
  }
}
.cta-banner__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-40);
  font-weight: var(--font-weight-light);
  color: var(--white);
  line-height: 1.2;
  letter-spacing: -0.01em;
}
@media (max-width: 1440px) {
  .cta-banner__title {
    font-size: var(--font-size-32);
  }
}
@media (max-width: 1023px) {
  .cta-banner__title {
    font-size: var(--font-size-28);
  }
}
@media (max-width: 767px) {
  .cta-banner__title {
    font-size: var(--font-size-22);
  }
}
.cta-banner__subtitle {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-light);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 1023px) {
  .cta-banner__subtitle {
    font-size: var(--font-size-14);
  }
}

.whitespace_brk-space {
  white-space: break-spaces;
}

/* ==========================================
   GOV GRANTS HERO & CSS ANIMATION STYLES
   ========================================== */
/* Section Gradient Background (Image Removed) */
.gov-grants-hero-bg {
  position: relative;
  overflow: hidden;
}
.gov-grants-hero-bg .hero-title__highlight {
  background: transparent !important;
  color: var(--brand-cyan) !important;
  -webkit-text-fill-color: var(--brand-cyan) !important;
}
.gov-grants-hero-bg .childcare-hero__description {
  font-size: var(--font-size-18);
}

/* Animation Stage Container */
.grants-animation-stage {
  position: relative;
  width: 100%;
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Ambient Pulsing Rings */
}
.grants-animation-stage__ring {
  position: absolute;
  border-radius: var(--border-radius-circle);
  border: var(--border-width-thin) solid rgba(0, 168, 222, 0.25);
  pointer-events: none;
}
.grants-animation-stage__ring--outer {
  width: 320px;
  height: 320px;
  animation: ringPulse 6s ease-in-out infinite alternate;
}
.grants-animation-stage__ring--inner {
  width: 240px;
  height: 240px;
  border-color: rgba(46, 208, 197, 0.35);
  animation: ringPulse 4s ease-in-out infinite alternate-reverse;
}

/* Central Main Document Card */
.grants-card {
  position: relative;
  z-index: 2;
  width: 280px;
  padding: var(--spacing-large);
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: var(--border-width-thin) solid rgba(255, 255, 255, 0.25);
  border-radius: var(--border-radius-large);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
  animation: floatCard 5s ease-in-out infinite alternate;
}
.grants-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-medium);
  margin-bottom: var(--spacing-medium);
}
.grants-card__icon-badge {
  width: 44px;
  height: 44px;
  border-radius: var(--border-radius-medium);
  background: var(--brand-cyan);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(0, 168, 222, 0.4);
}
.grants-card__icon-badge i {
  font-size: var(--font-size-22);
  color: var(--white);
}
.grants-card__lines {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxx-small);
}
.grants-card__line {
  height: 8px;
  border-radius: var(--border-radius-small);
  background: linear-gradient(90deg, var(--brand-teal) 0%, var(--brand-cyan) 100%);
}
.grants-card__line--title {
  width: 75%;
}
.grants-card__line--sub {
  width: 45%;
  opacity: 0.5;
}
.grants-card__progress-bar {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: var(--border-radius-large);
  overflow: hidden;
}
.grants-card__progress-fill {
  width: 78%;
  height: 100%;
  background: linear-gradient(90deg, var(--brand-teal) 0%, var(--brand-cyan) 100%);
  border-radius: var(--border-radius-large);
  animation: progressShimmer 2.5s infinite linear;
}

/* Floating Badges */
.grants-float-badge {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
  padding: var(--spacing-small) var(--spacing-medium);
  border-radius: var(--border-radius-large);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(8px);
}
.grants-float-badge__icon {
  width: 32px;
  height: 32px;
  border-radius: var(--border-radius-circle);
  display: flex;
  align-items: center;
  justify-content: center;
}
.grants-float-badge__icon i {
  font-size: var(--font-size-18);
  color: var(--white);
}
.grants-float-badge__text {
  display: flex;
  flex-direction: column;
}
.grants-float-badge__text span {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-10);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.grants-float-badge__text strong {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  color: var(--text-primary);
  font-weight: var(--font-weight-bold);
}
.grants-float-badge {
  /* Floating Positions and Animations */
}
.grants-float-badge--approval {
  top: 25px;
  right: 45px;
  animation: floatBadge 4s ease-in-out infinite alternate;
}
.grants-float-badge--approval .grants-float-badge__icon {
  background: var(--brand-teal);
}
.grants-float-badge--funding {
  bottom: 30px;
  left: 35px;
  animation: floatBadge 4.5s ease-in-out 0.5s infinite alternate-reverse;
}
.grants-float-badge--funding .grants-float-badge__icon {
  background: var(--brand-blue);
}
.grants-float-badge--verify {
  top: 40px;
  left: 60px;
  width: 40px;
  height: 40px;
  padding: 0;
  justify-content: center;
  border-radius: var(--border-radius-circle);
  background: var(--brand-cyan);
  color: var(--white);
  animation: floatBadge 3.8s ease-in-out 1s infinite alternate;
}
.grants-float-badge--verify i {
  font-size: var(--font-size-22);
}

/* Keyframe Animations */
@keyframes ringPulse {
  0% {
    transform: scale(0.95);
    opacity: 0.3;
  }
  100% {
    transform: scale(1.05);
    opacity: 0.7;
  }
}
@keyframes floatCard {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(-12px) rotate(1deg);
  }
}
@keyframes floatBadge {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-8px);
  }
}
/* ==========================================
   HOW THE PLATFORM HELPS SCSS (WHITE BACKGROUND)
   ========================================== */
.platform-helps-section {
  background: var(--white);
  position: relative;
}
.platform-helps-section__lead {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  color: var(--card-body-text);
  line-height: var(--line-height-heading);
  margin: 0;
}

/* Card Overrides for Equal Height Column Stretch */
.platform-helps-section .cap-glass-card {
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--spacing-large);
  background: var(--white);
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border);
  border-radius: var(--border-radius-large);
  box-shadow: var(--box-shadow-2);
  box-sizing: border-box;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.platform-helps-section .cap-glass-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.platform-helps-section .cap-glass-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--line-height-heading);
}
.platform-helps-section .cap-glass-card__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  color: var(--card-body-text);
  line-height: var(--line-height-heading);
  margin: 0;
}
.platform-helps-section .cap-glass-card:hover, .platform-helps-section .cap-glass-card:focus {
  transform: translateY(-4px);
  box-shadow: var(--box-shadow-16);
}

/* ==========================================
   PROVEN IMPACT SECTION & FLOATING WHITE CARDS
   ========================================== */
.proven-impact-section {
  background: var(--white);
  position: relative;
}
.proven-impact-section__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-regular);
  color: var(--card-body-text);
  line-height: var(--line-height-heading);
  margin: 0;
}

/* Floating Stage Container */
.floating-impact-stage {
  position: relative;
  width: 100%;
  padding: var(--spacing-medium) 0;
}
.floating-impact-stage__glow {
  position: absolute;
  width: 250px;
  height: 250px;
  border-radius: var(--border-radius-circle);
  pointer-events: none;
}
.floating-impact-stage__glow--top {
  top: -20px;
  right: 0;
  background: rgba(0, 168, 222, 0.08);
  filter: blur(60px);
}
.floating-impact-stage__glow--bottom {
  bottom: -20px;
  left: 0;
  background: rgba(46, 208, 197, 0.08);
  filter: blur(60px);
}

/* Stacked / Grid Layout for Floating Cards */
.floating-impact-grid {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium);
  position: relative;
  z-index: 2;
}

/* Floating White Card Base Styling */
.impact-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-medium);
  padding: var(--spacing-medium) var(--spacing-large);
  background: var(--white);
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border);
  border-radius: var(--border-radius-large);
  box-shadow: var(--box-shadow-4);
  box-sizing: border-box;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  animation: floatMotion 5s ease-in-out infinite alternate;
}
.impact-card__icon-box {
  width: var(--font-size-44, 44px);
  height: var(--font-size-44, 44px);
  border-radius: var(--border-radius-medium);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.impact-card__icon-box i {
  font-size: var(--font-size-22);
  line-height: 1;
}
.impact-card__icon-box--blue {
  background: rgba(0, 122, 222, 0.08);
}
.impact-card__icon-box--blue i {
  color: var(--brand-blue);
}
.impact-card__icon-box--cyan {
  background: rgba(0, 168, 222, 0.08);
}
.impact-card__icon-box--cyan i {
  color: var(--brand-cyan);
}
.impact-card__icon-box--teal {
  background: rgba(46, 208, 197, 0.08);
}
.impact-card__icon-box--teal i {
  color: var(--brand-teal);
}
.impact-card__icon-box--purple {
  background: rgba(79, 0, 222, 0.08);
}
.impact-card__icon-box--purple i {
  color: var(--brand-purple);
}
.impact-card__content {
  display: flex;
  flex-direction: column;
}
.impact-card__label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
  color: var(--primary-main);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.impact-card__value {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-extra-bold);
  color: var(--text-primary);
  line-height: var(--line-height-heading);
  margin: var(--spacing-xxx-small) 0;
}
.impact-card__sub {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  color: var(--card-body-text);
}
.impact-card:hover {
  transform: translateY(-6px);
  border-color: var(--brand-cyan);
  box-shadow: var(--box-shadow-16);
}
.impact-card {
  /* Staggered Floating Delays */
}
.impact-card--1 {
  animation-delay: 0s;
}
.impact-card--2 {
  animation-delay: 1.2s;
}
.impact-card--3 {
  animation-delay: 2.4s;
}
.impact-card--4 {
  animation-delay: 3.6s;
}

/* Keyframe Floating Motion Animation */
@keyframes floatMotion {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-8px);
  }
}
.dark-hero {
  background-image: linear-gradient(135deg, rgb(0, 122, 222) 0%, rgba(190, 7, 206, 0.85) 100%), url("../media/images/logoslide22.jpg");
  background-size: cover;
  background-position: center;
}
.dark-hero .hero-title,
.dark-hero .childcare-hero__description {
  color: var(--white);
}

/* ==========================================
   ELECTION SOLUTIONS SECTION & INTERACTIVE ARTWORK
   ========================================== */
.election-suite-section {
  background: var(--white);
  position: relative;
}

/* Styled Key Text Underline */
.text-underline {
  position: relative;
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary);
  text-decoration: none;
  background-image: linear-gradient(120deg, rgba(0, 168, 222, 0.2) 0%, rgba(0, 122, 222, 0.25) 100%);
  background-repeat: no-repeat;
  background-size: 100% 35%;
  background-position: 0 88%;
  padding-bottom: 1px;
}

.dark-quote-spotlight__body .text-underline {
  color: var(--white) !important;
}

/* Interactive Artwork Stage Container */
.election-artwork-stage {
  position: relative;
  width: 100%;
  height: 380px;
  background: radial-gradient(circle at center, rgba(248, 250, 252, 0.9) 0%, rgba(241, 245, 249, 0.6) 100%);
  border: var(--border-width-thin, 1px) solid var(--intake-accordian-bg-border, #e2e8f0);
  border-radius: var(--border-radius-large, 16px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 36px rgba(0, 122, 222, 0.05);
  /* Ambient Background Glows */
}
.election-artwork-stage__glow {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: var(--border-radius-circle);
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.election-artwork-stage__glow--blue {
  top: -10%;
  left: 15%;
  background: rgba(0, 122, 222, 0.12);
  filter: blur(70px);
}
.election-artwork-stage__glow--cyan {
  bottom: -10%;
  right: 15%;
  background: rgba(0, 168, 222, 0.12);
  filter: blur(70px);
}
.election-artwork-stage {
  /* Radar Sweep Animation */
}
.election-artwork-stage .election-artwork-radar {
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: var(--border-radius-circle);
  background: conic-gradient(from 0deg, rgba(0, 168, 222, 0.15), transparent 60deg);
  animation: radarRotate 12s linear infinite;
  pointer-events: none;
}
.election-artwork-stage:hover .election-artwork-line {
  stroke: var(--brand-cyan);
}

/* Orbit Rings */
.election-orbit-ring {
  position: absolute;
  border-radius: var(--border-radius-circle);
  border: var(--border-width-thin, 1px) dashed rgba(0, 122, 222, 0.2);
  pointer-events: none;
}
.election-orbit-ring--outer {
  width: 340px;
  height: 340px;
  animation: rotateClockwise 30s linear infinite;
}
.election-orbit-ring--inner {
  width: 220px;
  height: 220px;
  border-style: dotted;
  border-color: rgba(46, 208, 197, 0.3);
  animation: rotateClockwise 20s linear infinite reverse;
}

/* Connecting Line Vectors */
.election-artwork-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.election-artwork-line {
  stroke: var(--primary-shades-50-p);
  stroke-width: 1.5;
  stroke-dasharray: 6;
  animation: dashMove 12s linear infinite;
  transition: stroke 0.4s ease;
}

.election-artwork-ring {
  fill: none;
  stroke: rgba(0, 168, 222, 0.15);
  stroke-width: 1.5;
}

/* Interactive Central Node */
.election-artwork-core {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
}
.election-artwork-core__badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: var(--border-radius-circle);
  background: linear-gradient(135deg, var(--brand-blue, #007ade) 0%, var(--brand-cyan, #00a8de) 100%);
  color: var(--white);
  box-shadow: 0 12px 32px rgba(0, 122, 222, 0.35);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}
.election-artwork-core__badge i {
  font-size: var(--font-size-36, 36px);
  margin-bottom: var(--spacing-xxx-small);
}
.election-artwork-core__badge span {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-10, 10px);
  font-weight: var(--font-weight-bold, 700);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}
.election-artwork-core__pulse {
  position: absolute;
  inset: -14px;
  border-radius: var(--border-radius-circle);
  border: var(--border-width-thin, 1px) solid var(--brand-cyan, #00a8de);
  animation: pulseRing 3s ease-out infinite;
}
.election-artwork-core:hover .election-artwork-core__badge, .election-artwork-core:focus .election-artwork-core__badge {
  transform: scale(1.08);
  box-shadow: 0 16px 40px rgba(0, 168, 222, 0.5);
}

/* Interactive Outer Nodes */
.election-node {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: var(--spacing-medium);
  padding: var(--spacing-small) var(--spacing-medium);
  background: var(--white);
  border: var(--border-width-thin, 1px) solid var(--intake-accordian-bg-border, #e2e8f0);
  border-radius: var(--border-radius-large, 12px);
  box-shadow: var(--box-shadow-4);
  cursor: pointer;
  outline: none;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, border-color 0.3s ease;
  animation: floatMotion 4s ease-in-out infinite alternate;
}
.election-node__icon {
  width: 40px;
  height: 40px;
  border-radius: var(--border-radius-medium, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.election-node__icon i {
  font-size: var(--font-size-22, 22px);
}
.election-node__content {
  display: flex;
  flex-direction: column;
}
.election-node__label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14, 14px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary, #0f172a);
}
.election-node__sub {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12, 11px);
  color: var(--card-body-text, #64748b);
}
.election-node:hover, .election-node:focus {
  transform: translateY(-6px) scale(1.04);
  border-color: var(--brand-cyan, #00a8de);
  box-shadow: 0 16px 36px rgba(0, 122, 222, 0.18);
}
.election-node {
  /* Node Positioning */
}
.election-node--aws {
  top: 40px;
  left: 60px;
  animation-delay: 0s;
}
.election-node--aws .election-node__icon {
  background: rgba(0, 122, 222, 0.08);
}
.election-node--aws .election-node__icon i {
  color: var(--brand-blue, #007ade);
}
.election-node--azure {
  top: 40px;
  right: 60px;
  animation-delay: 1s;
}
.election-node--azure .election-node__icon {
  background: rgba(0, 168, 222, 0.08);
}
.election-node--azure .election-node__icon i {
  color: var(--brand-cyan, #00a8de);
}
.election-node--salesforce {
  bottom: 40px;
  left: 60px;
  animation-delay: 2s;
}
.election-node--salesforce .election-node__icon {
  background: rgba(46, 208, 197, 0.08);
}
.election-node--salesforce .election-node__icon i {
  color: var(--brand-teal, #2ed0c5);
}
.election-node--mavq {
  bottom: 40px;
  right: 60px;
  animation-delay: 3s;
}
.election-node--mavq .election-node__icon {
  background: rgba(79, 0, 222, 0.08);
}
.election-node--mavq .election-node__icon i {
  color: var(--brand-purple, #4f00de);
}

/* Keyframe Animations */
@keyframes radarRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotateClockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dashMove {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 100;
  }
}
@keyframes pulseRing {
  0% {
    transform: scale(0.9);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes floatMotion {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-8px);
  }
}
/* ==========================================
   MOBILE & TABLET RESPONSIVE BREAKPOINTS
   ========================================== */
@media (max-width: 1023px) {
  .election-artwork-stage {
    height: auto;
    min-height: 520px;
    padding: var(--spacing-x-large) var(--spacing-medium);
    flex-direction: column;
    /* Hide complex SVG lines on small screens to prevent visual clutter */
  }
  .election-artwork-stage .election-artwork-lines,
  .election-artwork-stage .election-artwork-radar,
  .election-artwork-stage .election-orbit-ring {
    display: none;
  }
  /* Reposition Core Node to the center top */
  .election-artwork-core {
    position: relative;
    margin-bottom: var(--spacing-large);
  }
  .election-artwork-core__badge {
    width: 100px;
    height: 100px;
  }
  .election-artwork-core__badge i {
    font-size: var(--font-size-28, 28px);
  }
  /* Convert absolute positioned floating nodes into a responsive 2x2 grid */
  .election-node {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    max-width: 300px;
    margin-bottom: var(--spacing-small);
    animation: none !important;
  }
  .election-node__icon {
    width: 36px;
    height: 36px;
  }
  .election-node__icon i {
    font-size: var(--font-size-18, 18px);
  }
  .election-node__label {
    font-size: var(--font-size-13, 13px);
  }
  .election-node__sub {
    font-size: var(--font-size-10, 10px);
  }
}
@media (max-width: 767px) {
  .election-artwork-stage {
    padding: var(--spacing-large) var(--spacing-small);
  }
  .election-node {
    max-width: 100%;
  }
}
.gradient-card {
  background: linear-gradient(90deg, #0A4BAE 0%, #7B1FA2 100%) !important;
}
.gradient-card i {
  color: var(--white) !important;
}
.gradient-card::before {
  background: rgba(255, 255, 255, 0.593);
}

.dark-hero-teal {
  background: linear-gradient(135deg, rgb(4, 148, 144) 0%, rgba(132, 14, 143, 0.85) 100%), url(../media/images/mentalhealth.jpg) !important;
  background-position: bottom;
  background-size: cover;
}
.dark-hero-teal .hero-title, .dark-hero-teal .childcare-hero__description {
  color: var(--white) !important;
}

/* ==========================================
   HORIZONTAL CRISIS RESPONSE PIPELINE SCSS
   ========================================== */
.crisis-pipeline-stage {
  position: relative;
  padding: var(--spacing-x-large) var(--spacing-large);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.9) 0%, rgba(241, 245, 249, 0.5) 100%);
  border: var(--border-width-thin, 1px) solid var(--intake-accordian-bg-border, #e2e8f0);
  border-radius: var(--border-radius-large, 16px);
}
.crisis-pipeline-stage__header {
  text-align: center;
}
.crisis-pipeline-stage__eyebrow {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-11, 11px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--brand-cyan, #00a8de);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.crisis-pipeline-stage__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-20, 20px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary, #0f172a);
  margin: var(--spacing-xxx-small) 0 0 0;
}

.crisis-pipeline-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-medium);
  position: relative;
}
@media (max-width: 1023px) {
  .crisis-pipeline-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .crisis-pipeline-grid {
    grid-template-columns: 1fr;
  }
}

.height-450 {
  min-height: 450px;
}

.pipeline-step-card {
  position: relative;
  padding: var(--spacing-large) var(--spacing-medium);
  background: var(--white, #ffffff);
  border: var(--border-width-thin, 1px) solid var(--intake-accordian-bg-border, #e2e8f0);
  border-radius: var(--border-radius-large, 12px);
  box-shadow: var(--box-shadow-4);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  cursor: pointer;
}
.pipeline-step-card__badge {
  position: absolute;
  top: var(--spacing-medium);
  right: var(--spacing-medium);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12, 12px);
  font-weight: var(--font-weight-bold, 700);
  color: rgba(148, 163, 184, 0.6);
}
.pipeline-step-card__icon-box {
  width: 44px;
  height: 44px;
  border-radius: var(--border-radius-medium, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-medium);
}
.pipeline-step-card__icon-box i {
  font-size: var(--font-size-22, 22px);
  line-height: 1;
}
.pipeline-step-card__icon-box--blue {
  background: rgba(0, 122, 222, 0.08);
}
.pipeline-step-card__icon-box--blue i {
  color: var(--brand-blue, #007ade);
}
.pipeline-step-card__icon-box--cyan {
  background: rgba(0, 168, 222, 0.08);
}
.pipeline-step-card__icon-box--cyan i {
  color: var(--brand-cyan, #00a8de);
}
.pipeline-step-card__icon-box--purple {
  background: rgba(79, 0, 222, 0.08);
}
.pipeline-step-card__icon-box--purple i {
  color: var(--brand-purple, #4f00de);
}
.pipeline-step-card__icon-box--teal {
  background: rgba(46, 208, 197, 0.08);
}
.pipeline-step-card__icon-box--teal i {
  color: var(--brand-teal, #2ed0c5);
}
.pipeline-step-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16, 16px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary, #0f172a);
  margin: 0 0 var(--spacing-xxx-small) 0;
}
.pipeline-step-card__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-13, 13px);
  color: var(--card-body-text, #475569);
  line-height: var(--line-height-heading, 1.4);
  margin: 0;
}
.pipeline-step-card {
  /* Step Connecting Line */
}
.pipeline-step-card__connector {
  position: absolute;
  top: 50%;
  right: -16px;
  width: 16px;
  height: 2px;
  background: var(--brand-cyan, #00a8de);
  z-index: 2;
}
@media (max-width: 1023px) {
  .pipeline-step-card__connector {
    display: none;
  }
}
.pipeline-step-card:hover, .pipeline-step-card:focus {
  transform: translateY(-6px);
  border-color: var(--brand-cyan, #00a8de);
  box-shadow: 0 16px 36px rgba(0, 122, 222, 0.12);
}

/* ==========================================
   HUB / NODE CAPABILITIES STYLES
   ========================================== */
.capabilities-hub {
  position: relative;
  padding: var(--spacing-medium) 0;
  /* Subtle connecting track behind cards */
}
.capabilities-hub__track {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(0, 168, 222, 0.3) 20%, rgba(46, 208, 197, 0.3) 80%, transparent 100%);
  transform: translateY(-50%);
  pointer-events: none;
}

.hub-node-card {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease, border-color 0.35s ease;
}
.hub-node-card__counter {
  position: absolute;
  top: var(--spacing-medium);
  right: var(--spacing-medium);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 0.05em;
}
.hub-node-card:hover, .hub-node-card:focus {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0, 168, 222, 0.25);
  border-color: var(--brand-cyan) !important;
}
.hub-node-card:hover .hub-node-card__counter, .hub-node-card:focus .hub-node-card__counter {
  color: var(--brand-cyan);
}

/* Color Indicator Dots for Card Pointers */
.stats-dashboard__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.stats-dashboard__dot--teal {
  background-color: var(--brand-teal, #2ed0c5);
  box-shadow: 0 0 8px rgba(46, 208, 197, 0.6);
}
.stats-dashboard__dot--cyan {
  background-color: var(--brand-cyan, #00a8de);
  box-shadow: 0 0 8px rgba(0, 168, 222, 0.6);
}
.stats-dashboard__dot--blue {
  background-color: var(--brand-blue, #007ade);
  box-shadow: 0 0 8px rgba(0, 122, 222, 0.6);
}
.stats-dashboard__dot--purple {
  background-color: var(--brand-purple, #4f00de);
  box-shadow: 0 0 8px rgba(79, 0, 222, 0.6);
}

.mypath-bg {
  background-image: linear-gradient(135deg, rgb(0, 122, 222) 0%, rgba(190, 7, 206, 0.85) 100%), url("../media/images/hero-ind.jpg");
}

/* ==========================================
   MYPATH PROMPT JOURNEY BOARD STYLES
   ========================================== */
.mypath-journey-section {
  position: relative;
}

.mypath-flow-board {
  position: relative;
  padding: var(--spacing-xx-large) var(--spacing-large);
  background: linear-gradient(135deg, rgba(248, 250, 252, 0.95) 0%, rgba(241, 245, 249, 0.8) 100%);
  border: 1px solid var(--intake-accordian-bg-border, #e2e8f0);
  border-radius: var(--border-radius-large, 16px);
  overflow: hidden;
}
.mypath-flow-board__glow {
  position: absolute;
  top: 20%;
  left: 10%;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 168, 222, 0.12) 0%, rgba(0, 122, 222, 0.05) 50%, transparent 70%);
  pointer-events: none;
  filter: blur(50px);
}

/* Simulated Chat Interface Card */
.mypath-chat-card {
  background: var(--white);
  border: 1px solid var(--intake-accordian-bg-border, #e2e8f0);
  border-radius: var(--border-radius-large, 14px);
  box-shadow: 0 12px 32px rgba(0, 122, 222, 0.08);
  overflow: hidden;
}
.mypath-chat-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-x-small);
  padding: var(--spacing-small) var(--spacing-medium);
  background: rgba(15, 23, 42, 0.03);
  border-bottom: 1px solid var(--intake-accordian-bg-border, #e2e8f0);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12, 12px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary, #0f172a);
}
.mypath-chat-card__status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--brand-teal, #2ed0c5);
  box-shadow: 0 0 6px rgba(46, 208, 197, 0.8);
}
.mypath-chat-card__body {
  padding: var(--spacing-medium);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
}

.mypath-chat-bubble {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-13, 13px);
  line-height: 1.45;
  padding: var(--spacing-small) var(--spacing-medium);
  border-radius: var(--border-radius-medium, 10px);
  max-width: 90%;
}
.mypath-chat-bubble--user {
  align-self: flex-end;
  background: var(--brand-blue, #007ade);
  color: var(--white);
  border-bottom-right-radius: 2px;
}
.mypath-chat-bubble--bot {
  align-self: flex-start;
  background: rgba(0, 168, 222, 0.08);
  color: var(--text-primary, #0f172a);
  border-bottom-left-radius: 2px;
  display: flex;
  gap: var(--spacing-x-small);
  align-items: flex-start;
}
.mypath-chat-bubble--bot i {
  font-size: var(--font-size-18, 18px);
  color: var(--brand-cyan, #00a8de);
}

.mypath-chat-step-pill {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-x-small);
  padding: var(--spacing-x-small) var(--spacing-medium);
  background: rgba(46, 208, 197, 0.12);
  border: 1px solid rgba(46, 208, 197, 0.4);
  border-radius: 20px;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12, 12px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--brand-teal, #00766c);
}
.mypath-chat-step-pill i {
  font-size: var(--font-size-16, 16px);
}

.mypath-flow-arrow i {
  font-size: var(--font-size-32, 32px);
  color: var(--brand-cyan, #00a8de);
  opacity: 0.7;
}
@media (max-width: 1023px) {
  .mypath-flow-arrow {
    display: none;
  }
}

/* ==========================================
   MYPATH ARTWORK CONTAINER & KEYFRAMES
   ========================================== */
.mypath-artwork-card {
  background: var(--white, #ffffff);
  border: var(--border-width-thin, 1px) solid var(--intake-accordian-bg-border, #e2e8f0);
  border-radius: var(--border-radius-large, 16px);
  padding: var(--spacing-large, 24px);
  box-shadow: var(--box-shadow-4, 0 4px 12px rgba(0, 0, 0, 0.05));
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  width: var(--width-full, 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mypath-artwork-card:hover {
  border-color: var(--brand-cyan, #00a8de);
  box-shadow: var(--box-shadow-16, 0 12px 28px rgba(0, 168, 222, 0.12));
}
.mypath-artwork-card svg {
  width: var(--width-full, 100%);
  height: auto;
  max-height: 320px;
}

/* Natural Language Prompt Typing Effect */
@keyframes promptTypeEffect {
  0%, 100% {
    stroke-dasharray: 0 250;
  }
  50% {
    stroke-dasharray: 240 0;
  }
}
/* Blinking Terminal Cursor */
@keyframes cursorBlinkEffect {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* Active Pathway Flow Animation */
@keyframes journeyPathFlow {
  0% {
    stroke-dashoffset: 32;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* Step Card Sequential Highlight Glow */
@keyframes stepCardHighlight {
  0%, 100% {
    stroke: var(--intake-accordian-bg-border, #e2e8f0);
  }
  50% {
    stroke: var(--brand-cyan, #00a8de);
  }
}
/* AI Processing Gear Rotation */
@keyframes aiGearRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Floating Stage Badges Motion */
@keyframes floatTagMotion {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-4px);
  }
}
/* Pulse Downward Arrow */
@keyframes pulseArrowMotion {
  0%, 100% {
    transform: translateY(0px);
    opacity: 0.8;
  }
  50% {
    transform: translateY(3px);
    opacity: 1;
  }
}
/* Targeted Element Classes */
.prompt-typing-text {
  animation: promptTypeEffect 4.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.prompt-cursor {
  animation: cursorBlinkEffect 0.8s infinite;
}

.journey-flow-line {
  animation: journeyPathFlow 1.5s linear infinite;
}

.pulse-arrow {
  animation: pulseArrowMotion 2s ease-in-out infinite;
}

.step-card-bg {
  transition: stroke 0.3s ease;
  animation: stepCardHighlight 4.5s ease-in-out infinite;
}

.ai-gear-spin {
  animation: aiGearRotation 6s linear infinite;
  transform-origin: 298px 180px;
}

/* Delay Staggering for Guided Steps */
.step-1 .step-card-bg {
  animation-delay: 0s;
}

.step-2 .step-card-bg {
  animation-delay: 1.5s;
}

.step-3 .step-card-bg {
  animation-delay: 3s;
}

.tag-1 {
  animation: floatTagMotion 3s ease-in-out infinite 0s;
}

.tag-2 {
  animation: floatTagMotion 3s ease-in-out infinite 0.5s;
}

.tag-3 {
  animation: floatTagMotion 3s ease-in-out infinite 1s;
}

/* ==========================================
   ENLARGED ELECTION SUITE ARTWORK SCSS
   ========================================== */
.election-artwork-wrapper {
  width: var(--width-full, 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.election-artwork-wrapper svg {
  width: 100%;
  height: auto;
  max-width: 700px;
  overflow: visible;
}

/* LWC-Safe Drop Shadow Replacement */
.lwc-shadow-filter {
  filter: drop-shadow(0px 12px 16px rgba(15, 23, 42, 0.08));
}

/* Keyframe Animations */
@keyframes beamFlowMotion {
  0% {
    stroke-dashoffset: 24;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes beaconOrbitRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes coreWavePulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.2;
  }
  50% {
    transform: scale(1.18);
    opacity: 0.6;
  }
}
@keyframes cardGlowHighlight {
  0%, 100% {
    stroke: var(--intake-accordian-bg-border, #e2e8f0);
  }
  50% {
    stroke: var(--brand-cyan, #00a8de);
  }
}
@keyframes syncRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pillFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-4px);
  }
}
/* Animation Targets */
.beam-flow-1, .beam-flow-2, .beam-flow-3 {
  animation: beamFlowMotion 1.8s linear infinite;
}

.beacon-orbit {
  animation: beaconOrbitRotation 5s linear infinite;
  transform-origin: 350px 210px;
}

.core-wave {
  animation: coreWavePulse 3s ease-in-out infinite;
  transform-origin: 350px 210px;
}

.card-border {
  transition: stroke 0.3s ease;
  animation: cardGlowHighlight 4.5s ease-in-out infinite;
}

.spin-sync {
  animation: syncRotate 2s linear infinite;
  transform-origin: 112px 128px;
}

/* Staggered Card Delays */
.node-voter .card-border {
  animation-delay: 0s;
}

.node-finance .card-border {
  animation-delay: 1.5s;
}

.node-lifecycle .card-border {
  animation-delay: 3s;
}

/* Floating Cloud Pills */
.env-aws {
  animation: pillFloat 3.5s ease-in-out infinite 0s;
}

.env-azure {
  animation: pillFloat 3.5s ease-in-out infinite 0.6s;
}

.env-salesforce {
  animation: pillFloat 3.5s ease-in-out infinite 1.2s;
}

/* ==========================================
   CAMPAIGN FINANCE ARTWORK STAGE SCSS
   ========================================== */
.finance-artwork-stage {
  position: relative;
  width: var(--width-full, 100%);
  max-width: 800px;
  height: 360px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Ambient Soft Glows */
}
.finance-artwork-stage__glow {
  position: absolute;
  border-radius: var(--border-radius-circle, 50%);
  pointer-events: none;
  filter: blur(70px);
  opacity: 0.15;
}
.finance-artwork-stage__glow--emerald {
  width: 260px;
  height: 260px;
  background-color: #10b981;
  top: 10%;
  left: 20%;
}
.finance-artwork-stage__glow--cyan {
  width: 240px;
  height: 240px;
  background-color: var(--brand-cyan, #00a8de);
  bottom: 10%;
  right: 20%;
}
.finance-artwork-stage {
  /* SVG Connecting Network Lines */
}
.finance-artwork-stage .finance-artwork-lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.finance-artwork-stage .finance-artwork-line {
  stroke: var(--intake-accordian-bg-border, #cbd5e1);
  stroke-width: 2;
  stroke-dasharray: 6 6;
  animation: lineDashFlow 2.5s linear infinite;
}
.finance-artwork-stage .finance-artwork-ring {
  stroke: var(--brand-cyan, #00a8de);
  stroke-width: 1.5;
  stroke-dasharray: 8 8;
  fill: none;
  opacity: 0.4;
  animation: ringRotate 12s linear infinite;
  transform-origin: 400px 180px;
}
.finance-artwork-stage {
  /* Orbital Rings */
}
.finance-artwork-stage .finance-orbit-ring {
  position: absolute;
  border-radius: var(--border-radius-circle, 50%);
  border: 1px dashed var(--intake-accordian-bg-border, #cbd5e1);
  pointer-events: none;
  z-index: 1;
}
.finance-artwork-stage .finance-orbit-ring--outer {
  width: 340px;
  height: 340px;
  animation: ringRotate 20s linear infinite;
}
.finance-artwork-stage .finance-orbit-ring--inner {
  width: 240px;
  height: 240px;
  animation: ringRotateReverse 15s linear infinite;
}
.finance-artwork-stage {
  /* Central Core Badge */
}
.finance-artwork-stage .finance-artwork-core {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.finance-artwork-stage .finance-artwork-core__pulse {
  position: absolute;
  width: 120px;
  height: 120px;
  background-color: #10b981;
  border-radius: var(--border-radius-circle, 50%);
  opacity: 0.15;
  animation: corePulse 3s ease-in-out infinite;
}
.finance-artwork-stage .finance-artwork-core__badge {
  width: 100px;
  height: 100px;
  border-radius: var(--border-radius-circle, 50%);
  background: #0f172a;
  border: 2px solid #10b981;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--white, #ffffff);
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.25);
  transition: transform 0.3s ease;
}
.finance-artwork-stage .finance-artwork-core__badge i {
  font-size: 26px;
  color: #10b981;
  margin-bottom: 2px;
}
.finance-artwork-stage .finance-artwork-core__badge span {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.finance-artwork-stage .finance-artwork-core:hover .finance-artwork-core__badge {
  transform: scale(1.08);
}
.finance-artwork-stage {
  /* Satellite Nodes */
}
.finance-artwork-stage .finance-node {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--white, #ffffff);
  border: 1px solid var(--intake-accordian-bg-border, #e2e8f0);
  padding: 10px 16px;
  border-radius: var(--border-radius-large, 14px);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}
.finance-artwork-stage .finance-node__icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #f0fdf4;
  color: #10b981;
  display: flex;
  align-items: center;
  justify-content: center;
}
.finance-artwork-stage .finance-node__icon i {
  font-size: 20px;
}
.finance-artwork-stage .finance-node__content {
  display: flex;
  flex-direction: column;
}
.finance-artwork-stage .finance-node__label {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary, #0f172a);
  line-height: 1.2;
}
.finance-artwork-stage .finance-node__sub {
  font-size: 11px;
  font-weight: 500;
  color: var(--card-body-text, #64748b);
}
.finance-artwork-stage .finance-node:hover {
  border-color: #10b981;
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.15);
}
.finance-artwork-stage .finance-node {
  /* Positions */
}
.finance-artwork-stage .finance-node--selfservice {
  top: 40px;
  left: 60px;
}
.finance-artwork-stage .finance-node--qualification {
  top: 40px;
  right: 60px;
}
.finance-artwork-stage .finance-node--audit {
  bottom: 40px;
  right: 60px;
}
.finance-artwork-stage .finance-node--oversight {
  bottom: 40px;
  left: 60px;
}

/* Keyframes */
@keyframes lineDashFlow {
  0% {
    stroke-dashoffset: 24;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes ringRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ringRotateReverse {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes corePulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.15;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.3;
  }
}
@media (max-width: 576px) {
  .product-hero-actions {
    flex-direction: column;
    width: 100%;
  }
  .product-hero-actions .slds-button {
    width: 100%;
  }
}

.gm-hero-points li {
  min-width: 220px;
}

.gap-between {
  display: flex;
  gap: var(--spacing-xx-small);
}

/* ==========================================
   SECTION 1: Digital Transformation Hero
   ========================================== */
.dt-hero {
  background-color: var(--white);
}
.dt-hero__banner {
  position: relative;
  width: 100%;
  height: 380px;
  border-radius: var(--border-radius-large);
  overflow: hidden;
  background-color: var(--text-primary);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .dt-hero__banner {
    height: 240px;
  }
}
.dt-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dt-hero__logo-wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(135deg, rgba(15, 169, 230, 0) 0%, rgba(215, 11, 238, 0) 100%), url("../media/images/wave.jpg");
  padding: var(--spacing-xxxx-large) var(--spacing-xxxx-large);
  background-size: cover;
  background-position: center;
}
.dt-hero__logo {
  max-width: 380px;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.4));
}
@media (max-width: 1023px) {
  .dt-hero__logo {
    max-width: 240px;
  }
}
.dt-hero__content {
  max-width: 1100px;
}
.dt-hero__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-light);
  color: var(--card-body-text);
  line-height: 1.65;
  margin: 0;
}
@media (max-width: 1023px) {
  .dt-hero__text {
    font-size: var(--font-size-16);
  }
}

/* ==========================================
   SECTION 2: Consulting Services & Category Tabs
   ========================================== */
.consulting-services {
  background-color: var(--bg-gradient-light-grey);
}
.consulting-services__subtitle {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-light);
  color: var(--card-body-text);
  line-height: 1.6;
}
@media (max-width: 1023px) {
  .consulting-services__subtitle {
    font-size: var(--font-size-14);
  }
}
.consulting-services__hero-img-card {
  border-radius: var(--border-radius-large);
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}
.consulting-services__hero-img-card img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.consulting-services img {
  margin: 0 auto;
}

/* Category Tabs Navigation Styling */
.consulting-tabs {
  --slds-c-tabs-scoped-color-bg-active: transparent;
  --slds-c-tabs-scoped-color-border-active: var(--brand-blue);
}
.consulting-tabs .slds-tabs_scoped {
  background-color: transparent;
  border: none;
}
.consulting-tabs .slds-tabs_scoped__nav {
  background-color: transparent;
  border-bottom: 1px solid var(--other-divider) !important;
  border: none;
  padding: 0;
  justify-content: space-around;
}
@media (max-width: 1023px) {
  .consulting-tabs .slds-tabs_scoped__nav {
    justify-content: flex-start;
    overflow-x: auto;
  }
}
.consulting-tabs .slds-tabs_scoped__item {
  background-color: transparent;
  border: none;
}
.consulting-tabs .slds-tabs_scoped__item.slds-is-active .slds-tabs_scoped__link {
  border-bottom: 3px solid var(--brand-blue) !important;
  color: var(--brand-blue) !important;
  font-weight: var(--font-weight-bold);
}
.consulting-tabs .slds-tabs_scoped__link {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  border: none;
  padding: var(--spacing-small) var(--spacing-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  height: auto;
}
.consulting-tabs .slds-tabs_scoped__content {
  padding: 0;
  background-color: transparent;
  border: none;
}

/* ==========================================
   Tab Card System (Exact Match to Mockup)
   ========================================== */
.tab-card {
  position: relative;
  padding: var(--spacing-x-large) var(--spacing-large) var(--spacing-large);
  border-radius: 28px;
  background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%);
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 30px rgba(0, 122, 222, 0.08);
  min-height: 340px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
@media screen and (max-width: 576px) {
  .tab-card {
    min-height: 240px;
  }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
  .tab-card {
    min-height: 140px;
  }
}
.tab-card:hover, .tab-card:focus-visible {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 122, 222, 0.16);
}
.tab-card__badge {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
  color: var(--brand-cyan);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: block;
}
.tab-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: 1.35;
}
@media screen and (min-width: 768px) and (max-width: 805px) {
  .tab-card__title {
    line-height: 1;
  }
}
.tab-card__title-light {
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
}
.tab-card {
  /* Multi-layered Wave Accent Graphic in Bottom-Right Corner */
}
.tab-card__shape-graphic {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 140px;
  pointer-events: none;
  overflow: hidden;
  /* Dark Blue Left Hill */
}
.tab-card__shape-graphic::before {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 40px;
  width: 80px;
  height: 70px;
  background: #0066e6;
  border-radius: 50px 50px 0 0;
  transform: rotate(-25deg);
}
.tab-card__shape-graphic {
  /* Medium Cyan & Teal Right Hills */
}
.tab-card__shape-graphic::after {
  content: "";
  position: absolute;
  bottom: -15px;
  right: -25px;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #00a8de 0%, #10b981 100%);
  border-radius: 60px 60px 0 0;
  transform: rotate(15deg);
}
.tab-card {
  /* Frosted Glass Icon Squircle (Exact Match to Mockup) */
}
.tab-card__glossy-icon {
  position: absolute;
  bottom: 24px;
  right: 24px;
  z-index: 5;
  width: 76px;
  height: 76px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 2px solid #ffffff;
  box-shadow: 0 10px 25px rgba(0, 102, 230, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.tab-card__glossy-icon i {
  font-size: 36px;
  color: #0066e6 !important;
}

/* ==========================================
   SECTION 3: Why MTX (Dark Layout)
   ========================================== */
.why-mtx {
  background-color: #1c1c1c;
}
.why-mtx__description {
  font-family: var(--font-family-primary);
  color: rgba(255, 255, 255, 0.85);
  font-size: var(--font-size-20);
  font-weight: var(--font-weight-light);
  line-height: 1.65;
}
@media (max-width: 1023px) {
  .why-mtx__description {
    font-size: var(--font-size-14);
  }
}
@media (max-width: 1023px) {
  .why-mtx img {
    margin: 0 auto;
  }
}

/* Light Mode Modifier for cap-glass-card on Light Backgrounds */
.cap-glass-card--light {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: var(--border-width-thin) solid rgba(0, 122, 222, 0.2);
  box-shadow: 0 8px 24px rgba(0, 122, 222, 0.06);
  transition: 0.2s ease, border-color 0.2s ease;
}
.cap-glass-card--light:hover, .cap-glass-card--light:focus {
  background: var(--white);
  border-color: rgba(0, 122, 222, 0.2);
  box-shadow: 0 12px 32px rgba(0, 122, 222, 0.12);
  transform: translateY(-2px);
}
.cap-glass-card--light .cap-glass-card__title {
  color: var(--text-primary) !important;
}
.cap-glass-card--light .cap-glass-card__text {
  color: var(--card-body-text) !important;
}
.cap-glass-card--light .cap-glass-card__icon-box {
  background: rgba(0, 122, 222, 0.06);
}

/* ==========================================
   Cybersecurity Wheel Diagram Extension
   ========================================== */
.cyber-framework-wheel {
  position: relative;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: conic-gradient(var(--brand-blue, #005bd3) 0deg 72deg, var(--brand-cyan, #00a3e0) 72deg 144deg, var(--brand-teal, #00d4c6) 144deg 216deg, var(--brand-green, #10ca9e) 216deg 288deg, var(--brand-light-green, #78d65c) 288deg 360deg);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 36px var(--shadow-color-light, rgba(0, 122, 222, 0.15));
}
.cyber-framework-wheel__center {
  width: 140px;
  height: 140px;
  background: var(--white, #ffffff);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  box-shadow: inset 0 2px 6px var(--shadow-color-inset, rgba(0, 0, 0, 0.1));
}
.cyber-framework-wheel__center span {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-15, 15px);
  font-weight: var(--font-weight-bold, 800);
  color: var(--text-primary);
  letter-spacing: 0.05em;
}
.cyber-framework-wheel__segment {
  position: absolute;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12, 12px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--white, #ffffff);
  letter-spacing: 0.05em;
  z-index: 2;
}
.cyber-framework-wheel__segment.segment--recover {
  top: 60px;
  left: 65px;
}
.cyber-framework-wheel__segment.segment--identity {
  top: 60px;
  right: 64px;
}
.cyber-framework-wheel__segment.segment--protect {
  bottom: 118px;
  right: 20px;
}
.cyber-framework-wheel__segment.segment--detect {
  bottom: 35px;
  left: 135px;
}
.cyber-framework-wheel__segment.segment--respond {
  top: 185px;
  left: 25px;
}

.ind-hero .dt-hero__logo-wrapper {
  background-image: linear-gradient(135deg, rgba(15, 169, 230, 0) 0%, rgba(215, 11, 238, 0) 100%), url("../media/images/hero-ind.jpg") !important;
}

.banking-hero .dt-hero__logo-wrapper {
  background-image: linear-gradient(135deg, rgba(15, 169, 230, 0) 0%, rgba(215, 11, 238, 0) 100%), url("../media/images/mtx-building.jpg") !important;
}

.cap-glass-card--stacked {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-large) var(--spacing-medium);
  height: 100%;
  justify-content: center;
}
.cap-glass-card--stacked .cap-glass-card__icon-box {
  margin-right: 0 !important;
  width: var(--font-size-48);
  height: var(--font-size-48);
  border-radius: var(--border-radius-large);
  background: var(--primary-shades-8-p);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cap-glass-card--stacked .cap-glass-card__icon-box i {
  font-size: var(--font-size-24);
  color: var(--primary-main);
}

/* Reduced Title Font Size for Department Cards */
.cap-glass-card__title--small {
  font-size: var(--font-size-12) !important;
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: 1.35;
  margin: 0;
}

/* ------------------------------------------
   SECTION 2: Light Award-Card Style (Restricted to 3 Multi-Color SVGs)
   ------------------------------------------ */
.exp-award-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--spacing-large) var(--spacing-medium);
  height: 100%;
  background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%);
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 30px rgba(0, 122, 222, 0.08);
  border-radius: var(--border-radius-large);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: default;
}
.exp-award-card:hover {
  border-color: var(--intake-accordian-bg-border);
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 122, 222, 0.16);
}
.exp-award-card:hover::after {
  transform: scale(1.08) translate(-2px, -2px);
  opacity: 0.95;
}
.exp-award-card {
  /* Top Bar Header */
}
.exp-award-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-small);
  position: relative;
  z-index: 2;
}
.exp-award-card {
  /* Top-Left Square Icon Badges */
}
.exp-award-card__icon-badge {
  width: var(--font-size-40);
  height: var(--font-size-40);
  border-radius: var(--border-radius-large);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--box-shadow-2);
}
.exp-award-card__icon-badge i {
  font-size: var(--font-size-22);
  color: var(--white);
}
.exp-award-card__icon-badge--cyan {
  background: var(--brand-cyan);
}
.exp-award-card__icon-badge--blue {
  background: var(--brand-blue);
}
.exp-award-card__icon-badge--teal {
  background: var(--brand-teal);
}
.exp-award-card__icon-badge--purple {
  background: var(--brand-purple);
}
.exp-award-card__icon-badge--slate {
  background: var(--brand-slate);
}
.exp-award-card__meta-date {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semi-bold);
  color: var(--text-secondary);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.exp-award-card {
  /* Main Content */
}
.exp-award-card__content {
  position: relative;
  z-index: 2;
  margin-bottom: var(--spacing-small);
}
.exp-award-card__eyebrow {
  display: block;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  margin-bottom: var(--spacing-xxx-small);
}
.exp-award-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: 1.35;
  margin: 0;
  max-width: 85%;
}
.exp-award-card {
  /* Footer Metadata */
}
.exp-award-card__footer {
  position: relative;
  z-index: 2;
}
.exp-award-card__location {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  color: var(--text-secondary);
  font-weight: var(--font-weight-regular);
}
.exp-award-card {
  /* Base Pseudo-element for Bottom-Right Graphic Artwork */
}
.exp-award-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  opacity: 0.85;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.exp-award-card {
  /* ----------------------------------------------------
     Multi-Colored Brand SVG Graphic Effects (3 Variations Only)
     Hex Codes: Cyan (#00a8de), Blue (#007ade), Teal (#2ED0C5), Purple (#4F00DE), Slate (#4B9BAE)
     ---------------------------------------------------- */
  /* 1. Multi-Color Sun-Stripes (Concentric Brand Arcs) */
}
.exp-award-card--effect-sun-stripes::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100,20 A80,80 0 0,0 20,100' fill='none' stroke='%2300a8de' stroke-width='6' opacity='0.85'/%3E%3Cpath d='M100,42 A58,58 0 0,0 42,100' fill='none' stroke='%232ED0C5' stroke-width='6' opacity='0.85'/%3E%3Cpath d='M100,64 A36,36 0 0,0 64,100' fill='none' stroke='%23007ade' stroke-width='6' opacity='0.85'/%3E%3Cpath d='M100,86 A14,14 0 0,0 86,100' fill='none' stroke='%234F00DE' stroke-width='6' opacity='0.85'/%3E%3C/svg%3E");
  opacity: 0.15;
}
.exp-award-card {
  /* 2. Multi-Color Confetti (Scattered Brand Dashes) */
}
.exp-award-card--effect-confetti::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke-width='3.5' stroke-linecap='round' opacity='0.85'%3E%3Cline x1='80' y1='90' x2='95' y2='80' stroke='%2300a8de'/%3E%3Cline x1='60' y1='85' x2='75' y2='95' stroke='%234F00DE'/%3E%3Cline x1='85' y1='65' x2='95' y2='50' stroke='%232ED0C5'/%3E%3Cline x1='65' y1='65' x2='75' y2='50' stroke='%23007ade'/%3E%3Cline x1='45' y1='90' x2='55' y2='75' stroke='%234B9BAE'/%3E%3Cline x1='75' y1='40' x2='90' y2='30' stroke='%2300a8de'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.15;
}
.exp-award-card {
  /* 3. Multi-Color Dotted Sphere (Halftone Brand Dot Clusters) */
}
.exp-award-card--effect-dotted-sphere::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg opacity='0.85'%3E%3Ccircle cx='100' cy='100' r='6.5' fill='%234F00DE'/%3E%3Ccircle cx='85' cy='95' r='5.5' fill='%23007ade'/%3E%3Ccircle cx='95' cy='85' r='5.5' fill='%2300a8de'/%3E%3Ccircle cx='70' cy='90' r='4.5' fill='%232ED0C5'/%3E%3Ccircle cx='90' cy='70' r='4.5' fill='%234B9BAE'/%3E%3Ccircle cx='80' cy='80' r='5' fill='%2300a8de'/%3E%3Ccircle cx='60' cy='80' r='3.5' fill='%234F00DE'/%3E%3Ccircle cx='80' cy='60' r='3.5' fill='%232ED0C5'/%3E%3Ccircle cx='68' cy='68' r='4' fill='%23007ade'/%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.15;
}

/* ------------------------------------------
   SECTION 3: Sticky Scroll Layout & Dark Portfolio
   ------------------------------------------ */
.sticky-scroll-section {
  position: relative;
}
.sticky-scroll-section .sticky-scroll-left {
  position: sticky;
  top: var(--spacing-xxxx-large);
  align-self: flex-start;
  height: -moz-fit-content;
  height: fit-content;
}
.sticky-scroll-section .sticky-scroll-left img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-large);
  box-shadow: var(--box-shadow-28);
}

.digital-portfolio-dark {
  background-color: #1c1c1c;
  position: relative;
}
.digital-portfolio-dark__subtitle {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  color: var(--white);
  opacity: 0.85;
  line-height: 1.6;
}
.digital-portfolio-dark__card-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium);
  width: 100%;
}

.dark-feature-card {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--border-radius-large);
  border: var(--border-width-thin) solid rgba(255, 255, 255, 0.1);
  padding: var(--spacing-medium) var(--spacing-large);
  display: flex;
  align-items: center;
  gap: var(--spacing-medium);
  box-shadow: var(--box-shadow-4);
  border-left: var(--spacing-xxx-small) solid var(--primary-main);
  overflow: hidden;
}
.dark-feature-card--cyan {
  border-left-color: var(--brand-cyan);
}
.dark-feature-card--teal {
  border-left-color: var(--brand-teal);
}
.dark-feature-card--blue {
  border-left-color: var(--brand-blue);
}
.dark-feature-card:hover {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: var(--box-shadow-16);
}
.dark-feature-card__icon-box {
  width: var(--font-size-48);
  height: var(--font-size-48);
  border-radius: var(--border-radius-large);
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dark-feature-card__icon-box i {
  font-size: var(--font-size-24);
}
.dark-feature-card__icon-box--cyan i {
  color: var(--brand-cyan);
}
.dark-feature-card__icon-box--teal i {
  color: var(--brand-teal);
}
.dark-feature-card__icon-box--blue i {
  color: var(--brand-blue);
}
.dark-feature-card__body {
  flex: 1;
}
.dark-feature-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-bold);
  color: var(--white);
  margin-bottom: var(--spacing-xxx-small);
  line-height: 1.3;
}
.dark-feature-card__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  color: var(--white);
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 1023px) {
  .dark-feature-card {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-small);
    padding: var(--spacing-medium);
  }
}

/* ==========================================
   SECTION 4: MTX Impact Section & Lightning Accordion Overrides
   ========================================== */
.mtx-impact-section {
  background-color: var(--white);
}
.mtx-impact-section__eyebrow {
  display: block;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
  color: var(--brand-cyan);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.mtx-impact-section__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
  line-height: 1.15;
}
.mtx-impact-section__title-bold {
  font-weight: var(--font-weight-extra-bold);
}
.mtx-impact-section__dot {
  color: var(--brand-cyan);
}
.mtx-impact-section__subtitle {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  color: var(--text-secondary);
  line-height: 1.6;
}

/* Base LWC <lightning-accordion> Shadow DOM Overrides */
lightning-accordion.mds-accordion_impact {
  display: block;
}
lightning-accordion.mds-accordion_impact lightning-accordion-section {
  display: block;
  margin-bottom: var(--spacing-medium);
  background: var(--white);
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border) !important;
  border-radius: var(--border-radius-large);
  overflow: hidden;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
lightning-accordion.mds-accordion_impact lightning-accordion-section:hover {
  box-shadow: var(--box-shadow-8);
}
lightning-accordion.mds-accordion_impact lightning-accordion-section {
  /* Reset SLDS Section Frame */
}
lightning-accordion.mds-accordion_impact lightning-accordion-section .slds-accordion__section {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
lightning-accordion.mds-accordion_impact lightning-accordion-section {
  /* Outer Summary Wrapper */
}
lightning-accordion.mds-accordion_impact lightning-accordion-section .slds-accordion__summary {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
lightning-accordion.mds-accordion_impact lightning-accordion-section {
  /* Main Accordion Button (Row-Reverse places arrow icon on RIGHT) */
}
lightning-accordion.mds-accordion_impact lightning-accordion-section .slds-button,
lightning-accordion.mds-accordion_impact lightning-accordion-section .slds-accordion__summary-action {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: var(--spacing-medium) var(--spacing-large) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 !important;
  text-align: left !important;
  cursor: pointer;
}
lightning-accordion.mds-accordion_impact lightning-accordion-section {
  /* Title Container (Left Side) */
}
lightning-accordion.mds-accordion_impact lightning-accordion-section .slds-accordion__summary-content {
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding-right: var(--spacing-medium) !important;
  text-align: left !important;
}
lightning-accordion.mds-accordion_impact lightning-accordion-section {
  /* Title Label (Left-aligned, Wrapping, No Ellipsis) */
}
lightning-accordion.mds-accordion_impact lightning-accordion-section .slds-accordion__summary-heading,
lightning-accordion.mds-accordion_impact lightning-accordion-section .slds-accordion__title,
lightning-accordion.mds-accordion_impact lightning-accordion-section .slds-truncate {
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-16) !important;
  font-weight: var(--font-weight-bold) !important;
  color: var(--text-primary) !important;
  line-height: 1.4 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: block !important;
  margin: 0 !important;
}
lightning-accordion.mds-accordion_impact lightning-accordion-section {
  /* Chevron Circle Badge (Right Side) */
}
lightning-accordion.mds-accordion_impact lightning-accordion-section .slds-accordion__summary-action-icon,
lightning-accordion.mds-accordion_impact lightning-accordion-section lightning-primitive-icon {
  flex-shrink: 0 !important;
  width: var(--font-size-32) !important;
  height: var(--font-size-32) !important;
  border-radius: var(--border-radius-circle) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}
lightning-accordion.mds-accordion_impact lightning-accordion-section .slds-accordion__summary-action-icon svg,
lightning-accordion.mds-accordion_impact lightning-accordion-section lightning-primitive-icon svg {
  fill: var(--primary-main) !important;
  width: var(--font-size-18) !important;
  height: var(--font-size-18) !important;
  transition: transform 0.25s ease;
}
lightning-accordion.mds-accordion_impact lightning-accordion-section {
  /* Open State Formatting */
}
lightning-accordion.mds-accordion_impact lightning-accordion-section.slds-is-open, lightning-accordion.mds-accordion_impact lightning-accordion-section.mds-is-open {
  border-color: var(--primary-main);
  /* Rotate Chevron Arrow Up */
}
lightning-accordion.mds-accordion_impact lightning-accordion-section.slds-is-open .slds-accordion__summary-action-icon svg,
lightning-accordion.mds-accordion_impact lightning-accordion-section.slds-is-open lightning-primitive-icon svg, lightning-accordion.mds-accordion_impact lightning-accordion-section.mds-is-open .slds-accordion__summary-action-icon svg,
lightning-accordion.mds-accordion_impact lightning-accordion-section.mds-is-open lightning-primitive-icon svg {
  transform: rotate(180deg) !important;
}
lightning-accordion.mds-accordion_impact lightning-accordion-section.slds-is-open, lightning-accordion.mds-accordion_impact lightning-accordion-section.mds-is-open {
  /* Body Content */
}
lightning-accordion.mds-accordion_impact lightning-accordion-section.slds-is-open .slds-accordion__content, lightning-accordion.mds-accordion_impact lightning-accordion-section.mds-is-open .slds-accordion__content {
  display: block !important;
  padding: var(--spacing-medium) var(--spacing-large) var(--spacing-large) !important;
  border-top: var(--border-width-thin) solid var(--other-divider) !important;
  background: var(--white) !important;
  text-align: left !important;
}

/* Body Text Styling */
.mds-accordion__body-text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  color: var(--card-body-text);
  line-height: 1.6;
  text-align: left !important;
  margin: 0;
  padding: 0 var(--spacing-large) var(--spacing-large);
}

/* ------------------------------------------
   SECTION 1: COMMUNITY IMPACT & LOGO MARQUEE (WHITE BACKGROUND)
   ------------------------------------------ */
.community-impact-section {
  position: relative;
  background-color: var(--white);
}
.community-impact-section__subtitle {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-22);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}
.community-impact-section__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  color: var(--card-body-text);
  line-height: 150%;
  font-weight: var(--font-weight-light);
}

.exp-award-card__header img {
  max-width: 120px;
}

.img-mx-width {
  max-width: 180px !important;
}

.award-page-section .cap-glass-card__icon-box {
  width: 80px !important;
  height: 80px !important;
  background: none !important;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
}
.award-page-section .cap-glass-card__icon-box img {
  height: -webkit-fill-available;
  height: 100%;
}

/* Pure CSS Infinite Auto-Scrolling Logo Banner */
.logo-marquee-wrapper {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  overflow: hidden;
  padding: var(--spacing-medium, 16px) 0;
}

.logo-marquee-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  gap: var(--spacing-large, 24px);
  animation: logoMarquee 150s linear infinite;
}
.logo-marquee-track:hover {
  animation-play-state: paused;
}

@keyframes logoMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
    /* Seamless reset after scrolling through the original set */
  }
}
.logo-card {
  width: 220px;
  height: 110px;
  background: var(--white);
  border-radius: var(--border-radius-large);
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border);
  box-shadow: 0 10px 25px rgba(0, 122, 222, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-small);
  text-align: center;
  flex-shrink: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.logo-card img.fit-max-height {
  max-height: 105px;
}
.logo-card:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 15px 35px rgba(0, 168, 222, 0.2);
}

/* ------------------------------------------
   SECTION 2 & 3: GLASS OVERLAYS & PHOTO CARDS
   ------------------------------------------ */
.why-mtx-glass-section {
  position: relative;
  overflow: hidden;
}
.why-mtx-glass-section__eyebrow {
  display: block;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
  color: var(--brand-teal);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.why-mtx-glass-section__blur-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.why-mtx-glass-section__blur-overlay::before {
  content: "";
  position: absolute;
  top: 20%;
  left: -5%;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: rgba(46, 208, 197, 0.18);
  filter: blur(80px);
}
.why-mtx-glass-section__blur-overlay::after {
  content: "";
  position: absolute;
  bottom: 10%;
  right: -5%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: rgba(0, 122, 222, 0.15);
  filter: blur(90px);
}

.community-photo-card {
  position: relative;
  width: 100%;
  height: 380px;
  border-radius: var(--border-radius-large);
  overflow: hidden;
  box-shadow: var(--box-shadow-4);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.community-photo-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.community-photo-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--box-shadow-16);
}
.community-photo-card:hover .community-photo-card__img {
  transform: scale(1.05);
}

/* ------------------------------------------
   SECTION 3: AI TRAINING DARK THEME & HORIZONTAL STRIP
   ------------------------------------------ */
.digital-portfolio-dark {
  background-color: #1a1a1a;
  color: var(--white);
}
.digital-portfolio-dark .section-title--light {
  color: var(--white);
}
.digital-portfolio-dark .section-title__highlight {
  background: transparent;
  color: var(--brand-cyan);
  -webkit-text-fill-color: var(--brand-cyan);
}

.dark-quote-spotlight__body {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  line-height: 150%;
}

/* ------------------------------------------
   SECTION 4: FULL-WIDTH CTA BANNER & CSR LINK
   ------------------------------------------ */
.cta-banner {
  display: block;
  width: 100%;
  background-image: linear-gradient(135deg, rgb(0, 122, 222) 0%, rgba(0, 167, 222, 0.9) 100%), url("../media/images/cc.png");
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 122, 222, 0.2);
  background-position: center;
}
.cta-banner__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-40);
  font-weight: var(--font-weight-light);
  color: var(--white);
  line-height: 1.2;
}
.cta-banner__subtitle {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-light);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.5;
  margin: 0;
}

.csr-policy-link {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxx-small);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-bold);
  color: var(--white);
  opacity: 0.9;
  text-decoration: underline;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.csr-policy-link i {
  font-size: var(--font-size-16);
}
.csr-policy-link:hover {
  opacity: 1;
  transform: translateX(4px);
  color: var(--white);
}

/* ==========================================
   TARGETED FIX: DARK CUSTOMER OBSESSION SECTION CONTRAST
   ========================================== */
.digital-portfolio-dark {
  background-color: #1c1c1c;
}
.digital-portfolio-dark .section-title--light {
  color: var(--white);
}
.digital-portfolio-dark .section-title__highlight {
  background: transparent;
  color: var(--brand-cyan);
  -webkit-text-fill-color: var(--brand-cyan);
}

.dark-quote-spotlight__lead {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  color: var(--white);
  line-height: 1.65;
}

.timeline-node__content h3 {
  color: var(--white);
}
.timeline-node__content p {
  color: #94a3b8;
}

/* ==========================================
   TARGETED FIX: OBSESSION TIMELINE GLASS ICONS & CONTRAST
   ========================================== */
.obsession-timeline-strip {
  padding-top: var(--spacing-xx-large);
  border-top: var(--border-width-thin) solid rgba(255, 255, 255, 0.12);
}

.timeline-node {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-medium);
}
.timeline-node__content h3 {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-bold);
  color: #ffffff;
  margin-bottom: var(--spacing-xxx-small);
  line-height: 1.3;
}
.timeline-node__content p {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  color: #cbd5e1;
  line-height: 1.5;
  margin: 0;
}

/* Glass Filled Badge Fix */
.glass-filled-icon {
  width: 52px;
  height: 52px;
  border-radius: var(--border-radius-large);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.glass-filled-icon i {
  font-size: var(--font-size-26);
  line-height: 1;
}
.glass-filled-icon--cyan {
  background: rgba(0, 168, 222, 0.2);
  border: 1px solid rgba(0, 168, 222, 0.4);
  box-shadow: 0 8px 20px rgba(0, 168, 222, 0.15);
}
.glass-filled-icon--cyan i {
  color: var(--brand-cyan);
}
.glass-filled-icon--teal {
  background: rgba(46, 208, 197, 0.2);
  border: 1px solid rgba(46, 208, 197, 0.4);
  box-shadow: 0 8px 20px rgba(46, 208, 197, 0.15);
}
.glass-filled-icon--teal i {
  color: var(--brand-teal);
}
.glass-filled-icon--blue {
  background: rgba(0, 122, 222, 0.2);
  border: 1px solid rgba(0, 122, 222, 0.4);
  box-shadow: 0 8px 20px rgba(0, 122, 222, 0.15);
}
.glass-filled-icon--blue i {
  color: var(--brand-blue);
}

.timeline-node:hover .glass-filled-icon {
  transform: translateY(-4px) scale(1.05);
}

/* ==========================================
   AWARDS AND RECOGNITION SCSS (VARIABLES ONLY)
   ========================================== */
/* Hero Banner Background */
.awards-hero .dt-hero__logo-wrapper {
  background-image: linear-gradient(135deg, rgba(15, 169, 230, 0) 0%, rgba(215, 11, 238, 0) 100%), url("../media/images/awrd.jpg") !important;
  background-size: cover;
  background-position: center;
}

/* ------------------------------------------
   SECTION 1: ANALYST RECOGNITION (STICKY 6-6 SPLIT)
   ------------------------------------------ */
.consulting-services {
  position: relative;
}
.consulting-services__image-wrapper {
  width: 100%;
  border-radius: var(--border-radius-large, 16px);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1023px) {
  .consulting-services__image-wrapper {
    height: 200px;
  }
}
.consulting-services__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: var(--border-radius-large, 16px);
}
.consulting-services__stacked-cards {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Sticky Left Column */
.sticky-scroll-left {
  position: sticky;
  top: 100px;
}
@media (max-width: 1023px) {
  .sticky-scroll-left {
    position: static !important;
  }
}

/* ------------------------------------------
   SECTION 2: MTX ANNUAL AWARDS (DARK THEME & MASONRY GALLERY)
   ------------------------------------------ */
.digital-portfolio-dark {
  background-color: var(--dark-background, #1a1a1a) !important;
  color: var(--white) !important;
}
.digital-portfolio-dark .section-title--light {
  color: var(--white) !important;
}
.digital-portfolio-dark .section-title__highlight {
  background: transparent !important;
  color: var(--brand-cyan) !important;
  -webkit-text-fill-color: var(--brand-cyan) !important;
}

/* Vertical Connecting Line */
.annual-timeline-line {
  position: absolute;
  top: var(--spacing-medium);
  bottom: var(--spacing-x-large);
  left: var(--spacing-xxx-small);
  width: var(--border-width-thin);
  background: linear-gradient(180deg, var(--brand-cyan) 0%, var(--brand-blue) 50%, rgba(255, 255, 255, 0.15) 100%);
  z-index: 1;
}
@media (max-width: 1023px) {
  .annual-timeline-line {
    display: none;
  }
}

.annual-year-row {
  position: relative;
  padding-left: var(--spacing-x-large);
}
@media (max-width: 1023px) {
  .annual-year-row {
    padding-left: 0;
  }
}
.annual-year-row__wrapper {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-x-large);
}
@media (max-width: 1023px) {
  .annual-year-row__wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-medium);
  }
}

/* Sticky Year Block */
.sticky-year-block {
  position: sticky;
  top: calc(var(--spacing-xx-large) + var(--spacing-large));
  display: flex;
  align-items: center;
  min-width: var(--spacing-xxxx-large);
  padding-top: var(--spacing-xxx-small);
}
@media (max-width: 1023px) {
  .sticky-year-block {
    position: static;
  }
}
.sticky-year-block__node-dot {
  position: absolute;
  left: calc(-1 * var(--spacing-x-large) + 3px);
  width: var(--spacing-small);
  height: var(--spacing-small);
  border-radius: var(--border-radius-circle);
  background: var(--brand-cyan);
  box-shadow: 0 0 12px var(--brand-cyan);
  z-index: 2;
}
@media (max-width: 1023px) {
  .sticky-year-block__node-dot {
    display: none;
  }
}
.sticky-year-block__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-48);
  font-weight: var(--font-weight-extra-bold);
  color: var(--white);
  margin: 0;
  line-height: 1;
  letter-spacing: -0.02em;
}

/* ------------------------------------------
   MASONRY MASONRY MASONRY GALLERY GRID
   ------------------------------------------ */
.annual-gallery-masonry {
  flex: 1;
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: var(--spacing-medium);
       column-gap: var(--spacing-medium);
  width: 100%;
}
@media (max-width: 1023px) {
  .annual-gallery-masonry {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (max-width: 767px) {
  .annual-gallery-masonry {
    -moz-column-count: 1;
         column-count: 1;
  }
}

.gallery-card {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: var(--spacing-medium);
  display: block;
  position: relative;
  border-radius: var(--border-radius-large);
  overflow: hidden;
  box-shadow: var(--box-shadow-4);
  background: var(--dark-background, #1a1a1a);
  cursor: pointer;
  text-decoration: none;
}
.gallery-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius-large);
  transition: transform 0.4s ease;
}
.gallery-card:hover img {
  transform: scale(1.04);
}

/* ------------------------------------------
   PURE CSS LIGHTBOX MODAL STYLES (NO JS)
   ------------------------------------------ */
.lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.lightbox__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.lightbox__content {
  position: relative;
  z-index: 1001;
  max-width: 90vw;
  max-height: 85vh;
  transform: scale(0.95);
  transition: transform 0.3s ease;
}
.lightbox__content img {
  max-width: 100%;
  max-height: 85vh;
  border-radius: var(--border-radius-medium, 8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.lightbox__close {
  position: absolute;
  top: calc(-2 * var(--spacing-large, 24px));
  right: 0;
  color: var(--white, #ffffff);
  font-size: var(--font-size-32, 32px);
  line-height: 1;
  text-decoration: none;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.lightbox__close:hover {
  opacity: 1;
}
.lightbox {
  /* Activated State via Anchor Target */
}
.lightbox:target {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.lightbox:target .lightbox__content {
  transform: scale(1);
}

.culture-clean-grid-section {
  background: var(--bg-light-primary, #f8fafc);
  position: relative;
}

.culture-card-stack {
  display: flex;
  flex-direction: column;
  height: var(--height-full, 100%);
  justify-content: space-between;
}

/* Card Container (Top Border Explicitly Stripped) */
.culture-card {
  background: var(--white);
  border: var(--border-width-thin, 1px) solid var(--intake-accordian-bg-border, #e2e8f0);
  border-top: var(--border-width-zero, 0) !important;
  /* Stripped top border */
  border-radius: var(--border-radius-large, 16px);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.culture-card__header {
  padding: var(--spacing-large);
  flex-grow: 1;
}
.culture-card__badge {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-11, 11px);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide, 0.08em);
  color: var(--brand-cyan, #00a8de);
  display: block;
}
.culture-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-22, 22px);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary, #0f172a);
  line-height: var(--line-height-tight, 1.25);
}
.culture-card__list {
  list-style-type: disc;
  padding-left: var(--spacing-medium);
  margin: var(--spacing-none, 0);
}
.culture-card__list li {
  margin-bottom: var(--spacing-xxx-small);
  font-size: var(--font-size-14, 14px);
}
.culture-card__list li:last-child {
  margin-bottom: var(--spacing-none, 0);
}
.culture-card {
  /* Embedded Video Player Aspect Ratio Wrapper */
}
.culture-card__viewport {
  position: relative;
  width: var(--width-full, 100%);
  padding-bottom: var(--aspect-ratio-16-9, 56.25%);
  height: var(--height-zero, 0);
  background: var(--black, #000000);
  margin-top: auto;
  /* Aligns video player flush to the bottom */
}
.culture-card__viewport iframe {
  position: absolute;
  top: var(--position-zero, 0);
  left: var(--position-zero, 0);
  width: var(--width-full, 100%);
  height: var(--height-full, 100%);
  border: var(--border-width-zero, 0);
}
.culture-card {
  /* Card Hover States */
}
.culture-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 122, 222, 0.1);
}

/* ==========================================
   LIGHT BLUE QUOTATION BOX COMPONENT
   ========================================== */
.quote-box-light-blue {
  background-color: var(--bg-light-blue, rgba(0, 168, 222, 0.08));
  border-left: var(--border-width-large, 4px) solid var(--brand-cyan, #00a8de);
  border-radius: var(--border-radius-medium, 8px);
  position: relative;
  box-shadow: 0 4px 16px rgba(0, 168, 222, 0.05);
}
.quote-box-light-blue__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18, 18px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary, #0f172a);
  line-height: var(--line-height-tight, 1.3);
}
.quote-box-light-blue__title a {
  color: var(--brand-cyan, #00a8de);
  text-decoration: underline;
}
.quote-box-light-blue__title a:hover {
  color: var(--brand-blue, #007ade);
}
.quote-box-light-blue__body {
  margin: var(--spacing-none, 0);
  padding: var(--spacing-none, 0);
  border: var(--border-width-zero, 0);
}
.quote-box-light-blue__body p {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16, 16px);
  font-weight: var(--font-weight-regular, 400);
  color: var(--card-body-text, #334155);
  line-height: var(--line-height-relaxed, 1.6);
  font-style: italic;
}

/* ==========================================
   STRICT 5-COLUMN GRID (Overrides SLDS defaults)
   ========================================== */
.team-grid-5 {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: var(--spacing-xm-large) !important;
  margin-bottom: var(--spacing-xx-large);
}
@media (max-width: 1280px) {
  .team-grid-5 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1023px) {
  .team-grid-5 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 767px) {
  .team-grid-5 {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================
   TEAM MEMBER CARDS (Short Background Block + Clean Headshots)
   ========================================== */
.team-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.team-card__image-box {
  position: relative;
  width: 100%;
  padding-bottom: 110%;
  /* Vertical portrait space */
  height: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: var(--spacing-small);
  overflow: visible;
  /* Allows headshots to pop out out of top background */
  /* Colored Background Canvas Block (Positioned lower so headshots extend) */
}
.team-card__image-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  /* Shorter height so avatar pops over top */
  border-radius: var(--border-radius-large, 16px);
  z-index: 0;
  transition: background-color 0.4s ease;
  background: linear-gradient(160deg, #F0F7FF 8.49%, #FFF 41.7%, rgba(245, 252, 254, 0.52) 66.61%, rgba(228, 246, 251, 0.28) 79.06%, rgba(199, 236, 248, 0.16) 85.29%, rgba(159, 222, 243, 0.1) 88.4%, rgba(114, 207, 237, 0.07) 89.96%, rgba(0, 168, 222, 0.04) 91.51%);
}
.team-card__img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
  display: block;
  z-index: 1;
  /* Renders above background ::before element */
  transition: opacity 0.4s ease;
}
.team-card__img--default {
  opacity: 1;
}
.team-card__img--hover {
  opacity: 0;
}
.team-card {
  /* Hover State: Image Swaps & Background Color Darkens slightly */
}
.team-card:hover .team-card__img--default {
  opacity: 1;
}
.team-card:hover .team-card__linkedin {
  opacity: 1;
  transform: translateY(0);
}
.team-card {
  /* Slightly Darker Background State on Hover */
}
.team-card:hover .team-card__image-box::before {
  background: var(--primary-shades-8-p);
}
.team-card {
  /* LinkedIn Action Button */
}
.team-card__linkedin {
  position: absolute;
  bottom: var(--spacing-medium);
  right: var(--spacing-medium);
  width: 38px;
  height: 38px;
  background-color: var(--white);
  color: var(--brand-cyan);
  border-radius: var(--border-radius-circle, 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.2s ease, color 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: var(--primary-main);
  z-index: 3;
  text-decoration: none;
}
.team-card__linkedin i {
  font-size: var(--font-size-18, 18px);
  line-height: 1;
  color: var(--white);
}
.team-card {
  /* Card Metadata */
}
.team-card__meta {
  text-align: left;
}
.team-card__name {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semi-bold);
  color: var(--text-primary);
  margin: 0 0 var(--spacing-xxx-small) 0;
  line-height: 150%;
}
.team-card__name--light {
  color: var(--white);
}
.team-card__role {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-medium);
  color: var(--card-body-text);
  margin: 0;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 150%;
}
.team-card__role--light {
  color: #94a3b8;
}

.splash-section::before {
  z-index: -1 !important;
}

.firstBox h4 {
  font-size: 24px !important;
}
.firstBox span,
.firstBox li,
.firstBox strong {
  font-size: 16px !important;
}
.firstBox br {
  display: none;
}
.firstBox li:empty,
.firstBox li:has(> br:only-child) {
  display: none;
}

.slds-modal .slds-text-title_caps {
  font-weight: 800 !important;
  color: var(--text-primary) !important;
  font-size: 12px !important;
  border: none;
  margin: 0;
}
.slds-modal .slds-modal__content {
  padding: var(--spacing-x-large) !important;
  border-radius: var(--border-radius-medium);
}
.slds-modal .slds-modal__close svg {
  color: var(--text-primary);
}

.culture .photo-grid .item {
  height: auto !important;
  width: calc(25% - 1rem) !important;
}

.cMTX_JobListingsWrapper .slds-modal__header {
  padding: 1.5rem 2rem !important;
}
.cMTX_JobListingsWrapper .slds-modal__content {
  border-radius: 0 0 4px 4px !important;
}
.cMTX_JobListingsWrapper .slds-modal__content .action-button-bottom .slds-button {
  min-height: 36px;
  min-width: 100px;
  box-shadow: none !important;
}
.cMTX_JobListingsWrapper .slds-modal__content .slds-select {
  padding: var(--spacing-xxx-small) var(--spacing-xx-large) var(--spacing-xxx-small) var(--spacing-small);
  min-height: 2.6rem;
  border-color: var(--input-border) !important;
}
.cMTX_JobListingsWrapper .slds-modal__content {
  /* 1. Hide native OS select arrows */
}
.cMTX_JobListingsWrapper .slds-modal__content .slds-select_container select.slds-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.cMTX_JobListingsWrapper .slds-modal__content {
  /* 2. Hide SLDS top arrow (::before) */
}
.cMTX_JobListingsWrapper .slds-modal__content .slds-select_container::before {
  display: none !important;
}
.cMTX_JobListingsWrapper .slds-modal__content {
  /* 3. Style and center the SLDS bottom arrow (::after) as a single down arrow */
}
.cMTX_JobListingsWrapper .slds-modal__content .slds-select_container::after {
  position: absolute !important;
  right: 0.75rem !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}

.cv-hero .dt-hero__logo-wrapper {
  background-image: linear-gradient(135deg, rgba(46, 208, 197, 0.8) 0%, rgba(0, 122, 222, 0.8) 100%), url("../media/images/logoslide44.jpg") !important;
  background-size: cover;
  background-position: center;
}

/* ------------------------------------------
   STICKY ALPHABET INDEX & SEARCH NAV BAR
   ------------------------------------------ */
.cv-alpha-nav {
  position: sticky;
  top: 70px;
  z-index: 100;
  background: var(--white);
  border-bottom: var(--border-width-thin) solid var(--intake-accordian-bg-border);
  padding: var(--spacing-small) 0;
}
.cv-alpha-nav__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-medium);
}
@media (max-width: 1023px) {
  .cv-alpha-nav__container {
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-small);
  }
}
.cv-alpha-nav__search-box {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 260px;
}
.cv-alpha-nav__search-box i {
  position: absolute;
  left: var(--spacing-small);
  font-size: var(--font-size-18);
  color: var(--text-secondary);
  pointer-events: none;
}
.cv-alpha-nav__search-input {
  width: 100%;
  padding: var(--spacing-xxx-small) var(--spacing-small) var(--spacing-xxx-small) var(--spacing-x-large);
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border);
  border-radius: var(--border-radius-medium);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
  outline: none;
}
.cv-alpha-nav__search-input:focus {
  border-color: var(--brand-blue);
}
.cv-alpha-nav__links {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxx-small);
  overflow-x: auto;
  scrollbar-width: none;
}
.cv-alpha-nav__links::-webkit-scrollbar {
  display: none;
}
.cv-alpha-nav__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 var(--spacing-xxx-small);
  border-radius: var(--border-radius-small);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  color: var(--text-secondary);
  text-decoration: none;
}
.cv-alpha-nav__link:hover {
  color: var(--brand-blue);
  background: rgba(0, 122, 222, 0.03);
}

/* ------------------------------------------
   GRID LISTINGS WITH DARK SECTION DIVIDERS
   ------------------------------------------ */
.cv-listing-section {
  background: var(--primary-shades-4-p);
  padding-top: var(--spacing-x-large);
}

.cv-group {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-x-large);
  margin-bottom: var(--spacing-xx-large);
  border-top: var(--border-width-thick) solid var(--text-primary);
  padding-top: var(--spacing-medium);
}
.cv-group__alpha-indicator {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-40);
  font-weight: var(--font-weight-light);
  color: var(--text-primary);
  line-height: 1;
  min-width: 45px;
  position: sticky;
  top: 140px;
}
.cv-group__content {
  flex: 1;
}

/* State Sub-Header with Pill Badge */
.cv-state-block {
  margin-bottom: var(--spacing-small);
}
.cv-state-block__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
  padding: var(--spacing-small) 0;
}
.cv-state-block__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
  color: var(--text-secondary);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.cv-state-block__badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: var(--border-radius-large);
  background: rgba(0, 168, 222, 0.12);
  color: var(--brand-cyan);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-11);
  font-weight: var(--font-weight-medium);
}
.cv-state-block__badge--disabled {
  background: var(--disabled-background);
  color: var(--text-disabled);
}

/* In-Row Associated Column Labels */
.cv-col-cell {
  display: flex;
  flex-direction: column;
}

.cv-col-label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
  color: var(--text-secondary);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 2px;
}

/* Accordion Row */
.cv-item-row {
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border);
  background: var(--white);
  border-radius: var(--border-radius-medium);
}
.cv-item-row__summary {
  display: grid;
  grid-template-columns: 15% 38% 22% 17% 8%;
  align-items: center;
  padding: var(--spacing-medium) var(--spacing-small);
  cursor: pointer;
  list-style: none;
  transition: background 0.2s ease;
}
.cv-item-row__summary::-webkit-details-marker {
  display: none;
}
@media (max-width: 1023px) {
  .cv-item-row__summary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xxx-small);
  }
}
.cv-item-row__state-name {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.cv-item-row__cv-title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  color: var(--text-primary);
  padding-right: var(--spacing-small);
}
.cv-item-row__cv-num {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  color: var(--text-primary);
}
.cv-item-row__cv-date {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  color: var(--text-primary);
}
.cv-item-row .cv-col-action {
  display: flex;
  justify-content: flex-end;
}
.cv-item-row {
  /* Circle Arrow */
}
.cv-item-row .cv-circle-arrow {
  width: 32px;
  height: 32px;
  border-radius: var(--border-radius-circle);
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand-blue);
  transition: all 0.25s ease;
}
.cv-item-row .cv-circle-arrow i {
  font-size: var(--font-size-18);
  transition: transform 0.25s ease;
}
.cv-item-row {
  /* EXPANDED BLUE HIGHLIGHT PANEL STATE */
}
.cv-item-row[open] .cv-circle-arrow {
  border-color: var(--brand-blue);
  background: var(--brand-blue);
  color: var(--white);
}
.cv-item-row[open] .cv-circle-arrow i {
  transform: rotate(90deg);
}
.cv-item-row {
  /* Expanded Panel Container */
}
.cv-item-row__expanded-panel {
  padding: 0 var(--spacing-small) var(--spacing-large) var(--spacing-small);
  background: var(--white);
}
.cv-item-row__desc {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  color: var(--card-body-text);
  line-height: 1.65;
  margin-bottom: var(--spacing-medium);
}

/* Light Blue Bordered View Button */
.cv-view-button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxx-small);
  padding: var(--spacing-xxx-small) var(--spacing-medium);
  border-radius: var(--border-radius-medium);
  border: var(--border-width-thin) solid rgba(0, 168, 222, 0.3);
  background: var(--white);
  color: var(--brand-cyan);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semi-bold);
  text-decoration: none;
  box-shadow: var(--box-shadow-2);
  transition: all 0.2s ease;
}
.cv-view-button i {
  font-size: var(--font-size-15);
}
.cv-view-button:hover {
  background: var(--brand-cyan);
  border-color: var(--brand-cyan);
  color: var(--white);
}

.vertical-text {
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: -16px;
}

/* ==========================================
   5-COLUMN PARTNER GRID
   ========================================== */
.partner-grid-5 {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: var(--spacing-medium, 20px) !important;
  margin-bottom: var(--spacing-x-large);
}
@media (max-width: 1280px) {
  .partner-grid-5 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1023px) {
  .partner-grid-5 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 767px) {
  .partner-grid-5 {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================
   PARTNER LOGO CARD
   ========================================== */
.partner-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.partner-card__logo-box {
  position: relative;
  width: 100%;
  height: 120px;
  background-color: var(--white, #ffffff);
  border: var(--border-width-thin, 1px) solid var(--intake-accordian-bg-border, #e2e8f0);
  border-radius: var(--border-radius-large, 12px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-medium, 16px);
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.partner-card__logo-box:hover {
  border-color: var(--brand-cyan, #00a8de);
  box-shadow: 0 8px 24px rgba(0, 168, 222, 0.12);
  transform: translateY(-4px);
}
.partner-card__logo {
  max-width: 85%;
  max-height: 65px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.partner-card {
  /* CSS Placeholder Card Variant (When image is missing) */
}
.partner-card--placeholder .partner-card__logo-box {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-style: dashed;
  border-color: #cbd5e1;
}
.partner-card--placeholder .partner-card__placeholder-text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-13, 13px);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--card-body-text, #94a3b8);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
}

.video-container {
  position: relative;
  width: var(--width-full, 100%);
  padding-bottom: 56.25%;
  /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
  border-radius: var(--border-radius-large, 16px);
  box-shadow: var(--box-shadow-16, 0 12px 28px rgba(0, 0, 0, 0.12));
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--width-full, 100%);
  height: var(--height-full, 100%);
  border: 0;
}

.intern-program__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-24, 24px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary, #0f172a);
}
.intern-program__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14, 14px);
  line-height: 1.6;
  color: var(--card-body-text, #475569);
}

/* ==========================================
   SECTION 2: CAREER CTA (DARK BANNER)
   ========================================== */
.career-cta-section {
  background-color: #1c1c1c;
  background-image: radial-gradient(circle at right center, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
  color: var(--white, #ffffff);
}
.career-cta-section .career-cta__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-32, 32px);
  line-height: 150%;
}
.career-cta-section .career-cta__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  line-height: 1.6;
}

.btn-link {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14, 14px);
  font-weight: var(--font-weight-semi-bold, 600);
  color: var(--brand-cyan);
  text-decoration: none;
}
.btn-link:hover {
  text-decoration: underline;
}
.btn-link i {
  vertical-align: bottom;
}

/* ==========================================
   3-COLUMN EQUALIZED ALIGNMENT LAYOUT
   ========================================== */
.life-columns-wrapper {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-large, 24px);
  align-items: stretch;
  /* Stretches columns to equalize baseline boundaries */
}
@media (max-width: 992px) {
  .life-columns-wrapper {
    flex-direction: column;
  }
}

/* Side Columns */
.life-column--side {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium, 20px);
}

/* Center Column (Wider for Portrait Impact) */
.life-column--center {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium, 20px);
  justify-content: space-between;
}

/* Base Pillar Cards (Learn, Connect, Grow) */
.life-card {
  background: var(--white, #ffffff);
  border-radius: var(--border-radius-large, 16px);
  padding: var(--spacing-large, 24px);
  border: 1px solid var(--intake-accordian-bg-border);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.life-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18, 18px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary, #0f172a);
  margin-bottom: var(--spacing-xxx-small, 6px);
}
.life-card__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  color: var(--card-body-text);
  line-height: 1.5;
  margin-bottom: var(--spacing-medium, 16px);
}
.life-card {
  /* Enforces Identical Dimensions for Learn & Grow Images */
}
.life-card__img-wrapper {
  margin-top: auto;
  width: 100%;
  height: 160px;
  /* Fixed height for image uniformity */
  aspect-ratio: 16/9;
  border-radius: var(--border-radius-medium, 8px);
  overflow: hidden;
}
.life-card__img-wrapper img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  /* Prevents image warping */
  border-radius: var(--border-radius-medium, 8px);
}

.life-card--connect {
  height: auto;
  /* Lets Connect card shrink fit content */
}
.life-card--connect .life-card__text {
  margin-bottom: 0;
}

/* Sub-title Cards (Collaboration / Innovation) */
.life-sub-card {
  background: var(--white, #ffffff);
  border-radius: var(--border-radius-large, 16px);
  padding: var(--spacing-medium, 20px) var(--spacing-large, 24px);
  text-align: center;
  border: 1px solid var(--intake-accordian-bg-border);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.25rem;
  min-height: 118px;
}
.life-sub-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16, 16px);
  font-weight: var(--font-weight-bold, 700);
  margin: 0;
}
.life-sub-card__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14, 14px);
  font-weight: var(--font-weight-bold, 700);
  color: var(--text-primary, #0f172a);
  margin: 0;
}

/* Center Woman Portrait Container */
.life-portrait-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.life-portrait-wrapper .life-portrait-img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Bottom Metric Cards (3500+ / 800+) */
.metric-card {
  border-radius: var(--border-radius-large, 16px);
  padding: var(--spacing-large, 24px);
  text-align: center;
  color: var(--white, #ffffff);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.metric-card--purple {
  background-color: #4f3cc9;
}
.metric-card--blue {
  background-color: #3b9bd8;
}
.metric-card__number {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-32, 32px);
  font-weight: var(--font-weight-bold, 700);
  margin: 0 0 var(--spacing-xxx-small, 4px) 0;
  color: var(--white, #ffffff);
}
.metric-card__label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  margin: 0;
  color: var(--white, #ffffff);
  opacity: 0.95;
}

/* Search & Sort Controls */
.search-sort-bar {
  gap: var(--spacing-small);
}

.search-input-wrapper {
  position: relative;
  width: 100%;
  flex: 1;
}
.search-input-wrapper .search-icon {
  position: absolute;
  left: var(--spacing-small);
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--font-size-24);
  color: var(--text-secondary);
  pointer-events: none;
  z-index: 2;
  /* Ensures icon layers on top of input background */
}
.search-input-wrapper .search-input {
  width: 100%;
  height: auto;
  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-xxx-large);
  background: var(--white);
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border);
  border-radius: var(--border-radius-large);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-20);
  color: var(--text-primary);
  outline: none;
}
.search-input-wrapper .search-input::-moz-placeholder {
  font-size: var(--font-size-20);
  color: var(--text-secondary);
  opacity: 0.8;
}
.search-input-wrapper .search-input::placeholder {
  font-size: var(--font-size-20);
  color: var(--text-secondary);
  opacity: 0.8;
}
.search-input-wrapper .search-input:focus {
  border-color: var(--intake-accordian-bg-border);
  box-shadow: 0 0 0 2px var(--intake-accordian-bg-border);
}

.sort-wrapper {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
}
.sort-wrapper .sort-label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  color: var(--card-body-text);
}

.select-dropdown-container {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.select-dropdown-container .sort-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding-right: var(--spacing-large);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semi-bold);
  color: var(--brand-blue);
  cursor: pointer;
  outline: none;
}
.select-dropdown-container .sort-select option {
  font-weight: var(--font-weight-regular);
  color: var(--text-primary);
  background: var(--white);
}
.select-dropdown-container .sort-chevron {
  position: absolute;
  right: 0;
  pointer-events: none;
  color: var(--brand-blue);
  font-size: var(--font-size-20);
}

/* Sidebar Filters */
.filter-card {
  background: var(--white);
  border-radius: var(--border-radius-large);
  padding: var(--spacing-large);
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border);
}

.filter-group {
  border: none;
  padding: 0;
}
.filter-group__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--spacing-xx-small);
}

.btn-clear-filters {
  background: none;
  border: none;
  color: var(--brand-blue);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semi-bold);
  cursor: pointer;
  padding: 0;
}
.btn-clear-filters:hover {
  text-decoration: underline;
}

/* MDS Accordion Adapter */
.mds-accordion__list-item {
  background: var(--white);
  border-radius: var(--border-radius-large);
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border);
  overflow: hidden;
}
.mds-accordion__section .mds-accordion__content {
  display: none;
  padding: 0 var(--spacing-large) var(--spacing-large) var(--spacing-large);
  border-top: var(--border-width-thin) solid var(--other-divider);
  margin-top: var(--spacing-xx-small);
}
.mds-accordion__section.mds-is-open .mds-accordion__content {
  display: block;
}
.mds-accordion__section.mds-is-open {
  /* Accordion Chevron Flip on Expansion */
}
.mds-accordion__section.mds-is-open .mds-accordion__summary-action lightning-icon {
  transform: rotate(180deg);
}
.mds-accordion__summary {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  padding: var(--spacing-large);
  cursor: pointer;
  display: block;
}

.job-card__title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-xx-small);
}
.job-card__title-group {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
}
.job-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}
.job-card__meta-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-medium);
  margin-bottom: var(--spacing-small);
}
.job-card__meta-row .meta-item {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxx-small);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  color: var(--card-body-text);
}
.job-card__meta-row .meta-item .meta-icon {
  --sds-c-icon-color-foreground-default: var(--card-body-text);
}
.job-card__skills-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-xx-small);
}
.job-card__skills-row .skills-label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}

.skill-tag {
  background-color: var(--background-default);
  border: var(--border-width-thin) solid var(--other-divider);
  border-radius: var(--border-radius-medium);
  padding: var(--spacing-xxx-small) var(--spacing-xx-small);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-10);
  color: var(--card-body-text);
}

.mds-accordion__summary-action {
  display: inline-flex;
  align-items: center;
}
.mds-accordion__summary-action lightning-icon {
  --sds-c-icon-color-foreground-default: var(--text-secondary);
  transition: transform 0.2s ease-in-out;
}

.job-description-block {
  margin-top: var(--spacing-small);
}
.job-description-block .job-description__heading {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--spacing-xxx-small);
}
.job-description-block .job-description__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  color: var(--card-body-text);
  margin-bottom: var(--spacing-medium);
}

.job-card__btn-group {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
}

/* Breadcrumb Navigation */
.breadcrumb-nav {
  display: flex;
  align-items: center;
  gap: var(--spacing-xx-small);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  color: var(--text-secondary);
}
.breadcrumb-nav .breadcrumb-item {
  cursor: pointer;
}
.breadcrumb-nav .breadcrumb-item.active {
  color: var(--text-primary);
  font-weight: var(--font-weight-semi-bold);
}
.breadcrumb-nav .breadcrumb-separator {
  color: var(--text-secondary);
}

/* Hero Header */
.job-detail-hero .job-title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.job-detail-hero .job-badges-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xx-small);
}

/* Left Main Content */
.content-heading {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-22);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}

.sub-heading {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}

.paragraph {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  color: var(--card-body-text);
  line-height: 1.6;
}

.bullet-list li {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-14);
  color: var(--card-body-text);
  line-height: 1.6;
  margin-bottom: var(--spacing-xxx-small);
}

/* Accordions */
.job-accordions-group {
  border-top: var(--border-width-thin) solid var(--intake-accordian-bg-border);
  padding-top: var(--spacing-small);
}

.accordion-item {
  border-bottom: var(--border-width-thin) solid var(--intake-accordian-bg-border);
}
.accordion-item .accordion-header {
  width: 100%;
  background: none;
  border: none;
  padding: var(--spacing-small) 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-align: left;
}
.accordion-item .accordion-header__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}
.accordion-item .accordion-header .accordion-icon {
  font-size: var(--font-size-20);
  color: var(--text-primary);
}

/* Right Sidebar: Benefits Grid Card */
.benefits-card {
  background: var(--white);
  border-radius: var(--border-radius-large);
  padding: var(--spacing-large);
  border: var(--border-width-thin) solid var(--intake-accordian-bg-border);
}
.benefits-card__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background: var(--white);
}

.benefit-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-medium) 0;
  position: relative;
  /* Right border for odd tiles (left column) with top/bottom gaps */
}
.benefit-tile:nth-child(odd)::after {
  content: "";
  position: absolute;
  right: 0;
  top: var(--spacing-small);
  bottom: var(--spacing-small);
  width: var(--border-width-thin);
  background-color: var(--intake-accordian-bg-border);
}
.benefit-tile {
  /* Bottom border for all rows except the last two tiles with left/right gaps */
}
.benefit-tile:nth-child(-n+6)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--spacing-small);
  right: var(--spacing-small);
  height: var(--border-width-thin);
  background-color: var(--intake-accordian-bg-border);
}
.benefit-tile .benefit-icon-wrapper {
  width: var(--spacing-xxx-large);
  height: var(--spacing-xxx-large);
  border-radius: var(--border-radius-circle);
  background-color: var(--primary-shades-8-p);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-xx-small);
}
.benefit-tile .benefit-icon-wrapper .benefit-icon {
  font-size: var(--font-size-22);
  color: var(--brand-blue);
}
.benefit-tile .benefit-label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  line-height: 1.5;
}

.internship-banner-button {
  width: 100%;
  display: block;
}
.internship-banner-button button {
  width: 100%;
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
  border-radius: var(--border-radius-large);
  padding: var(--spacing-medium) var(--spacing-large);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semi-bold);
}
.internship-banner-button lightning-icon {
  --sds-c-icon-color-foreground-default: var(--white);
}

.job-detail-content p, .job-detail-content span, .job-detail-content strong {
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-14) !important;
  line-height: 1.6;
}
.job-detail-content br {
  display: none !important;
}/*# sourceMappingURL=main.css.map */