.cesium-animation-theme {
    visibility: hidden;
    display: block;
    position: absolute;
    z-index: -100;
}

.cesium-animation-themeNormal {
    color: #222;
}

.cesium-animation-themeHover {
    color: #4488B0;
}

.cesium-animation-themeSelect {
    color: #242;
}

.cesium-animation-themeDisabled {
    color: #333;
}

.cesium-animation-themeKnob {
    color: #222;
}

.cesium-animation-themePointer {
    color: #2E2;
}

.cesium-animation-themeSwoosh {
    color: #8AC;
}

.cesium-animation-themeSwooshHover {
    color: #AEF;
}

.cesium-animation-svgText {
    fill: #edffff;
    font-family: Sans-Serif;
    font-size: 15px;
    text-anchor: middle;
}

.cesium-animation-blank {
    fill: #000;
    fill-opacity: 0.01; /* This must be clickable, so it can't be 'fill: none'. */
    stroke: none;
}

.cesium-animation-rectButton {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cesium-animation-rectButton .cesium-animation-buttonGlow {
    fill: #fff;
    stroke: none;
    /* Widget will add: filter: url(#animation_blurred); */
    display: none;
}

.cesium-animation-rectButton:hover .cesium-animation-buttonGlow {
    display: block;
}

.cesium-animation-rectButton .cesium-animation-buttonPath {
    fill: #edffff;
}

.cesium-animation-rectButton .cesium-animation-buttonMain {
    /* Widget will add: fill: url(#animation_buttonNormal); */
    stroke: #444;
    stroke-width: 1.2;
}

.cesium-animation-rectButton:hover .cesium-animation-buttonMain {
    /* Widget will add: fill: url(#animation_buttonHovered); */
    stroke: #AEF;
}

.cesium-animation-rectButton:active .cesium-animation-buttonMain {
    fill: #ABD6FF;
}

.cesium-animation-buttonDisabled {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cesium-animation-buttonDisabled .cesium-animation-buttonMain {
    /* Widget will add: fill: url(#animation_buttonDisabled); */
    stroke: #555;
}

.cesium-animation-buttonDisabled .cesium-animation-buttonPath {
    fill: #818181;
}

.cesium-animation-buttonDisabled .cesium-animation-buttonGlow {
    display: none;
}

.cesium-animation-buttonToggled .cesium-animation-buttonGlow {
    display: block;
    fill: #2E2;
}

.cesium-animation-buttonToggled .cesium-animation-buttonMain {
    stroke: #2E2;
}

.cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow {
    fill: #fff;
}

.cesium-animation-buttonToggled:hover .cesium-animation-buttonMain {
    stroke: #2E2;
}

.cesium-animation-shuttleRingG {
    cursor: pointer;
}

/* Widget will add:
.cesium-animation-shuttleRingG .cesium-animation-shuttleRingSwoosh {
    fill: url(#animation_shuttleRingSwooshGradient);
}

.cesium-animation-shuttleRingG:hover .cesium-animation-shuttleRingSwoosh {
    fill: url(#animation_shuttleRingSwooshHovered);
}
*/

.cesium-animation-shuttleRingPointer {
    /* Widget will add: fill: url(#animation_shuttleRingPointerGradient); */
    cursor: pointer;
}

.cesium-animation-shuttleRingPausePointer {
    /* Widget will add: fill: url(#animation_shuttleRingPointerPaused); */
    cursor: pointer;
}

.cesium-animation-shuttleRingBack {
    fill: #181818;
    fill-opacity: 0.8;
    stroke: #333;
    stroke-width: 1.2;
}

.cesium-animation-shuttleRingSwoosh line {
    stroke: #8AC;
    stroke-width: 3;
    stroke-opacity: 0.2;
    stroke-linecap: round;
}

.cesium-animation-knobOuter {
    /* Widget will add: fill: url(#animation_knobOuter); */
    cursor: pointer;
    stroke: #444;
    stroke-width: 1.2;
}

.cesium-animation-knobInner {
    /* Widget will add: fill: url(#animation_knobInner); */
    cursor: pointer;
}