html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory;font-family:Poppins,sans-serif}.main-title{color:#87008c;font-size:50px;text-transform:uppercase;width:100%;white-space:nowrap;font-weight:700}.upload-screen{transform:translate3d(-50%,-160%,0)!important}.upload-button label{background-color:#89ddd5;color:#fff;padding:15px;border-radius:20px;font-size:25px;font-weight:700;position:relative;cursor:pointer}.upload-button input{display:none}.upload-button{display:flex;justify-content:center}.controls{transform:translate3d(180%,50%,0)!important;flex-direction:row;position:absolute;top:0;right:50%}.controls-btns{display:flex;margin-bottom:30px}.controls-btns button{cursor:pointer}.controls button{font-size:20px;font-weight:600;padding:15px;background-color:#8264ae;color:#fff;border-radius:15px;margin-right:20px;white-space:nowrap}.controls label{display:block}.controls input[type=range]::-webkit-slider-runnable-track{width:100%;background:#8264ae;border-radius:10px}.controls input[type=range]::-webkit-slider-thumb,.controls input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:#04aa6d;cursor:pointer}.leva-panel{z-index:100}.speed-control,.material-control{color:#fff;font-size:20px;font-weight:700}.speed-control input,.material-control input{margin-left:20px;cursor:pointer}.reset-btn{margin-bottom:20px}@media only screen and (max-width: 1100px){.controls{transform:translate3d(0,-150%,0)!important;right:0}.upload-screen{transform:translate3d(-50%,-250%,0)!important}}@media only screen and (max-width: 575px){.main-title{display:none}.upload-screen{transform:translate3d(-50%,-550%,0)!important}.upload-button label{white-space:nowrap}.controls{transform:translate3d(50%,200%,0)!important;right:0}}