@font-face {
    font-family: 'synatic';
    src: url('./synatic-v3.eot?sq2xhj');
    src: url('./synatic-v3.eot?sq2xhj#iefix') format('embedded-opentype'),
        url('./synatic-v3.ttf?sq2xhj') format('truetype'),
        url('./synatic-v3.woff?sq2xhj') format('woff'),
        url('./synatic-v3.svg?sq2xhj#synatic') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^='synatic-'],
[class*=' synatic-'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'synatic' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 14px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.synatic-opsview:before {
    content: '\e912';
}
.synatic-steps:before {
    content: '\e913';
}
.synatic-restful:before {
    content: '\e914';
}
.synatic-graphql:before {
    content: '\e915';
}
.synatic-odata:before {
    content: '\e916';
}
.synatic-flow:before {
    content: '\e917';
}
.synatic-values:before {
    content: '\e918';
}
.synatic-create-connection:before {
    content: '\e90d';
}
.synatic-create-run:before {
    content: '\e90e';
}
.synatic-edit:before {
    content: '\e90f';
}
.synatic-dashboard:before {
    content: '\e910';
}
.synatic-trigger:before {
    content: '\e911';
}
.synatic-connection:before {
    content: '\e90c';
}
.synatic-graph:before {
    content: '\e902';
}
.synatic-runs:before {
    content: '\e903';
}
.synatic-solution:before {
    content: '\e904';
}
.synatic-buffer:before {
    content: '\e905';
}
.synatic-chevron-down:before {
    content: '\e906';
}
.synatic-chevron-left:before {
    content: '\e907';
}
.synatic-chevron-right:before {
    content: '\e908';
}
.synatic-chevron-up:before {
    content: '\e909';
}
.synatic-multiply:before {
    content: '\e90a';
}
.synatic-plus:before {
    content: '\e90b';
}
.synatic-parameters:before {
    content: '\e901';
}
.synatic-relay:before {
    content: '\e900';
}