.sclc-preview-notice,
.sclc-withdrawal-form,
.sclc-withdrawal-confirmation {
	color: #f5f1ff;
}

.sclc-preview-notice {
	padding: 12px 16px;
	border: 1px solid rgba(124, 92, 255, 0.45);
	border-radius: 8px;
	background: rgba(124, 92, 255, 0.1);
}

.sclc-withdrawal-form p {
	margin: 0 0 20px;
}

.sclc-withdrawal-form label {
	display: block;
	color: #eee8ff !important;
	font-weight: 600;
	line-height: 1.45;
}

.sclc-withdrawal-form input:not([type="checkbox"]):not([type="hidden"]),
.sclc-withdrawal-form textarea {
	box-sizing: border-box;
	width: 100%;
	margin-top: 7px;
	padding: 12px 14px;
	color: #171126 !important;
	background: #ffffff !important;
	border: 1px solid rgba(124, 92, 255, 0.55) !important;
	border-radius: 8px;
	box-shadow: none;
}

.sclc-withdrawal-form input:not([type="checkbox"]):not([type="hidden"]):focus,
.sclc-withdrawal-form textarea:focus {
	border-color: #9b83ff !important;
	outline: 3px solid rgba(124, 92, 255, 0.22);
	outline-offset: 1px;
}

.sclc-withdrawal-form input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	accent-color: #7c5cff;
	vertical-align: -3px;
}

.sclc-withdrawal-form button[type="submit"] {
	min-height: 44px;
	padding: 11px 20px;
	color: #ffffff !important;
	background: #7c5cff !important;
	border: 1px solid #9b83ff !important;
	border-radius: 8px;
	font-weight: 700;
}

.sclc-withdrawal-form button[type="submit"]:hover,
.sclc-withdrawal-form button[type="submit"]:focus {
	background: #6d4df2 !important;
}

.sclc-withdrawal-confirmation {
	padding: 20px 22px;
	border: 1px solid rgba(124, 92, 255, 0.55);
	border-left: 4px solid #ffae00;
	border-radius: 10px;
	background: #151024;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

.sclc-withdrawal-confirmation strong {
	display: block;
	margin-bottom: 8px;
	color: #ffffff;
	font-size: 1.15rem;
}

.sclc-withdrawal-confirmation p {
	margin: 6px 0 0;
	color: #ddd5ef;
}

.sclc-withdrawal-confirmation .sclc-withdrawal-confirmation__warning {
	color: #ffd781;
}

.sclc-withdrawal-toast {
	position: fixed;
	right: 24px;
	bottom: 76px;
	z-index: 100000;
	box-sizing: border-box;
	width: min(430px, calc(100vw - 32px));
	padding: 20px 48px 20px 22px;
	color: #f5f1ff;
	background: #151024;
	border: 1px solid rgba(124, 92, 255, 0.7);
	border-left: 4px solid #ffae00;
	border-radius: 12px;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.42);
	animation: sclc-withdrawal-toast-in 220ms ease-out both;
}

.sclc-withdrawal-toast strong {
	display: block;
	margin-bottom: 7px;
	color: #ffffff;
	font-size: 1.08rem;
}

.sclc-withdrawal-toast p {
	margin: 5px 0 0;
	color: #ddd5ef;
	font-size: 0.94rem;
	line-height: 1.5;
}

.sclc-withdrawal-toast .sclc-withdrawal-toast__mail {
	color: #bdebd7;
}

.sclc-withdrawal-toast .sclc-withdrawal-toast__mail--warning {
	color: #ffd781;
}

.sclc-withdrawal-toast__close {
	position: absolute;
	top: 9px;
	right: 10px;
	width: 34px;
	height: 34px;
	padding: 0;
	color: #e9e2f8;
	background: transparent;
	border: 0;
	border-radius: 7px;
	font-size: 27px;
	line-height: 30px;
	cursor: pointer;
}

.sclc-withdrawal-toast__close:hover,
.sclc-withdrawal-toast__close:focus-visible {
	color: #ffffff;
	background: rgba(124, 92, 255, 0.24);
	outline: 2px solid #ffae00;
	outline-offset: 1px;
}

.sclc-withdrawal-toast--closing {
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 180ms ease, transform 180ms ease;
}

@keyframes sclc-withdrawal-toast-in {
	from {
		opacity: 0;
		transform: translateY(12px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 600px) {
	.sclc-withdrawal-toast {
		right: 16px;
		bottom: 72px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sclc-withdrawal-toast {
		animation: none;
	}

	.sclc-withdrawal-toast--closing {
		transition: none;
	}
}