@import url(https://cdn.jsdelivr.net/npm/geist-font@latest/dist/fonts/geist-sans/style.css);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
*, ::before, ::after{--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: rgb(59 130 246 / 0.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:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  }::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: rgb(59 130 246 / 0.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:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  }.static{position: static}.fixed{position: fixed}.absolute{position: absolute}.relative{position: relative}.\!top-\[10px\]{top: 10px !important}.col-span-2{grid-column: span 2 / span 2}.-mt-1{margin-top: -0.25rem}.mb-1{margin-bottom: 0.25rem}.mb-2{margin-bottom: 0.5rem}.mb-6{margin-bottom: 1.5rem}.mt-1{margin-top: 0.25rem}.mt-3{margin-top: 0.75rem}.mt-7{margin-top: 1.75rem}.block{display: block}.\!inline-block{display: inline-block !important}.inline-block{display: inline-block}.flex{display: flex}.grid{display: grid}.hidden{display: none}.\!h-\[40px\]{height: 40px !important}.h-12{height: 3rem}.h-4{height: 1rem}.\!w-\[40px\]{width: 40px !important}.w-4{width: 1rem}.w-full{width: 100%}.min-w-0{min-width: 0px}.max-w-\[315px\]{max-width: 315px}.flex-1{flex: 1 1 0%}.shrink-0{flex-shrink: 0}.cursor-pointer{cursor: pointer}.appearance-none{appearance: none}.grid-cols-1{grid-template-columns: repeat(1, minmax(0, 1fr))}.flex-row{flex-direction: row}.flex-col{flex-direction: column}.items-start{align-items: flex-start}.items-end{align-items: flex-end}.items-center{align-items: center}.justify-start{justify-content: flex-start}.justify-end{justify-content: flex-end}.justify-center{justify-content: center}.justify-between{justify-content: space-between}.gap-1\.5{gap: 0.375rem}.gap-2{gap: 0.5rem}.gap-3{gap: 0.75rem}.gap-4{gap: 1rem}.gap-6{gap: 1.5rem}.gap-8{gap: 2rem}.break-all{word-break: break-all}.\!rounded-full{border-radius: 9999px !important}.rounded{border-radius: 0.25rem}.rounded-lg{border-radius: 0.5rem}.rounded-md{border-radius: 0.375rem}.rounded-xl{border-radius: 0.75rem}.\!border-0{border-width: 0px !important}.border{border-width: 1px}.border-\[0\.3px\]{border-width: 0.3px}.border-b{border-bottom-width: 1px}.border-t{border-top-width: 1px}.border-solid{border-style: solid}.border-\[\#d8d9d8\]{--tw-border-opacity: 1;border-color: rgb(216 217 216 / var(--tw-border-opacity, 1))}.border-\[\#e8e9e7\]{--tw-border-opacity: 1;border-color: rgb(232 233 231 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color: rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color: rgb(156 163 175 / var(--tw-border-opacity, 1))}.\!bg-gray-100{--tw-bg-opacity: 1 !important;background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important}.\!bg-red-50{--tw-bg-opacity: 1 !important;background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)) !important}.bg-\[\#363939\]{--tw-bg-opacity: 1;background-color: rgb(54 57 57 / var(--tw-bg-opacity, 1))}.bg-\[\#f6f6f5\]{--tw-bg-opacity: 1;background-color: rgb(246 246 245 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-r{background-image: linear-gradient(to right, var(--tw-gradient-stops))}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-cyan-400{--tw-gradient-to: #22d3ee var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.\!p-0{padding: 0px !important}.p-3{padding: 0.75rem}.p-4{padding: 1rem}.p-5{padding: 1.25rem}.px-2{padding-left: 0.5rem;padding-right: 0.5rem}.px-3{padding-left: 0.75rem;padding-right: 0.75rem}.px-3\.5{padding-left: 0.875rem;padding-right: 0.875rem}.px-4{padding-left: 1rem;padding-right: 1rem}.px-5{padding-left: 1.25rem;padding-right: 1.25rem}.px-\[10px\]{padding-left: 10px;padding-right: 10px}.py-2{padding-top: 0.5rem;padding-bottom: 0.5rem}.py-3{padding-top: 0.75rem;padding-bottom: 0.75rem}.py-4{padding-top: 1rem;padding-bottom: 1rem}.pb-5{padding-bottom: 1.25rem}.pr-2{padding-right: 0.5rem}.pt-4{padding-top: 1rem}.pt-6{padding-top: 1.5rem}.text-center{text-align: center}.font-mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.text-\[10px\]{font-size: 10px}.text-\[11px\]{font-size: 11px}.text-\[12px\]{font-size: 12px}.text-\[13px\]{font-size: 13px}.text-\[23px\]{font-size: 23px}.text-base{font-size: 1rem;line-height: 1.5rem}.text-sm{font-size: 0.875rem;line-height: 1.25rem}.text-xl{font-size: 1.25rem;line-height: 1.75rem}.font-bold{font-weight: 700}.font-medium{font-weight: 500}.font-semibold{font-weight: 600}.uppercase{text-transform: uppercase}.italic{font-style: italic}.leading-5{line-height: 1.25rem}.leading-\[1\.13\]{line-height: 1.13}.tracking-\[-0\.035em\]{letter-spacing: -0.035em}.tracking-\[0\.08em\]{letter-spacing: 0.08em}.tracking-\[0\.11em\]{letter-spacing: 0.11em}.\!text-gray-500{--tw-text-opacity: 1 !important;color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important}.\!text-red-500{--tw-text-opacity: 1 !important;color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important}.text-\[\#262829\]{--tw-text-opacity: 1;color: rgb(38 40 41 / var(--tw-text-opacity, 1))}.text-\[\#292b2c\]{--tw-text-opacity: 1;color: rgb(41 43 44 / var(--tw-text-opacity, 1))}.text-\[\#343738\]{--tw-text-opacity: 1;color: rgb(52 55 56 / var(--tw-text-opacity, 1))}.text-\[\#55595a\]{--tw-text-opacity: 1;color: rgb(85 89 90 / var(--tw-text-opacity, 1))}.text-\[\#777a7c\]{--tw-text-opacity: 1;color: rgb(119 122 124 / var(--tw-text-opacity, 1))}.text-\[\#7a7e7e\]{--tw-text-opacity: 1;color: rgb(122 126 126 / var(--tw-text-opacity, 1))}.text-\[\#7e8282\]{--tw-text-opacity: 1;color: rgb(126 130 130 / var(--tw-text-opacity, 1))}.text-\[\#878a89\]{--tw-text-opacity: 1;color: rgb(135 138 137 / var(--tw-text-opacity, 1))}.text-\[\#979a99\]{--tw-text-opacity: 1;color: rgb(151 154 153 / var(--tw-text-opacity, 1))}.text-\[\#9a9d9c\]{--tw-text-opacity: 1;color: rgb(154 157 156 / var(--tw-text-opacity, 1))}.text-\[\#c0392b\]{--tw-text-opacity: 1;color: rgb(192 57 43 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color: rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-\[0_5px_12px_rgba\(36\2c 38\2c 38\2c 0\.16\)\]{--tw-shadow: 0 5px 12px rgba(36,38,38,0.16);--tw-shadow-colored: 0 5px 12px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline-none{outline: 2px solid transparent;outline-offset: 2px}.outline{outline-style: solid}.filter{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)}.transition{transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}.transition-colors{transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms}:root{--ce-30: rgb(247, 247, 247);--ce-30-hover: rgb(217, 217, 217);--ce-60: rgb(256, 256, 256);--ce-60-hover: rgb(236, 236, 236);--ce-10: rgb(220, 225, 230);--ce-10-hover: rgb(235, 240, 245);--ce-102: rgb(220, 225, 230);--ce-102-hover: rgb(220, 225, 230);--ce-10-light: rgb(235 32 39 / 6%);--ce-text-black: rgb(0, 0, 0);--ce-secondary: rgb(236, 125, 104)}.mp-slide-in{position:relative;left:0;animation:spSlideIn 1s cubic-bezier(0.1, 1.04, 0.25, 0.91);-animation-fill-mode:forwards}.mp-slide-left{position:relative;left:0;animation:spSlideIn 1s cubic-bezier(0.1, 1.04, 0.25, 0.91);-animation-fill-mode:forwards;transition:height 4s}@keyframes spSlideIn{0%{transform:translateX(100px)}100%{transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-100px)}100%{transform:translateX(0)}}.react-paginate-table-wrapper ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center}.react-paginate-table-wrapper ul li{display:inline-block;flex:12;width:30px;border:1px solid #e2e2e2;justify-content:center;font-size:25px;cursor:pointer;transition:all .3s ease-in-out;max-width:30px}.react-paginate-table-wrapper ul li :hover{background:#f6f6f6}.react-paginate-table-wrapper ul li a{text-decoration:none !important;color:var(--ce-10);font-size:20px;text-align:center;min-height:30px;display:flex;align-items:center;justify-content:center}.react-paginate-table-wrapper ul li.selected{font-weight:700}.MuiModal-root{z-index:9999999 !important;overflow-y:auto !important}.mp-table-minimum table thead tr th{padding:.5rem .5rem;text-align:left !important}.mp-table-minimum table tbody tr td{padding:.5rem .5rem;text-align:left !important}.Toastify__toast-container{z-index:10000000000000000000000000 !important}.react-confirm-alert-overlay{z-index:10000000000000000000000000 !important;background:rgba(0,0,0,.72) !important}.ce a.MuiButton-root{border-radius:6px !important}.ce button.MuiButton-root{border-radius:6px !important}.ce .MuiDialog-paper{border-radius:20px}.lucide.primary{color:var(--ce-10)}.lucide{stroke-width:2px}.ce-attendant-tabs button.Mui-selected{background-color:#fff !important;font-weight:600 !important}.ce-attendant-tabs button.MuiTab-textColorSecondary:not(.Mui-selected){background-color:#44c2c4}.fc-license-message{display:none !important}.calender-view-comp a.fc-event{min-height:50px !important}.hover\:bg-\[\#252727\]:hover{--tw-bg-opacity: 1;background-color: rgb(37 39 39 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1))}.focus\:border-\[\#646768\]:focus{--tw-border-opacity: 1;border-color: rgb(100 103 104 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color: transparent}.focus\:outline-none:focus{outline: 2px solid transparent;outline-offset: 2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[\#363939\]\/30:focus{--tw-ring-color: rgb(54 57 57 / 0.3)}.focus\:ring-\[\#646768\]\/15:focus{--tw-ring-color: rgb(100 103 104 / 0.15)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:cursor-not-allowed:disabled{cursor: not-allowed}.disabled\:opacity-60:disabled{opacity: 0.6}@media (min-width: 768px){.md\:w-auto{width: auto}.md\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr))}.md\:flex-row{flex-direction: row}}.\[\&_div\.MuiDialogContent-root\]\:border-b-0 div.MuiDialogContent-root{border-bottom-width: 0px}.\[\&_div\.MuiPaper-root\]\:w-\[20rem\] div.MuiPaper-root{width: 20rem}.\[\&_div\.MuiPaper-root\]\:w-\[30rem\] div.MuiPaper-root{width: 30rem}.\[\&_div\.MuiPaper-root\]\:w-\[40rem\] div.MuiPaper-root{width: 40rem}.\[\&_div\.MuiPaper-root\]\:w-\[50rem\] div.MuiPaper-root{width: 50rem}.\[\&_div\.MuiPaper-root\]\:w-\[60rem\] div.MuiPaper-root{width: 60rem}.\[\&_div\.MuiPaper-root\]\:w-\[98vw\] div.MuiPaper-root{width: 98vw}.\[\&_div\.MuiPaper-root\]\:w-full div.MuiPaper-root{width: 100%}.\[\&_div\.MuiPaper-root\]\:rounded-xl div.MuiPaper-root{border-radius: 0.75rem}.\[\&_h2\.MuiTypography-root\]\:\!pb-0 h2.MuiTypography-root{padding-bottom: 0px !important}.\[\&_svg\]\:fill-ce-10 svg{fill: var(--ce-10)}
: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: rgba(255, 255, 255, 0.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(
    to right,
    #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 {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-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, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
