/**
body.w_keyboard xxx {
}
*/

body.mobile {
	-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
	-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
	-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
	user-select: none;
	/* pointer-events: none; */
	-webkit-user-drag: none;
	user-drag: none;
}
body.mobile .page_content {
	-webkit-user-select: text;
	user-select: text;
}

@media (max-width: 480px) {
	#content {
		--swipeReload-top: 0px;
		--swipeReload-add-top: 0px;
		transform: translateY(calc(var(--swipeReload-top) + var(--swipeReload-add-top)));
	}
	body.withSwipeReloadTransition #content {
		transition: transform 0.2s ease-out;
	}
}
#swipeReload {
	--swipeReload-top: 0px;
	--swipeReload-add-top: 0px;
	--swipeReload-opacity: 0;
	--swipeReload-rotate: 45deg;
	--swipeReload-headerHeight: var(--mobile-head-height);
	position: fixed;
	inset: 0;
	z-index: 9999;
	padding-top: var(--swipeReload-headerHeight);
	pointer-events: none;
	display: none;
}
#swipeReload.swipeReload--shown {
	display: block;
}
/* debug */
/* #swipeReload {
	display: block;
	--swipeReload-top: 60px !important;
	--swipeReload-opacity: 1 !important;
} */
.swipeReload__body {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: clip;
}
.swipeReload--addTop .swipeReload__body {
	background: linear-gradient(var(--base-cont-mod-low), transparent calc(var(--swipeReload-top) + var(--swipeReload-add-top)));
}
.swipeReload__loader {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: var(--base-cont-top);
	border-radius: 50%;
	box-shadow: 0 1px var(--base-line-alt-cardbrd);
	transform: translateY(calc(var(--swipeReload-top) - 100%));
	overflow: clip;
	&:after {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 1;
		background: conic-gradient(
			from 45deg,
			transparent 0deg var(--swipeReload-rotate),
			var(--base-cont-top) var(--swipeReload-rotate) 360deg
		);
	}
}
body.withSwipeReloadTransition .swipeReload__loader {
	transition: transform 0.2s ease-out;
}
#swipeReload .loader {
	width: 20px;
	height: 20px;
	animation-name: swipeLoader;
	animation-duration: .4s;
	animation-delay: .5s;
	opacity: var(--swipeReload-opacity);
}
#swipeReload.swipeReload-state .swipeReload__loader:after {
	/* стан, коли почнеться релоад, якщо відпустити свайп */
	display: none;
}
#swipeReload:not(.swipeReload-state2) .loader {
	animation: unset;
	transform: rotate(var(--swipeReload-rotate));
}
#swipeReload.swipeReload-state2 .loader {
	transition: transform .5s linear;
	transform: rotate(920deg); /* check swype.js (140 * 2 - 80) + 360 * 2 */
}
#swipeReload.swipeReload-state2 {
	transition: top 0.5s ease;
}

@-webkit-keyframes swipeLoader {
	0% {
		-webkit-transform:rotate(920deg);
		transform:rotate(920deg);
	}
	100% {
		-webkit-transform:rotate(1280deg);
		transform:rotate(1280deg);
	}
}
@keyframes swipeLoader {
	0% {
		-webkit-transform:rotate(920deg);
		transform:rotate(920deg);
	}
	100% {
		-webkit-transform:rotate(1280deg);
		transform:rotate(1280deg);
	}
}