// The width/height of the icon element.
.oui-icon {
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;

  &.oui-icon-inline {
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    width: inherit;
  }

  svg {
    pointer-events: none;
  }
}

.oui-icon[ouitooltip] {
  padding: 2px !important;
  &.cdk-focused.cdk-keyboard-focused {
    background: rgba(200, 200, 200, 0.4);
    border-radius: 2px;
    transition: opacity 0.2s cubic-bezier(0.35, 0, 0.25, 1),
      background-color 0.2s cubic-bezier(0.35, 0, 0.25, 1);
    padding: 2px;
    outline: 0 none;
  }
}