@use 'cds-icon-ph-vars' as *;
@use 'cds-config-iconography' as *;
@use 'cds-vars-main' as *; //Solo las de size

[class^="cds-ico-"], 
[class*=" cds-ico-"],
[class^="cds-ph-"],
[class*=" cds-ph-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: $config-icons-font-family !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  //font-size: $cds-icon-150;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  width: min-content;
  display: inline-flex;
  vertical-align: sub;

  &:before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc($cds-icon-150 * $config-icon-size-factor);
    width: $cds-icon-150;
    height: $cds-icon-150;
  }
}