Spaces:
Runtime error
Runtime error
/* | |
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com | |
*/ | |
*, :after, :before { | |
border: 0 solid #e5e7eb; | |
box-sizing:border-box | |
} | |
:after, :before { | |
--tw-content: "" | |
} | |
html { | |
-webkit-text-size-adjust: 100%; | |
-webkit-font-feature-settings: normal; | |
font-feature-settings: normal; | |
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; | |
font-variation-settings: normal; | |
line-height: 1.5; | |
tab-size:4 | |
} | |
body { | |
line-height: inherit; | |
margin:0 | |
} | |
hr { | |
border-top-width: 1px; | |
color: inherit; | |
height:0 | |
} | |
abbr:where([title]) { | |
-webkit-text-decoration: underline dotted; | |
text-decoration:underline dotted | |
} | |
h1, h2, h3, h4, h5, h6 { | |
font-size: inherit; | |
font-weight:inherit | |
} | |
a { | |
color: inherit; | |
text-decoration:inherit | |
} | |
b, strong { | |
font-weight:bolder | |
} | |
code, kbd, pre, samp { | |
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; | |
font-size:1em | |
} | |
small { | |
font-size:80% | |
} | |
sub, sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align:initial | |
} | |
sub { | |
bottom:-.25em | |
} | |
sup { | |
top:-.5em | |
} | |
table { | |
border-collapse: collapse; | |
border-color: inherit; | |
text-indent:0 | |
} | |
button, input, optgroup, select, textarea { | |
-webkit-font-feature-settings: inherit; | |
font-feature-settings: inherit; | |
color: inherit; | |
font-family: inherit; | |
font-size: 100%; | |
font-variation-settings: inherit; | |
font-weight: inherit; | |
line-height: inherit; | |
margin: 0; | |
padding:0 | |
} | |
button, select { | |
text-transform:none | |
} | |
[type=button], [type=reset], [type=submit], button { | |
-webkit-appearance: button; | |
background-color: initial; | |
background-image:none | |
} | |
:-moz-focusring { | |
outline:auto | |
} | |
:-moz-ui-invalid { | |
box-shadow:none | |
} | |
progress { | |
vertical-align:initial | |
} | |
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { | |
height:auto | |
} | |
[type=search] { | |
-webkit-appearance: textfield; | |
outline-offset:-2px | |
} | |
::-webkit-search-decoration { | |
-webkit-appearance:none | |
} | |
::-webkit-file-upload-button { | |
-webkit-appearance: button; | |
font:inherit | |
} | |
summary { | |
display:list-item | |
} | |
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { | |
margin:0 | |
} | |
fieldset { | |
margin:0 | |
} | |
fieldset, legend { | |
padding:0 | |
} | |
menu, ol, ul { | |
list-style: none; | |
margin: 0; | |
padding:0 | |
} | |
dialog { | |
padding:0 | |
} | |
textarea { | |
resize:vertical | |
} | |
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { | |
color: #9ca3af; | |
opacity:1 | |
} | |
input::placeholder, textarea::placeholder { | |
color: #9ca3af; | |
opacity:1 | |
} | |
[role=button], button { | |
cursor:pointer | |
} | |
:disabled { | |
cursor:default | |
} | |
audio, canvas, embed, iframe, img, object, svg, video { | |
display: block; | |
vertical-align:middle | |
} | |
img, video { | |
height: auto; | |
max-width:100% | |
} | |
[hidden] { | |
display:none | |
} | |
*, :after, :before { | |
--tw-border-spacing-x: 0; | |
--tw-border-spacing-y: 0; | |
--tw-translate-x: 0; | |
--tw-translate-y: 0; | |
--tw-rotate: 0; | |
--tw-skew-x: 0; | |
--tw-skew-y: 0; | |
--tw-scale-x: 1; | |
--tw-scale-y: 1; | |
--tw-pan-x:; | |
--tw-pan-y:; | |
--tw-pinch-zoom:; | |
--tw-scroll-snap-strictness: proximity; | |
--tw-gradient-from-position:; | |
--tw-gradient-via-position:; | |
--tw-gradient-to-position:; | |
--tw-ordinal:; | |
--tw-slashed-zero:; | |
--tw-numeric-figure:; | |
--tw-numeric-spacing:; | |
--tw-numeric-fraction:; | |
--tw-ring-inset:; | |
--tw-ring-offset-width: 0px; | |
--tw-ring-offset-color: #fff; | |
--tw-ring-color: rgba(59, 130, 246, .5); | |
--tw-ring-offset-shadow: 0 0 #0000; | |
--tw-ring-shadow: 0 0 #0000; | |
--tw-shadow: 0 0 #0000; | |
--tw-shadow-colored: 0 0 #0000; | |
--tw-blur:; | |
--tw-brightness:; | |
--tw-contrast:; | |
--tw-grayscale:; | |
--tw-hue-rotate:; | |
--tw-invert:; | |
--tw-saturate:; | |
--tw-sepia:; | |
--tw-drop-shadow:; | |
--tw-backdrop-blur:; | |
--tw-backdrop-brightness:; | |
--tw-backdrop-contrast:; | |
--tw-backdrop-grayscale:; | |
--tw-backdrop-hue-rotate:; | |
--tw-backdrop-invert:; | |
--tw-backdrop-opacity:; | |
--tw-backdrop-saturate:; | |
--tw-backdrop-sepia: | |
} | |
::-webkit-backdrop { | |
--tw-border-spacing-x: 0; | |
--tw-border-spacing-y: 0; | |
--tw-translate-x: 0; | |
--tw-translate-y: 0; | |
--tw-rotate: 0; | |
--tw-skew-x: 0; | |
--tw-skew-y: 0; | |
--tw-scale-x: 1; | |
--tw-scale-y: 1; | |
--tw-pan-x:; | |
--tw-pan-y:; | |
--tw-pinch-zoom:; | |
--tw-scroll-snap-strictness: proximity; | |
--tw-gradient-from-position:; | |
--tw-gradient-via-position:; | |
--tw-gradient-to-position:; | |
--tw-ordinal:; | |
--tw-slashed-zero:; | |
--tw-numeric-figure:; | |
--tw-numeric-spacing:; | |
--tw-numeric-fraction:; | |
--tw-ring-inset:; | |
--tw-ring-offset-width: 0px; | |
--tw-ring-offset-color: #fff; | |
--tw-ring-color: rgba(59, 130, 246, .5); | |
--tw-ring-offset-shadow: 0 0 #0000; | |
--tw-ring-shadow: 0 0 #0000; | |
--tw-shadow: 0 0 #0000; | |
--tw-shadow-colored: 0 0 #0000; | |
--tw-blur:; | |
--tw-brightness:; | |
--tw-contrast:; | |
--tw-grayscale:; | |
--tw-hue-rotate:; | |
--tw-invert:; | |
--tw-saturate:; | |
--tw-sepia:; | |
--tw-drop-shadow:; | |
--tw-backdrop-blur:; | |
--tw-backdrop-brightness:; | |
--tw-backdrop-contrast:; | |
--tw-backdrop-grayscale:; | |
--tw-backdrop-hue-rotate:; | |
--tw-backdrop-invert:; | |
--tw-backdrop-opacity:; | |
--tw-backdrop-saturate:; | |
--tw-backdrop-sepia: | |
} | |
::backdrop { | |
--tw-border-spacing-x: 0; | |
--tw-border-spacing-y: 0; | |
--tw-translate-x: 0; | |
--tw-translate-y: 0; | |
--tw-rotate: 0; | |
--tw-skew-x: 0; | |
--tw-skew-y: 0; | |
--tw-scale-x: 1; | |
--tw-scale-y: 1; | |
--tw-pan-x:; | |
--tw-pan-y:; | |
--tw-pinch-zoom:; | |
--tw-scroll-snap-strictness: proximity; | |
--tw-gradient-from-position:; | |
--tw-gradient-via-position:; | |
--tw-gradient-to-position:; | |
--tw-ordinal:; | |
--tw-slashed-zero:; | |
--tw-numeric-figure:; | |
--tw-numeric-spacing:; | |
--tw-numeric-fraction:; | |
--tw-ring-inset:; | |
--tw-ring-offset-width: 0px; | |
--tw-ring-offset-color: #fff; | |
--tw-ring-color: rgba(59, 130, 246, .5); | |
--tw-ring-offset-shadow: 0 0 #0000; | |
--tw-ring-shadow: 0 0 #0000; | |
--tw-shadow: 0 0 #0000; | |
--tw-shadow-colored: 0 0 #0000; | |
--tw-blur:; | |
--tw-brightness:; | |
--tw-contrast:; | |
--tw-grayscale:; | |
--tw-hue-rotate:; | |
--tw-invert:; | |
--tw-saturate:; | |
--tw-sepia:; | |
--tw-drop-shadow:; | |
--tw-backdrop-blur:; | |
--tw-backdrop-brightness:; | |
--tw-backdrop-contrast:; | |
--tw-backdrop-grayscale:; | |
--tw-backdrop-hue-rotate:; | |
--tw-backdrop-invert:; | |
--tw-backdrop-opacity:; | |
--tw-backdrop-saturate:; | |
--tw-backdrop-sepia: | |
} | |
.container { | |
width:100% | |
} | |
@media (min-width: 640px) { | |
.container { | |
max-width:640px | |
} | |
} | |
@media (min-width: 768px) { | |
.container { | |
max-width:768px | |
} | |
} | |
@media (min-width: 1024px) { | |
.container { | |
max-width:1024px | |
} | |
} | |
@media (min-width: 1280px) { | |
.container { | |
max-width:1280px | |
} | |
} | |
@media (min-width: 1536px) { | |
.container { | |
max-width:1536px | |
} | |
} | |
.absolute { | |
position:absolute | |
} | |
.mx-auto { | |
margin-left: auto; | |
margin-right:auto | |
} | |
.my-auto { | |
margin-bottom: auto; | |
margin-top:auto | |
} | |
.\ !ml-0 { | |
margin-left:0 | |
} | |
.\ !mt-4 { | |
margin-top:1rem | |
} | |
.mb-16 { | |
margin-bottom:4rem | |
} | |
.mb-2 { | |
margin-bottom:.5rem | |
} | |
.mb-4 { | |
margin-bottom:1rem | |
} | |
.mb-6 { | |
margin-bottom:1.5rem | |
} | |
.ml-12 { | |
margin-left:3rem | |
} | |
.ml-2 { | |
margin-left:.5rem | |
} | |
.ml-24 { | |
margin-left:6rem | |
} | |
.mt-10 { | |
margin-top:2.5rem | |
} | |
.mt-4 { | |
margin-top:1rem | |
} | |
.mt-8 { | |
margin-top:2rem | |
} | |
.flex { | |
display:flex | |
} | |
.inline-flex { | |
display:inline-flex | |
} | |
.table { | |
display:table | |
} | |
.table-cell { | |
display:table-cell | |
} | |
.h-12 { | |
height:3rem | |
} | |
.h-32 { | |
height:8rem | |
} | |
.h-48 { | |
height:12rem | |
} | |
.h-6 { | |
height:1.5rem | |
} | |
.h-\[30rem\] { | |
height:30rem | |
} | |
.h-full { | |
height:100% | |
} | |
.w-32 { | |
width:8rem | |
} | |
.w-48 { | |
width:12rem | |
} | |
.w-6 { | |
width:1.5rem | |
} | |
.w-96 { | |
width:24rem | |
} | |
.w-\[18rem\] { | |
width:18rem | |
} | |
.w-\[32rem\] { | |
width:32rem | |
} | |
.w-\[35rem\] { | |
width:35rem | |
} | |
.w-full { | |
width:100% | |
} | |
.table-auto { | |
table-layout:auto | |
} | |
.transform { | |
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) | |
} | |
.cursor-default { | |
cursor:default | |
} | |
.cursor-pointer { | |
cursor:pointer | |
} | |
.flex-col { | |
flex-direction:column | |
} | |
.flex-wrap { | |
flex-wrap:wrap | |
} | |
.items-center { | |
align-items:center | |
} | |
.justify-center { | |
justify-content:center | |
} | |
.gap-5 { | |
gap:1.25rem | |
} | |
.rounded-md { | |
border-radius:.375rem | |
} | |
.border { | |
border-width:1px | |
} | |
.border-2 { | |
border-width:2px | |
} | |
.border-4 { | |
border-width:4px | |
} | |
.border-8 { | |
border-width:8px | |
} | |
.border-b-4 { | |
border-bottom-width:4px | |
} | |
.border-gray-500 { | |
--tw-border-opacity: 1; | |
border-color:rgb(107 114 128/var(--tw-border-opacity)) | |
} | |
.bg-gray-100 { | |
--tw-bg-opacity: 1; | |
background-color:rgb(243 244 246/var(--tw-bg-opacity)) | |
} | |
.bg-gray-50 { | |
--tw-bg-opacity: 1; | |
background-color:rgb(249 250 251/var(--tw-bg-opacity)) | |
} | |
.bg-green-50 { | |
--tw-bg-opacity: 1; | |
background-color:rgb(240 253 244/var(--tw-bg-opacity)) | |
} | |
.bg-green-700 { | |
--tw-bg-opacity: 1; | |
background-color:rgb(21 128 61/var(--tw-bg-opacity)) | |
} | |
.bg-slate-50 { | |
--tw-bg-opacity: 1; | |
background-color:rgb(248 250 252/var(--tw-bg-opacity)) | |
} | |
.bg-white { | |
--tw-bg-opacity: 1; | |
background-color:rgb(255 255 255/var(--tw-bg-opacity)) | |
} | |
.bg-yellow-400 { | |
--tw-bg-opacity: 1; | |
background-color:rgb(250 204 21/var(--tw-bg-opacity)) | |
} | |
.p-2 { | |
padding:.5rem | |
} | |
.pb-32 { | |
padding-bottom:8rem | |
} | |
.pt-32 { | |
padding-top:8rem | |
} | |
.pt-8 { | |
padding-top:2rem | |
} | |
.text-center { | |
text-align:center | |
} | |
.align-middle { | |
vertical-align:middle | |
} | |
.text-2xl { | |
font-size: 1.5rem; | |
line-height:2rem | |
} | |
.text-3xl { | |
font-size: 1.875rem; | |
line-height:2.25rem | |
} | |
.text-lg { | |
font-size: 1.125rem; | |
line-height:1.75rem | |
} | |
.font-bold { | |
font-weight:700 | |
} | |
.\ !text-slate-50 { | |
--tw-text-opacity: 1 ; | |
color:rgb(248 250 252/var(--tw-text-opacity)) | |
} | |
.text-gray-300 { | |
--tw-text-opacity: 1; | |
color:rgb(209 213 219/var(--tw-text-opacity)) | |
} | |
.text-gray-500 { | |
--tw-text-opacity: 1; | |
color:rgb(107 114 128/var(--tw-text-opacity)) | |
} | |
.text-slate-600 { | |
--tw-text-opacity: 1; | |
color:rgb(71 85 105/var(--tw-text-opacity)) | |
} | |
.filter { | |
-webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); | |
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) | |
} | |
.hover\:bg-gray-200:hover { | |
--tw-bg-opacity: 1; | |
background-color:rgb(229 231 235/var(--tw-bg-opacity)) | |
} | |
.hover\:text-sky-500:hover { | |
--tw-text-opacity: 1; | |
color:rgb(14 165 233/var(--tw-text-opacity)) | |
} | |
.App { | |
text-align:center | |
} | |
.App-logo { | |
height: 40vmin; | |
pointer-events:none | |
} | |
@media (prefers-reduced-motion: no-preference) { | |
.App-logo { | |
-webkit-animation: App-logo-spin 20s linear infinite; | |
animation:App-logo-spin 20s linear infinite | |
} | |
} | |
.App-header { | |
align-items: center; | |
background-color: #282c34; | |
color: #fff; | |
display: flex; | |
flex-direction: column; | |
font-size: calc(10px + 2vmin); | |
justify-content: center; | |
min-height:100vh | |
} | |
.App-link { | |
color:#61dafb | |
} | |
@-webkit-keyframes App-logo-spin { | |
0% { | |
-webkit-transform: rotate(0deg); | |
transform:rotate(0deg) | |
} | |
to { | |
-webkit-transform: rotate(1turn); | |
transform:rotate(1turn) | |
} | |
} | |
@keyframes App-logo-spin { | |
0% { | |
-webkit-transform: rotate(0deg); | |
transform:rotate(0deg) | |
} | |
to { | |
-webkit-transform: rotate(1turn); | |
transform:rotate(1turn) | |
} | |
} | |
:root { | |
--toastify-color-light: #fff; | |
--toastify-color-dark: #121212; | |
--toastify-color-info: #3498db; | |
--toastify-color-success: #07bc0c; | |
--toastify-color-warning: #f1c40f; | |
--toastify-color-error: #e74c3c; | |
--toastify-color-transparent: hsla(0, 0%, 100%, .7); | |
--toastify-icon-color-info: var(--toastify-color-info); | |
--toastify-icon-color-success: var(--toastify-color-success); | |
--toastify-icon-color-warning: var(--toastify-color-warning); | |
--toastify-icon-color-error: var(--toastify-color-error); | |
--toastify-toast-width: 320px; | |
--toastify-toast-background: #fff; | |
--toastify-toast-min-height: 64px; | |
--toastify-toast-max-height: 800px; | |
--toastify-font-family: sans-serif; | |
--toastify-z-index: 9999; | |
--toastify-text-color-light: #757575; | |
--toastify-text-color-dark: #fff; | |
--toastify-text-color-info: #fff; | |
--toastify-text-color-success: #fff; | |
--toastify-text-color-warning: #fff; | |
--toastify-text-color-error: #fff; | |
--toastify-spinner-color: #616161; | |
--toastify-spinner-color-empty-area: #e0e0e0; | |
--toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); | |
--toastify-color-progress-dark: #bb86fc; | |
--toastify-color-progress-info: var(--toastify-color-info); | |
--toastify-color-progress-success: var(--toastify-color-success); | |
--toastify-color-progress-warning: var(--toastify-color-warning); | |
--toastify-color-progress-error:var(--toastify-color-error) | |
} | |
.Toastify__toast-container { | |
box-sizing: border-box; | |
color: #fff; | |
padding: 4px; | |
position: fixed; | |
-webkit-transform: translateZ(9999); | |
-webkit-transform: translateZ(var(--toastify-z-index)); | |
width: 320px; | |
width: var(--toastify-toast-width); | |
z-index: 9999; | |
z-index:var(--toastify-z-index) | |
} | |
.Toastify__toast-container--top-left { | |
left: 1em; | |
top:1em | |
} | |
.Toastify__toast-container--top-center { | |
left: 50%; | |
top: 1em; | |
-webkit-transform: translateX(-50%); | |
transform:translateX(-50%) | |
} | |
.Toastify__toast-container--top-right { | |
right: 1em; | |
top:1em | |
} | |
.Toastify__toast-container--bottom-left { | |
bottom: 1em; | |
left:1em | |
} | |
.Toastify__toast-container--bottom-center { | |
bottom: 1em; | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform:translateX(-50%) | |
} | |
.Toastify__toast-container--bottom-right { | |
bottom: 1em; | |
right:1em | |
} | |
@media only screen and (max-width: 480px) { | |
.Toastify__toast-container { | |
left: 0; | |
margin: 0; | |
padding: 0; | |
width:100vw | |
} | |
.Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right { | |
top: 0; | |
-webkit-transform: translateX(0); | |
transform:translateX(0) | |
} | |
.Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right { | |
bottom: 0; | |
-webkit-transform: translateX(0); | |
transform:translateX(0) | |
} | |
.Toastify__toast-container--rtl { | |
left: auto; | |
right:0 | |
} | |
} | |
.Toastify__toast { | |
border-radius: 4px; | |
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05); | |
box-sizing: border-box; | |
cursor: default; | |
direction: ltr; | |
display: flex; | |
font-family: sans-serif; | |
font-family: var(--toastify-font-family); | |
justify-content: space-between; | |
margin-bottom: 1rem; | |
max-height: 800px; | |
max-height: var(--toastify-toast-max-height); | |
min-height: 64px; | |
min-height: var(--toastify-toast-min-height); | |
overflow: hidden; | |
padding: 8px; | |
position: relative; | |
z-index:0 | |
} | |
.Toastify__toast--rtl { | |
direction:rtl | |
} | |
.Toastify__toast--close-on-click { | |
cursor:pointer | |
} | |
.Toastify__toast-body { | |
align-items: center; | |
display: flex; | |
flex: 1 1 auto; | |
margin: auto 0; | |
padding:6px | |
} | |
.Toastify__toast-body > div:last-child { | |
flex: 1 1; | |
word-break:break-word | |
} | |
.Toastify__toast-icon { | |
-webkit-margin-end: 10px; | |
display: flex; | |
flex-shrink: 0; | |
margin-inline-end: 10px; | |
width:20px | |
} | |
.Toastify--animate { | |
-webkit-animation-duration: .7s; | |
animation-duration: .7s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode:both | |
} | |
.Toastify--animate-icon { | |
-webkit-animation-duration: .3s; | |
animation-duration: .3s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode:both | |
} | |
@media only screen and (max-width: 480px) { | |
.Toastify__toast { | |
border-radius: 0; | |
margin-bottom:0 | |
} | |
} | |
.Toastify__toast-theme--dark { | |
background: #121212; | |
background: var(--toastify-color-dark); | |
color: #fff; | |
color:var(--toastify-text-color-dark) | |
} | |
.Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light { | |
background: #fff; | |
background: var(--toastify-color-light); | |
color: #757575; | |
color:var(--toastify-text-color-light) | |
} | |
.Toastify__toast-theme--colored.Toastify__toast--info { | |
background: #3498db; | |
background: var(--toastify-color-info); | |
color: #fff; | |
color:var(--toastify-text-color-info) | |
} | |
.Toastify__toast-theme--colored.Toastify__toast--success { | |
background: #07bc0c; | |
background: var(--toastify-color-success); | |
color: #fff; | |
color:var(--toastify-text-color-success) | |
} | |
.Toastify__toast-theme--colored.Toastify__toast--warning { | |
background: #f1c40f; | |
background: var(--toastify-color-warning); | |
color: #fff; | |
color:var(--toastify-text-color-warning) | |
} | |
.Toastify__toast-theme--colored.Toastify__toast--error { | |
background: #e74c3c; | |
background: var(--toastify-color-error); | |
color: #fff; | |
color:var(--toastify-text-color-error) | |
} | |
.Toastify__progress-bar-theme--light { | |
background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); | |
background:var(--toastify-color-progress-light) | |
} | |
.Toastify__progress-bar-theme--dark { | |
background: #bb86fc; | |
background:var(--toastify-color-progress-dark) | |
} | |
.Toastify__progress-bar--info { | |
background: #3498db; | |
background:var(--toastify-color-progress-info) | |
} | |
.Toastify__progress-bar--success { | |
background: #07bc0c; | |
background:var(--toastify-color-progress-success) | |
} | |
.Toastify__progress-bar--warning { | |
background: #f1c40f; | |
background:var(--toastify-color-progress-warning) | |
} | |
.Toastify__progress-bar--error { | |
background: #e74c3c; | |
background:var(--toastify-color-progress-error) | |
} | |
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning { | |
background: hsla(0, 0%, 100%, .7); | |
background:var(--toastify-color-transparent) | |
} | |
.Toastify__close-button { | |
align-self: flex-start; | |
background: transparent; | |
border: none; | |
color: #fff; | |
cursor: pointer; | |
opacity: .7; | |
outline: none; | |
padding: 0; | |
transition:.3s ease | |
} | |
.Toastify__close-button--light { | |
color: #000; | |
opacity:.3 | |
} | |
.Toastify__close-button > svg { | |
fill: currentColor; | |
height: 16px; | |
width:14px | |
} | |
.Toastify__close-button:focus, .Toastify__close-button:hover { | |
opacity:1 | |
} | |
@-webkit-keyframes Toastify__trackProgress { | |
0% { | |
-webkit-transform: scaleX(1); | |
transform:scaleX(1) | |
} | |
to { | |
-webkit-transform: scaleX(0); | |
transform:scaleX(0) | |
} | |
} | |
@keyframes Toastify__trackProgress { | |
0% { | |
-webkit-transform: scaleX(1); | |
transform:scaleX(1) | |
} | |
to { | |
-webkit-transform: scaleX(0); | |
transform:scaleX(0) | |
} | |
} | |
.Toastify__progress-bar { | |
bottom: 0; | |
height: 5px; | |
left: 0; | |
opacity: .7; | |
position: absolute; | |
-webkit-transform-origin: left; | |
transform-origin: left; | |
width: 100%; | |
z-index: 9999; | |
z-index:var(--toastify-z-index) | |
} | |
.Toastify__progress-bar--animated { | |
-webkit-animation: Toastify__trackProgress linear 1 forwards; | |
animation:Toastify__trackProgress linear 1 forwards | |
} | |
.Toastify__progress-bar--controlled { | |
transition: -webkit-transform .2s; | |
transition: transform .2s; | |
transition:transform .2s, -webkit-transform .2s | |
} | |
.Toastify__progress-bar--rtl { | |
left: auto; | |
right: 0; | |
-webkit-transform-origin: right; | |
transform-origin:right | |
} | |
.Toastify__spinner { | |
-webkit-animation: Toastify__spin .65s linear infinite; | |
animation: Toastify__spin .65s linear infinite; | |
border: 2px solid #e0e0e0; | |
border-color: var(--toastify-spinner-color-empty-area); | |
border-radius: 100%; | |
border-right-color: #616161; | |
border-right-color: var(--toastify-spinner-color); | |
box-sizing: border-box; | |
height: 20px; | |
width:20px | |
} | |
@-webkit-keyframes Toastify__bounceInRight { | |
0%, 60%, 75%, 90%, to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function:cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(3000px, 0, 0); | |
transform:translate3d(3000px, 0, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(-25px, 0, 0); | |
transform:translate3d(-25px, 0, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(10px, 0, 0); | |
transform:translate3d(10px, 0, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(-5px, 0, 0); | |
transform:translate3d(-5px, 0, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform:none | |
} | |
} | |
@keyframes Toastify__bounceInRight { | |
0%, 60%, 75%, 90%, to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function:cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(3000px, 0, 0); | |
transform:translate3d(3000px, 0, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(-25px, 0, 0); | |
transform:translate3d(-25px, 0, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(10px, 0, 0); | |
transform:translate3d(10px, 0, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(-5px, 0, 0); | |
transform:translate3d(-5px, 0, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform:none | |
} | |
} | |
@-webkit-keyframes Toastify__bounceOutRight { | |
20% { | |
opacity: 1; | |
-webkit-transform: translate3d(-20px, 0, 0); | |
transform:translate3d(-20px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(2000px, 0, 0); | |
transform:translate3d(2000px, 0, 0) | |
} | |
} | |
@keyframes Toastify__bounceOutRight { | |
20% { | |
opacity: 1; | |
-webkit-transform: translate3d(-20px, 0, 0); | |
transform:translate3d(-20px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(2000px, 0, 0); | |
transform:translate3d(2000px, 0, 0) | |
} | |
} | |
@-webkit-keyframes Toastify__bounceInLeft { | |
0%, 60%, 75%, 90%, to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function:cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(-3000px, 0, 0); | |
transform:translate3d(-3000px, 0, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(25px, 0, 0); | |
transform:translate3d(25px, 0, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(-10px, 0, 0); | |
transform:translate3d(-10px, 0, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(5px, 0, 0); | |
transform:translate3d(5px, 0, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform:none | |
} | |
} | |
@keyframes Toastify__bounceInLeft { | |
0%, 60%, 75%, 90%, to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function:cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(-3000px, 0, 0); | |
transform:translate3d(-3000px, 0, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(25px, 0, 0); | |
transform:translate3d(25px, 0, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(-10px, 0, 0); | |
transform:translate3d(-10px, 0, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(5px, 0, 0); | |
transform:translate3d(5px, 0, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform:none | |
} | |
} | |
@-webkit-keyframes Toastify__bounceOutLeft { | |
20% { | |
opacity: 1; | |
-webkit-transform: translate3d(20px, 0, 0); | |
transform:translate3d(20px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(-2000px, 0, 0); | |
transform:translate3d(-2000px, 0, 0) | |
} | |
} | |
@keyframes Toastify__bounceOutLeft { | |
20% { | |
opacity: 1; | |
-webkit-transform: translate3d(20px, 0, 0); | |
transform:translate3d(20px, 0, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(-2000px, 0, 0); | |
transform:translate3d(-2000px, 0, 0) | |
} | |
} | |
@-webkit-keyframes Toastify__bounceInUp { | |
0%, 60%, 75%, 90%, to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function:cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 3000px, 0); | |
transform:translate3d(0, 3000px, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, -20px, 0); | |
transform:translate3d(0, -20px, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(0, 10px, 0); | |
transform:translate3d(0, 10px, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(0, -5px, 0); | |
transform:translate3d(0, -5px, 0) | |
} | |
to { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
} | |
@keyframes Toastify__bounceInUp { | |
0%, 60%, 75%, 90%, to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function:cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 3000px, 0); | |
transform:translate3d(0, 3000px, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, -20px, 0); | |
transform:translate3d(0, -20px, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(0, 10px, 0); | |
transform:translate3d(0, 10px, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(0, -5px, 0); | |
transform:translate3d(0, -5px, 0) | |
} | |
to { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
} | |
@-webkit-keyframes Toastify__bounceOutUp { | |
20% { | |
-webkit-transform: translate3d(0, -10px, 0); | |
transform:translate3d(0, -10px, 0) | |
} | |
40%, 45% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, 20px, 0); | |
transform:translate3d(0, 20px, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -2000px, 0); | |
transform:translate3d(0, -2000px, 0) | |
} | |
} | |
@keyframes Toastify__bounceOutUp { | |
20% { | |
-webkit-transform: translate3d(0, -10px, 0); | |
transform:translate3d(0, -10px, 0) | |
} | |
40%, 45% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, 20px, 0); | |
transform:translate3d(0, 20px, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -2000px, 0); | |
transform:translate3d(0, -2000px, 0) | |
} | |
} | |
@-webkit-keyframes Toastify__bounceInDown { | |
0%, 60%, 75%, 90%, to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function:cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -3000px, 0); | |
transform:translate3d(0, -3000px, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, 25px, 0); | |
transform:translate3d(0, 25px, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(0, -10px, 0); | |
transform:translate3d(0, -10px, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(0, 5px, 0); | |
transform:translate3d(0, 5px, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform:none | |
} | |
} | |
@keyframes Toastify__bounceInDown { | |
0%, 60%, 75%, 90%, to { | |
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
animation-timing-function:cubic-bezier(.215, .61, .355, 1) | |
} | |
0% { | |
opacity: 0; | |
-webkit-transform: translate3d(0, -3000px, 0); | |
transform:translate3d(0, -3000px, 0) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, 25px, 0); | |
transform:translate3d(0, 25px, 0) | |
} | |
75% { | |
-webkit-transform: translate3d(0, -10px, 0); | |
transform:translate3d(0, -10px, 0) | |
} | |
90% { | |
-webkit-transform: translate3d(0, 5px, 0); | |
transform:translate3d(0, 5px, 0) | |
} | |
to { | |
-webkit-transform: none; | |
transform:none | |
} | |
} | |
@-webkit-keyframes Toastify__bounceOutDown { | |
20% { | |
-webkit-transform: translate3d(0, 10px, 0); | |
transform:translate3d(0, 10px, 0) | |
} | |
40%, 45% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, -20px, 0); | |
transform:translate3d(0, -20px, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 2000px, 0); | |
transform:translate3d(0, 2000px, 0) | |
} | |
} | |
@keyframes Toastify__bounceOutDown { | |
20% { | |
-webkit-transform: translate3d(0, 10px, 0); | |
transform:translate3d(0, 10px, 0) | |
} | |
40%, 45% { | |
opacity: 1; | |
-webkit-transform: translate3d(0, -20px, 0); | |
transform:translate3d(0, -20px, 0) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: translate3d(0, 2000px, 0); | |
transform:translate3d(0, 2000px, 0) | |
} | |
} | |
.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left { | |
-webkit-animation-name: Toastify__bounceInLeft; | |
animation-name:Toastify__bounceInLeft | |
} | |
.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right { | |
-webkit-animation-name: Toastify__bounceInRight; | |
animation-name:Toastify__bounceInRight | |
} | |
.Toastify__bounce-enter--top-center { | |
-webkit-animation-name: Toastify__bounceInDown; | |
animation-name:Toastify__bounceInDown | |
} | |
.Toastify__bounce-enter--bottom-center { | |
-webkit-animation-name: Toastify__bounceInUp; | |
animation-name:Toastify__bounceInUp | |
} | |
.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left { | |
-webkit-animation-name: Toastify__bounceOutLeft; | |
animation-name:Toastify__bounceOutLeft | |
} | |
.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right { | |
-webkit-animation-name: Toastify__bounceOutRight; | |
animation-name:Toastify__bounceOutRight | |
} | |
.Toastify__bounce-exit--top-center { | |
-webkit-animation-name: Toastify__bounceOutUp; | |
animation-name:Toastify__bounceOutUp | |
} | |
.Toastify__bounce-exit--bottom-center { | |
-webkit-animation-name: Toastify__bounceOutDown; | |
animation-name:Toastify__bounceOutDown | |
} | |
@-webkit-keyframes Toastify__zoomIn { | |
0% { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform:scale3d(.3, .3, .3) | |
} | |
50% { | |
opacity:1 | |
} | |
} | |
@keyframes Toastify__zoomIn { | |
0% { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform:scale3d(.3, .3, .3) | |
} | |
50% { | |
opacity:1 | |
} | |
} | |
@-webkit-keyframes Toastify__zoomOut { | |
0% { | |
opacity:1 | |
} | |
50% { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform:scale3d(.3, .3, .3) | |
} | |
to { | |
opacity:0 | |
} | |
} | |
@keyframes Toastify__zoomOut { | |
0% { | |
opacity:1 | |
} | |
50% { | |
opacity: 0; | |
-webkit-transform: scale3d(.3, .3, .3); | |
transform:scale3d(.3, .3, .3) | |
} | |
to { | |
opacity:0 | |
} | |
} | |
.Toastify__zoom-enter { | |
-webkit-animation-name: Toastify__zoomIn; | |
animation-name:Toastify__zoomIn | |
} | |
.Toastify__zoom-exit { | |
-webkit-animation-name: Toastify__zoomOut; | |
animation-name:Toastify__zoomOut | |
} | |
@-webkit-keyframes Toastify__flipIn { | |
0% { | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in; | |
opacity: 0; | |
-webkit-transform: perspective(400px) rotateX(90deg); | |
transform:perspective(400px) rotateX(90deg) | |
} | |
40% { | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in; | |
-webkit-transform: perspective(400px) rotateX(-20deg); | |
transform:perspective(400px) rotateX(-20deg) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: perspective(400px) rotateX(10deg); | |
transform:perspective(400px) rotateX(10deg) | |
} | |
80% { | |
-webkit-transform: perspective(400px) rotateX(-5deg); | |
transform:perspective(400px) rotateX(-5deg) | |
} | |
to { | |
-webkit-transform: perspective(400px); | |
transform:perspective(400px) | |
} | |
} | |
@keyframes Toastify__flipIn { | |
0% { | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in; | |
opacity: 0; | |
-webkit-transform: perspective(400px) rotateX(90deg); | |
transform:perspective(400px) rotateX(90deg) | |
} | |
40% { | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in; | |
-webkit-transform: perspective(400px) rotateX(-20deg); | |
transform:perspective(400px) rotateX(-20deg) | |
} | |
60% { | |
opacity: 1; | |
-webkit-transform: perspective(400px) rotateX(10deg); | |
transform:perspective(400px) rotateX(10deg) | |
} | |
80% { | |
-webkit-transform: perspective(400px) rotateX(-5deg); | |
transform:perspective(400px) rotateX(-5deg) | |
} | |
to { | |
-webkit-transform: perspective(400px); | |
transform:perspective(400px) | |
} | |
} | |
@-webkit-keyframes Toastify__flipOut { | |
0% { | |
-webkit-transform: perspective(400px); | |
transform:perspective(400px) | |
} | |
30% { | |
opacity: 1; | |
-webkit-transform: perspective(400px) rotateX(-20deg); | |
transform:perspective(400px) rotateX(-20deg) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: perspective(400px) rotateX(90deg); | |
transform:perspective(400px) rotateX(90deg) | |
} | |
} | |
@keyframes Toastify__flipOut { | |
0% { | |
-webkit-transform: perspective(400px); | |
transform:perspective(400px) | |
} | |
30% { | |
opacity: 1; | |
-webkit-transform: perspective(400px) rotateX(-20deg); | |
transform:perspective(400px) rotateX(-20deg) | |
} | |
to { | |
opacity: 0; | |
-webkit-transform: perspective(400px) rotateX(90deg); | |
transform:perspective(400px) rotateX(90deg) | |
} | |
} | |
.Toastify__flip-enter { | |
-webkit-animation-name: Toastify__flipIn; | |
animation-name:Toastify__flipIn | |
} | |
.Toastify__flip-exit { | |
-webkit-animation-name: Toastify__flipOut; | |
animation-name:Toastify__flipOut | |
} | |
@-webkit-keyframes Toastify__slideInRight { | |
0% { | |
-webkit-transform: translate3d(110%, 0, 0); | |
transform: translate3d(110%, 0, 0); | |
visibility:visible | |
} | |
to { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
} | |
@keyframes Toastify__slideInRight { | |
0% { | |
-webkit-transform: translate3d(110%, 0, 0); | |
transform: translate3d(110%, 0, 0); | |
visibility:visible | |
} | |
to { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
} | |
@-webkit-keyframes Toastify__slideInLeft { | |
0% { | |
-webkit-transform: translate3d(-110%, 0, 0); | |
transform: translate3d(-110%, 0, 0); | |
visibility:visible | |
} | |
to { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
} | |
@keyframes Toastify__slideInLeft { | |
0% { | |
-webkit-transform: translate3d(-110%, 0, 0); | |
transform: translate3d(-110%, 0, 0); | |
visibility:visible | |
} | |
to { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
} | |
@-webkit-keyframes Toastify__slideInUp { | |
0% { | |
-webkit-transform: translate3d(0, 110%, 0); | |
transform: translate3d(0, 110%, 0); | |
visibility:visible | |
} | |
to { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
} | |
@keyframes Toastify__slideInUp { | |
0% { | |
-webkit-transform: translate3d(0, 110%, 0); | |
transform: translate3d(0, 110%, 0); | |
visibility:visible | |
} | |
to { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
} | |
@-webkit-keyframes Toastify__slideInDown { | |
0% { | |
-webkit-transform: translate3d(0, -110%, 0); | |
transform: translate3d(0, -110%, 0); | |
visibility:visible | |
} | |
to { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
} | |
@keyframes Toastify__slideInDown { | |
0% { | |
-webkit-transform: translate3d(0, -110%, 0); | |
transform: translate3d(0, -110%, 0); | |
visibility:visible | |
} | |
to { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
} | |
@-webkit-keyframes Toastify__slideOutRight { | |
0% { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
to { | |
-webkit-transform: translate3d(110%, 0, 0); | |
transform: translate3d(110%, 0, 0); | |
visibility:hidden | |
} | |
} | |
@keyframes Toastify__slideOutRight { | |
0% { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
to { | |
-webkit-transform: translate3d(110%, 0, 0); | |
transform: translate3d(110%, 0, 0); | |
visibility:hidden | |
} | |
} | |
@-webkit-keyframes Toastify__slideOutLeft { | |
0% { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
to { | |
-webkit-transform: translate3d(-110%, 0, 0); | |
transform: translate3d(-110%, 0, 0); | |
visibility:hidden | |
} | |
} | |
@keyframes Toastify__slideOutLeft { | |
0% { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
to { | |
-webkit-transform: translate3d(-110%, 0, 0); | |
transform: translate3d(-110%, 0, 0); | |
visibility:hidden | |
} | |
} | |
@-webkit-keyframes Toastify__slideOutDown { | |
0% { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
to { | |
-webkit-transform: translate3d(0, 500px, 0); | |
transform: translate3d(0, 500px, 0); | |
visibility:hidden | |
} | |
} | |
@keyframes Toastify__slideOutDown { | |
0% { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
to { | |
-webkit-transform: translate3d(0, 500px, 0); | |
transform: translate3d(0, 500px, 0); | |
visibility:hidden | |
} | |
} | |
@-webkit-keyframes Toastify__slideOutUp { | |
0% { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
to { | |
-webkit-transform: translate3d(0, -500px, 0); | |
transform: translate3d(0, -500px, 0); | |
visibility:hidden | |
} | |
} | |
@keyframes Toastify__slideOutUp { | |
0% { | |
-webkit-transform: translateZ(0); | |
transform:translateZ(0) | |
} | |
to { | |
-webkit-transform: translate3d(0, -500px, 0); | |
transform: translate3d(0, -500px, 0); | |
visibility:hidden | |
} | |
} | |
.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left { | |
-webkit-animation-name: Toastify__slideInLeft; | |
animation-name:Toastify__slideInLeft | |
} | |
.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right { | |
-webkit-animation-name: Toastify__slideInRight; | |
animation-name:Toastify__slideInRight | |
} | |
.Toastify__slide-enter--top-center { | |
-webkit-animation-name: Toastify__slideInDown; | |
animation-name:Toastify__slideInDown | |
} | |
.Toastify__slide-enter--bottom-center { | |
-webkit-animation-name: Toastify__slideInUp; | |
animation-name:Toastify__slideInUp | |
} | |
.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left { | |
-webkit-animation-name: Toastify__slideOutLeft; | |
animation-name:Toastify__slideOutLeft | |
} | |
.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right { | |
-webkit-animation-name: Toastify__slideOutRight; | |
animation-name:Toastify__slideOutRight | |
} | |
.Toastify__slide-exit--top-center { | |
-webkit-animation-name: Toastify__slideOutUp; | |
animation-name:Toastify__slideOutUp | |
} | |
.Toastify__slide-exit--bottom-center { | |
-webkit-animation-name: Toastify__slideOutDown; | |
animation-name:Toastify__slideOutDown | |
} | |
@-webkit-keyframes Toastify__spin { | |
0% { | |
-webkit-transform: rotate(0deg); | |
transform:rotate(0deg) | |
} | |
to { | |
-webkit-transform: rotate(1turn); | |
transform:rotate(1turn) | |
} | |
} | |
@keyframes Toastify__spin { | |
0% { | |
-webkit-transform: rotate(0deg); | |
transform:rotate(0deg) | |
} | |
to { | |
-webkit-transform: rotate(1turn); | |
transform: rotate(1turn) | |
} | |
} | |
/*# sourceMappingURL=main.47bafb87.css.map*/ | |