.gyro-log-box{width:100vw;height:300px;position:relative;overflow:hidden;padding-left:65px;box-sizing:border-box}#gyro-log{width:100%;position:absolute;bottom:0}#gyro-log>div{width:100%}#depth-frame-wrapper{position:fixed;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#depth-frame-border{background-color:#faebd7;border:2px solid;border-color:white rgb(255,225,186) rgb(255,225,186) white;padding:5vw 4vw 15vw;border-radius:4px;box-shadow:2px 4px 6px #0000004d;rotate:-5deg;scale:.95;translate:0 -25px}#date{position:absolute;right:3vw;bottom:1vw;color:#9a7341;font-size:5.4vw;font-family:Courier New,Courier,monospace;text-align:right;letter-spacing:.5vw;font-weight:700}#depth-frame{position:relative;z-index:1;top:0;width:75vw;max-width:50vh;height:90vw;max-height:60vh;border:1px solid rgba(255,225,186,.7);box-sizing:border-box;overflow:hidden;background-color:#000;border-radius:3px}#depth-frame>div{position:absolute;background-size:cover;background-position:center;width:100%;height:100%}#bg{background-image:url(/assets/bg.png)}#front{background-image:url(/assets/front.png)}#fw1{background-image:url(/assets/fw1.png)}#fw2{background-image:url(/assets/fw2.png)}#fw3{background-image:url(/assets/fw3.png)}#fw4{background-image:url(/assets/fw4.png)}#fw5{background-image:url(/assets/fw5.png)}.frame-mask{z-index:2;height:120vh;top:-10vh;width:8vw;filter:blur(2vw);position:fixed;background-color:#000}.frame-mask#left{left:-3vw}.frame-mask#right{right:-3vw}.demo-notice{position:fixed;bottom:0;display:flex;flex-flow:row nowrap;align-items:center;background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5;padding:10px 24px 10px 18px;width:100%;box-sizing:border-box;color:#fff;-webkit-user-select:none;user-select:none}.demo-notice img{width:32px;height:32px;margin-right:16px;flex-grow:0}.demo-notice div{flex-grow:1}p{margin:10px 0}