sweetalert2.css 27 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319
  1. .swal2-popup.swal2-toast {
  2. box-sizing: border-box;
  3. grid-column: 1/4 !important;
  4. grid-row: 1/4 !important;
  5. grid-template-columns: 1fr 99fr 1fr;
  6. padding: 1em;
  7. overflow-y: hidden;
  8. background: #fff;
  9. box-shadow: 0 0 0.625em #d9d9d9;
  10. pointer-events: all;
  11. }
  12. .swal2-popup.swal2-toast > * {
  13. grid-column: 2;
  14. }
  15. .swal2-popup.swal2-toast .swal2-title {
  16. margin: 1em;
  17. padding: 0;
  18. font-size: 1em;
  19. text-align: initial;
  20. }
  21. .swal2-popup.swal2-toast .swal2-loading {
  22. justify-content: center;
  23. }
  24. .swal2-popup.swal2-toast .swal2-input {
  25. height: 2em;
  26. margin: 0.5em;
  27. font-size: 1em;
  28. }
  29. .swal2-popup.swal2-toast .swal2-validation-message {
  30. font-size: 1em;
  31. }
  32. .swal2-popup.swal2-toast .swal2-footer {
  33. margin: 0.5em 0 0;
  34. padding: 0.5em 0 0;
  35. font-size: 0.8em;
  36. }
  37. .swal2-popup.swal2-toast .swal2-close {
  38. grid-column: 3/3;
  39. grid-row: 1/99;
  40. align-self: center;
  41. width: 0.8em;
  42. height: 0.8em;
  43. margin: 0;
  44. font-size: 2em;
  45. }
  46. .swal2-popup.swal2-toast .swal2-html-container {
  47. margin: 1em;
  48. padding: 0;
  49. font-size: 1em;
  50. text-align: initial;
  51. }
  52. .swal2-popup.swal2-toast .swal2-html-container:empty {
  53. padding: 0;
  54. }
  55. .swal2-popup.swal2-toast .swal2-loader {
  56. grid-column: 1;
  57. grid-row: 1/99;
  58. align-self: center;
  59. width: 2em;
  60. height: 2em;
  61. margin: 0.25em;
  62. }
  63. .swal2-popup.swal2-toast .swal2-icon {
  64. grid-column: 1;
  65. grid-row: 1/99;
  66. align-self: center;
  67. width: 2em;
  68. min-width: 2em;
  69. height: 2em;
  70. margin: 0 0.5em 0 0;
  71. }
  72. .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  73. display: flex;
  74. align-items: center;
  75. font-size: 1.8em;
  76. font-weight: bold;
  77. }
  78. .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  79. width: 2em;
  80. height: 2em;
  81. }
  82. .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  83. top: 0.875em;
  84. width: 1.375em;
  85. }
  86. .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  87. left: 0.3125em;
  88. }
  89. .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  90. right: 0.3125em;
  91. }
  92. .swal2-popup.swal2-toast .swal2-actions {
  93. justify-content: flex-start;
  94. height: auto;
  95. margin: 0;
  96. margin-top: 0.3125em;
  97. padding: 0;
  98. }
  99. .swal2-popup.swal2-toast .swal2-styled {
  100. margin: 0.25em 0.5em;
  101. padding: 0.4em 0.6em;
  102. font-size: 1em;
  103. }
  104. .swal2-popup.swal2-toast .swal2-styled:focus {
  105. box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5);
  106. }
  107. .swal2-popup.swal2-toast .swal2-success {
  108. border-color: #a5dc86;
  109. }
  110. .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  111. position: absolute;
  112. width: 1.6em;
  113. height: 3em;
  114. transform: rotate(45deg);
  115. border-radius: 50%;
  116. }
  117. .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  118. top: -0.8em;
  119. left: -0.5em;
  120. transform: rotate(-45deg);
  121. transform-origin: 2em 2em;
  122. border-radius: 4em 0 0 4em;
  123. }
  124. .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  125. top: -0.25em;
  126. left: 0.9375em;
  127. transform-origin: 0 1.5em;
  128. border-radius: 0 4em 4em 0;
  129. }
  130. .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  131. width: 2em;
  132. height: 2em;
  133. }
  134. .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  135. top: 0;
  136. left: 0.4375em;
  137. width: 0.4375em;
  138. height: 2.6875em;
  139. }
  140. .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  141. height: 0.3125em;
  142. }
  143. .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  144. top: 1.125em;
  145. left: 0.1875em;
  146. width: 0.75em;
  147. }
  148. .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  149. top: 0.9375em;
  150. right: 0.1875em;
  151. width: 1.375em;
  152. }
  153. .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  154. -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
  155. animation: swal2-toast-animate-success-line-tip 0.75s;
  156. }
  157. .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  158. -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
  159. animation: swal2-toast-animate-success-line-long 0.75s;
  160. }
  161. .swal2-popup.swal2-toast.swal2-show {
  162. -webkit-animation: swal2-toast-show 0.5s;
  163. animation: swal2-toast-show 0.5s;
  164. }
  165. .swal2-popup.swal2-toast.swal2-hide {
  166. -webkit-animation: swal2-toast-hide 0.1s forwards;
  167. animation: swal2-toast-hide 0.1s forwards;
  168. }
  169. .swal2-container {
  170. display: grid;
  171. position: fixed;
  172. z-index: 1060;
  173. top: 0;
  174. right: 0;
  175. bottom: 0;
  176. left: 0;
  177. box-sizing: border-box;
  178. grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";
  179. grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
  180. grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  181. height: 100%;
  182. padding: 0.625em;
  183. overflow-x: hidden;
  184. transition: background-color 0.1s;
  185. -webkit-overflow-scrolling: touch;
  186. }
  187. .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  188. background: rgba(0, 0, 0, 0.4);
  189. }
  190. .swal2-container.swal2-backdrop-hide {
  191. background: transparent !important;
  192. }
  193. .swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
  194. grid-template-columns: minmax(0, 1fr) auto auto;
  195. }
  196. .swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
  197. grid-template-columns: auto minmax(0, 1fr) auto;
  198. }
  199. .swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
  200. grid-template-columns: auto auto minmax(0, 1fr);
  201. }
  202. .swal2-container.swal2-top-start > .swal2-popup {
  203. align-self: start;
  204. }
  205. .swal2-container.swal2-top > .swal2-popup {
  206. grid-column: 2;
  207. align-self: start;
  208. justify-self: center;
  209. }
  210. .swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
  211. grid-column: 3;
  212. align-self: start;
  213. justify-self: end;
  214. }
  215. .swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
  216. grid-row: 2;
  217. align-self: center;
  218. }
  219. .swal2-container.swal2-center > .swal2-popup {
  220. grid-column: 2;
  221. grid-row: 2;
  222. align-self: center;
  223. justify-self: center;
  224. }
  225. .swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
  226. grid-column: 3;
  227. grid-row: 2;
  228. align-self: center;
  229. justify-self: end;
  230. }
  231. .swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
  232. grid-column: 1;
  233. grid-row: 3;
  234. align-self: end;
  235. }
  236. .swal2-container.swal2-bottom > .swal2-popup {
  237. grid-column: 2;
  238. grid-row: 3;
  239. justify-self: center;
  240. align-self: end;
  241. }
  242. .swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
  243. grid-column: 3;
  244. grid-row: 3;
  245. align-self: end;
  246. justify-self: end;
  247. }
  248. .swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  249. grid-column: 1/4;
  250. width: 100%;
  251. }
  252. .swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  253. grid-row: 1/4;
  254. align-self: stretch;
  255. }
  256. .swal2-container.swal2-no-transition {
  257. transition: none !important;
  258. }
  259. .swal2-popup {
  260. display: none;
  261. position: relative;
  262. box-sizing: border-box;
  263. grid-template-columns: minmax(0, 100%);
  264. width: 32em;
  265. max-width: 100%;
  266. padding: 0 0 1.25em;
  267. border: none;
  268. border-radius: 5px;
  269. background: #fff;
  270. color: #545454;
  271. font-family: inherit;
  272. font-size: 1rem;
  273. }
  274. .swal2-popup:focus {
  275. outline: none;
  276. }
  277. .swal2-popup.swal2-loading {
  278. overflow-y: hidden;
  279. }
  280. .swal2-title {
  281. position: relative;
  282. max-width: 100%;
  283. margin: 0;
  284. padding: 0.8em 1em 0;
  285. color: #595959;
  286. font-size: 1.875em;
  287. font-weight: 600;
  288. text-align: center;
  289. text-transform: none;
  290. word-wrap: break-word;
  291. }
  292. .swal2-actions {
  293. display: flex;
  294. z-index: 1;
  295. box-sizing: border-box;
  296. flex-wrap: wrap;
  297. align-items: center;
  298. justify-content: center;
  299. width: auto;
  300. margin: 1.25em auto 0;
  301. padding: 0;
  302. }
  303. .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  304. opacity: 0.4;
  305. }
  306. .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  307. background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  308. }
  309. .swal2-actions:not(.swal2-loading) .swal2-styled:active {
  310. background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  311. }
  312. .swal2-loader {
  313. display: none;
  314. align-items: center;
  315. justify-content: center;
  316. width: 2.2em;
  317. height: 2.2em;
  318. margin: 0 1.875em;
  319. -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  320. animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  321. border-width: 0.25em;
  322. border-style: solid;
  323. border-radius: 100%;
  324. border-color: #2778c4 transparent #2778c4 transparent;
  325. }
  326. .swal2-styled {
  327. margin: 0.3125em;
  328. padding: 0.625em 1.1em;
  329. transition: box-shadow 0.1s;
  330. box-shadow: 0 0 0 3px transparent;
  331. font-weight: 500;
  332. }
  333. .swal2-styled:not([disabled]) {
  334. cursor: pointer;
  335. }
  336. .swal2-styled.swal2-confirm {
  337. border: 0;
  338. border-radius: 0.25em;
  339. background: initial;
  340. background-color: #7367f0;
  341. color: #fff;
  342. font-size: 1em;
  343. }
  344. .swal2-styled.swal2-confirm:focus {
  345. box-shadow: 0 0 0 3px rgba(115, 103, 240, 0.5);
  346. }
  347. .swal2-styled.swal2-deny {
  348. border: 0;
  349. border-radius: 0.25em;
  350. background: initial;
  351. background-color: #ea5455;
  352. color: #fff;
  353. font-size: 1em;
  354. }
  355. .swal2-styled.swal2-deny:focus {
  356. box-shadow: 0 0 0 3px rgba(234, 84, 85, 0.5);
  357. }
  358. .swal2-styled.swal2-cancel {
  359. border: 0;
  360. border-radius: 0.25em;
  361. background: initial;
  362. background-color: #6e7d88;
  363. color: #fff;
  364. font-size: 1em;
  365. }
  366. .swal2-styled.swal2-cancel:focus {
  367. box-shadow: 0 0 0 3px rgba(110, 125, 136, 0.5);
  368. }
  369. .swal2-styled.swal2-default-outline:focus {
  370. box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
  371. }
  372. .swal2-styled:focus {
  373. outline: none;
  374. }
  375. .swal2-styled::-moz-focus-inner {
  376. border: 0;
  377. }
  378. .swal2-footer {
  379. justify-content: center;
  380. margin: 1em 0 0;
  381. padding: 1em 1em 0;
  382. border-top: 1px solid #eee;
  383. color: #545454;
  384. font-size: 1em;
  385. }
  386. .swal2-timer-progress-bar-container {
  387. position: absolute;
  388. right: 0;
  389. bottom: 0;
  390. left: 0;
  391. grid-column: auto !important;
  392. height: 0.25em;
  393. overflow: hidden;
  394. border-bottom-right-radius: 5px;
  395. border-bottom-left-radius: 5px;
  396. }
  397. .swal2-timer-progress-bar {
  398. width: 100%;
  399. height: 0.25em;
  400. background: rgba(0, 0, 0, 0.2);
  401. }
  402. .swal2-image {
  403. max-width: 100%;
  404. margin: 2em auto 1em;
  405. }
  406. .swal2-close {
  407. z-index: 2;
  408. align-items: center;
  409. justify-content: center;
  410. width: 1.2em;
  411. height: 1.2em;
  412. margin-top: 0;
  413. margin-right: 0;
  414. margin-bottom: -1.2em;
  415. padding: 0;
  416. overflow: hidden;
  417. transition: color 0.1s, box-shadow 0.1s;
  418. border: none;
  419. border-radius: 5px;
  420. background: transparent;
  421. color: #ccc;
  422. font-family: serif;
  423. font-family: monospace;
  424. font-size: 2.5em;
  425. cursor: pointer;
  426. justify-self: end;
  427. }
  428. .swal2-close:hover {
  429. transform: none;
  430. background: transparent;
  431. color: #f27474;
  432. }
  433. .swal2-close:focus {
  434. outline: none;
  435. box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
  436. }
  437. .swal2-close::-moz-focus-inner {
  438. border: 0;
  439. }
  440. .swal2-html-container {
  441. z-index: 1;
  442. justify-content: center;
  443. margin: 1em 1.6em 0.3em;
  444. padding: 0;
  445. overflow: auto;
  446. color: #545454;
  447. font-size: 1.125em;
  448. font-weight: normal;
  449. line-height: normal;
  450. text-align: center;
  451. word-wrap: break-word;
  452. word-break: break-word;
  453. }
  454. .swal2-input,
  455. .swal2-file,
  456. .swal2-textarea,
  457. .swal2-select,
  458. .swal2-radio,
  459. .swal2-checkbox {
  460. margin: 1em 2em 0;
  461. }
  462. .swal2-input,
  463. .swal2-file,
  464. .swal2-textarea {
  465. box-sizing: border-box;
  466. width: auto;
  467. transition: border-color 0.1s, box-shadow 0.1s;
  468. border: 1px solid #d9d9d9;
  469. border-radius: 0.1875em;
  470. background: inherit;
  471. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  472. color: inherit;
  473. font-size: 1.125em;
  474. }
  475. .swal2-input.swal2-inputerror,
  476. .swal2-file.swal2-inputerror,
  477. .swal2-textarea.swal2-inputerror {
  478. border-color: #f27474 !important;
  479. box-shadow: 0 0 2px #f27474 !important;
  480. }
  481. .swal2-input:focus,
  482. .swal2-file:focus,
  483. .swal2-textarea:focus {
  484. border: 1px solid #b4dbed;
  485. outline: none;
  486. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
  487. }
  488. .swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  489. color: #ccc;
  490. }
  491. .swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
  492. color: #ccc;
  493. }
  494. .swal2-input::placeholder,
  495. .swal2-file::placeholder,
  496. .swal2-textarea::placeholder {
  497. color: #ccc;
  498. }
  499. .swal2-range {
  500. margin: 1em 2em 0;
  501. background: #fff;
  502. }
  503. .swal2-range input {
  504. width: 80%;
  505. }
  506. .swal2-range output {
  507. width: 20%;
  508. color: inherit;
  509. font-weight: 600;
  510. text-align: center;
  511. }
  512. .swal2-range input,
  513. .swal2-range output {
  514. height: 2.625em;
  515. padding: 0;
  516. font-size: 1.125em;
  517. line-height: 2.625em;
  518. }
  519. .swal2-input {
  520. height: 2.625em;
  521. padding: 0 0.75em;
  522. }
  523. .swal2-file {
  524. width: 75%;
  525. margin-right: auto;
  526. margin-left: auto;
  527. background: inherit;
  528. font-size: 1.125em;
  529. }
  530. .swal2-textarea {
  531. height: 6.75em;
  532. padding: 0.75em;
  533. }
  534. .swal2-select {
  535. min-width: 50%;
  536. max-width: 100%;
  537. padding: 0.375em 0.625em;
  538. background: inherit;
  539. color: inherit;
  540. font-size: 1.125em;
  541. }
  542. .swal2-radio,
  543. .swal2-checkbox {
  544. align-items: center;
  545. justify-content: center;
  546. background: #fff;
  547. color: inherit;
  548. }
  549. .swal2-radio label,
  550. .swal2-checkbox label {
  551. margin: 0 0.6em;
  552. font-size: 1.125em;
  553. }
  554. .swal2-radio input,
  555. .swal2-checkbox input {
  556. flex-shrink: 0;
  557. margin: 0 0.4em;
  558. }
  559. .swal2-input-label {
  560. display: flex;
  561. justify-content: center;
  562. margin: 1em auto 0;
  563. }
  564. .swal2-validation-message {
  565. align-items: center;
  566. justify-content: center;
  567. margin: 1em 0 0;
  568. padding: 0.625em;
  569. overflow: hidden;
  570. background: #f0f0f0;
  571. color: #666666;
  572. font-size: 1em;
  573. font-weight: 300;
  574. }
  575. .swal2-validation-message::before {
  576. content: "!";
  577. display: inline-block;
  578. width: 1.5em;
  579. min-width: 1.5em;
  580. height: 1.5em;
  581. margin: 0 0.625em;
  582. border-radius: 50%;
  583. background-color: #f27474;
  584. color: #fff;
  585. font-weight: 600;
  586. line-height: 1.5em;
  587. text-align: center;
  588. }
  589. .swal2-icon {
  590. position: relative;
  591. box-sizing: content-box;
  592. justify-content: center;
  593. width: 5em;
  594. height: 5em;
  595. margin: 2.5em auto 0.6em;
  596. border: 0.25em solid transparent;
  597. border-radius: 50%;
  598. border-color: #000;
  599. font-family: inherit;
  600. line-height: 5em;
  601. cursor: default;
  602. -webkit-user-select: none;
  603. -moz-user-select: none;
  604. -ms-user-select: none;
  605. user-select: none;
  606. }
  607. .swal2-icon .swal2-icon-content {
  608. display: flex;
  609. align-items: center;
  610. font-size: 3.75em;
  611. }
  612. .swal2-icon.swal2-error {
  613. border-color: #f27474;
  614. color: #f27474;
  615. }
  616. .swal2-icon.swal2-error .swal2-x-mark {
  617. position: relative;
  618. flex-grow: 1;
  619. }
  620. .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  621. display: block;
  622. position: absolute;
  623. top: 2.3125em;
  624. width: 2.9375em;
  625. height: 0.3125em;
  626. border-radius: 0.125em;
  627. background-color: #f27474;
  628. }
  629. .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  630. left: 1.0625em;
  631. transform: rotate(45deg);
  632. }
  633. .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  634. right: 1em;
  635. transform: rotate(-45deg);
  636. }
  637. .swal2-icon.swal2-error.swal2-icon-show {
  638. -webkit-animation: swal2-animate-error-icon 0.5s;
  639. animation: swal2-animate-error-icon 0.5s;
  640. }
  641. .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  642. -webkit-animation: swal2-animate-error-x-mark 0.5s;
  643. animation: swal2-animate-error-x-mark 0.5s;
  644. }
  645. .swal2-icon.swal2-warning {
  646. border-color: #facea8;
  647. color: #f8bb86;
  648. }
  649. .swal2-icon.swal2-info {
  650. border-color: #9de0f6;
  651. color: #3fc3ee;
  652. }
  653. .swal2-icon.swal2-question {
  654. border-color: #c9dae1;
  655. color: #87adbd;
  656. }
  657. .swal2-icon.swal2-success {
  658. border-color: #a5dc86;
  659. color: #a5dc86;
  660. }
  661. .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  662. position: absolute;
  663. width: 3.75em;
  664. height: 7.5em;
  665. transform: rotate(45deg);
  666. border-radius: 50%;
  667. }
  668. .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  669. top: -0.4375em;
  670. left: -2.0635em;
  671. transform: rotate(-45deg);
  672. transform-origin: 3.75em 3.75em;
  673. border-radius: 7.5em 0 0 7.5em;
  674. }
  675. .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  676. top: -0.6875em;
  677. left: 1.875em;
  678. transform: rotate(-45deg);
  679. transform-origin: 0 3.75em;
  680. border-radius: 0 7.5em 7.5em 0;
  681. }
  682. .swal2-icon.swal2-success .swal2-success-ring {
  683. position: absolute;
  684. z-index: 2;
  685. top: -0.25em;
  686. left: -0.25em;
  687. box-sizing: content-box;
  688. width: 100%;
  689. height: 100%;
  690. border: 0.25em solid rgba(165, 220, 134, 0.3);
  691. border-radius: 50%;
  692. }
  693. .swal2-icon.swal2-success .swal2-success-fix {
  694. position: absolute;
  695. z-index: 1;
  696. top: 0.5em;
  697. left: 1.625em;
  698. width: 0.4375em;
  699. height: 5.625em;
  700. transform: rotate(-45deg);
  701. }
  702. .swal2-icon.swal2-success [class^=swal2-success-line] {
  703. display: block;
  704. position: absolute;
  705. z-index: 2;
  706. height: 0.3125em;
  707. border-radius: 0.125em;
  708. background-color: #a5dc86;
  709. }
  710. .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  711. top: 2.875em;
  712. left: 0.8125em;
  713. width: 1.5625em;
  714. transform: rotate(45deg);
  715. }
  716. .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  717. top: 2.375em;
  718. right: 0.5em;
  719. width: 2.9375em;
  720. transform: rotate(-45deg);
  721. }
  722. .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  723. -webkit-animation: swal2-animate-success-line-tip 0.75s;
  724. animation: swal2-animate-success-line-tip 0.75s;
  725. }
  726. .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  727. -webkit-animation: swal2-animate-success-line-long 0.75s;
  728. animation: swal2-animate-success-line-long 0.75s;
  729. }
  730. .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  731. -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
  732. animation: swal2-rotate-success-circular-line 4.25s ease-in;
  733. }
  734. .swal2-progress-steps {
  735. flex-wrap: wrap;
  736. align-items: center;
  737. max-width: 100%;
  738. margin: 1.25em auto;
  739. padding: 0;
  740. background: inherit;
  741. font-weight: 600;
  742. }
  743. .swal2-progress-steps li {
  744. display: inline-block;
  745. position: relative;
  746. }
  747. .swal2-progress-steps .swal2-progress-step {
  748. z-index: 20;
  749. flex-shrink: 0;
  750. width: 2em;
  751. height: 2em;
  752. border-radius: 2em;
  753. background: #2778c4;
  754. color: #fff;
  755. line-height: 2em;
  756. text-align: center;
  757. }
  758. .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  759. background: #2778c4;
  760. }
  761. .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  762. background: #add8e6;
  763. color: #fff;
  764. }
  765. .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  766. background: #add8e6;
  767. }
  768. .swal2-progress-steps .swal2-progress-step-line {
  769. z-index: 10;
  770. flex-shrink: 0;
  771. width: 2.5em;
  772. height: 0.4em;
  773. margin: 0 -1px;
  774. background: #2778c4;
  775. }
  776. [class^=swal2] {
  777. -webkit-tap-highlight-color: transparent;
  778. }
  779. .swal2-show {
  780. -webkit-animation: swal2-show 0.3s;
  781. animation: swal2-show 0.3s;
  782. }
  783. .swal2-hide {
  784. -webkit-animation: swal2-hide 0.15s forwards;
  785. animation: swal2-hide 0.15s forwards;
  786. }
  787. .swal2-noanimation {
  788. transition: none;
  789. }
  790. .swal2-scrollbar-measure {
  791. position: absolute;
  792. top: -9999px;
  793. width: 50px;
  794. height: 50px;
  795. overflow: scroll;
  796. }
  797. .swal2-rtl .swal2-close {
  798. margin-right: initial;
  799. margin-left: 0;
  800. }
  801. .swal2-rtl .swal2-timer-progress-bar {
  802. right: 0;
  803. left: auto;
  804. }
  805. @-webkit-keyframes swal2-toast-show {
  806. 0% {
  807. transform: translateY(-0.625em) rotateZ(2deg);
  808. }
  809. 33% {
  810. transform: translateY(0) rotateZ(-2deg);
  811. }
  812. 66% {
  813. transform: translateY(0.3125em) rotateZ(2deg);
  814. }
  815. 100% {
  816. transform: translateY(0) rotateZ(0deg);
  817. }
  818. }
  819. @keyframes swal2-toast-show {
  820. 0% {
  821. transform: translateY(-0.625em) rotateZ(2deg);
  822. }
  823. 33% {
  824. transform: translateY(0) rotateZ(-2deg);
  825. }
  826. 66% {
  827. transform: translateY(0.3125em) rotateZ(2deg);
  828. }
  829. 100% {
  830. transform: translateY(0) rotateZ(0deg);
  831. }
  832. }
  833. @-webkit-keyframes swal2-toast-hide {
  834. 100% {
  835. transform: rotateZ(1deg);
  836. opacity: 0;
  837. }
  838. }
  839. @keyframes swal2-toast-hide {
  840. 100% {
  841. transform: rotateZ(1deg);
  842. opacity: 0;
  843. }
  844. }
  845. @-webkit-keyframes swal2-toast-animate-success-line-tip {
  846. 0% {
  847. top: 0.5625em;
  848. left: 0.0625em;
  849. width: 0;
  850. }
  851. 54% {
  852. top: 0.125em;
  853. left: 0.125em;
  854. width: 0;
  855. }
  856. 70% {
  857. top: 0.625em;
  858. left: -0.25em;
  859. width: 1.625em;
  860. }
  861. 84% {
  862. top: 1.0625em;
  863. left: 0.75em;
  864. width: 0.5em;
  865. }
  866. 100% {
  867. top: 1.125em;
  868. left: 0.1875em;
  869. width: 0.75em;
  870. }
  871. }
  872. @keyframes swal2-toast-animate-success-line-tip {
  873. 0% {
  874. top: 0.5625em;
  875. left: 0.0625em;
  876. width: 0;
  877. }
  878. 54% {
  879. top: 0.125em;
  880. left: 0.125em;
  881. width: 0;
  882. }
  883. 70% {
  884. top: 0.625em;
  885. left: -0.25em;
  886. width: 1.625em;
  887. }
  888. 84% {
  889. top: 1.0625em;
  890. left: 0.75em;
  891. width: 0.5em;
  892. }
  893. 100% {
  894. top: 1.125em;
  895. left: 0.1875em;
  896. width: 0.75em;
  897. }
  898. }
  899. @-webkit-keyframes swal2-toast-animate-success-line-long {
  900. 0% {
  901. top: 1.625em;
  902. right: 1.375em;
  903. width: 0;
  904. }
  905. 65% {
  906. top: 1.25em;
  907. right: 0.9375em;
  908. width: 0;
  909. }
  910. 84% {
  911. top: 0.9375em;
  912. right: 0;
  913. width: 1.125em;
  914. }
  915. 100% {
  916. top: 0.9375em;
  917. right: 0.1875em;
  918. width: 1.375em;
  919. }
  920. }
  921. @keyframes swal2-toast-animate-success-line-long {
  922. 0% {
  923. top: 1.625em;
  924. right: 1.375em;
  925. width: 0;
  926. }
  927. 65% {
  928. top: 1.25em;
  929. right: 0.9375em;
  930. width: 0;
  931. }
  932. 84% {
  933. top: 0.9375em;
  934. right: 0;
  935. width: 1.125em;
  936. }
  937. 100% {
  938. top: 0.9375em;
  939. right: 0.1875em;
  940. width: 1.375em;
  941. }
  942. }
  943. @-webkit-keyframes swal2-show {
  944. 0% {
  945. transform: scale(0.7);
  946. }
  947. 45% {
  948. transform: scale(1.05);
  949. }
  950. 80% {
  951. transform: scale(0.95);
  952. }
  953. 100% {
  954. transform: scale(1);
  955. }
  956. }
  957. @keyframes swal2-show {
  958. 0% {
  959. transform: scale(0.7);
  960. }
  961. 45% {
  962. transform: scale(1.05);
  963. }
  964. 80% {
  965. transform: scale(0.95);
  966. }
  967. 100% {
  968. transform: scale(1);
  969. }
  970. }
  971. @-webkit-keyframes swal2-hide {
  972. 0% {
  973. transform: scale(1);
  974. opacity: 1;
  975. }
  976. 100% {
  977. transform: scale(0.5);
  978. opacity: 0;
  979. }
  980. }
  981. @keyframes swal2-hide {
  982. 0% {
  983. transform: scale(1);
  984. opacity: 1;
  985. }
  986. 100% {
  987. transform: scale(0.5);
  988. opacity: 0;
  989. }
  990. }
  991. @-webkit-keyframes swal2-animate-success-line-tip {
  992. 0% {
  993. top: 1.1875em;
  994. left: 0.0625em;
  995. width: 0;
  996. }
  997. 54% {
  998. top: 1.0625em;
  999. left: 0.125em;
  1000. width: 0;
  1001. }
  1002. 70% {
  1003. top: 2.1875em;
  1004. left: -0.375em;
  1005. width: 3.125em;
  1006. }
  1007. 84% {
  1008. top: 3em;
  1009. left: 1.3125em;
  1010. width: 1.0625em;
  1011. }
  1012. 100% {
  1013. top: 2.8125em;
  1014. left: 0.8125em;
  1015. width: 1.5625em;
  1016. }
  1017. }
  1018. @keyframes swal2-animate-success-line-tip {
  1019. 0% {
  1020. top: 1.1875em;
  1021. left: 0.0625em;
  1022. width: 0;
  1023. }
  1024. 54% {
  1025. top: 1.0625em;
  1026. left: 0.125em;
  1027. width: 0;
  1028. }
  1029. 70% {
  1030. top: 2.1875em;
  1031. left: -0.375em;
  1032. width: 3.125em;
  1033. }
  1034. 84% {
  1035. top: 3em;
  1036. left: 1.3125em;
  1037. width: 1.0625em;
  1038. }
  1039. 100% {
  1040. top: 2.8125em;
  1041. left: 0.8125em;
  1042. width: 1.5625em;
  1043. }
  1044. }
  1045. @-webkit-keyframes swal2-animate-success-line-long {
  1046. 0% {
  1047. top: 3.375em;
  1048. right: 2.875em;
  1049. width: 0;
  1050. }
  1051. 65% {
  1052. top: 3.375em;
  1053. right: 2.875em;
  1054. width: 0;
  1055. }
  1056. 84% {
  1057. top: 2.1875em;
  1058. right: 0;
  1059. width: 3.4375em;
  1060. }
  1061. 100% {
  1062. top: 2.375em;
  1063. right: 0.5em;
  1064. width: 2.9375em;
  1065. }
  1066. }
  1067. @keyframes swal2-animate-success-line-long {
  1068. 0% {
  1069. top: 3.375em;
  1070. right: 2.875em;
  1071. width: 0;
  1072. }
  1073. 65% {
  1074. top: 3.375em;
  1075. right: 2.875em;
  1076. width: 0;
  1077. }
  1078. 84% {
  1079. top: 2.1875em;
  1080. right: 0;
  1081. width: 3.4375em;
  1082. }
  1083. 100% {
  1084. top: 2.375em;
  1085. right: 0.5em;
  1086. width: 2.9375em;
  1087. }
  1088. }
  1089. @-webkit-keyframes swal2-rotate-success-circular-line {
  1090. 0% {
  1091. transform: rotate(-45deg);
  1092. }
  1093. 5% {
  1094. transform: rotate(-45deg);
  1095. }
  1096. 12% {
  1097. transform: rotate(-405deg);
  1098. }
  1099. 100% {
  1100. transform: rotate(-405deg);
  1101. }
  1102. }
  1103. @keyframes swal2-rotate-success-circular-line {
  1104. 0% {
  1105. transform: rotate(-45deg);
  1106. }
  1107. 5% {
  1108. transform: rotate(-45deg);
  1109. }
  1110. 12% {
  1111. transform: rotate(-405deg);
  1112. }
  1113. 100% {
  1114. transform: rotate(-405deg);
  1115. }
  1116. }
  1117. @-webkit-keyframes swal2-animate-error-x-mark {
  1118. 0% {
  1119. margin-top: 1.625em;
  1120. transform: scale(0.4);
  1121. opacity: 0;
  1122. }
  1123. 50% {
  1124. margin-top: 1.625em;
  1125. transform: scale(0.4);
  1126. opacity: 0;
  1127. }
  1128. 80% {
  1129. margin-top: -0.375em;
  1130. transform: scale(1.15);
  1131. }
  1132. 100% {
  1133. margin-top: 0;
  1134. transform: scale(1);
  1135. opacity: 1;
  1136. }
  1137. }
  1138. @keyframes swal2-animate-error-x-mark {
  1139. 0% {
  1140. margin-top: 1.625em;
  1141. transform: scale(0.4);
  1142. opacity: 0;
  1143. }
  1144. 50% {
  1145. margin-top: 1.625em;
  1146. transform: scale(0.4);
  1147. opacity: 0;
  1148. }
  1149. 80% {
  1150. margin-top: -0.375em;
  1151. transform: scale(1.15);
  1152. }
  1153. 100% {
  1154. margin-top: 0;
  1155. transform: scale(1);
  1156. opacity: 1;
  1157. }
  1158. }
  1159. @-webkit-keyframes swal2-animate-error-icon {
  1160. 0% {
  1161. transform: rotateX(100deg);
  1162. opacity: 0;
  1163. }
  1164. 100% {
  1165. transform: rotateX(0deg);
  1166. opacity: 1;
  1167. }
  1168. }
  1169. @keyframes swal2-animate-error-icon {
  1170. 0% {
  1171. transform: rotateX(100deg);
  1172. opacity: 0;
  1173. }
  1174. 100% {
  1175. transform: rotateX(0deg);
  1176. opacity: 1;
  1177. }
  1178. }
  1179. @-webkit-keyframes swal2-rotate-loading {
  1180. 0% {
  1181. transform: rotate(0deg);
  1182. }
  1183. 100% {
  1184. transform: rotate(360deg);
  1185. }
  1186. }
  1187. @keyframes swal2-rotate-loading {
  1188. 0% {
  1189. transform: rotate(0deg);
  1190. }
  1191. 100% {
  1192. transform: rotate(360deg);
  1193. }
  1194. }
  1195. body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  1196. overflow: hidden;
  1197. }
  1198. body.swal2-height-auto {
  1199. height: auto !important;
  1200. }
  1201. body.swal2-no-backdrop .swal2-container {
  1202. background-color: transparent !important;
  1203. pointer-events: none;
  1204. }
  1205. body.swal2-no-backdrop .swal2-container .swal2-popup {
  1206. pointer-events: all;
  1207. }
  1208. body.swal2-no-backdrop .swal2-container .swal2-modal {
  1209. box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  1210. }
  1211. @media print {
  1212. body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  1213. overflow-y: scroll !important;
  1214. }
  1215. body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
  1216. display: none;
  1217. }
  1218. body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
  1219. position: static !important;
  1220. }
  1221. }
  1222. body.swal2-toast-shown .swal2-container {
  1223. box-sizing: border-box;
  1224. width: 360px;
  1225. max-width: 100%;
  1226. background-color: transparent;
  1227. pointer-events: none;
  1228. }
  1229. body.swal2-toast-shown .swal2-container.swal2-top {
  1230. top: 0;
  1231. right: auto;
  1232. bottom: auto;
  1233. left: 50%;
  1234. transform: translateX(-50%);
  1235. }
  1236. body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  1237. top: 0;
  1238. right: 0;
  1239. bottom: auto;
  1240. left: auto;
  1241. }
  1242. body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  1243. top: 0;
  1244. right: auto;
  1245. bottom: auto;
  1246. left: 0;
  1247. }
  1248. body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  1249. top: 50%;
  1250. right: auto;
  1251. bottom: auto;
  1252. left: 0;
  1253. transform: translateY(-50%);
  1254. }
  1255. body.swal2-toast-shown .swal2-container.swal2-center {
  1256. top: 50%;
  1257. right: auto;
  1258. bottom: auto;
  1259. left: 50%;
  1260. transform: translate(-50%, -50%);
  1261. }
  1262. body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  1263. top: 50%;
  1264. right: 0;
  1265. bottom: auto;
  1266. left: auto;
  1267. transform: translateY(-50%);
  1268. }
  1269. body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  1270. top: auto;
  1271. right: auto;
  1272. bottom: 0;
  1273. left: 0;
  1274. }
  1275. body.swal2-toast-shown .swal2-container.swal2-bottom {
  1276. top: auto;
  1277. right: auto;
  1278. bottom: 0;
  1279. left: 50%;
  1280. transform: translateX(-50%);
  1281. }
  1282. body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  1283. top: auto;
  1284. right: 0;
  1285. bottom: 0;
  1286. left: auto;
  1287. }