/* codex_start [CODEX - 2026-07-15 06:45:00] */
.webit-social-frame {
	position: relative;
	width: 100%;
	min-height: var(--webit-social-frame-minimum-height, 120px);
	background: transparent;
	border: 0;
	color: inherit;
}

.webit-social-frame__iframe {
	display: block;
	width: 100%;
	height: var(--webit-social-frame-minimum-height, 120px);
	min-height: var(--webit-social-frame-minimum-height, 120px);
	border: 0;
	background: transparent;
}

.webit-social-frame--loading .webit-social-frame__iframe { /* [CODEX - 2026-07-17 00:14:00] */
	visibility: hidden; /* [CODEX - 2026-07-17 00:14:00] */
} /* [CODEX - 2026-07-17 00:14:00] */

.webit-social-frame__status {
	position: absolute; /* [CODEX - 2026-07-17 00:14:00] */
	z-index: 2; /* [CODEX - 2026-07-17 00:14:00] */
	inset: 0; /* [CODEX - 2026-07-17 00:14:00] */
	display: grid;
	min-height: var(--webit-social-frame-minimum-height, 120px);
	place-items: center;
	padding: 0;
	text-align: center;
	background: transparent;
}

.webit-social-frame__status[hidden], /* [CODEX - 2026-07-17 04:59:20] */
.webit-social-frame__retry[hidden] { /* [CODEX - 2026-07-17 04:59:20] */
	display: none; /* [CODEX - 2026-07-17 04:59:20] */
} /* [CODEX - 2026-07-17 04:59:20] */

.webit-social-frame__spinner { /* [CODEX - 2026-07-16 22:48:00] */
	display: none; /* [CODEX - 2026-07-16 22:48:00] */
	width: 32px; /* [CODEX - 2026-07-16 22:48:00] */
	height: 32px; /* [CODEX - 2026-07-16 22:48:00] */
	border: 3px solid #d8dedb; /* [CODEX - 2026-07-16 22:48:00] */
	border-top-color: #176b4d; /* [CODEX - 2026-07-16 22:48:00] */
	border-radius: 50%; /* [CODEX - 2026-07-16 22:48:00] */
	animation: webit-social-spin 700ms linear infinite; /* [CODEX - 2026-07-16 22:48:00] */
} /* [CODEX - 2026-07-16 22:48:00] */

.webit-social-frame__status--loading .webit-social-frame__spinner { /* [CODEX - 2026-07-16 22:48:00] */
	display: block; /* [CODEX - 2026-07-16 22:48:00] */
} /* [CODEX - 2026-07-16 22:48:00] */

.webit-social-frame__status--loading .webit-social-frame__status-message { /* [CODEX - 2026-07-16 22:50:00] */
	position: absolute; /* [CODEX - 2026-07-16 22:50:00] */
	width: 1px; /* [CODEX - 2026-07-16 22:50:00] */
	height: 1px; /* [CODEX - 2026-07-16 22:50:00] */
	padding: 0; /* [CODEX - 2026-07-16 22:50:00] */
	margin: -1px; /* [CODEX - 2026-07-16 22:50:00] */
	overflow: hidden; /* [CODEX - 2026-07-16 22:50:00] */
	clip: rect(0, 0, 0, 0); /* [CODEX - 2026-07-16 22:50:00] */
	white-space: nowrap; /* [CODEX - 2026-07-16 22:50:00] */
	border: 0; /* [CODEX - 2026-07-16 22:50:00] */
} /* [CODEX - 2026-07-16 22:50:00] */

@keyframes webit-social-spin { /* [CODEX - 2026-07-16 22:48:00] */
	to { transform: rotate(360deg); } /* [CODEX - 2026-07-16 22:48:00] */
} /* [CODEX - 2026-07-16 22:48:00] */

.webit-social-frame__retry {
	position: absolute;
	left: 50%;
	bottom: 28px;
	transform: translateX(-50%);
	padding: 8px 14px;
	border: 1px solid #285c4d;
	border-radius: 4px;
	background: #285c4d;
	color: #ffffff;
	cursor: pointer;
}

.webit-social-frame--error {
	min-height: 0;
	border: 0;
	background: transparent;
	color: #b32d2e;
}

.webit-social-route-shell {
	width: 100%;
	margin: 0;
	padding: 0;
}
/* codex_end [CODEX - 2026-07-15 06:45:00] */