/**
 * H5 pull-to-refresh styles (rev ptr6) — production
 * Indicator-only; no diag FAB styles.
 *======= sanxio app-pull-refresh start ===========
 */
html.sx-ptr-h5,
html.sx-ptr-lock,
html.sx-ptr-h5 body,
html.sx-ptr-lock body {
	overscroll-behavior: none !important;
	overscroll-behavior-y: none !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	-webkit-overflow-scrolling: touch;
}

.sx-ptr-indicator {
	position: fixed;
	top: 10px;
	left: 0;
	right: 0;
	z-index: 10050;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	pointer-events: none;
	opacity: 0;
	transform: translate3d(0, 0, 0);
	will-change: transform, opacity;
}

.sx-ptr-indicator.is-show {
	opacity: 1;
}

.sx-ptr-indicator__inner {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(26, 28, 30, 0.92);
	color: #fff;
	font: 600 12px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.sx-ptr-indicator__icon {
	font-size: 18px;
	line-height: 1;
}

.sx-ptr-indicator.is-loading .sx-ptr-indicator__icon {
	animation: sx-ptr-spin 0.8s linear infinite;
}

@keyframes sx-ptr-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 1024px) {
	.md3-mobile-top-nav,
	.sanxio-mobile-top-nav,
	.md3-top-bar {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
}
/*======= sanxio app-pull-refresh end ===========*/