#DebugSafeAreaElement
{
	display: inline-block;

	position: absolute;

	left: var(--safe-area-inset-left);
	top: var(--safe-area-inset-top);
	right: var(--safe-area-inset-right);
	bottom: var(--safe-area-inset-bottom);

	z-index: 2;

	border: 2px dashed red;

	pointer-events: none;
}

#DebugSafeAreaElement:not(.Active)
{
	display: none;
}

#DebugSafeAreaElement>*
{
	pointer-events: all;
}

#DebugSafeAreaElement span
{
	position: absolute;

	touch-action: none;
}

#DebugSafeAreaElement .Left, #DebugSafeAreaElement .Right
{
	width: 8px;

	cursor: ew-resize;
}

#DebugSafeAreaElement .Left
{
	left: -4px;
}

#DebugSafeAreaElement .Left.Side
{
	top: 0;
	bottom: 0;
}

#DebugSafeAreaElement .Top, #DebugSafeAreaElement .Bottom
{
	height: 8px;

	cursor: ns-resize;
}

#DebugSafeAreaElement .Top.Left, #DebugSafeAreaElement .Bottom.Right
{
	cursor: nwse-resize;
}

#DebugSafeAreaElement .Top.Right, #DebugSafeAreaElement .Bottom.Left
{
	cursor: nesw-resize;
}

#DebugSafeAreaElement .Top
{
	top: -4px;
}

#DebugSafeAreaElement .Top.Side
{
	left: 0;
	right: 0;
}

#DebugSafeAreaElement .Right
{
	right: -4px;
}

#DebugSafeAreaElement .Right.Side
{
	top: 0;
	bottom: 0;
}

#DebugSafeAreaElement .Bottom
{
	bottom: -4px;
}

