div.main,
main {
	xmax-height: calc(100% - 68px);
	xoverflow: auto;
	max-width: 900px;
	margin: 0 auto;
}
html, body {
	margin: 0;
	padding: 0;
	xoverflow: hidden;
	xheight: 100%;
	width: 100%;
}
body > header > header {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 10;
}
body > header {
	position: sticky;
	top: 0;
	margin-bottom: 58px;
	z-index: 1000;
}
body > header > nav.woonmatch-main,
body > header > nav.woonmatch-profile {
	position: absolute;
	top: 60px;
	top: calc(60px + constant(safe-area-inset-top));
	top: calc(60px + env(safe-area-inset-top));
}
.wm-header,
body > header > header {
	padding-top: constant(safe-area-inset-top);
	padding-left: constant(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
	padding-top: env(safe-area-inset-top);
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);	
}
[data-simply-command] {
	cursor: pointer; /* Dear iOS, why don't you have a click event when the cursor is not a pointer? */
}
.woonmatch-current-filter {
	float: none;
	display: inline-block;
}
.woonmatch-action[title].woonmatch-tooltip:before {
    content: attr(title);
    display: block;
    position: absolute;
    z-index: 100;
    top: 50px;
    border: 1px solid var(--ds-grey-60);
    padding: var(--ds-spacing);
    right: 0;
    background-color: white;
	width: 240px;
	text-align: right;
	box-shadow: 2px 2px 4px #aaa;
	max-width: max-content;
}
.woonmatch-uploading .woonmatch-upload-progress {
	visibility: visible;
}
input[required] {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAABAUlEQVRIie3SsUsCcRjG8fsHf1NoJGJ3DRGHCh4IDiIVcaDQIA2C4HEugUgNUT9yUQhyCrukJYJoSYdu0uHcvg4iVy130lHLvdPzLh+eF16FiEaJoX+EHMtA5G2cSKDKJZ+/hbipIky5IQPK2/khu6Uz2n0Hd/EVmvN63+W0lCVhSrwgaPZ8S7NWRsuoiHSWgpFDHBjo671mIx03GPLjnOnDBeW9NCKZp9p7WTUMe5ofPUZWka1Cg6a5z/bxNR/hHR/yhg20VJHWE+D2ONFUdOsx8KTv0ERypKno9tjv16+zk8xRH4ajVtDinUFH/nhCj9FVl7vJJo0imBiKoRj6G2gJfA3l5VitK+MAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: right 2px;
	background-size: 12px;
}
.ds-scrollbox {
}