#viewport,.screen-body,body,html{width:100%;height:100%}body,html{position:relative;padding:0;margin:0;background:green}body>footer{position:absolute;bottom:2px;right:2px;color:#fff;font-family:Tahoma;font-size:10px}#viewport{overflow:hidden;position:relative;margin:0 auto}.screen{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;transform:translateX(-110%);transition:transform 1s ease}.screen.displayed{transform:translateX(0)}.screen-body{box-sizing:border-box}#settings-screen .screen-body{background:#fff;margin:20px 0;height:calc(100% - 40px)}#settings-screen h1{margin:0;padding:0}#settings-screen .field-container,#settings-screen header{padding:10px}#settings-screen .checkbox-container,#settings-screen label{cursor:pointer}#settings-screen .checkbox-container[aria-checked=true] .checkbox-square{background:red}#settings-screen .checkbox-container .checkbox-square-container{background:#fff;width:15px;height:15px;box-sizing:border-box;border:1px solid #000;padding:1px;float:left;margin-right:5px;border-radius:2px}#settings-screen .checkbox-container .checkbox-square{background:0 0;width:100%;height:100%}#settings-screen .checkbox-container .checkbox-label{font-size:12px}