/* stylelint-disable alpha-value-notation */
/* stylelint-disable color-function-notation */
.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #fff;
}

/* stylelint-disable-next-line selector-class-pattern */
.ember-basic-dropdown-content--left {
  left: 0;
}

/* stylelint-disable-next-line selector-class-pattern */
.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
.c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc rect{stroke:#fff;stroke-width:1}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle{fill:currentColor}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip .value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:#fff}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max{fill:#777}.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path{opacity:1}.c3-chart-arc.c3-target.c3-focused g path{opacity:1}.c3-drag-zoom.enabled{pointer-events:all!important;visibility:visible}.c3-drag-zoom.disabled{pointer-events:none!important;visibility:hidden}.c3-drag-zoom .extent{fill-opacity:.1}
@font-face {
  font-family: 'icomoon';
  src:
    url('../fonts/icomoon.ttf?24sxy3') format('truetype'),
    url('../fonts/icomoon.woff?24sxy3') format('woff'),
    url('../fonts/icomoon.svg?24sxy3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

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

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

.icon-icon-sort-table:before {
  content: "\e90f";
}
.icon-order-by-down:before {
  content: "\e910";
}
.icon-order-by-up:before {
  content: "\e911";
}
.icon-brands-adobe:before {
  content: "\e900";
  color: #fa0f00;
}
.icon-brands-google .path1:before {
  content: "\e901";
  color: rgb(255, 193, 7);
}
.icon-brands-google .path2:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(255, 61, 0);
}
.icon-brands-google .path3:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(76, 175, 80);
}
.icon-brands-google .path4:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(25, 118, 210);
}
.icon-brands-majestic .path1:before {
  content: "\e905";
  color: rgb(237, 28, 36);
}
.icon-brands-majestic .path2:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(255, 255, 0);
}
.icon-brands-youtube:before {
  content: "\e908";
}
.icon-circle-small:before {
  content: "\e909";
}
.icon-date-range-disabled:before {
  content: "\e90a";
}
.icon-oc-backlink-report:before {
  content: "\e90b";
}
.icon-oc-crawl-report:before {
  content: "\e90c";
}
.icon-oc-ranking-report:before {
  content: "\e90d";
}
.icon-pdf-box:before {
  content: "\e90e";
}

/*

Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax

base:    #fafafa
mono-1:  #383a42
mono-2:  #686b77
mono-3:  #a0a1a7
hue-1:   #0184bb
hue-2:   #4078f2
hue-3:   #a626a4
hue-4:   #50a14f
hue-5:   #e45649
hue-5-2: #c91243
hue-6:   #986801
hue-6-2: #c18401

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 8px;
  color: #A0A1A7;
  background: #374352;
  font-size: 12px;
  line-height: 20px;
}

.hljs-comment,
.hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #a626a4;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #986801;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */

.flag {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/flags/sprite.png') no-repeat;
}


.flag.flag-sc {
    background-position: -224px -176px;
}

.flag.flag-cz {
    background-position: -48px -48px;
}

.flag.flag-gb {
    background-position: -128px -64px;
}

.flag.flag-bh {
    background-position: -96px -16px;
}

.flag.flag-et {
    background-position: -16px -64px;
}

.flag.flag-cn {
    background-position: -192px -32px;
}

.flag.flag-tv {
    background-position: -160px -208px;
}

.flag.flag-mo {
    background-position: -32px -144px;
}

.flag.flag-cy {
    background-position: -32px -48px;
}

.flag.flag-se {
    background-position: -16px -192px;
}

.flag.flag-us {
    background-position: 0 -224px;
}

.flag.flag-ru {
    background-position: -160px -176px;
}

.flag.flag-cv {
    background-position: -16px -48px;
}

.flag.flag-fm {
    background-position: -64px -64px;
}

.flag.flag-no {
    background-position: -64px -160px;
}

.flag.flag-tr {
    background-position: -128px -208px;
}

.flag.flag-bs {
    background-position: -208px -16px;
}

.flag.flag-bj {
    background-position: -128px -16px;
}

.flag.flag-at {
    background-position: -176px 0;
}

.flag.flag-zm {
    background-position: -208px -224px;
}

.flag.flag-ie {
    background-position: -16px -96px;
}

