✏️ Editing: modal.scss Writable

.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;
	}
}

🔐 Sid Gifari File Manager Pro