div.videoScrubber {
    position: relative
}

div#lottie-container {
    width: 814px;
    height: 540px;
    position: absolute;
    top: 0;
    left: 0
}

div.bmcVideoLottieScrubber video,
div.bmcCoupledVideoLottieScrubber div video {
    width: 100%
}

div.bmcCoupledThreeVideoScrubber,
div.bmcCoupledVideoLottieScrubber {
    flex-wrap: wrap;
    gap: 20px;
    display: flex
}

div.bmcCoupledVideoLottieScrubber div.bmcExternalControls {
    width: 100vw
}

div.bmcCoupledVideoLottieScrubber div svg {
    overflow: hidden
}

div.bmcCoupledVideoLottieScrubber div.bmcExternalControls {
    padding: 2em
}

div.bmcVideoLottieScrubber {
    position: relative
}

div.bmcCoupledVideoLottieScrubber div div.BmcLotScrubInternal,
div.bmcVideoLottieScrubber div.BmcLotScrubInternal {
    position: absolute;
    top: 0;
    left: 0
}

div.bmcLottieScrubber.flippedVert div.BmcLotScrubInternal,
div.bmcVideoScrubber.flippedVert video,
div.bmcVideoLottieScrubber.flippedVert.flipVLO div.BmcLotScrubInternal,
div.bmcVideoLottieScrubber.flippedVert.flipVL div.BmcLotScrubInternal,
div.bmcVideoLottieScrubber.flippedVert.flipL div.BmcLotScrubInternal,
div.bmcVideoLottieScrubber.flippedVert.flipVLO video,
div.bmcVideoLottieScrubber.flippedVert.flipVL video,
div.bmcVideoLottieScrubber.flippedVert.flipV video,
div.bmcVideoLottieScrubber.flippedVert video,
div.bmcVideoLottieScrubber.flippedVert.flipVLO img,
div.bmcCoupledVideoLottieScrubber div.flippedVert.flipVLO video,
div.bmcCoupledVideoLottieScrubber div.flippedVert.flipVL video,
div.bmcCoupledVideoLottieScrubber div.flippedVert div.BmcLotScrubInternal {
    transform: scaleY(-1)
}

div.bmcVideoLottieScrubber.hide.hideLO img,
div.bmcVideoLottieScrubber.hide.hideO img,
div.bmcVideoLottieScrubber.hide.hideL div.BmcLotScrubInternal,
div.bmcVideoLottieScrubber.hide.hideLO div.BmcLotScrubInternal,
div.bmcCoupledVideoLottieScrubber div.hide.hideLO img,
div.bmcCoupledVideoLottieScrubber div.hide.hideO img,
div.bmcCoupledVideoLottieScrubber div.hide.hideL div.BmcLotScrubInternal,
div.bmcCoupledVideoLottieScrubber div.hide.hideLO div.BmcLotScrubInternal {
    display: none
}

div.bmcVideoLottieScrubber input {
    position: relative
}

div.bmcExternalControls input.toggle,
div.bmcLottieScrubber input.toggle,
div.bmcVideoScrubber input.toggle,
div.bmcVideoLottieScrubber input.toggle,
div.bmcCoupledVideoLottieScrubber div input.toggle {
    width: 40px
}

div.bmcExternalControls {
    text-align: center
}

div.bmcExternalControls label,
div.bmcVideoLottieScrubber label {
    border-left: 1px solid #ccc;
    margin-left: 2rem;
    padding-left: 2rem
}

div.bmcExternalControls label:first-of-type,
div.bmcVideoLottieScrubber label:first-of-type {
    border-left: none
}

div.bmcImageStack,
div.bmcImageWithOverlay,
div.bmcImageStack div {
    position: relative
}

div.bmcImageStack img,
div.bmcImageWithOverlay img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

div.bmcImageStack img:first-child,
div.bmcImageWithOverlay img:first-child {
    position: relative
}

div.bmcImageWithOverlay img:not(:first-child).hidden {
    display: none
}

div.bmcImageWithOverlay div.controls {
    position: absolute;
    top: 0;
    left: 0
}

div.bmcImageStack svg text {
    fill: #fff;
    font-family: Gill Sans, Gill Sans MT, Calibri, Trebuchet MS, sans-serif;
    font-size: 1em
}

div.bmcImageStack svg.hidden,
div.bmcImageWithOverlay svg.hidden {
    display: none
}

div.bmc_3dviewer {
    font-family: Arial, Helvetica, sans-serif;
    position: relative
}

div.bmc_3dviewer,
div.bmc_3dviewer div.overlay {
    width: 300px;
    height: 300px;
}

div.bmc_3dviewer svg circle.hidden,
div.bmc_3dviewer svg g.hidden text,
div.bmc_3dviewer svg g.hidden rect {
    display: none
}

div.bmc_3dviewer svg g text {
    fill: #000;
    -webkit-user-select: none;
    user-select: none;
    font-size: small
}

div.bmc_3dviewer svg {
    cursor: grab
}

div.bmc_3dviewer svg.hidden {
    visibility: hidden
}

div.bmc_3dviewer svg g rect {
    fill: #fff;
    rx: 10px
}

div.bmc_3dviewer svg circle {
    fill: #000;
    stroke: #fff;
    r: 5px
}

div.bmc_3dviewer {
    margin-bottom: 2em;
    margin-left: 2em;
    position: relative
}

div.bmc_3dviewer div.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.bmc_3dviewer div.labelToggle {
    padding: .5em;
    position: absolute;
    top: 0
}

.bmc_3dviewer div.labelToggle.hidden {
    display: none
}

.bmc_3dviewer div.labelToggle label {
    color: #ddd;
    font-size: small
}

.bmc_3dviewer div.cameraControls {
    padding: .5em;
    position: absolute;
    top: 0;
    right: 0
}

.bmc_3dviewer div.debugger {
    background-color: #ffffff80;
    border-radius: .5em;
    width: 14em;
    margin: .25em;
    padding: .5em;
    position: absolute;
    top: 0;
    right: 0
}

.bmc_3dviewer div.debugger h2,
.bmc_3dviewer div.debugger {
    font-size: small
}

.bmc_3dviewer div.debugger h2 {
    -webkit-user-select: none;
    user-select: none
}

.bmc_3dviewer g.preloader rect {
    fill: none;
    stroke: #000
}

.bmc_3dviewer g.preloader rect.innerLoadBar {
    fill: #66f;
    stroke: none
}

.bmc_3dviewer div.loadButtonContainer,
.bmc_3dviewer div.cameraControls,
.bmc_3dviewer div.labelToggle {
    -webkit-user-select: none;
    user-select: none
}

.bmc_3dviewer div.loadButtonContainer {
    text-align: center;
    width: 100%;
    padding: .25em
}

.bmc_3dviewer div.loadButtonContainer.insideBottomEdge {
    position: absolute;
    bottom: 0
}

.bmc_3dviewer div.loadButtonContainer.insideCenter {
    position: absolute;
    top: 50%
}