HEX
Server: Apache/2.4.41 (Ubuntu)
System: Linux vm8 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User: afleverb (1000)
PHP: 7.4.33
Disabled: pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Upload Files
File: //var/www/drakkar_site_dev/wp-content/themes/blocksy/static/sass/backend/customizer/modal.scss
.wp-customizer [data-reach-dialog-overlay] {
	z-index: 999999;
	--modal-left: 0;
}

.ct-copy-options-modal,
.ct-export-modal,
.ct-reset-options,
.ct-import-export-modal {
	--modal-width: 500px;
	--modal-min-height: 270px;
	--modal-padding: 45px;
	// text-align: center;

	.close-button {
		display: none;
	}
}

.ct-export-modal,
.ct-copy-options-modal {

	.ct-checkboxes-container {
		margin-top: 5px;
	}

	.ct-modal-actions.has-divider {
		margin-top: 35px;
	}
}

.ct-copy-options-modal {

	.ct-checkboxes-container {
		margin-bottom: 1.5em;
	}
}


// GDPR fonts modal
.ct-gdpr-fonts-notice {
	--modal-width: 550px;
	--modal-min-height: 400px;
	--modal-padding: 45px;
	text-align: center;

	i {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto 20px auto;
		width: 50px;
		height: 50px;
		background: #fff;
		border-radius: 100%;
		border: 2px solid #DEECF3;

		svg {
			fill: var(--ui-accent-color);
			animation: ring-shake 5s ease-in-out infinite;
			transform-origin: 50% 0%;
		}
	}

	.ct-modal-actions.has-divider {
		padding-top: 30px;
	}

	.ct-checkbox-container {
		grid-column: 1/-1;
		justify-content: center;
		padding: 0 0 30px 0;
	}

	.close-button {
		display: none;
	}
}

@keyframes ring-shake {
	0% {  transform: rotate(-15deg) }
	2% {  transform: rotate(15deg) }
	4% {  transform: rotate(-18deg) }
	6% {  transform: rotate(18deg) }
	8% {  transform: rotate(-22deg) }
	10% {  transform: rotate(22deg) }
	12% {  transform: rotate(-18deg) }
	14% {  transform: rotate(18deg) }
	16% {  transform: rotate(-12deg) }
	18% {  transform: rotate(12deg) }
	20% {  transform: rotate(0deg) }
	100% {  transform: rotate(0deg) }
}


// onboarding modal
.ct-onboarding-button {
	margin-bottom: -10px;

	button {
		width: 100%;
	}
}

.ct-onboarding-modal {
	--modal-width: 500px;
	--modal-min-height: 360px;

	text-align: center;

	.close-button {
		display: none;
	}

	svg {
		width: 55px;
		height: 55px;
		margin: 0 auto 25px auto;
	}
	
	h2 {
		color: #3e5667;
	}

	button {
		--ui-button-height: 42px;
		--ui-button-padding: 20px;
		--ui-button-font-size: 14px;
	}
}