@layer reset, default, names, margin, size;
@layer reset {
  :host {
    display: inline-block;
  }
  :host :host .gcds-icon {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
  }
}
@layer default {
  :host .gcds-icon {
    font-family: var(--gcds-icon-font-family) !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@layer names {
  :host .gcds-icon-checkmark-circle:before {
    content: "\e908";
  }
  :host .gcds-icon-chevron-down:before {
    content: "\e900";
  }
  :host .gcds-icon-chevron-left:before {
    content: "\e901";
  }
  :host .gcds-icon-chevron-right:before {
    content: "\e902";
  }
  :host .gcds-icon-chevron-up:before {
    content: "\e903";
  }
  :host .gcds-icon-close:before {
    content: "\e90b";
  }
  :host .gcds-icon-download:before {
    content: "\e906";
  }
  :host .gcds-icon-email:before {
    content: "\e905";
  }
  :host .gcds-icon-exclamation-circle:before {
    content: "\e909";
  }
  :host .gcds-icon-external:before {
    content: "\e904";
  }
  :host .gcds-icon-info-circle:before {
    content: "\e90a";
  }
  :host .gcds-icon-phone:before {
    content: "\e90c";
  }
  :host .gcds-icon-search:before {
    content: "\e907";
  }
  :host .gcds-icon-warning-triangle:before {
    content: "\e90d";
  }
}
@layer margin {
  :host .gcds-icon {
    /* Margin left */
  }
  :host .gcds-icon.ml-0 {
    margin-inline-start: var(--gcds-icon-margin-0);
  }
  :host .gcds-icon.ml-25 {
    margin-inline-start: var(--gcds-icon-margin-25);
  }
  :host .gcds-icon.ml-50 {
    margin-inline-start: var(--gcds-icon-margin-50);
  }
  :host .gcds-icon.ml-75 {
    margin-inline-start: var(--gcds-icon-margin-75);
  }
  :host .gcds-icon.ml-100 {
    margin-inline-start: var(--gcds-icon-margin-100);
  }
  :host .gcds-icon.ml-125 {
    margin-inline-start: var(--gcds-icon-margin-125);
  }
  :host .gcds-icon.ml-150 {
    margin-inline-start: var(--gcds-icon-margin-150);
  }
  :host .gcds-icon.ml-175 {
    margin-inline-start: var(--gcds-icon-margin-175);
  }
  :host .gcds-icon.ml-200 {
    margin-inline-start: var(--gcds-icon-margin-200);
  }
  :host .gcds-icon.ml-225 {
    margin-inline-start: var(--gcds-icon-margin-225);
  }
  :host .gcds-icon.ml-250 {
    margin-inline-start: var(--gcds-icon-margin-250);
  }
  :host .gcds-icon.ml-300 {
    margin-inline-start: var(--gcds-icon-margin-300);
  }
  :host .gcds-icon.ml-350 {
    margin-inline-start: var(--gcds-icon-margin-350);
  }
  :host .gcds-icon.ml-400 {
    margin-inline-start: var(--gcds-icon-margin-400);
  }
  :host .gcds-icon.ml-450 {
    margin-inline-start: var(--gcds-icon-margin-450);
  }
  :host .gcds-icon.ml-500 {
    margin-inline-start: var(--gcds-icon-margin-500);
  }
  :host .gcds-icon.ml-550 {
    margin-inline-start: var(--gcds-icon-margin-550);
  }
  :host .gcds-icon.ml-600 {
    margin-inline-start: var(--gcds-icon-margin-600);
  }
  :host .gcds-icon.ml-650 {
    margin-inline-start: var(--gcds-icon-margin-650);
  }
  :host .gcds-icon.ml-700 {
    margin-inline-start: var(--gcds-icon-margin-700);
  }
  :host .gcds-icon.ml-750 {
    margin-inline-start: var(--gcds-icon-margin-750);
  }
  :host .gcds-icon.ml-800 {
    margin-inline-start: var(--gcds-icon-margin-800);
  }
  :host .gcds-icon.ml-850 {
    margin-inline-start: var(--gcds-icon-margin-850);
  }
  :host .gcds-icon.ml-900 {
    margin-inline-start: var(--gcds-icon-margin-900);
  }
  :host .gcds-icon.ml-950 {
    margin-inline-start: var(--gcds-icon-margin-950);
  }
  :host .gcds-icon.ml-1000 {
    margin-inline-start: var(--gcds-icon-margin-1000);
  }
  :host .gcds-icon.ml-1050 {
    margin-inline-start: var(--gcds-icon-margin-1050);
  }
  :host .gcds-icon.ml-1100 {
    margin-inline-start: var(--gcds-icon-margin-1100);
  }
  :host .gcds-icon.ml-1150 {
    margin-inline-start: var(--gcds-icon-margin-1150);
  }
  :host .gcds-icon.ml-1200 {
    margin-inline-start: var(--gcds-icon-margin-1200);
  }
  :host .gcds-icon.ml-1250 {
    margin-inline-start: var(--gcds-icon-margin-1250);
  }
  :host .gcds-icon {
    /* Margin right */
  }
  :host .gcds-icon.mr-0 {
    margin-inline-end: var(--gcds-icon-margin-0);
  }
  :host .gcds-icon.mr-25 {
    margin-inline-end: var(--gcds-icon-margin-25);
  }
  :host .gcds-icon.mr-50 {
    margin-inline-end: var(--gcds-icon-margin-50);
  }
  :host .gcds-icon.mr-75 {
    margin-inline-end: var(--gcds-icon-margin-75);
  }
  :host .gcds-icon.mr-100 {
    margin-inline-end: var(--gcds-icon-margin-100);
  }
  :host .gcds-icon.mr-125 {
    margin-inline-end: var(--gcds-icon-margin-125);
  }
  :host .gcds-icon.mr-150 {
    margin-inline-end: var(--gcds-icon-margin-150);
  }
  :host .gcds-icon.mr-175 {
    margin-inline-end: var(--gcds-icon-margin-175);
  }
  :host .gcds-icon.mr-200 {
    margin-inline-end: var(--gcds-icon-margin-200);
  }
  :host .gcds-icon.mr-225 {
    margin-inline-end: var(--gcds-icon-margin-225);
  }
  :host .gcds-icon.mr-250 {
    margin-inline-end: var(--gcds-icon-margin-250);
  }
  :host .gcds-icon.mr-300 {
    margin-inline-end: var(--gcds-icon-margin-300);
  }
  :host .gcds-icon.mr-350 {
    margin-inline-end: var(--gcds-icon-margin-350);
  }
  :host .gcds-icon.mr-400 {
    margin-inline-end: var(--gcds-icon-margin-400);
  }
  :host .gcds-icon.mr-450 {
    margin-inline-end: var(--gcds-icon-margin-450);
  }
  :host .gcds-icon.mr-500 {
    margin-inline-end: var(--gcds-icon-margin-500);
  }
  :host .gcds-icon.mr-550 {
    margin-inline-end: var(--gcds-icon-margin-550);
  }
  :host .gcds-icon.mr-600 {
    margin-inline-end: var(--gcds-icon-margin-600);
  }
  :host .gcds-icon.mr-650 {
    margin-inline-end: var(--gcds-icon-margin-650);
  }
  :host .gcds-icon.mr-700 {
    margin-inline-end: var(--gcds-icon-margin-700);
  }
  :host .gcds-icon.mr-750 {
    margin-inline-end: var(--gcds-icon-margin-750);
  }
  :host .gcds-icon.mr-800 {
    margin-inline-end: var(--gcds-icon-margin-800);
  }
  :host .gcds-icon.mr-850 {
    margin-inline-end: var(--gcds-icon-margin-850);
  }
  :host .gcds-icon.mr-900 {
    margin-inline-end: var(--gcds-icon-margin-900);
  }
  :host .gcds-icon.mr-950 {
    margin-inline-end: var(--gcds-icon-margin-950);
  }
  :host .gcds-icon.mr-1000 {
    margin-inline-end: var(--gcds-icon-margin-1000);
  }
  :host .gcds-icon.mr-1050 {
    margin-inline-end: var(--gcds-icon-margin-1050);
  }
  :host .gcds-icon.mr-1100 {
    margin-inline-end: var(--gcds-icon-margin-1100);
  }
  :host .gcds-icon.mr-1150 {
    margin-inline-end: var(--gcds-icon-margin-1150);
  }
  :host .gcds-icon.mr-1200 {
    margin-inline-end: var(--gcds-icon-margin-1200);
  }
  :host .gcds-icon.mr-1250 {
    margin-inline-end: var(--gcds-icon-margin-1250);
  }
}
@layer size {
  :host .gcds-icon.size-text-small {
    font-size: var(--gcds-icon-font-size-text-small);
    line-height: var(--gcds-icon-line-height-text-small);
  }
  @media only screen and (width < 48em) {
    :host .gcds-icon.size-text-small {
      font-size: var(--gcds-icon-font-size-text-small-mobile);
      line-height: var(--gcds-icon-line-height-text-small-mobile);
    }
  }
  :host .gcds-icon.size-text {
    font-size: var(--gcds-icon-font-size-text);
    line-height: var(--gcds-icon-line-height-text);
  }
  @media only screen and (width < 48em) {
    :host .gcds-icon.size-text {
      font-size: var(--gcds-icon-font-size-text-mobile);
      line-height: var(--gcds-icon-line-height-text-mobile);
    }
  }
  :host .gcds-icon.size-h6 {
    font-size: var(--gcds-icon-font-size-h6);
    line-height: var(--gcds-icon-line-height-h6);
  }
  @media only screen and (width < 48em) {
    :host .gcds-icon.size-h6 {
      font-size: var(--gcds-icon-font-size-h6-mobile);
      line-height: var(--gcds-icon-line-height-h6-mobile);
    }
  }
  :host .gcds-icon.size-h5 {
    font-size: var(--gcds-icon-font-size-h5);
    line-height: var(--gcds-icon-line-height-h5);
  }
  @media only screen and (width < 48em) {
    :host .gcds-icon.size-h5 {
      font-size: var(--gcds-icon-font-size-h5-mobile);
      line-height: var(--gcds-icon-line-height-h5-mobile);
    }
  }
  :host .gcds-icon.size-h4 {
    font-size: var(--gcds-icon-font-size-h4);
    line-height: var(--gcds-icon-line-height-h4);
  }
  @media only screen and (width < 48em) {
    :host .gcds-icon.size-h4 {
      font-size: var(--gcds-icon-font-size-h4-mobile);
      line-height: var(--gcds-icon-line-height-h4-mobile);
    }
  }
  :host .gcds-icon.size-h3 {
    font-size: var(--gcds-icon-font-size-h3);
    line-height: var(--gcds-icon-line-height-h3);
  }
  @media only screen and (width < 48em) {
    :host .gcds-icon.size-h3 {
      font-size: var(--gcds-icon-font-size-h3-mobile);
      line-height: var(--gcds-icon-line-height-h3-mobile);
    }
  }
  :host .gcds-icon.size-h2 {
    font-size: var(--gcds-icon-font-size-h2);
    line-height: var(--gcds-icon-line-height-h2);
  }
  @media only screen and (width < 48em) {
    :host .gcds-icon.size-h2 {
      font-size: var(--gcds-icon-font-size-h2-mobile);
      line-height: var(--gcds-icon-line-height-h2-mobile);
    }
  }
  :host .gcds-icon.size-h1 {
    font-size: var(--gcds-icon-font-size-h1);
    line-height: var(--gcds-icon-line-height-h1);
  }
  @media only screen and (width < 48em) {
    :host .gcds-icon.size-h1 {
      font-size: var(--gcds-icon-font-size-h1-mobile);
      line-height: var(--gcds-icon-line-height-h1-mobile);
    }
  }
}