#root{height:100%;margin:0}.App{display:flex;flex-direction:column;padding-top:var(--top-indent)}.qwe{width:20px;position:absolute}.qwe1{height:env(safe-area-inset-top);top:100px;right:40px;background-color:red}.qwe2{height:env(safe-area-inset-top);bottom:0;right:30px;background-color:green}.qwe3{width:10px;top:0;left:20px;background-color:#e1ff00}.qwe4{width:10px;top:0;left:20px;background-color:#007a80}*{margin:0;padding:0}:root{--top-indent: max(env(safe-area-inset-top), 16px)}html{background:red}body{background:green}#root{background:#00f}