:root{--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-top: env(safe-area-inset-top, 0px)}html,body{cursor:default}code{cursor:text}a,label,button,input[type=radio],input[type=submit],input[type=checkbox]{cursor:pointer}button[disabled],input[disabled]{cursor:default}html,body{min-width:100vw;min-height:100vh}body{margin:0;padding:0;font-family:monospace,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}.safeZoneView{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2553ab}.safeZoneView_safeArea{height:100%;padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.safeZoneView_safeAreaContents{--padding: 8px;position:relative;background:#141314;color:#8c8c8c;height:100%;padding:25px}.safeZoneView_measurements>div{font-size:14px}.safeZoneView_measurements-nonzero{color:#fff}.safeZoneView_measurements-top{position:absolute;top:var(--padding);left:0;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.safeZoneView_measurements-bottom{position:absolute;left:0;bottom:var(--padding);width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.safeZoneView_measurements-left{position:absolute;top:0;left:var(--padding);height:100%;display:flex;align-items:center;justify-content:center}.safeZoneView_measurements-right{position:absolute;top:0;right:var(--padding);height:100%;display:flex;align-items:center;justify-content:center}.safeZoneView_dims{position:absolute;inset:0;display:grid;place-items:center;z-index:100;color:#fff;font-size:14px}.safeZoneView_dims-table{display:grid;grid-template-columns:1fr 1fr;row-gap:4px;column-gap:15px}.safeZoneView_dims-table>*{display:flex;align-items:center;justify-content:center}.safeZoneView_measurers{position:absolute;top:-10000px;left:-10000px}.safeZoneView_measurer{background:#00f}.safeZoneView_measurer-vertical{width:env(safe-area-inset-top);height:env(safe-area-inset-bottom)}.safeZoneView_measurer-horizontal{width:env(safe-area-inset-left);height:env(safe-area-inset-right)}.displayedValue{display:block;padding:4px 14px;background:#212121;border-radius:3px;color:#a5a5a5}.safeZoneView_measurements-nonzero .displayedValue{color:#fff;background:#2553ab}.alignRight{justify-content:flex-end}