@import './global/mixins.scss';
@import './global/variables.scss';

.icon-container,
.sg-icon {
  &:focus {
    outline: none;
  }
}
.icon-container:focus > .sg-icon {
  outline: auto 5px -webkit-focus-ring-color;
}
.sg-icon {
  @include icon-font-base;

  &.is-size-20 {
    font-size: 20px;
  }

  &.is-size-24 {
    font-size: 24px;
  }

  &.is-size-30 {
    font-size: 30px;
  }

  &.is-size-40 {
    font-size: 40px;
  }

  &.is-size-60 {
    font-size: 60px;
  }
}

.sg-icon-ab-testing {
  &::before {
    content: $icon-ab-testing;
  }
}

.sg-icon-ads {
  &::before {
    content: $icon-ads;
  }
}

.sg-icon-ad-campaign {
  &::before {
    content: $icon-ad-campaign;
  }
}

.sg-icon-airplane {
  &::before {
    content: $icon-airplane;
  }
}

.sg-icon-airplane-fill {
  &::before {
    content: $icon-airplane-fill;
  }
}

.sg-icon-align-center {
  &::before {
    content: $icon-align-center;
  }
}

.sg-icon-align-left {
  &::before {
    content: $icon-align-left;
  }
}

.sg-icon-align-right {
  &::before {
    content: $icon-align-right;
  }
}

.sg-icon-analytics {
  &::before {
    content: $icon-analytics;
  }
}

.sg-icon-automation {
  &::before {
    content: $icon-automation;
  }
}

.sg-icon-briefcase {
  &::before {
    content: $icon-briefcase;
  }
}

.sg-icon-builder {
  &::before {
    content: $icon-builder;
  }
}

.sg-icon-button {
  &::before {
    content: $icon-button;
  }
}

.sg-icon-calendar {
  &::before {
    content: $icon-calendar;
  }
}

.sg-icon-caret {
  &::before {
    content: $icon-caret;
  }
}

.sg-icon-chat {
  &::before {
    content: $icon-chat;
  }
}

.sg-icon-check {
  &::before {
    content: $icon-check;
  }
}

.sg-icon-check-circle {
  &::before {
    content: $icon-check-circle;
  }
}

.sg-icon-check-circle-fill {
  &::before {
    content: $icon-status-positive;
  }
}

.sg-icon-check-shield {
  &::before {
    content: $icon-check-shield;
  }
}

.sg-icon-check-thin {
  &::before {
    content: $icon-check-thin;
  }
}

.sg-icon-clean-ui {
  &::before {
    content: $icon-clean-ui;
  }
}

.sg-icon-click {
  &::before {
    content: $icon-click;
  }
}

.sg-icon-clock {
  &::before {
    content: $icon-clock;
  }
}

.sg-icon-code {
  &::before {
    content: $icon-code;
  }
}

.sg-icon-column-one {
  &::before {
    content: $icon-column-one;
  }
}

.sg-icon-column-two {
  &::before {
    content: $icon-column-two;
  }
}

.sg-icon-column-three {
  &::before {
    content: $icon-column-three;
  }
}

.sg-icon-column-four {
  &::before {
    content: $icon-column-four;
  }
}

.sg-icon-columns {
  &::before {
    content: $icon-columns;
  }
}

.sg-icon-connection {
  &::before {
    content: $icon-connection;
  }
}

.sg-icon-contacts {
  &::before {
    content: $icon-contacts;
  }
}

.sg-icon-contacts-alt {
  &::before {
    content: $icon-contacts-alt;
  }
}

.sg-icon-copy {
  &::before {
    content: $icon-copy;
  }
}

.sg-icon-create {
  &::before {
    content: $icon-create;
  }
}

.sg-icon-csv {
  &::before {
    content: $icon-csv;
  }
}

.sg-icon-desktop-view {
  &::before {
    content: $icon-desktop-view;
  }
}

.sg-icon-divider {
  &::before {
    content: $icon-divider;
  }
}

.sg-icon-download,
.sg-icon-export {
  &::before {
    content: $icon-download;
  }
}

.sg-icon-drag {
  &::before {
    content: $icon-drag;
  }
}

.sg-icon-dual-flags {
  &::before {
    content: $icon-dual-flags;
  }
}

.sg-icon-editor-code {
  &::before {
    content: $icon-editor-code;
  }
}

.sg-icon-editor-design {
  &::before {
    content: $icon-editor-design;
  }
}

.sg-icon-editor-old {
  &::before {
    content: $icon-editor-old;
  }
}

.sg-icon-ellipsis {
  &::before {
    content: $icon-ellipsis;
  }
}

.sg-icon-ellipsis-vertical {
  &::before {
    content: $icon-ellipsis-vertical;
  }
}

