*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif}#container .animation-container#_01_HBV_DNA .animation-controls-timeline-current,.color-01{background:#0cc;color:#fff}#container .animation-container#_02_HBsAg .animation-controls-timeline-current,.color-02{background:#6b147e;color:#fff}#container .animation-container#_03_HBeAg .animation-controls-timeline-current,.color-03{background:#59bb4a;color:#fff}#container .animation-container#_04_TotalantiHBc .animation-controls-timeline-current,.color-04{background:#db0076;color:#fff}#container .animation-container#_05_IgMantiHBc .animation-controls-timeline-current,.color-05{background:#743a3a;color:#fff}#container .animation-container#_06_AntiHBe .animation-controls-timeline-current,.color-06{background:#377ec3;color:#fff}#container .animation-container#_07_AntiHBs .animation-controls-timeline-current,.color-07{background:#e9b021;color:#fff}#container{position:relative;font-family:Open Sans,Lucida Grande,Verdana,sans-serif}#container .animation-container{position:absolute;top:0;left:0;opacity:0;visibility:hidden;-webkit-transition:opacity,1s;transition:opacity,1s;height:0;width:100%}#container .animation-container.animation-container-show{opacity:1;visibility:visible;height:auto}#container .animation-container .content-container .animation-canvas{width:100%!important}#container .animation-container .content-container .canvas-container{position:relative}#container .animation-container .content-container .canvas-container .frame-counter{position:absolute;bottom:8px;right:0;background:#fff;border:1px solid #bbb;border-radius:3px;padding:5px;font-size:1.3rem}#container .animation-container .content-container .canvas-container .frame-rate-display{position:absolute;bottom:8px;left:0;background:#fff;border:1px solid #bbb;border-radius:3px;padding:5px;font-size:1.3rem}#container .animation-container .content-container .canvas-container #dom_overlay_container{overflow:hidden;position:absolute;left:0;top:0;display:block;width:100%;height:100%;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:hsla(0,0%,58.8%,.5);background-color:hsla(0,0%,100%,.7);-webkit-transition:background-color,.2s;transition:background-color,.2s}#container .animation-container .content-container .canvas-container #dom_overlay_container:after{display:block;content:"\e029";position:absolute;font-family:Glyphicons Halflings;text-shadow:2px 2px hsla(0,0%,100%,.568);font-size:82px}#container .animation-container .content-container .canvas-container #dom_overlay_container:hover{background-color:hsla(0,0%,100%,0);color:hsla(0,0%,86.3%,0)}#container .animation-container .content-container .canvas-container #dom_overlay_container:hover:after{text-shadow:none}#container .animation-container .content-container .canvas-container #dom_overlay_container.hidden,#container .animation-container .content-container .canvas-container #dom_overlay_container.hidden:after{opacity:0}@media screen and (max-width:640px){#container .animation-container .content-container .canvas-container #dom_overlay_container:after{font-size:52px}}#container .animation-container .content-container .text-container{position:relative;padding:10px 10px 0}#container .animation-container .content-container .text-container .text-container-item{font-size:1.8rem;line-height:2.4rem}#container .animation-container .content-container .text-container .text-container-item .anim-control-button-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#container .animation-container .content-container .text-container .text-container-item .anim-control-button-container .anim-control-button{padding:10px 20px;border-radius:5px}#container .animation-container .content-container .text-container .text-container-item p.triggered-text{opacity:.1;-webkit-transition:opacity 1s;transition:opacity 1s}#container .animation-container .content-container .text-container .text-container-item.text-container-item-selected p.triggered-text{opacity:1}#container .animation-container .content-container .animation-controls-controls-container{padding:0 10px}#container .animation-container .content-container .animation-controls-controls-container .animation-controls-toolbar{display:-ms-grid;display:grid;-ms-grid-columns:40px 40px 90px auto;grid-template-columns:40px 40px 90px auto}#container .animation-container .content-container .animation-controls-controls-container .animation-controls-toolbar .animation-controls-toolbar-play{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#container .animation-container .content-container .animation-controls-controls-container .animation-controls-toolbar .animation-controls-toolbar-play .animation-controls-toolbar-play-button{padding:0;width:20px;height:20px;border:0;background-color:#fff;outline:none;cursor:pointer;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}#container .animation-container .content-container .animation-controls-controls-container .animation-controls-toolbar .animation-controls-toolbar-play .animation-controls-toolbar-play-button svg path{-webkit-transition:d .35s;transition:d .35s}#container .animation-container .content-container .animation-controls-controls-container .animation-controls-toolbar .animation-controls-toolbar-rewind{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#container .animation-container .content-container .animation-controls-controls-container .animation-controls-toolbar .animation-controls-toolbar-rewind .animation-controls-toolbar-rewind-button{padding:0;width:20px;height:20px;border:0;background-color:#fff;outline:none;cursor:pointer;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}#container .animation-container .content-container .animation-controls-controls-container .animation-controls-toolbar .animation-controls-timeline{height:15px;background-color:#bbb;width:100%;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;cursor:pointer}#container .animation-container .content-container .animation-controls-controls-container .animation-controls-toolbar .animation-controls-timeline .animation-controls-timeline-current{height:15px;width:0;background-color:#000}#container .animation-container .content-container .animation-controls-controls-container .animation-controls-toolbar .animation-controls-time-display{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:.8rem;color:#888;font-size:1.3rem}#container .animation-container .button-container{margin-top:10px}#container .animation-container .button-container button{padding:10px 20px}
/*# sourceMappingURL=styles.css.map */