//
// SweetAlert2
//

// Base
html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):not(.modal-open) {
	overflow-y: initial !important;

	&:not(.sweetalert2-nopadding) {
		padding-right: 0 !important; 
	}
}

// Popup
.swal2-popup {
	background-color: var(--#{$prefix}body-bg);
	padding: 2rem;
	@include border-radius($border-radius);

	.swal2-title {
		font-weight: 500;
		font-size: 1.3rem;
		color: var(--#{$prefix}dark);
	}

	.swal2-html-container,
	.swal2-content {
		font-weight: normal;
		font-size: 1.1rem;
		margin-top: 1.5rem;
		color: var(--#{$prefix}gray-800);
	}

	.btn {
		margin: 15px 5px 0;
	}

	.swal2-styled {
		&:focus {
			box-shadow: none;
		}
	}

	.swal2-actions {
		margin: 1.5rem auto 1rem auto;
	}
}

// Container
.swal2-container {
	overflow-y: hidden !important;

	&.swal2-shown {
		background-color: rgba($black, 0.2);
	}

	// Content
	.swal2-html-container {
		max-height: 200px;
		overflow: auto;
	}
}

body.swal2-height-auto {
	height: 100% !important;
}

// State Colors
.swal2-icon {
	// Warning
	&.swal2-warning {
    	border-color: var(--#{$prefix}warning);
    	color: var(--#{$prefix}warning);
	}

	// Error
	&.swal2-error {
    	border-color: var(--#{$prefix}danger);
    	color: var(--#{$prefix}danger);

		[class^=swal2-x-mark-line] {
			background-color: rgba(var(--#{$prefix}danger-rgb), 0.75);
		}
	}

	// Success
	&.swal2-success {
    	border-color: var(--#{$prefix}success);
    	color: var(--#{$prefix}success);

		[class^=swal2-success-line] {
			background-color: var(--#{$prefix}success);
		}

		.swal2-success-ring {
			border-color: rgba(var(--#{$prefix}success-rgb), 0.3);
		}
	}

	// Info
	&.swal2-info {
    	border-color: var(--#{$prefix}info);
    	color: var(--#{$prefix}info);
	}

	// Question
	&.swal2-question {
    	border-color: var(--#{$prefix}primary);
    	color: var(--#{$prefix}primary);
	}
}
