*,*:before,*:after{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}body{font-family:Public Sans,sans-serif;margin:0;padding:0;background-color:#2a2a2a;height:100vh;display:flex;align-items:center;justify-content:center}button{margin-top:1rem;margin-right:1rem;padding:1rem;border-radius:.5rem;background:#fff;border:1px solid #d5d5d5;font-family:Public Sans,sans-serif}button:hover{background:#d5d5d5;cursor:pointer}.header{display:flex;align-items:center;width:100%;height:100vh}.leftArea,.rightArea{height:calc(100vh - 10rem);overflow:auto;resize:horizontal}#placeholder{height:100%;margin:5rem;width:100%;display:flex;flex-direction:column;align-content:center;justify-content:center}.leftArea{width:calc(40vw - 10rem - 5px);padding:5rem;display:flex;flex-direction:column;justify-content:center}.rightArea{width:60vw;height:100vh;padding:0rem;display:flex;flex-direction:column;justify-content:center}.sensitivity-controls{border-radius:1rem;border:1px solid #d5d5d5;font-size:larger}#horizontal-sensitivity,#vertical-sensitivity{padding:.5rem}.rightArea h1{font-size:6vw;margin:0rem;font-weight:400}.rightArea p{font-size:4vw;margin:0rem;font-weight:400}.divider{width:5px;height:100%;cursor:ew-resize;border-left:1px solid #00000024}.name-form{display:flex;flex-direction:column;align-items:center}.logo{font-weight:700;margin-top:-18vw;margin-bottom:-1vw;min-width:15rem;max-width:60rem;align-self:center;width:-webkit-fill-available}.name-form input,.name-form button{font-size:1.5rem;padding:10px;border:1px solid #ccc;border-radius:.5rem;max-width:30rem;width:100%;min-width:15rem}.name-form input{font-size:1.5rem;border-radius:.5rem;margin-bottom:1rem;width:calc(100% - 22px);max-width:calc(30rem - 22px);min-width:calc(15rem - 22px)}.yom-active{width:60vw;padding:0!important;height:100vh;background:#000!important}.name-form button{background-color:#000;width:100%;color:#fff;border:none;cursor:pointer}#yomDefaultPlayButton{box-shadow:0 0 15px #ffffff4d}#yomLoadingScreen{font-family:Public Sans,sans-serif}@media only screen and (max-width:1000px){.header{display:flex;align-items:center;width:100%;height:100vh;flex-direction:column-reverse}.divider{width:100%;height:5px;cursor:n-resize;border-top:1px solid grey}.leftArea{height:60vh!important;width:calc(90vw - 5px);padding:5vw;display:flex;flex-direction:column;justify-content:center}.rightArea{width:90vw;display:flex;flex-direction:column;justify-content:center}.rightArea h1{font-size:12vw;margin:0rem;font-weight:400}.rightArea p{font-size:9vw;margin:0rem;font-weight:400}.logo{font-weight:700;margin-top:0vw;margin-bottom:-1vw;min-width:20rem;max-width:25rem;align-self:center;width:-webkit-fill-available}.leftArea,.rightArea{height:fit-content;overflow:auto;resize:horizontal}.yom-active{width:100vw;padding:0!important;height:60vh;background:#000!important}}