/*! * SweetAlert2 Original Material Theme * From SweetAlert2 v10.15.7 * Released under the MIT License. * Font Awesome 5.15.3 is packed with Font Awesome Free License, see at https://fontawesome.com/license/free * This package includes no Font Awesome Brand Icon. * Copyright (c) 2021 Cutls */ @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-regular-400.eot); src: url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-regular-400.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-regular-400.woff2) format('woff2'), url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-regular-400.woff) format('woff'), url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-regular-400.ttf) format('truetype'), url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-regular-400.svg#fontawesome) format('svg') } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-solid-900.eot); src: url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-solid-900.eot?#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-solid-900.woff2) format('woff2'), url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-solid-900.woff) format('woff'), url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-solid-900.ttf) format('truetype'), url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/webfonts/fa-solid-900.svg#fontawesome) format('svg') } .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: .625em; overflow-y: hidden; background: #fff; box-shadow: 0 0 .625em #d9d9d9 } .swal2-popup.swal2-toast .swal2-header { flex-direction: row; padding: 0 } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; 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 { position: static; width: .8em; height: .8em; line-height: .8 } .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; padding: 0; font-size: 1em } .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0 } .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: 700 } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { font-size: .25em } } .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 { flex-basis: auto!important; width: auto; height: auto; margin: 0 .3125em; padding: 0 } .swal2-popup.swal2-toast .swal2-styled { margin: .125em .3125em; padding: .325em 2em; 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: -.8em; left: -.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: -.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 { -webkit-animation: swal2-toast-animate-success-line-tip .75s; animation: swal2-toast-animate-success-line-tip .75s } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { -webkit-animation: swal2-toast-animate-success-line-long .75s; animation: swal2-toast-animate-success-line-long .75s } .swal2-popup.swal2-toast.swal2-show { -webkit-animation: swal2-toast-show .5s; animation: swal2-toast-show .5s } .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: swal2-toast-hide .1s forwards; animation: swal2-toast-hide .1s forwards } .swal2-container { display: flex; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; 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: 0 0!important } .swal2-container.swal2-top { align-items: flex-start } .swal2-container.swal2-top-left, .swal2-container.swal2-top-start { align-items: flex-start; justify-content: flex-start } .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end } .swal2-container.swal2-center { align-items: center } .swal2-container.swal2-center-left, .swal2-container.swal2-center-start { align-items: center; justify-content: flex-start } .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end } .swal2-container.swal2-bottom { align-items: flex-end } .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start { align-items: flex-end; justify-content: flex-start } .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end } .swal2-container.swal2-bottom-end>:first-child, .swal2-container.swal2-bottom-left>:first-child, .swal2-container.swal2-bottom-right>:first-child, .swal2-container.swal2-bottom-start>:first-child, .swal2-container.swal2-bottom>:first-child { margin-top: auto } .swal2-container.swal2-grow-fullscreen>.swal2-modal { display: flex!important; flex: 1; align-self: stretch; justify-content: center } .swal2-container.swal2-grow-row>.swal2-modal { display: flex!important; flex: 1; align-content: center; justify-content: center } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column } .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top { align-items: center } .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start { align-items: flex-start } .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right { align-items: flex-end } .swal2-container.swal2-grow-column>.swal2-modal { display: flex!important; flex: 1; align-content: center; justify-content: center } .swal2-container.swal2-no-transition { transition: none!important } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal { margin: auto } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .swal2-container .swal2-modal { margin: 0!important } } .swal2-popup { display: none; position: relative; box-sizing: border-box; flex-direction: column; width: 32em; max-width: 100%; border: none; border-radius: 5px; background: #fff; font-family: inherit; font-size: 1rem } .swal2-popup:focus { outline: 0 } .swal2-popup.swal2-loading { overflow-y: hidden } .swal2-header { display: flex; align-items: center; margin-bottom: .5em; padding: 1em 1.5em .5em; background-color: #e0e0e0 } .swal2-title { position: relative; max-width: 100%; padding: 0; color: #595959; font-size: 1.5em; font-weight: 500; 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: flex-end; width: 100%; border-top: thin solid #e0e0e0; margin: .8em auto 0; padding: 0 1em } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: .4 } .swal2-loader { display: none; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin: 1em; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border-width: .25em; border-style: solid; border-radius: 100%; border-color: #2778c4 transparent #2778c4 transparent } .swal2-styled { margin: .3125em; padding: .325em .5em; box-shadow: none; font-weight: 500; font-size: 1.2em } .swal2-styled:not([disabled]) { cursor: pointer } .swal2-styled.swal2-confirm { border: 1px solid; border-radius: .25em; background-color: transparent; color: #73b5ff; transition-duration: .28s } .swal2-styled.swal2-confirm:hover { filter: brightness(0.7); } .swal2-styled.swal2-deny { border: 1px solid; border-radius: .25em; background-color: transparent; color: #ff7272; transition-duration: .28s } .swal2-styled.swal2-deny:hover { filter: brightness(0.7); } .swal2-styled.swal2-cancel { border: 1px solid; border-radius: .25em; background-color: transparent; color: #ff7272; transition-duration: .28s } .swal2-styled.swal2-cancel:hover { filter: brightness(0.7); } .swal2-styled:focus { outline: 0 } .swal2-styled::-moz-focus-inner { border: 0 } .swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #eee; color: #545454; font-size: 1em } .swal2-timer-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; height: .25em; 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: 100px } .swal2-close { position: absolute; z-index: 2; top: 0; right: 0; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; overflow: hidden; transition: color .1s ease-out; border: none; border-radius: 5px; background: 0 0; color: #ccc; font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer } .swal2-close:hover { transform: none; background: 0 0; color: #f27474 } .swal2-close:focus { outline: 0; box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5) } .swal2-close::-moz-focus-inner { border: 0 } .swal2-content { z-index: 1; justify-content: center; margin: 0; padding: 0 1.5em; color: #545454; font-weight: 400; line-height: normal; word-wrap: break-word } .swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea { margin: 1em auto } .swal2-file, .swal2-input, .swal2-textarea { box-sizing: border-box; width: 100%; transition: border-color .3s, box-shadow .3s; border: 1px solid #d9d9d9; border-radius: .1875em; background: inherit; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06); color: inherit; font-size: 1.125em } .swal2-file.swal2-inputerror, .swal2-input.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #f27474!important; box-shadow: 0 0 2px #f27474!important } .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus { border: 0; border-bottom: 2px solid #459bc4; outline: 0 } .swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder { color: #ccc } .swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder { color: #ccc } .swal2-file::placeholder, .swal2-input::placeholder, .swal2-textarea::placeholder { color: #ccc } .swal2-range { margin: 1em auto; background: #fff } .swal2-range input { width: 80% } .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center } .swal2-range input, .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em } .swal2-input { border: 0; box-shadow: none; border-bottom: 2px solid #9a9a9a; border-radius: 0; transition-delay: .3s } .swal2-input[type=number] { max-width: 10em } .swal2-file { background: inherit; font-size: 1.125em } .swal2-textarea { height: 6.75em; padding: .75em } .swal2-select { min-width: 50%; max-width: 100%; padding: .375em .625em; background: inherit; color: inherit; font-size: 1.125em } .swal2-checkbox, .swal2-radio { align-items: center; justify-content: center; background: #fff; color: inherit } .swal2-checkbox label, .swal2-radio label { margin: 0 .6em; font-size: 1.125em } .swal2-checkbox input, .swal2-radio input { margin: 0 .4em } .swal2-input-label { display: flex; justify-content: center; margin: 1em auto } .swal2-validation-message { align-items: center; justify-content: center; margin: 0 -2.7em; 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: 600; line-height: 1.5em; text-align: center } .swal2-icon:before { font-family: 'Font Awesome 5 Free'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; color: var(--text); position: relative; font-size: 1.5em; top: 1.7rem; left: 1rem; } .swal2-icon { position: relative; box-sizing: content-box; padding-top: .1em; justify-content: center; width: 2em; height: 1.7em; margin-right: .3em; border-radius: 50%; background-color: transparent; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.5em } .swal2-icon.swal2-error { border-color: #f27474; color: #f27474 } .swal2-icon.swal2-error .swal2-x-mark { display: none } .swal2-icon.swal2-error [class^=swal2-x-mark-line] { display: block; position: absolute; top: .75em; width: 1.1em; height: .2em; border-radius: .125em; background-color: #fff } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: .45em; transform: rotate(45deg) } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { left: .45em; transform: rotate(-45deg) } .swal2-icon.swal2-error.swal2-icon-show { -webkit-animation: swal2-animate-error-icon .5s; animation: swal2-animate-error-icon .5s } .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark .5s; animation: swal2-animate-error-x-mark .5s } .swal2-icon.swal2-warning:before { content: '\f071' } .swal2-icon.swal2-warning { color: transparent } .swal2-icon.swal2-error:before { content: '\f057' } .swal2-icon.swal2-error { color: transparent } .swal2-icon.swal2-info:before { content: '\f05a' } .swal2-icon.swal2-info { color: transparent } .swal2-icon.swal2-question:before { content: '\f059' } .swal2-icon.swal2-question { color: transparent } .swal2-icon.swal2-success:before { display: inline-block; content: '\f058' } .swal2-icon.swal2-success [class^=swal2-success-circular-line] { display: none } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { display: none } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { display: none } .swal2-icon.swal2-success .swal2-success-ring { display: none } .swal2-icon.swal2-success .swal2-success-fix { display: none } .swal2-icon.swal2-success [class^=swal2-success-line] { display: none } .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { display: none } .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { display: none } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { display: none } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { display: none } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { display: none } .swal2-progress-steps { flex-wrap: wrap; align-items: center; max-width: 100%; margin: 0 0 1.25em; padding: 0; background: inherit; font-weight: 600 } .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: transparent } .swal2-show { -webkit-animation: swal2-show .3s; animation: swal2-show .3s } .swal2-hide { -webkit-animation: swal2-hide .15s forwards; 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 { right: auto; left: 0 } .swal2-rtl .swal2-timer-progress-bar { right: 0; left: auto } @supports (-ms-accelerator:true) { .swal2-range input { width: 100%!important } .swal2-range output { display: none } } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .swal2-range input { width: 100%!important } .swal2-range output { display: none } } @-webkit-keyframes swal2-toast-show { 0% { transform: translateY(-.625em) rotateZ(2deg) } 33% { transform: translateY(0) rotateZ(-2deg) } 66% { transform: translateY(.3125em) rotateZ(2deg) } 100% { transform: translateY(0) rotateZ(0) } } @keyframes swal2-toast-show { 0% { transform: translateY(-.625em) rotateZ(2deg) } 33% { transform: translateY(0) rotateZ(-2deg) } 66% { transform: translateY(.3125em) rotateZ(2deg) } 100% { transform: translateY(0) rotateZ(0) } } @-webkit-keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0 } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0 } } @-webkit-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: -.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-tip { 0% { top: .5625em; left: .0625em; width: 0 } 54% { top: .125em; left: .125em; width: 0 } 70% { top: .625em; left: -.25em; width: 1.625em } 84% { top: 1.0625em; left: .75em; width: .5em } 100% { top: 1.125em; left: .1875em; width: .75em } } @-webkit-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-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 } } @-webkit-keyframes swal2-show { 0% { transform: scale(.5); opacity: 0 } 100% { transform: scale(1); opacity: 1 } } @keyframes swal2-show { 0% { transform: scale(.5); opacity: 0 } 100% { transform: scale(1); opacity: 1 } } @-webkit-keyframes swal2-hide { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(.5); opacity: 0 } } @keyframes swal2-hide { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(.5); opacity: 0 } } @-webkit-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: -.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-tip { 0% { top: 1.1875em; left: .0625em; width: 0 } 54% { top: 1.0625em; left: .125em; width: 0 } 70% { top: 2.1875em; left: -.375em; width: 3.125em } 84% { top: 3em; left: 1.3125em; width: 1.0625em } 100% { top: 2.8125em; left: .8125em; width: 1.5625em } } @-webkit-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-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 } } @-webkit-keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg) } 5% { transform: rotate(-45deg) } 12% { transform: rotate(-405deg) } 100% { transform: rotate(-405deg) } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg) } 5% { transform: rotate(-45deg) } 12% { transform: rotate(-405deg) } 100% { transform: rotate(-405deg) } } @-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(.4); opacity: 0 } 50% { margin-top: 1.625em; transform: scale(.4); opacity: 0 } 80% { margin-top: -.375em; transform: scale(1.15) } 100% { margin-top: 0; transform: scale(1); opacity: 1 } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(.4); opacity: 0 } 50% { margin-top: 1.625em; transform: scale(.4); opacity: 0 } 80% { margin-top: -.375em; transform: scale(1.15) } 100% { margin-top: 0; transform: scale(1); opacity: 1 } } @-webkit-keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0 } 100% { transform: rotateX(0); opacity: 1 } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0 } 100% { transform: rotateX(0); opacity: 1 } } @-webkit-keyframes swal2-rotate-loading { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } 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 { top: auto; right: auto; bottom: auto; left: auto; max-width: calc(100% - .625em * 2); background-color: transparent!important } body.swal2-no-backdrop .swal2-container>.swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, .4) } body.swal2-no-backdrop .swal2-container.swal2-top { top: 0; left: 50%; transform: translateX(-50%) } body.swal2-no-backdrop .swal2-container.swal2-top-left, body.swal2-no-backdrop .swal2-container.swal2-top-start { top: 0; left: 0 } body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right { top: 0; right: 0 } body.swal2-no-backdrop .swal2-container.swal2-center { top: 50%; left: 50%; transform: translate(-50%, -50%) } body.swal2-no-backdrop .swal2-container.swal2-center-left, body.swal2-no-backdrop .swal2-container.swal2-center-start { top: 50%; left: 0; transform: translateY(-50%) } body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right { top: 50%; right: 0; transform: translateY(-50%) } body.swal2-no-backdrop .swal2-container.swal2-bottom { bottom: 0; left: 50%; transform: translateX(-50%) } body.swal2-no-backdrop .swal2-container.swal2-bottom-left, body.swal2-no-backdrop .swal2-container.swal2-bottom-start { bottom: 0; left: 0 } body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right { right: 0; bottom: 0 } @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 { background-color: transparent } 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-left, body.swal2-toast-shown .swal2-container.swal2-top-start { top: 0; right: auto; bottom: auto; left: 0 } body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start { 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-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start { 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 } body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch } body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: .3125em } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center } body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: .3125em auto; font-size: 1em } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em } #swal2-html-container { padding: 10px }