#DebugSafeAreaElement .Bottom.Side
{
	left: 0;
	right: 0;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL1NvdXJjZXMvU3R5bGVzL0RlYnVnU2FmZUFyZWEuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztDQUVDLHFCQUFxQjs7Q0FFckIsa0JBQWtCOztDQUVsQixpQ0FBaUM7Q0FDakMsK0JBQStCO0NBQy9CLG1DQUFtQztDQUNuQyxxQ0FBcUM7O0NBRXJDLFVBQVU7O0NBRVYsc0JBQXNCOztDQUV0QixvQkFBb0I7QUFDckI7O0FBRUE7O0NBRUMsYUFBYTtBQUNkOztBQUVBOztDQUVDLG1CQUFtQjtBQUNwQjs7QUFFQTs7Q0FFQyxrQkFBa0I7O0NBRWxCLGtCQUFrQjtBQUNuQjs7QUFFQTs7Q0FFQyxVQUFVOztDQUVWLGlCQUFpQjtBQUNsQjs7QUFFQTs7Q0FFQyxVQUFVO0FBQ1g7O0FBRUE7O0NBRUMsTUFBTTtDQUNOLFNBQVM7QUFDVjs7QUFFQTs7Q0FFQyxXQUFXOztDQUVYLGlCQUFpQjtBQUNsQjs7QUFFQTs7Q0FFQyxtQkFBbUI7QUFDcEI7O0FBRUE7O0NBRUMsbUJBQW1CO0FBQ3BCOztBQUVBOztDQUVDLFNBQVM7QUFDVjs7QUFFQTs7Q0FFQyxPQUFPO0NBQ1AsUUFBUTtBQUNUOztBQUVBOztDQUVDLFdBQVc7QUFDWjs7QUFFQTs7Q0FFQyxNQUFNO0NBQ04sU0FBUztBQUNWOztBQUVBOztDQUVDLFlBQVk7QUFDYjs7QUFFQTs7Q0FFQyxPQUFPO0NBQ1AsUUFBUTtBQUNUIiwiZmlsZSI6IkRlYnVnU2FmZUFyZWEuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiI0RlYnVnU2FmZUFyZWFFbGVtZW50XHJcbntcclxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcblxyXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHJcblx0bGVmdDogdmFyKC0tc2FmZS1hcmVhLWluc2V0LWxlZnQpO1xyXG5cdHRvcDogdmFyKC0tc2FmZS1hcmVhLWluc2V0LXRvcCk7XHJcblx0cmlnaHQ6IHZhcigtLXNhZmUtYXJlYS1pbnNldC1yaWdodCk7XHJcblx0Ym90dG9tOiB2YXIoLS1zYWZlLWFyZWEtaW5zZXQtYm90dG9tKTtcclxuXHJcblx0ei1pbmRleDogMjtcclxuXHJcblx0Ym9yZGVyOiAycHggZGFzaGVkIHJlZDtcclxuXHJcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XHJcbn1cclxuXHJcbiNEZWJ1Z1NhZmVBcmVhRWxlbWVudDpub3QoLkFjdGl2ZSlcclxue1xyXG5cdGRpc3BsYXk6IG5vbmU7XHJcbn1cclxuXHJcbiNEZWJ1Z1NhZmVBcmVhRWxlbWVudD4qXHJcbntcclxuXHRwb2ludGVyLWV2ZW50czogYWxsO1xyXG59XHJcblxyXG4jRGVidWdTYWZlQXJlYUVsZW1lbnQgc3BhblxyXG57XHJcblx0cG9zaXRpb246IGFic29sdXRlO1xyXG5cclxuXHR0b3VjaC1hY3Rpb246IG5vbmU7XHJcbn1cclxuXHJcbiNEZWJ1Z1NhZmVBcmVhRWxlbWVudCAuTGVmdCwgI0RlYnVnU2FmZUFyZWFFbGVtZW50IC5SaWdodFxyXG57XHJcblx0d2lkdGg6IDhweDtcclxuXHJcblx0Y3Vyc29yOiBldy1yZXNpemU7XHJcbn1cclxuXHJcbiNEZWJ1Z1NhZmVBcmVhRWxlbWVudCAuTGVmdFxyXG57XHJcblx0bGVmdDogLTRweDtcclxufVxyXG5cclxuI0RlYnVnU2FmZUFyZWFFbGVtZW50IC5MZWZ0LlNpZGVcclxue1xyXG5cdHRvcDogMDtcclxuXHRib3R0b206IDA7XHJcbn1cclxuXHJcbiNEZWJ1Z1NhZmVBcmVhRWxlbWVudCAuVG9wLCAjRGVidWdTYWZlQXJlYUVsZW1lbnQgLkJvdHRvbVxyXG57XHJcblx0aGVpZ2h0OiA4cHg7XHJcblxyXG5cdGN1cnNvcjogbnMtcmVzaXplO1xyXG59XHJcblxyXG4jRGVidWdTYWZlQXJlYUVsZW1lbnQgLlRvcC5MZWZ0LCAjRGVidWdTYWZlQXJlYUVsZW1lbnQgLkJvdHRvbS5SaWdodFxyXG57XHJcblx0Y3Vyc29yOiBud3NlLXJlc2l6ZTtcclxufVxyXG5cclxuI0RlYnVnU2FmZUFyZWFFbGVtZW50IC5Ub3AuUmlnaHQsICNEZWJ1Z1NhZmVBcmVhRWxlbWVudCAuQm90dG9tLkxlZnRcclxue1xyXG5cdGN1cnNvcjogbmVzdy1yZXNpemU7XHJcbn1cclxuXHJcbiNEZWJ1Z1NhZmVBcmVhRWxlbWVudCAuVG9wXHJcbntcclxuXHR0b3A6IC00cHg7XHJcbn1cclxuXHJcbiNEZWJ1Z1NhZmVBcmVhRWxlbWVudCAuVG9wLlNpZGVcclxue1xyXG5cdGxlZnQ6IDA7XHJcblx0cmlnaHQ6IDA7XHJcbn1cclxuXHJcbiNEZWJ1Z1NhZmVBcmVhRWxlbWVudCAuUmlnaHRcclxue1xyXG5cdHJpZ2h0OiAtNHB4O1xyXG59XHJcblxyXG4jRGVidWdTYWZlQXJlYUVsZW1lbnQgLlJpZ2h0LlNpZGVcclxue1xyXG5cdHRvcDogMDtcclxuXHRib3R0b206IDA7XHJcbn1cclxuXHJcbiNEZWJ1Z1NhZmVBcmVhRWxlbWVudCAuQm90dG9tXHJcbntcclxuXHRib3R0b206IC00cHg7XHJcbn1cclxuXHJcbiNEZWJ1Z1NhZmVBcmVhRWxlbWVudCAuQm90dG9tLlNpZGVcclxue1xyXG5cdGxlZnQ6IDA7XHJcblx0cmlnaHQ6IDA7XHJcbn0iXX0= */