html,body{overflow:hidden;height:102%;-webkit-overflow-scrolling:touch}body{margin:0}#result-iframe-wrap{height:100%;height:calc(100% - 28px);overflow:auto;position:relative}#result{border:0;width:100%;height:100%;display:block}#codepen-footer,#codepen-footer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#codepen-footer{position:fixed;bottom:-50px;left:0;width:100%;padding:0 10px;height:30px;color:#eeeeee;background-color:#505050;background:-webkit-gradient(linear, left top, left bottom, from(#505050), to(#383838));background:-webkit-linear-gradient(#505050, #383838);background:linear-gradient(#505050, #383838);border-top:1px solid black;border-bottom:1px solid black;-webkit-box-shadow:inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);box-shadow:inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);font:12px/30px "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif}#codepen-footer a{color:#a7a7a7;text-decoration:none;margin-right:6px}#codepen-footer a:hover{color:white}#footer-mini-logo{position:relative;top:4px}#footer-right{position:absolute;right:5px;top:0}@media (max-width: 600px){#footer-right{display:none}}