@import '~sweetalert2/src/variables';

$swal2-outline-color: transparent;

// POPUP
$swal2-padding: 1.25em;
$swal2-border-radius: .3125em;

// BACKGROUND
$swal2-background: $background-secondary;

// ICONS
$swal2-icon-margin: 1.25em auto 1.875em;

// IMAGE
$swal2-image-margin: 1.25em auto;

// TITLE
$swal2-title-margin: 0 0 .4em;
$swal2-title-color: $interactive-hover;

// HTML CONTAINER
$swal2-html-container-margin: 0;
$swal2-html-container-color: $interactive-hover;

// INPUT
$swal2-input-margin: 1em auto;
$swal2-input-width: 100%;
$swal2-input-box-shadow: inset 0 1px 1px rgba($swal2-black, .06);
$swal2-input-focus-box-shadow: 0 0 3px #c4e6f5;

// PROGRESS STEPS
$swal2-progress-steps-background: inherit;
$swal2-progress-steps-margin: 0 0 1.25em;
$swal2-active-step-background: #3085d6;

// FOOTER
$swal2-footer-margin: 1.25em 0 0;
$swal2-footer-padding: 1em 0 0;
$swal2-footer-color: lighten($swal2-black, 33);

// CLOSE BUTTON
$swal2-close-button-transition: color .1s ease-out;
$swal2-close-button-border-radius: 0;
$swal2-close-button-outline: initial;
$swal2-close-button-color: lighten($swal2-black, 80);

// ACTIONS
$swal2-actions-width: 100%;

// COMMON VARIABLES FOR CONFIRM AND CANCEL BUTTONS
$swal2-button-focus-box-shadow: 0 0 0 1px $swal2-background, 0 0 0 3px $swal2-outline-color;

// CONFIRM BUTTON
$swal2-confirm-button-background-color: $background-tertiary;
$swal2-confirm-button-font-size: 1.0625em;
$swal2-confirm-button-focus-box-shadow: 0 0 0 3px rgba($swal2-confirm-button-background-color, .5);

// CANCEL BUTTON
$swal2-cancel-button-background-color: $background-floating;
$swal2-cancel-button-font-size: 1.0625em;
$swal2-cancel-button-focus-box-shadow: 0 0 0 3px rgba($swal2-cancel-button-background-color, .5);

// TOASTS
$swal2-toast-box-shadow: 0 0 .625em #d9d9d9;
$swal2-toast-width: auto;
$swal2-toast-padding: .625em;
$swal2-toast-title-margin: 0 .6em;

@import "~sweetalert2/src/sweetalert2.scss";
