clr-icon {
  display: inline-block;
  margin: 0;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  fill: currentColor;
}
clr-icon .transparent-fill-stroke {
  stroke: currentColor;
}
clr-icon.is-green, clr-icon.is-success {
  fill: #2e8500;
}
clr-icon.is-green .transparent-fill-stroke, clr-icon.is-success .transparent-fill-stroke {
  stroke: #2e8500;
}
clr-icon.is-red, clr-icon.is-danger, clr-icon.is-error {
  fill: #e02200;
}
clr-icon.is-red .transparent-fill-stroke, clr-icon.is-danger .transparent-fill-stroke, clr-icon.is-error .transparent-fill-stroke {
  stroke: #e02200;
}
clr-icon.is-warning {
  fill: #c27b00;
}
clr-icon.is-warning .transparent-fill-stroke {
  stroke: #c27b00;
}
clr-icon.is-blue, clr-icon.is-info {
  fill: #0077b8;
}
clr-icon.is-blue .transparent-fill-stroke, clr-icon.is-info .transparent-fill-stroke {
  stroke: #0077b8;
}
clr-icon.is-white, clr-icon.is-inverse {
  fill: white;
}
clr-icon.is-white .transparent-fill-stroke, clr-icon.is-inverse .transparent-fill-stroke {
  stroke: white;
}
clr-icon.is-highlight {
  fill: #0077b8;
}
clr-icon.is-highlight .transparent-fill-stroke {
  stroke: #0077b8;
}
clr-icon[shape$=" up"] svg, clr-icon[dir=up] svg {
  transform: rotate(0deg);
}
clr-icon[shape$=" down"] svg, clr-icon[dir=down] svg {
  transform: rotate(180deg);
}
clr-icon[shape$=" right"] svg, clr-icon[dir=right] svg {
  transform: rotate(90deg);
}
clr-icon[shape$=" left"] svg, clr-icon[dir=left] svg {
  transform: rotate(270deg);
}
clr-icon[flip=horizontal] svg {
  transform: scale(-1) rotateX(180deg);
}
clr-icon[flip=vertical] svg {
  transform: scale(-1) rotateY(180deg);
}
clr-icon .clr-i-badge {
  fill: #e02200;
}
clr-icon .clr-i-badge .transparent-fill-stroke {
  stroke: #e02200;
}
clr-icon > * {
  height: 100%;
  width: 100%;
  display: block;
  pointer-events: none;
}
clr-icon > svg {
  transition: inherit;
}
clr-icon > svg title {
  display: none;
}
clr-icon .clr-i-solid,
clr-icon .clr-i-solid--badged,
clr-icon .clr-i-solid--alerted {
  display: none;
}
clr-icon .clr-i-outline--alerted:not(.clr-i-outline),
clr-icon .clr-i-outline--badged:not(.clr-i-outline) {
  display: none;
}
clr-icon[class*=has-alert] .can-alert .clr-i-outline--alerted {
  display: block;
}
clr-icon[class*=has-alert] .can-alert .clr-i-outline:not(.clr-i-outline--alerted) {
  display: none;
}
clr-icon[class*=has-badge] .can-badge .clr-i-outline--badged {
  display: block;
}
clr-icon[class*=has-badge] .can-badge .clr-i-outline:not(.clr-i-outline--badged) {
  display: none;
}
clr-icon.is-solid .has-solid .clr-i-solid {
  display: block;
}
clr-icon.is-solid .has-solid .clr-i-outline,
clr-icon.is-solid .has-solid .clr-i-outline--badged {
  display: none;
}
clr-icon.is-solid .has-solid .clr-i-solid--alerted:not(.clr-i-solid),
clr-icon.is-solid .has-solid .clr-i-solid--badged:not(.clr-i-solid) {
  display: none;
}
clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-solid--badged {
  display: block;
}
clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-outline,
clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-outline--badged,
clr-icon.is-solid[class*=has-badge] .can-badge.has-solid .clr-i-solid:not(.clr-i-solid--badged) {
  display: none;
}
clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-solid--alerted {
  display: block;
}
clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-outline,
clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-outline--alerted,
clr-icon.is-solid[class*=has-alert] .can-alert.has-solid .clr-i-solid:not(.clr-i-solid--alerted) {
  display: none;
}
clr-icon.has-badge--success .clr-i-badge {
  fill: #2e8500;
}
clr-icon.has-badge--success .clr-i-badge .transparent-fill-stroke {
  stroke: #2e8500;
}
clr-icon.has-badge--error .clr-i-badge {
  fill: #e02200;
}
clr-icon.has-badge--error .clr-i-badge .transparent-fill-stroke {
  stroke: #e02200;
}
clr-icon.has-badge--info .clr-i-badge {
  fill: #0077b8;
}
clr-icon.has-badge--info .clr-i-badge .transparent-fill-stroke {
  stroke: #0077b8;
}
clr-icon.has-alert .clr-i-alert {
  fill: #c27b00;
}
clr-icon.has-alert .clr-i-alert .transparent-fill-stroke {
  stroke: #c27b00;
}
clr-icon .is-off-screen {
  position: fixed !important;
  border: none !important;
  height: 1px !important;
  width: 1px !important;
  left: 0px !important;
  top: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 0 -1px 0 !important;
}

/*# sourceMappingURL=clr-icons.css.map */