.sg-icon-export {
  &::before {
    content: $icon-export;
  }
}

.sg-icon-filter {
  &::before {
    content: $icon-filter;
  }
}

.sg-icon-forms {
  &::before {
    content: $icon-forms;
  }
}

.sg-icon-frequency-optimization {
  &::before {
    content: $icon-frequency-optimization;
  }
}

.sg-icon-gear {
  &::before {
    content: $icon-gear;
  }
}

.sg-icon-hash {
  &::before {
    content: $icon-hash;
  }
}

.sg-icon-help {
  &::before {
    content: $icon-help;
  }
}

.sg-icon-image {
  &::before {
    content: $icon-image;
  }
}

.sg-icon-images {
  &::before {
    content: $icon-images;
  }
}

.sg-icon-image-text {
  &::before {
    content: $icon-image-text;
  }
}

.sg-icon-info-circle {
  &::before {
    content: $icon-info-circle;
  }
}

.sg-icon-key {
  &::before {
    content: $icon-key;
  }
}

.sg-icon-list {
  &::before {
    content: $icon-list;
  }
}

.sg-icon-locked {
  &::before {
    content: $icon-locked;
  }
}

.sg-icon-mail {
  &::before {
    content: $icon-mail;
  }
}

.sg-icon-mail-multi {
  &::before {
    content: $icon-mail-multi;
  }
}

.sg-icon-mail-search {
  &::before {
    content: $icon-mail-search;
  }
}

.sg-icon-mc-preview {
  &::before {
    content: $icon-mc-preview;
  }
}

.sg-icon-mc-return {
  &::before {
    content: $icon-mc-return;
  }
}

.sg-icon-mobile-view {
  &::before {
    content: $icon-mobile-view;
  }
}

.sg-icon-pencil {
  &::before {
    content: $icon-pencil;
  }
}

.sg-icon-people {
  &::before {
    content: $icon-people;
  }
}

.sg-icon-pie-chart {
  &::before {
    content: $icon-pie-chart;
  }
}

.sg-icon-plus {
  &::before {
    content: $icon-plus;
  }
}

.sg-icon-push-notifications {
  &::before {
    content: $icon-push-notifications;
  }
}

.sg-icon-recipient-cpm {
  &::before {
    content: $icon-recipient-cpm;
  }
}

.sg-icon-reload {
  &::before {
    content: $icon-reload;
  }
}

.sg-icon-save-draft {
  &::before {
    content: $icon-save-draft;
  }
}

.sg-icon-search {
  &::before {
    content: $icon-search;
  }
}

.sg-icon-segment {
  &::before {
    content: $icon-segment;
  }
}

.sg-icon-send-optimization {
  &::before {
    content: $icon-send-optimization;
  }
}

.sg-icon-sequence-optimization {
  &::before {
    content: $icon-sequence-optimization;
  }
}

.sg-icon-settings {
  &::before {
    content: $icon-settings;
  }
}

.sg-icon-social {
  &::before {
    content: $icon-social;
  }
}

.sg-icon-sort-asc {
  &::before {
    content: $icon-sort-asc;
  }
}

.sg-icon-sort-desc {
  &::before {
    content: $icon-sort-desc;
  }
}

.sg-icon-spacer {
  &::before {
    content: $icon-spacer;
  }
}

.sg-icon-status-caution {
  &::before {
    content: $icon-status-caution;
  }
}

.sg-icon-status-negative {
  &::before {
    content: $icon-status-negative;
  }
}

.sg-icon-status-positive {
  &::before {
    content: $icon-status-positive;
  }
}

.sg-icon-teammate {
  &::before {
    content: $icon-teammate;
  }
}

.sg-icon-test-data {
  &::before {
    content: $icon-test-data;
  }
}

.sg-icon-text {
  &::before {
    content: $icon-text;
  }
}

.sg-icon-text-only {
  &::before {
    content: $icon-text-only;
  }
}

.sg-icon-trash {
  &::before {
    content: $icon-trash;
  }
}

.sg-icon-unlocked {
  &::before {
    content: $icon-unlocked;
  }
}

.sg-icon-unsubscribe {
  &::before {
    content: $icon-unsubscribe;
  }
}

.sg-icon-user-security {
  &::before {
    content: $icon-user-security;
  }
}

.sg-icon-view {
  &::before {
    content: $icon-view;
  }
}

.sg-icon-warning {
  &::before {
    content: $icon-warning;
  }
}

.sg-icon-warning-triangle {
  &::before {
    content: $icon-warning-triangle;
  }
}

.sg-icon-x {
  &::before {
    content: $icon-x;
  }
}

.sg-icon-x-legacy {
  &::before {
    content: $icon-x-legacy;
  }
}

.sg-icon-clear-formatting {
  &::before {
    content: $icon-clear-formatting;
  }
}