Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 
 

1086 řádky
27 KiB

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