.flag.flag-ug {
    background-position: -224px -208px;
}

.flag.flag-va {
    background-position: -48px -224px;
}

.flag.flag-bz {
    background-position: -32px -32px;
}

.flag.flag-cd {
    background-position: -64px -32px;
}

.flag.flag-sd {
    background-position: 0 -192px;
}

.flag.flag-pa {
    background-position: -144px -160px;
}

.flag.flag-ca {
    background-position: -48px -32px;
}

.flag.flag-ps {
    background-position: -32px -176px;
}

.flag.flag-bm {
    background-position: -144px -16px;
}

.flag.flag-eg {
    background-position: -192px -48px;
}

.flag.flag-bi {
    background-position: -112px -16px;
}

.flag.flag-il {
    background-position: -32px -96px;
}

.flag.flag-nz {
    background-position: -112px -160px;
}

.flag.flag-py {
    background-position: -80px -176px;
}

.flag.flag-na {
    background-position: -208px -144px;
}

.flag.flag-cm {
    background-position: -176px -32px;
}

.flag.flag-cu {
    background-position: 0 -48px;
}

.flag.flag-ba {
    background-position: 0 -16px;
}

.flag.flag-eh {
    background-position: -208px -48px;
}

.flag.flag-an {
    background-position: -112px 0;
}

.flag.flag-vn {
    background-position: -128px -224px;
}

.flag.flag-mg {
    background-position: -176px -128px;
}

.flag.flag-tm {
    background-position: -80px -208px;
}

.flag.flag-tn {
    background-position: -96px -208px;
}

.flag.flag-dm {
    background-position: -112px -48px;
}

.flag.flag-gh {
    background-position: -208px -64px;
}

.flag.flag-bf {
    background-position: -64px -16px;
}

.flag.flag-az {
    background-position: -224px 0;
}

.flag.flag-vc {
    background-position: -64px -224px;
}

.flag.flag-gq {
    background-position: -64px -80px;
}

.flag.flag-lk {
    background-position: 0 -128px;
}

.flag.flag-sa {
    background-position: -192px -176px;
}

.flag.flag-bd {
    background-position: -32px -16px;
}

.flag.flag-td {
    background-position: 0 -208px;
}

.flag.flag-je {
    background-position: -176px -96px;
}

.flag.flag-mh {
    background-position: -192px -128px;
}

.flag.flag-ro {
    background-position: -128px -176px;
}

.flag.flag-vu {
    background-position: -144px -224px;
}

.flag.flag-pr {
    background-position: -16px -176px;
}

.flag.flag-lt {
    background-position: -48px -128px;
}

.flag.flag-am {
    background-position: -96px 0;
}

.flag.flag-uy {
    background-position: -16px -224px;
}

.flag.flag-fj {
    background-position: -48px -64px;
}

.flag.flag-ci {
    background-position: -128px -32px;
}

.flag.flag-pf {
    background-position: -176px -160px;
}

.flag.flag-er {
    background-position: -224px -48px;
}

.flag.flag-nc {
    background-position: -224px -144px;
}

.flag.flag-kn {
    background-position: -80px -112px;
}

.flag.flag-ms {
    background-position: -80px -144px;
}

.flag.flag-bo {
    background-position: -176px -16px;
}

.flag.flag-au {
    background-position: -192px 0;
}

.flag.flag-ve {
    background-position: -80px -224px;
}

.flag.flag-im {
    background-position: -64px -96px;
}

.flag.flag-gl {
    background-position: 0 -80px;
}

.flag.flag-ge {
    background-position: -160px -64px;
}

.flag.flag-zw {
    background-position: -224px -224px;
}

.flag.flag-kg {
    background-position: -16px -112px;
}

.flag.flag-vi {
    background-position: -112px -224px;
}

.flag.flag-dz {
    background-position: -144px -48px;
}

.flag.flag-ir {
    background-position: -112px -96px;
}

.flag.flag-cl {
    background-position: -160px -32px;
}

.flag.flag-cg {
    background-position: -96px -32px;
}

.flag.flag-hn {
    background-position: -176px -80px;
}

.flag.flag-ad {
    background-position: 0 0;
}

.flag.flag-mu {
    background-position: -112px -144px;
}

