.indicator-container{flex:1 0 auto;width:100%}.echarts{width:100%}body,html{border-color:#eee}#photo-view{height:100%;width:100%;position:absolute;top:0}#timestamp{right:0;text-align:right}.indicator-data{width:50%;position:absolute;z-index:2;background-color:hsla(0,0%,100%,.5)}#photo-container{overflow:hidden;position:relative}#photo-capture{border:0 solid hsla(0,0%,50.2%,.5);border-bottom-width:0}#controls{height:90px;margin-left:0;margin-right:0;z-index:2}#start-btn{z-index:2;background-color:#eee}#slider{width:calc(100vw - 200px)}#history-photo{position:absolute;z-index:1;left:0;top:0}.transparent{opacity:.5}.page-div{display:flex;flex-flow:column}