@import '../../../01-settings/variables';

$sc-disruptor-background-color: $color-highlight-info;

.sc-disruptor {
  display: inline-block;
  vertical-align: middle;
  padding: 2px $S;
  margin: 2px 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  color: $white;
  font-size: 13px;
  // background-color: $sc-disruptor-background-color;
  background-image: url('data:image/png;base64,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');
  background-repeat: no-repeat;
  background-size: cover;
  color: $black-100;
}

.sc-disruptor-small {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAICAYAAADuv08kAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHqADAAQAAAABAAAACAAAAAAGKXcdAAAAvElEQVQoFbWTsQ3CMBBF35kUBAWomIEJkBALINGlYw9EwxwUlDRsQQN1NqEjyDTAcY4UlFDH19z9b+k/n2QLjfJ3coSTKmnD7mwUeDhH3s84u1aqsI4FDRyFzFrF/IG1ZGLQZesiXQvhZox5iK3AJsQrR9PjYEYrteVgGvIr8LNka/MqGrAZ3GMfpHjPgjcX2zppnseY7XEVgxGzkJ3oi13oMUD/mSJsas/Z9ynM+NRGjG756oRDOuRa538BPegqOOA/kM8AAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-size: 100% 8px;
  background-position: bottom;
  padding-left: $XS;
  font-size: 0.75rem;
  letter-spacing: 0.35px;
  vertical-align: top;
  color: $black-100;
}