.flag.flag-lu {
    background-position: -64px -128px;
}

.flag.flag-mk {
    background-position: -208px -128px;
}

.flag.flag-ht {
    background-position: -208px -80px;
}

.flag.flag-tz {
    background-position: -192px -208px;
}

.flag.flag-bw {
    background-position: 0 -32px;
}

.flag.flag-sk {
    background-position: -64px -192px;
}

.flag.flag-ws {
    background-position: -160px -224px;
}

.flag.flag-za {
    background-position: -192px -224px;
}

.flag.flag-fo {
    background-position: -80px -64px;
}

.flag.flag-mq {
    background-position: -48px -144px;
}

.flag.flag-by {
    background-position: -16px -32px;
}

.flag.flag-mm {
    background-position: 0 -144px;
}

.flag.flag-md {
    background-position: -144px -128px;
}

.flag.flag-it {
    background-position: -144px -96px;
}

.flag.flag-bb {
    background-position: -16px -16px;
}

.flag.flag-ai {
    background-position: -64px 0;
}

.flag.flag-mx {
    background-position: -160px -144px;
}

.flag.flag-ao {
    background-position: -128px 0;
}

.flag.flag-tj {
    background-position: -48px -208px;
}

.flag.flag-ee {
    background-position: -176px -48px;
}

.flag.flag-bt {
    background-position: -224px -16px;
}

.flag.flag-mz {
    background-position: -192px -144px;
}

.flag.flag-qa {
    background-position: -96px -176px;
}

.flag.flag-is {
    background-position: -128px -96px;
}

.flag.flag-gd {
    background-position: -144px -64px;
}

.flag.flag-sy {
    background-position: -192px -192px;
}

.flag.flag-my {
    background-position: -176px -144px;
}

.flag.flag-ag {
    background-position: -48px 0;
}

.flag.flag-tw {
    background-position: -176px -208px;
}

.flag.flag-br {
    background-position: -192px -16px;
}

.flag.flag-to {
    background-position: -112px -208px;
}

.flag.flag-gr {
    background-position: -80px -80px;
}

.flag.flag-ki {
    background-position: -48px -112px;
}

.flag.flag-af {
    background-position: -32px 0;
}

.flag.flag-mn {
    background-position: -16px -144px;
}

.flag.flag-cr {
    background-position: -224px -32px;
}

.flag.flag-fi {
    background-position: -32px -64px;
}

.flag.flag-km {
    background-position: -64px -112px;
}

.flag.flag-kr {
    background-position: -112px -112px;
}

.flag.flag-li {
    background-position: -224px -112px;
}

.flag.flag-do {
    background-position: -128px -48px;
}

.flag.flag-gt {
    background-position: -96px -80px;
}

.flag.flag-jp {
    background-position: -224px -96px;
}

.flag.flag-jm {
    background-position: -192px -96px;
}

.flag.flag-pe {
    background-position: -160px -160px;
}

.flag.flag-so {
    background-position: -128px -192px;
}

.flag.flag-dk {
    background-position: -96px -48px;
}

.flag.flag-vg {
    background-position: -96px -224px;
}

.flag.flag-me {
    background-position: -160px -128px;
}

.flag.flag-ua {
    background-position: -208px -208px;
}

.flag.flag-ar {
    background-position: -144px 0;
}

.flag.flag-co {
    background-position: -208px -32px;
}

.flag.flag-gw {
    background-position: -128px -80px;
}

.flag.flag-gi {
    background-position: -224px -64px;
}

.flag.flag-mc {
    background-position: -128px -128px;
}

.flag.flag-kw {
    background-position: -128px -112px;
}

.flag.flag-bn {
    background-position: -160px -16px;
}

.flag.flag-gg {
    background-position: -192px -64px;
}

.flag.flag-ni {
    background-position: -32px -160px;
}

.flag.flag-pw {
    background-position: -64px -176px;
}

.flag.flag-es {
    background-position: 0 -64px;
}

.flag.flag-lr {
    background-position: -16px -128px;
}

.flag.flag-hu {
    background-position: -224px -80px;
}

.flag.flag-gu {
    background-position: -112px -80px;
}

.flag.flag-np {
    background-position: -80px -160px;
}

