.x-ideo-root {
    box-sizing: content-box;
}
.x-ideo-nowrap {
    white-space: nowrap;
}

.x-ideo-body {
    position: relative;
    display: inline-block;
}

.x-ideo-body-wrap {
    position: relative;
    display: inline-block;
}

.x-ideo-chrom img {
    display: block;
    position: relative;
}

.x-ideo-chrom-label {
    display: inline-block;
    position: relative;
    padding: 1px;
}
.x-ideo-body .x-ideo-chrom-label {
    width: 100%;
    text-align: center;
}

.x-ideo-nowrap .x-ideo-chrom-label-wrap {
    display: block;
}
.x-ideo-wrap {
    position: relative;
}

.x-ideo-wrap > span,
.x-ideo-wrap > div {
    vertical-align: top;
    overflow: hidden;
    padding: 1px;
}
.x-ideo-wrap > span {
    display: inline-block;
}

.x-ideo-chrom {
}

.x-ideo-body-r {
    position: relative;
    white-space: nowrap;
    padding: 1px;
}
.x-ideo-nowrap .x-ideo-body-r {
    display: inline-block;
    vertical-align: top;
}

.x-ideo-body-r > span {
    display: inline-block;
    vertical-align: top;
}

.x-ideo-wrap .x-ideo-data-wrap {
    vertical-align: top;
    display: inline-block;
    overflow: visible;
    padding: 1px 0;
}
.x-ideo-wrap .x-ideo-data {
    vertical-align: top;
    width: 0;
}
.x-ideo-wrap .x-ideo-data-r {
    padding: 0 1px;
    height: 0;
}

.x-ideo-hlt canvas,
.x-ideo-hlt-r canvas,
.x-ideo-data canvas,
.x-ideo-data-r canvas {
    position: relative;
}

.x-ideo-data-r canvas,
.x-ideo-hlt-r canvas {
    display: block;
}

.x-ideo-wrap .x-ideo-hlt-wrap {
    vertical-align: top;
    display: inline-block;
    padding: 1px 0;
    overflow: visible;
}
.x-ideo-wrap .x-ideo-hlt {
    vertical-align: top;
    pointer-events: none;
    width: 0;
    position: relative;
    z-index: 10;
}

.x-ideo-wrap .x-ideo-hlt-r {
    overflow: visible;
    pointer-events: none;
    padding: 0 1px;
    height: 0;
    position: relative;
    z-index: 10;
}

.x-ideo-hidden {
    visibility: hidden;
}
.x-ideo-band-label {
    position: relative;
    z-index: 10;
}
.x-ideo-band-label img {
    position: relative;
}