/* body */

html,
body {
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

body {
	display: flex;
	position: relative;
	min-height: -webkit-fill-available;
	min-height: fill-available;
	background-color: var(--body-bgcolor);
	background-image: -webkit-linear-gradient(var(--body-bggradient));
	background-image: -moz-linear-gradient(var(--body-bggradient));
	background-image: -o-linear-gradient(var(--body-bggradient));
	background-image: linear-gradient(var(--body-bggradient));
	flex-direction: column;
	font-family: "SanFrancisco";
	-webkit-touch-action: none;
	-moz-touch-action: none;
	touch-action: none;
}

body,
body *,
body *::after,
body *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

body.access {
	--wui-icon-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-icon-dark) r g b / 70%);
	--wui-icon-bgcolor-over: var(--wuiplugin-theme-bgcolor-icon-dark);
	--wui-form-header-titlecolor: var(--wuiplugin-theme-textcolor-title-dark);
	--wui-form-label-textcolor-out: var(--wuiplugin-theme-textcolor-active-dark);
	--wui-form-label-textcolor-notempty: rgb(from var(--wuiplugin-theme-textcolor-active-dark) r g b / 40%);
	--wui-form-input-textcolor-out: var(--wuiplugin-theme-textcolor-active-dark);
}

body.hidden * {
	visibility: hidden;
}

body .hidden {
	display: none;
}

body .lowercase {
	text-transform: lowercase;
}