i.styledIcon {
    color: var(--primary);
    display: inline-block;
    font-size: 16px;
    line-height: 1;

    &:before {
        font-family: 'IcoFont';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

i.styledIcon.left {
    transform: translate(0, 0);
}

i.styledIcon.top {
    transform: translate(0, 0);
}

i.styledIcon.stopwatch {
    &:before {
        content: "\ec89";
    }
}

i.styledIcon.bug {
    &:before {
        content: "\eec7";
    }

    color: var(--bug);
}

i.styledIcon.task {
    &:before {
        content: "\ef27";
    }

    color: var(--task);
}

i.styledIcon.story {
    &:before {
        content: "\ef2d";
    }

    color: var(--story);
}

i.styledIcon.epic {
    &:before {
        content: '\ef30';
    }

    color: var(--epic);
}

i.styledIcon.arrowDown {
    &:before {
        content: "\ea92";
    }
}

i.styledIcon.arrowUp {
    &:before {
        content: "\ea95";
    }
}

i.styledIcon.arrowLeftCircle {
    &:before {
        font-family: "jira";
        content: "\e917";
    }
}

i.styledIcon.chevronDown {
    &:before {
        font-family: "jira";
        content: "\e900";
    }
}

i.styledIcon.chevronLeft {
    &:before {
        font-family: "jira";
        content: "\e901";
    }
}

i.styledIcon.chevronRight {
    &:before {
        font-family: "jira";
        content: "\e902";
    }
}

i.styledIcon.chevronUp {
    &:before {
        font-family: "jira";
        content: "\e903";
    }
}

i.styledIcon.board {
    &:before {
        content: "\ead0";
    }
}

i.styledIcon.help {
    &:before {
        content: "\efca";
    }
}

i.styledIcon.link {
    &:before {
        content: "\ef71";
    }
}

i.styledIcon.menu {
    &:before {
        font-family: "jira";
        content: "\e916";
    }
}

i.styledIcon.more {
    &:before {
        font-family: "jira";
        content: "\e90e";
    }
}

i.styledIcon.attach {
    &:before {
        font-family: "jira";
        content: "\e90d";
    }
}

i.styledIcon.plus {
    &:before {
        content: "\efc2";
    }
}

i.styledIcon.search {
    &:before {
        content: "\ec82";
    }
}

i.styledIcon.issues {
    &:before {
        content: "\ed19";
    }
}

i.styledIcon.settings {
    &:before {
        content: "\efe2";
    }
}

i.styledIcon.close {
    &:before {
        content: "\eee4";
    }
}

i.styledIcon.feedback {
    &:before {
        font-family: "jira";
        content: "\e918";
    }
}

i.styledIcon.trash {
    &:before {
        content: "\eebb";
        content: "\ee09";
    }
}

i.styledIcon.github {
    &:before {
        content: "\ed3e";
    }
}

i.styledIcon.shipping {
    &:before {
        content: "\efbe";
    }
}

i.styledIcon.component {
    &:before {
        content: "\eef8";
    }
}

i.styledIcon.reports {
    &:before {
        content: "\eeaf";
    }
}

i.styledIcon.page {
    &:before {
        content: "\efb2";
    }
}

i.styledIcon.calendar {
    &:before {
        content: "\ec45";
    }
}

i.styledIcon.cop {
    &:before {
        content: "\ebb4";
    }
}

i.styledIcon.arrowLeft {
    &:before {
        font-family: "jira";
        content: "\e91e";
    }
}

i.styledIcon.arrowRight {
    &:before {
        font-family: "jira";
        content: "\e91f";
    }
}

i.styledIcon.user {
    &:before {
        content: "\ec8e";
    }
}

i.styledIcon.message {
    &:before {
        content: "\efac";
    }
}

i.styledIcon.check {
    &:before {
        content: "\ec4b";
    }
}

i.styledIcon.align-center {
    &:before {
        content: "\eddf";
    }
}

i.styledIcon.align-left {
    &:before {
        content: "\ede0";
    }
}

i.styledIcon.align-right {
    &:before {
        content: "\ede1";
    }
}

i.styledIcon.all-caps {
    &:before {
        content: "\ede2";
    }
}

i.styledIcon.bold {
    &:before {
        content: "\ede3";
    }
}

i.styledIcon.brush {
    &:before {
        content: "\ede4";
    }
}

i.styledIcon.clip-board {
    &:before {
        content: "\ede5";
    }
}

i.styledIcon.code-alt {
    &:before {
        content: "\ede6";
    }
}

i.styledIcon.color-bucket {
    &:before {
        content: "\ede7";
    }
}

i.styledIcon.color-picker {
    &:before {
        content: "\ede8";
    }
}

i.styledIcon.copy-invert {
    &:before {
        content: "\ede9";
    }
}

i.styledIcon.copy {
    &:before {
        content: "\edea";
    }
}

i.styledIcon.cut {
    &:before {
        content: "\edeb";
    }
}

i.styledIcon.delete-alt {
    &:before {
        content: "\edec";
    }
}

i.styledIcon.edit-alt {
    &:before {
        content: "\eded";
    }
}

i.styledIcon.eraser-alt {
    &:before {
        content: "\edee";
    }
}

i.styledIcon.font {
    &:before {
        content: "\edef";
    }
}

i.styledIcon.heading {
    &:before {
        content: "\edf0";
    }
}

i.styledIcon.indent {
    &:before {
        content: "\edf1";
    }
}

i.styledIcon.italic-alt {
    &:before {
        content: "\edf2";
    }
}

i.styledIcon.italic {
    &:before {
        content: "\edf3";
    }
}

i.styledIcon.justify-all {
    &:before {
        content: "\edf4";
    }
}

i.styledIcon.justify-center {
    &:before {
        content: "\edf5";
    }
}

i.styledIcon.justify-left {
    &:before {
        content: "\edf6";
    }
}

i.styledIcon.justify-right {
    &:before {
        content: "\edf7";
    }
}

i.styledIcon.link-broken {
    &:before {
        content: "\edf8";
    }
}

i.styledIcon.outdent {
    &:before {
        content: "\edf9";
    }
}

i.styledIcon.paper-clip {
    &:before {
        content: "\edfa";
    }
}

i.styledIcon.paragraph {
    &:before {
        content: "\edfb";
    }
}

i.styledIcon.pin {
    &:before {
        content: "\edfc";
    }
}

i.styledIcon.printer {
    &:before {
        content: "\edfd";
    }
}

i.styledIcon.redo {
    &:before {
        content: "\edfe";
    }
}

i.styledIcon.rotation {
    &:before {
        content: "\edff";
    }
}

i.styledIcon.save {
    &:before {
        content: "\ee00";
    }
}

i.styledIcon.small-cap {
    &:before {
        content: "\ee01";
    }
}

i.styledIcon.strike-through {
    &:before {
        content: "\ee02";
    }
}

i.styledIcon.sub-listing {
    &:before {
        content: "\ee03";
    }
}

i.styledIcon.subscript {
    &:before {
        content: "\ee04";
    }
}

i.styledIcon.superscript {
    &:before {
        content: "\ee05";
    }
}

i.styledIcon.table {
    &:before {
        content: "\ee06";
    }
}

i.styledIcon.text-height {
    &:before {
        content: "\ee07";
    }
}

i.styledIcon.text-width {
    &:before {
        content: "\ee08";
    }
}

i.styledIcon.underline {
    &:before {
        content: "\ee0a";
    }
}

i.styledIcon.undo {
    &:before {
        content: "\ee0b";
    }
}

i.styledIcon.listing-dots {
    &:before {
        content: "\ef74";
    }
}

i.styledIcon.listing-number {
    &:before {
        content: "\ef76";
    }
}

i.styledIcon.double-left {
    &:before {
        content: "\ea7b";
    }
}

i.styledIcon.double-right {
    &:before {
        content: "\ea7c";
    }
}

i.styledIcon.highest {
    color: var(--highest);
}

i.styledIcon.high {
    color: var(--high);
}

i.styledIcon.medium {
    color: var(--medium);
}

i.styledIcon.low {
    color: var(--low);
}

i.styledIcon.lowest {
    color: var(--lowest);
}