.flag.flag-mr {
    background-position: -64px -144px;
}

.flag.flag-jo {
    background-position: -208px -96px;
}

.flag.flag-lb {
    background-position: -192px -112px;
}

.flag.flag-be {
    background-position: -48px -16px;
}

.flag.flag-tg {
    background-position: -16px -208px;
}

.flag.flag-pk {
    background-position: -224px -160px;
}

.flag.flag-lc {
    background-position: -208px -112px;
}

.flag.flag-tc {
    background-position: -224px -192px;
}

.flag.flag-sr {
    background-position: -144px -192px;
}

.flag.flag-ec {
    background-position: -160px -48px;
}

.flag.flag-gp {
    background-position: -48px -80px;
}

.flag.flag-nl {
    background-position: -48px -160px;
}

.flag.flag-iq {
    background-position: -96px -96px;
}

.flag.flag-pl {
    background-position: 0 -176px;
}

.flag.flag-al {
    background-position: -80px 0;
}

.flag.flag-si {
    background-position: -48px -192px;
}

.flag.flag-id {
    background-position: 0 -96px;
}

.flag.flag-ga {
    background-position: -112px -64px;
}

.flag.flag-kh {
    background-position: -32px -112px;
}

.flag.flag-ky {
    background-position: -144px -112px;
}

.flag.flag-om {
    background-position: -128px -160px;
}

.flag.flag-pt {
    background-position: -48px -176px;
}

.flag.flag-tt {
    background-position: -144px -208px;
}

.flag.flag-as {
    background-position: -160px 0;
}

.flag.flag-la {
    background-position: -176px -112px;
}

.flag.flag-sv {
    background-position: -176px -192px;
}

.flag.flag-mw {
    background-position: -144px -144px;
}

.flag.flag-ng {
    background-position: -16px -160px;
}

.flag.flag-sl {
    background-position: -80px -192px;
}

.flag.flag-gn {
    background-position: -32px -80px;
}

.flag.flag-kz {
    background-position: -160px -112px;
}

.flag.flag-ls {
    background-position: -32px -128px;
}

.flag.flag-lv {
    background-position: -80px -128px;
}

.flag.flag-pg {
    background-position: -192px -160px;
}

.flag.flag-sm {
    background-position: -96px -192px;
}

.flag.flag-fr {
    background-position: -96px -64px;
}

.flag.flag-gy {
    background-position: -144px -80px;
}

.flag.flag-ph {
    background-position: -208px -160px;
}

.flag.flag-ma {
    background-position: -112px -128px;
}

.flag.flag-rs {
    background-position: -144px -176px;
}

.flag.flag-rw {
    background-position: -176px -176px;
}

.flag.flag-sg {
    background-position: -32px -192px;
}

.flag.flag-aw {
    background-position: -208px 0;
}

.flag.flag-sn {
    background-position: -112px -192px;
}

.flag.flag-sb {
    background-position: -208px -176px;
}

.flag.flag-ck {
    background-position: -144px -32px;
}

.flag.flag-dj {
    background-position: -80px -48px;
}

.flag.flag-de {
    background-position: -64px -48px;
}

.flag.flag-hk {
    background-position: -160px -80px;
}

.flag.flag-tl {
    background-position: -64px -208px;
}

.flag.flag-in {
    background-position: -80px -96px;
}

.flag.flag-mv {
    background-position: -128px -144px;
}

.flag.flag-kp {
    background-position: -96px -112px;
}

.flag.flag-cf {
    background-position: -80px -32px;
}

.flag.flag-sz {
    background-position: -208px -192px;
}

.flag.flag-ne {
    background-position: 0 -160px;
}

.flag.flag-th {
    background-position: -32px -208px;
}

.flag.flag-ml {
    background-position: -224px -128px;
}

.flag.flag-ye {
    background-position: -176px -224px;
}

.flag.flag-uz {
    background-position: -32px -224px;
}

.flag.flag-nr {
    background-position: -96px -160px;
}

.flag.flag-ch {
    background-position: -112px -32px;
}

.flag.flag-re {
    background-position: -112px -176px;
}

.flag.flag-hr {
    background-position: -192px -80px;
}

