.mobile-viewport-test{margin:0;padding:20px;overflow:auto;background-color:#f5f5f5;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.mobile-viewport-test:before{content:"";position:fixed;top:0;left:0;right:0;height:30px;background-color:#000;z-index:999}html.mobile-viewport-test{margin:30px auto;overflow:visible;box-shadow:0 0 10px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.1);border-radius:20px;transition:width .3s ease,height .3s ease}body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) select:focus,body:not(.user-is-tabbing) textarea:focus{outline:none}body.user-is-tabbing a:focus,body.user-is-tabbing button:focus,body.user-is-tabbing input:focus,body.user-is-tabbing select:focus,body.user-is-tabbing textarea:focus{outline:2px solid #ff6b00;outline-offset:2px}