.swal2-popup.swal2-toast { box-sizing: border-box; grid-column: 1/4 !important; grid-row: 1/4 !important; grid-template-columns: min-content auto min-content; padding: 1em; overflow-y: hidden; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(0, 0, 0, .075), 1px 2px 4px rgba(0, 0, 0, .075), 1px 3px 8px rgba(0, 0, 0, .075), 2px 4px 16px rgba(0, 0, 0, .075); pointer-events: all } .swal2-popup.swal2-toast>* { grid-column: 2 } .swal2-popup.swal2-toast .swal2-title { margin: .5em 1em; padding: 0; font-size: 1em; text-align: initial } .swal2-popup.swal2-toast .swal2-loading { justify-content: center } .swal2-popup.swal2-toast .swal2-input { height: 2em; margin: .5em; font-size: 1em } .swal2-popup.swal2-toast .swal2-validation-message { font-size: 1em } .swal2-popup.swal2-toast .swal2-footer { margin: .5em 0 0; padding: .5em 0 0; font-size: .8em } .swal2-popup.swal2-toast .swal2-close { grid-column: 3/3; grid-row: 1/99; align-self: center; width: .8em; height: .8em; margin: 0; font-size: 2em } .swal2-popup.swal2-toast .swal2-html-container { margin: .5em 1em; padding: 0; overflow: initial; font-size: 1em; text-align: initial } .swal2-popup.swal2-toast .swal2-html-container:empty { padding: 0 } .swal2-popup.swal2-toast .swal2-loader { grid-column: 1; grid-row: 1/99; align-self: center; width: 2em; height: 2em; margin: .25em } .swal2-popup.swal2-toast .swal2-icon { grid-column: 1; grid-row: 1/99; align-self: center; width: 2em; min-width: 2em; height: 2em; margin: 0 .5em 0 0 } .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: .875em; width: 1.375em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: .3125em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: .3125em } .swal2-popup.swal2-toast .swal2-actions { justify-content: flex-start; height: auto; margin: 0; margin-top: .5em; padding: 0 .5em } .swal2-popup.swal2-toast .swal2-styled { margin: .25em .5em; padding: .4em .6em; font-size: 1em } .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86 } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 1.6em; height: 3em; transform: rotate(45deg); border-radius: 50% } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.25em; left: .9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0 } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: .4375em; width: .4375em; height: 2.6875em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { height: .3125em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { top: 1.125em; left: .1875em; width: .75em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { top: .9375em; right: .1875em; width: 1.375em } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-toast-animate-success-line-tip .75s } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-toast-animate-success-line-long .75s } .swal2-popup.swal2-toast.swal2-show { animation: swal2-toast-show .5s } .swal2-popup.swal2-toast.swal2-hide { animation: swal2-toast-hide .1s forwards } .swal2-container { display: grid; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; grid-template-areas: "top-start top top-end""center-start center center-end""bottom-start bottom-center bottom-end"; grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto); height: 100%; padding: .625em; overflow-x: hidden; transition: background-color .1s; -webkit-overflow-scrolling: touch } .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { background: rgba(0, 0, 0, .4) } .swal2-container.swal2-backdrop-hide { background: rgba(0, 0, 0, 0) !important } .swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start { grid-template-columns: minmax(0, 1fr) auto auto } .swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom { grid-template-columns: auto minmax(0, 1fr) auto } .swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end { grid-template-columns: auto auto minmax(0, 1fr) } .swal2-container.swal2-top-start>.swal2-popup { align-self: start } .swal2-container.swal2-top>.swal2-popup { grid-column: 2; align-self: start; justify-self: center } .swal2-container.swal2-top-end>.swal2-popup, .swal2-container.swal2-top-right>.swal2-popup { grid-column: 3; align-self: start; justify-self: end } .swal2-container.swal2-center-start>.swal2-popup, .swal2-container.swal2-center-left>.swal2-popup { grid-row: 2; align-self: center } .swal2-container.swal2-center>.swal2-popup { grid-column: 2; grid-row: 2; align-self: center; justify-self: center } .swal2-container.swal2-center-end>.swal2-popup, .swal2-container.swal2-center-right>.swal2-popup { grid-column: 3; grid-row: 2; align-self: center; justify-self: end } .swal2-container.swal2-bottom-start>.swal2-popup, .swal2-container.swal2-bottom-left>.swal2-popup { grid-column: 1; grid-row: 3; align-self: end } .swal2-container.swal2-bottom>.swal2-popup { grid-column: 2; grid-row: 3; justify-self: center; align-self: end } .swal2-container.swal2-bottom-end>.swal2-popup, .swal2-container.swal2-bottom-right>.swal2-popup { grid-column: 3; grid-row: 3; align-self: end; justify-self: end } .swal2-container.swal2-grow-row>.swal2-popup, .swal2-container.swal2-grow-fullscreen>.swal2-popup { grid-column: 1/4; width: 100% } .swal2-container.swal2-grow-column>.swal2-popup, .swal2-container.swal2-grow-fullscreen>.swal2-popup { grid-row: 1/4; align-self: stretch } .swal2-container.swal2-no-transition { transition: none !important } .swal2-popup { display: none; position: relative; box-sizing: border-box; grid-template-columns: minmax(0, 100%); width: 32em; max-width: 100%; padding: 0 0 1.25em; border: none; border-radius: 5px; background: #fff; color: #545454; font-family: inherit; font-size: 1rem } .swal2-popup:focus { outline: none } .swal2-popup.swal2-loading { overflow-y: hidden } .swal2-title { position: relative; max-width: 100%; margin: 0; padding: .8em 1em 0; color: inherit; font-size: 1.875em; font-weight: 400; text-align: center; text-transform: none; word-wrap: break-word } .swal2-actions { display: flex; z-index: 1; box-sizing: border-box; flex-wrap: wrap; align-items: center; justify-content: center; width: auto; margin: 1.25em auto 0; padding: 0 } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: .4 } .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) } .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) } .swal2-loader { display: none; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin: 0 1.875em; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border-width: .25em; border-style: solid; border-radius: 100%; border-color: #2778c4 rgba(0, 0, 0, 0) #2778c4 rgba(0, 0, 0, 0) } .swal2-styled { margin: .3125em; padding: .625em 1.1em; transition: box-shadow .1s; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0); font-weight: 500 } .swal2-styled:not([disabled]) { cursor: pointer } .swal2-styled.swal2-confirm { border: 0; border-radius: .25em; background: initial; background-color: #9588e8; color: #fff !important; font-size: 1em } .swal2-styled.swal2-confirm:focus { box-shadow: 0 0 0 3px rgb(119 105 201 / 26%); } .swal2-styled.swal2-deny { border: 0; border-radius: .25em; background: initial; background-color: #dc3741; color: #fff; font-size: 1em } .swal2-styled.swal2-deny:focus { box-shadow: 0 0 0 3px rgba(220, 55, 65, .5); } .swal2-styled.swal2-cancel { border: 0; border-radius: .25em; background: initial; background-color: #9588e8; animation: 1s ease 0s infinite normal none running pulsingShadow; box-shadow: rgba(169, 166, 248, 0.5) 0px 0px 0px 0px; color: #fff; font-size: 1em; } .swal2-styled.swal2-cancel:focus { box-shadow: 0 0 0 3px rgba(110, 120, 129, .5) } .swal2-styled.swal2-default-outline:focus { box-shadow: 0 0 0 3px rgba(100, 150, 200, .5) } .swal2-styled:focus { outline: none } .swal2-styled::-moz-focus-inner { border: 0 } .swal2-footer { justify-content: center; margin: 1em 0 0; padding: 1em 1em 0; border-top: 1px solid #eee; color: inherit; font-size: 1em } .swal2-timer-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; grid-column: auto !important; overflow: hidden; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px } .swal2-timer-progress-bar { width: 100%; height: .25em; background: rgba(0, 0, 0, .2) } .swal2-image { max-width: 100%; margin: 2em auto 1em } .swal2-close { z-index: 2; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; margin-top: 0; margin-right: 0; margin-bottom: -1.2em; padding: 0; overflow: hidden; transition: color .1s, box-shadow .1s; border: none; border-radius: 5px; background: rgba(0, 0, 0, 0); color: #ccc; font-family: serif; font-family: monospace; font-size: 2.5em; cursor: pointer; justify-self: end } .swal2-close:hover { transform: none; background: rgba(0, 0, 0, 0); color: #f27474 } .swal2-close:focus { outline: none; box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5) } .swal2-close::-moz-focus-inner { border: 0 } .swal2-html-container { z-index: 1; justify-content: center; margin: 1em 1.6em .3em; padding: 0; overflow: auto; color: inherit; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; word-wrap: break-word; word-break: break-word } .swal2-input, .swal2-file, .swal2-textarea, .swal2-select, .swal2-radio, .swal2-checkbox { margin: 1em 2em 3px } .swal2-input, .swal2-file, .swal2-textarea { box-sizing: border-box; width: auto; transition: border-color .1s, box-shadow .1s; border: 1px solid #d9d9d9; border-radius: .1875em; background: rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(0, 0, 0, 0); color: inherit; font-size: 1.125em } .swal2-input.swal2-inputerror, .swal2-file.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important } .swal2-input:focus, .swal2-file:focus, .swal2-textarea:focus { border: 1px solid #b4dbed; outline: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5) } .swal2-input::placeholder, .swal2-file::placeholder, .swal2-textarea::placeholder { color: #ccc } .swal2-range { margin: 1em 2em 3px; background: #fff } .swal2-range input { width: 80% } .swal2-range output { width: 20%; color: inherit; font-weight: 400; text-align: center } .swal2-range input, .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em } .swal2-input { height: 2.625em; padding: 0 .75em } .swal2-file { width: 75%; margin-right: auto; margin-left: auto; background: rgba(0, 0, 0, 0); font-size: 1.125em } .swal2-textarea { height: 6.75em; padding: .75em } .swal2-select { min-width: 50%; max-width: 100%; padding: .375em .625em; background: rgba(0, 0, 0, 0); color: inherit; font-size: 1.125em } .swal2-radio, .swal2-checkbox { align-items: center; justify-content: center; background: #fff; color: inherit } .swal2-radio label, .swal2-checkbox label { margin: 0 .6em; font-size: 1.125em } .swal2-radio input, .swal2-checkbox input { flex-shrink: 0; margin: 0 .4em } .swal2-input-label { display: flex; justify-content: center; margin: 1em auto 0 } .swal2-validation-message { align-items: center; justify-content: center; margin: 1em 0 0; padding: .625em; overflow: hidden; background: #f0f0f0; color: #666; font-size: 1em; font-weight: 300 } .swal2-validation-message::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 .625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 400; line-height: 1.5em; text-align: center } .swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 2.5em auto .6em; border: 0.25em solid rgba(0, 0, 0, 0); border-radius: 50%; border-color: #000; font-family: inherit; line-height: 5em; cursor: default; user-select: none } .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em } .swal2-icon.swal2-error { border-color: #f27474; color: #f27474 } .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1 } .swal2-icon.swal2-error [class^=swal2-x-mark-line] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: .3125em; border-radius: .125em; background-color: #f27474 } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; transform: rotate(45deg) } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; transform: rotate(-45deg) } .swal2-icon.swal2-error.swal2-icon-show { animation: swal2-animate-error-icon .5s } .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { animation: swal2-animate-error-x-mark .5s } .swal2-icon.swal2-warning { border-color: #facea8; color: #f8bb86 } .swal2-icon.swal2-warning.swal2-icon-show { animation: swal2-animate-error-icon .5s } .swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content { animation: swal2-animate-i-mark .5s } .swal2-icon.swal2-info { border-color: #9de0f6; color: #3fc3ee } .swal2-icon.swal2-info.swal2-icon-show { animation: swal2-animate-error-icon .5s } .swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content { animation: swal2-animate-i-mark .8s } .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd } .swal2-icon.swal2-question.swal2-icon-show { animation: swal2-animate-error-icon .5s } .swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content { animation: swal2-animate-question-mark .8s } .swal2-icon.swal2-success { border-color: #a5dc86; color: #a5dc86 } .swal2-icon.swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50% } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0 } .swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: .25em solid rgba(165, 220, 134, .3); border-radius: 50% } .swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: .5em; left: 1.625em; width: .4375em; height: 5.625em; transform: rotate(-45deg) } .swal2-icon.swal2-success [class^=swal2-success-line] { display: block; position: absolute; z-index: 2; height: .3125em; border-radius: .125em; background-color: #a5dc86 } .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 2.875em; left: .8125em; width: 1.5625em; transform: rotate(45deg) } .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 2.375em; right: .5em; width: 2.9375em; transform: rotate(-45deg) } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-animate-success-line-tip .75s } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-animate-success-line-long .75s } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: swal2-rotate-success-circular-line 4.25s ease-in } .swal2-progress-steps { flex-wrap: wrap; align-items: center; max-width: 100%; margin: 1.25em auto; padding: 0; background: rgba(0, 0, 0, 0); font-weight: 400 } .swal2-progress-steps li { display: inline-block; position: relative } .swal2-progress-steps .swal2-progress-step { z-index: 20; flex-shrink: 0; width: 2em; height: 2em; border-radius: 2em; background: #2778c4; color: #fff; line-height: 2em; text-align: center } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #2778c4 } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step { background: #add8e6; color: #fff } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line { background: #add8e6 } .swal2-progress-steps .swal2-progress-step-line { z-index: 10; flex-shrink: 0; width: 2.5em; height: .4em; margin: 0 -1px; background: #2778c4 } [class^=swal2] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .swal2-show { animation: swal2-show .3s } .swal2-hide { animation: swal2-hide .15s forwards } .swal2-noanimation { transition: none } .swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } .swal2-rtl .swal2-close { margin-right: initial; margin-left: 0 } .swal2-rtl .swal2-timer-progress-bar { right: 0; left: auto } @keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg) } 33% { transform: translateY(0) rotateZ(-2deg) } 66% { transform: translateY(0.3125em) rotateZ(2deg) } 100% { transform: translateY(0) rotateZ(0deg) } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0 } } @keyframes swal2-toast-animate-success-line-tip { 0% { top: .5625em; left: .0625em; width: 0 } 54% { top: .125em; left: .125em; width: 0 } 70% { top: .625em; left: -0.25em; width: 1.625em } 84% { top: 1.0625em; left: .75em; width: .5em } 100% { top: 1.125em; left: .1875em; width: .75em } } @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0 } 65% { top: 1.25em; right: .9375em; width: 0 } 84% { top: .9375em; right: 0; width: 1.125em } 100% { top: .9375em; right: .1875em; width: 1.375em } } @keyframes swal2-show { 0% { transform: scale(0.7) } 45% { transform: scale(1.05) } 80% { transform: scale(0.95) } 100% { transform: scale(1) } } @keyframes swal2-hide { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(0.5); opacity: 0 } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: .0625em; width: 0 } 54% { top: 1.0625em; left: .125em; width: 0 } 70% { top: 2.1875em; left: -0.375em; width: 3.125em } 84% { top: 3em; left: 1.3125em; width: 1.0625em } 100% { top: 2.8125em; left: .8125em; width: 1.5625em } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0 } 65% { top: 3.375em; right: 2.875em; width: 0 } 84% { top: 2.1875em; right: 0; width: 3.4375em } 100% { top: 2.375em; right: .5em; width: 2.9375em } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg) } 5% { transform: rotate(-45deg) } 12% { transform: rotate(-405deg) } 100% { transform: rotate(-405deg) } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0 } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0 } 80% { margin-top: -0.375em; transform: scale(1.15) } 100% { margin-top: 0; transform: scale(1); opacity: 1 } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0 } 100% { transform: rotateX(0deg); opacity: 1 } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @keyframes swal2-animate-question-mark { 0% { transform: rotateY(-360deg) } 100% { transform: rotateY(0) } } @keyframes swal2-animate-i-mark { 0% { transform: rotateZ(45deg); opacity: 0 } 25% { transform: rotateZ(-25deg); opacity: .4 } 50% { transform: rotateZ(15deg); opacity: .8 } 75% { transform: rotateZ(-5deg); opacity: 1 } 100% { transform: rotateX(0); opacity: 1 } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden } body.swal2-height-auto { height: auto !important } body.swal2-no-backdrop .swal2-container { background-color: rgba(0, 0, 0, 0) !important; pointer-events: none } body.swal2-no-backdrop .swal2-container .swal2-popup { pointer-events: all } body.swal2-no-backdrop .swal2-container .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, .4) } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] { display: none } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important } } body.swal2-toast-shown .swal2-container { box-sizing: border-box; width: 360px; max-width: 100%; background-color: rgba(0, 0, 0, 0); pointer-events: none } body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto } body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { top: 0; right: auto; bottom: auto; left: 0 } body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { top: 50%; right: auto; bottom: auto; left: 0; transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%) } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { top: auto; right: auto; bottom: 0; left: 0 } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto } @media screen and (max-width: 600px) { .swal2-title { font-size: 24px; } } body.swal2-toast-shown .swal2-container.swal2-center { top: 0px; right: 0px; bottom: 0px; left: 0px; transform: none; } body.swal2-toast-shown .swal2-container { display: flex; flex: 1; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); } body.swal2-toast-shown .swal2-container>div { width: unset !important; }