html:not([class*="et-fb-preview"]) {
	&:has(#page-loading) {
		overflow: hidden;
		scrollbar-gutter: unset !important;
	}

	& > body {
		& > #page-loading {
			opacity: 1;
			pointer-events: none;
			transition: opacity 250ms ease-in-out;

			& > #fullscreen-loader {
				color: white;
				position: fixed;
				inset: 0;
				z-index: calc(1e10);
				display: grid;
				align-items: center;
				justify-content: center;
				pointer-events: all;

				& .pulse-loader {
					--uib-size: 150px;
					--uib-color: white;
					--uib-speed: 2s;
					position: relative;
					height: var(--uib-size);
					width: var(--uib-size);
				}

				& .pulse-loader::before,
				& .pulse-loader::after {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					border-radius: 50%;
					background-color: var(--uib-color);
					animation: pulse var(--uib-speed) linear infinite;
					transform: scale(0);
					opacity: 0;
					transition: background-color 0.3s ease;
				}

				& .pulse-loader::after {
					animation-delay: calc(var(--uib-speed) / -2);
				}

				&::before {
					content: "";
					display: block;
					background-color: black;
					position: absolute;
					inset: 0;
				}
			}
		}
	}

	@media (max-width: 980px) {
		& .et-db #et-boc .et-l {
			& .et_pb_section,
			& .et_pb_row {
				padding-block: 0em;
			}
		}
	}

	@media (min-width: 981px) {
		& .et-db #et-boc .et-l {
			& .et_pb_section,
			& .et_pb_row {
				padding-block: 0em;
			}

			& .et_pb_row {
				max-width: 1200px;
			}
		}
	}
}

@keyframes pulse {
	0% {
		transform: scale(0);
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 0;
	}
}