.flag.flag-st {
    background-position: -160px -192px;
}

.flag.flag-ke {
    background-position: 0 -112px;
}

.flag.flag-bg {
    background-position: -80px -16px;
}

.flag.flag-ae {
    background-position: -16px 0;
}

.flag.flag-mt {
    background-position: -96px -144px;
}

.flag.flag-ly {
    background-position: -96px -128px;
}

.flag.flag-gm {
    background-position: -16px -80px;
}

.occluded-content {
  display: block;
  position: relative;
  width: 100%;

  /* prevents margin overflow on item container */
  min-height: 0.01px;

  /* hides text visually while still being readable by screen readers */
  color: rgba(0,0,0,0);
}

table .occluded-content,
tbody .occluded-content,
thead .occluded-content,
tfoot .occluded-content {
  display: table-row;
  position: relative;
  width: 100%;
}

ul .occluded-content,
ol .occluded-content {
  display: list-item;
  position: relative;
  width: 100%;
  list-style-type: none;
  height: 0;
}

.ember-tooltip-base {
  display: none;
  height: 0;
  width: 0;
  position: absolute;
}

.ember-tooltip,
.ember-popover {
  margin-bottom: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  z-index: 2;

  font-size: 14px;
  font-family: inherit;
  border-radius: 3px;
}

.ember-tooltip {
  max-width: 200px;
  padding: 6px 10px;
  color: #fff;
  background: #3a3c47;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
  white-space: normal; /* IE doesnt support initial so fall back to normal */
  white-space: initial;
}

.ember-popover {
  color: #000;
  background-color: #fff;
  padding: 10px 20px;
  border: 1px solid #ccc;
}

.ember-popover[aria-hidden="false"] {
  pointer-events: auto;
  cursor: initial;
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  user-select: auto;
}

.ember-tooltip-arrow,
.ember-popover-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border: 5px solid transparent;
}

.ember-tooltip, .ember-popover {
  opacity: 0;
  -webkit-transition: opacity ease-out, margin ease-out;
  transition: opacity ease-out, margin ease-out;
  transition-duration: 200ms;
}

.ember-tooltip.ember-tooltip-effect-none,
.ember-popover.ember-tooltip-effect-none,
.ember-tooltip.ember-tooltip-show,
.ember-popover.ember-tooltip-show {
  opacity: 1;
}

.ember-tooltip[x-placement^="top"] .ember-tooltip-arrow,
.ember-popover[x-placement^="top"] .ember-popover-arrow {
  border-bottom-width: 0;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.ember-tooltip[x-placement^="top"] .ember-tooltip-arrow {
  border-top-color: #3a3c47;
}

.ember-popover[x-placement^="top"] .ember-popover-arrow {
  border-top-color: #ccc;
}

.ember-tooltip[x-placement^="right"] .ember-tooltip-arrow,
.ember-popover[x-placement^="right"] .ember-popover-arrow {
  border-left-width: 0;
  left: -5px;
  top: calc(50% - 5px);
  margin-right: 0;
  margin-left: 0;
}

.ember-tooltip[x-placement^="right"] .ember-tooltip-arrow {
  border-right-color: #3a3c47;
}

.ember-popover[x-placement^="right"] .ember-popover-arrow {
  border-right-color: #ccc;
}

.ember-tooltip[x-placement^="bottom"] .ember-tooltip-arrow,
.ember-popover[x-placement^="bottom"] .ember-popover-arrow {
  border-top-width: 0;
  top: -5px;
  left: calc(50% - 5px);
  margin-bottom: 0;
  margin-top: 0;
}

.ember-tooltip[x-placement^="bottom"] .ember-tooltip-arrow {
  border-bottom-color: #3a3c47;
}

.ember-popover[x-placement^="bottom"] .ember-popover-arrow {
  border-bottom-color: #ccc;
}

.ember-tooltip[x-placement^="left"] .ember-tooltip-arrow,
.ember-popover[x-placement^="left"] .ember-popover-arrow {
  border-right-width: 0;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.ember-tooltip[x-placement^="left"] .ember-tooltip-arrow {
  border-left-color: #3a3c47;
}

.ember-popover[x-placement^="left"] .ember-popover-arrow {
  border-left-color: #ccc;
}