body{color:#ccc;background-color:#333;flex-direction:column;align-items:center;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:32px;display:flex}a{color:#ccc;font-weight:700}a:visited{color:#999}p{text-align:left;width:100%;max-width:60rem;margin-top:0;margin-bottom:1rem}main{flex-direction:column;align-items:center;width:100%;margin:0 auto;display:flex}#three>canvas{cursor:pointer;max-width:100vw;max-height:100vw}#controls{flex-direction:column;align-items:flex-start;max-width:60rem;margin:1rem 2rem;display:flex}#controls>*{flex-direction:row;align-items:center;margin-bottom:3rem;display:flex}#explanation{max-width:60rem;margin:0 2rem 2rem}footer{flex-direction:row;justify-content:space-between;max-width:60rem;margin:1rem 2rem 4rem;display:flex}footer>a{margin:0 2rem}label,.range-control{flex-direction:row;align-items:center;font-weight:700;display:flex}.range-control{width:100%}input[type=checkbox]{width:3rem;height:3rem;margin-right:1rem}input[type=range]{width:inherit;max-width:56rem}button{color:inherit;font:inherit;background:0 0;border:1px solid #ccc;border-radius:.5rem;padding:0}.range-control>span{margin-left:1rem}.range-button{touch-action:manipulation;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:10rem;height:6rem;margin:0 1rem;padding:.25rem;font-size:36px;display:flex}#record{cursor:pointer;border-radius:16px;margin-left:3rem;padding:1.5rem;font-size:36px;font-weight:700}#record-label{margin-left:3rem}#record-mode{margin-left:1rem;font-size:18px;font-weight:700}#download{margin-left:1rem}#gallery{max-width:56rem;display:block}#gallery-label{justify-content:center;margin-top:1rem}#gallery-container{flex-direction:row;max-width:100%;height:200px;display:flex;overflow:scroll hidden}.gallery-item{cursor:pointer;width:200px;height:200px}.source-link{margin-left:1rem;font-style:italic;font-weight:400}@media screen and (orientation:landscape){body{font-size:18px}#three>canvas{max-width:546px;max-height:546px}#controls>*{margin-bottom:2rem}#record{padding:.5rem;font-size:18px}.range-button{width:44px;height:36px;font-size:18px}#gallery{max-width:48rem}#gallery-container,.gallery-item{height:100px}}input[type=range]{appearance:none;cursor:pointer;background:0 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#eee;border-radius:3rem;height:3rem}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:gray;border-radius:50%;width:6rem;height:6rem;margin-top:-24px}@media screen and (orientation:landscape){input[type=range]::-webkit-slider-runnable-track{border-radius:.5rem;height:.5rem}input[type=range]::-webkit-slider-thumb{width:1.5rem;height:1.5rem;margin-top:-8px}}input[type=range]::-moz-range-track{background-color:#eee;border-radius:3rem;height:3rem}input[type=range]::-moz-range-thumb{background-color:gray;border:none;border-radius:50%;width:6rem;height:6rem}@media screen and (orientation:landscape){input[type=range]::-moz-range-track{border-radius:.5rem;height:.5rem}input[type=range]::-moz-range-thumb{width:1.5rem;height:1.5rem}}