/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/styles/components/ui/button.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.button_button_component__pdyXh {
  display: flex;
  height: 100%;
  min-width: 100%;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  border-radius: 12px;
  padding: 0.5rem;
  color: var(--white-50);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.button_button_component__pdyXh:active {
  --tw-scale-x: .98;
  --tw-scale-y: .98;
  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));
}.button_button_component__pdyXh:active::before {
  content: var(--tw-content);
  opacity: .3;
}.button_button_component__pdyXh:disabled {
  cursor: not-allowed;
}.button_button_component__pdyXh:disabled:active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
}.button_button_component__pdyXh {
  --shadow-top: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.99) 0% rgba(255, 255, 255, 0.55) 77%,
    rgba(255, 255, 255, 0) 100%
  );
  --shadow-left: rgba(255, 255, 255, 0.45);
  --shadow-right: rgba(255, 255, 255, 0.45);
  --shadow-bottom: rgba(255, 255, 255, 0.45);
  --active-shadow-top: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.99) 0% rgba(0, 0, 0, 0.55) 77%,
    rgba(0, 0, 0, 0) 100%
  );
  --active-shadow-left: rgba(0, 0, 0, 0.45);
  --active-shadow-right: rgba(0, 0, 0, 0.45);
  --active-shadow-bottom: rgba(0, 0, 0, 0.45);
  --inset-depth-top: 4px;
  --inset-depth-left: 5px;
  --inset-depth-right: 1px;
  --inset-depth-bottom: 1px;
  --blur-amount: 7px;
  box-shadow: inset calc(var(--inset-depth-left)) calc(var(--inset-depth-top)) var(--blur-amount) var(--shadow-left), inset calc(-1 * var(--inset-depth-right)) calc(-1 * var(--inset-depth-bottom)) var(--blur-amount) var(--shadow-right);
}
.button_button_component__pdyXh.button_primary__Q4S4q {
  background-color: var(--primary);
}
.button_button_component__pdyXh.button_primary__Q4S4q:hover {
  background-color: var(--primary-hover);
}
.button_button_component__pdyXh.button_primary__Q4S4q:active {
  background-color: var(--primary-focused);
}
.button_button_component__pdyXh.button_primary__Q4S4q:disabled {
  background-color: var(--primary-disabled);
}
.button_button_component__pdyXh.button_primary__Q4S4q:hover:disabled {
  background-color: var(--primary-disabled);
}
.button_button_component__pdyXh.button_outline__SQpc3 {
  border-width: 1.16px;
  border-color: var(--grey-600);
  background-color: transparent;
  color: var(--grey-600);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.button_button_component__pdyXh.button_outline__SQpc3:hover {
  border-color: var(--grey-400);
  color: var(--grey-400);
}
.button_button_component__pdyXh.button_outline__SQpc3:active {
  border-color: var(--grey-600);
  color: var(--grey-600);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.button_button_component__pdyXh.button_outline__SQpc3:is([data-theme*="-dark"] *) {
  border-color: var(--white-200);
  color: var(--white-200);
}
.button_button_component__pdyXh.button_outline__SQpc3:hover:is([data-theme*="-dark"] *) {
  border-color: var(--white-600);
  color: var(--white-600);
}
.button_button_component__pdyXh.button_outline__SQpc3:active:is([data-theme*="-dark"] *) {
  border-color: var(--white-50);
  color: var(--white-50);
}
.button_button_component__pdyXh.button_destructive__Yg25C {
  background-color: var(--destructive-primary);
}
.button_button_component__pdyXh.button_destructive__Yg25C:hover {
  background-color: var(--destructive-primary-hover);
}
.button_button_component__pdyXh.button_destructive__Yg25C:active {
  background-color: var(--destructive-primary-focused);
}
.button_button_component__pdyXh.button_destructive__Yg25C:disabled {
  background-color: var(--destructive-primary-disabled);
}
.button_button_component__pdyXh.button_destructive__Yg25C:hover:disabled {
  background-color: var(--destructive-primary-disabled);
}
.button_button_component__pdyXh.button_success__wQgxC {
  background-color: var(--success-primary);
}
.button_button_component__pdyXh.button_success__wQgxC:hover {
  background-color: var(--success-primary-hover);
}
.button_button_component__pdyXh.button_success__wQgxC:focus {
  background-color: var(--success-primary-focused);
}
.button_button_component__pdyXh.button_success__wQgxC:disabled {
  background-color: var(--success-primary-disabled);
}
.button_button_component__pdyXh.button_secondary__azHFa {
  background-color: var(--secondary);
}
.button_button_component__pdyXh.button_secondary__azHFa:hover {
  background-color: var(--secondary-hover);
}
.button_button_component__pdyXh.button_secondary__azHFa:active {
  background-color: var(--secondary-focused);
}
.button_button_component__pdyXh.button_secondary__azHFa:disabled {
  background-color: var(--secondary-disabled);
}
.button_button_component__pdyXh.button_icon__gx5T8 {
  max-height: 24px;
  min-height: 24px;
  min-width: 24px;
  max-width: 24px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}
.button_button_component__pdyXh.button_destructive-outline__v1VMd {
  border-width: 1px;
  border-color: var(--destructive-400);
  color: var(--destructive-400);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.button_button_component__pdyXh.button_destructive-outline__v1VMd:hover {
  border-color: var(--destructive-500);
  color: var(--destructive-500);
}
.button_button_component__pdyXh.button_destructive-outline__v1VMd:active {
  border-color: var(--destructive-600);
  color: var(--destructive-600);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.button_button_component__pdyXh.button_destructive-outline__v1VMd:disabled {
  border-color: var(--destructive-100);
  color: var(--destructive-100);
}
.button_button_component__pdyXh.button_destructive-outline__v1VMd:is([data-theme*="-dark"] *) {
  border-color: var(--destructive-400);
  color: var(--destructive-400);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.button_button_component__pdyXh.button_destructive-outline__v1VMd:hover:is([data-theme*="-dark"] *) {
  border-color: var(--destructive-300);
  color: var(--destructive-300);
}
.button_button_component__pdyXh.button_destructive-outline__v1VMd:active:is([data-theme*="-dark"] *) {
  border-color: var(--destructive-200);
  color: var(--destructive-200);
}
.button_button_component__pdyXh.button_destructive-outline__v1VMd:disabled:is([data-theme*="-dark"] *) {
  border-color: var(--grey-300);
  color: var(--grey-300);
}
.button_button_component__pdyXh::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.5px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0.55) 77%, rgba(255, 255, 255, 0.99) 0%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.6;
  transition: opacity 0.1s ease;
}
.button_button_component__pdyXh:active {
  box-shadow: inset calc(var(--inset-depth-left)) calc(var(--inset-depth-top)) var(--blur-amount) var(--active-shadow-left), inset calc(-1 * var(--inset-depth-right)) calc(-1 * var(--inset-depth-bottom)) var(--blur-amount) var(--active-shadow-right);
  transform: scale(0.98);
}
.button_button_component__pdyXh:active::before {
  opacity: 0.3;
}
.button_button_component__pdyXh:disabled {
  box-shadow: inset calc(var(--inset-depth-left)) calc(var(--inset-depth-top)) var(--blur-amount) var(--shadow-left), inset calc(-1 * var(--inset-depth-right)) calc(-1 * var(--inset-depth-bottom)) var(--blur-amount) var(--shadow-right);
}
.button_button_component__pdyXh:hover:not(.button_disabled__zta9N) {
  filter: brightness(0.95);
}
.button_button_component__pdyXh:hover:not(.button_disabled__zta9N)::before {
  opacity: 0.8;
}
.button_button_component__pdyXh:focus-visible:not(.button_disabled__zta9N) {
  outline: 2px solid var(--shadow-top);
  outline-offset: 2px;
}
.button_button_component__pdyXh.button_disabled__zta9N {
  cursor: not-allowed;
  opacity: 0.6;
}
.button_button_component__pdyXh.button_disabled__zta9N::before {
  opacity: 0.2;
}
.button_button_component__pdyXh.button_icon__gx5T8 {
  max-height: 24px;
  min-height: 24px;
  min-width: 24px;
  max-width: 24px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  box-shadow: none;
}
.button_button_component__pdyXh.button_icon__gx5T8::before {
  display: none;
}
.button_button_component__pdyXh.button_icon__gx5T8:active:not(.button_disabled__zta9N) {
  transform: scale(0.92);
  box-shadow: none;
}

[data-theme*="-dark"] .button_button_component__pdyXh {
  border-width: .5px;
  border-color: var(--white-700);
}

[data-theme*="-dark"] .button_button_component__pdyXh:disabled {
  border-color: var(--white-900);
  opacity: 0.55;
}

[data-theme*="-dark"] .button_button_component__pdyXh {
  --shadow-top: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.99) 0% rgba(0, 0, 0, 0.55) 77%,
    rgba(0, 0, 0, 0) 100%
  );
  --shadow-left: rgba(0, 0, 0, 0.45);
  --shadow-right: rgba(0, 0, 0, 0.45);
  --shadow-bottom: rgba(0, 0, 0, 0.45);
  --active-shadow-top: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.99) 0% rgba(255, 255, 255, 0.55) 77%,
    rgba(255, 255, 255, 0) 100%
  );
  --active-shadow-left: rgba(255, 255, 255, 0.45);
  --active-shadow-right: rgba(255, 255, 255, 0.45);
  --active-shadow-bottom: rgba(255, 255, 255, 0.45);
  --inset-depth-top: 3px;
  --inset-depth-left: 5px;
  --inset-depth-right: 3px;
  --inset-depth-bottom: 3px;
  --blur-amount: 7px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/styles/components/ui/Badge.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Badge_badge__Hw_gn {
    height: 15px;
    width: 15px;
    overflow: hidden
}
@media (min-width: 640px) {
    .Badge_badge__Hw_gn {
        height: 20px;
        width: 20px
    }
}
.Badge_badge__Hw_gn > .Badge_destructive__z8c4Z {
    background-color: var(--destructive);
    color: var(--white-50)
}
.Badge_badge__Hw_gn > .Badge_primary__3RkFo {
    background-color: var(--primary);
    color: var(--grey-50)
}
.Badge_badge__Hw_gn > div {
    display: flex;
    max-height: 100%;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 8px;
    line-height: 100%;
    font-weight: 400
}
@media (min-width: 640px) {
    .Badge_badge__Hw_gn > div {
        font-size: 12px;
        line-height: 100%
    }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/styles/layout.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.layout_mainLayout__8qgkR {

    position: relative;

    display: flex;

    min-height: 100vh;

    width: 100%;

    min-width: 100%;

    max-width: 100%;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 0px;

    overflow-y: auto;

    overflow-x: hidden;

    background-color: var(--bg-primary);

    --tw-text-opacity: 1;

    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.layout_mainLayout__8qgkR:is([data-theme*="-dark"] *) {

    color: var(--white-50)
}

@media (min-width: 768px) {

    .layout_mainLayout__8qgkR {

        width: 420px;

        min-width: 420px;

        max-width: 420px
    }
}

.layout_mainElement__xjN6H {

    position: relative;

    width: 100%;

    background-color: transparent
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/styles/components/ui/toast.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.toast_toastContainer__oLNJo {
  pointer-events: none;
  position: fixed;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 0.75rem
  /* ==========================================
   Base Toast Styles
   ========================================== */
}
.toast_toastContainer__oLNJo .toast_toast__XTJ_G {
  pointer-events: auto;
  display: flex;
  width: 100%;
  max-width: 24rem;
  --tw-translate-y: 0px;
  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));
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  opacity: 1;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  direction: rtl /* For Persian/Arabic support */
}
.toast_toastContainer__oLNJo {
  /* Base elements inside toast */
}
.toast_toastContainer__oLNJo .toast_content___XZep {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.625rem
}
.toast_toastContainer__oLNJo .toast_icon__bUWen {
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 1.75rem
}
.toast_toastContainer__oLNJo .toast_message__M2WAy {
  flex: 1 1 0%;
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375
}
.toast_toastContainer__oLNJo .toast_closeBtn___okmz {
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 0px;
  background-color: transparent;
  padding: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  opacity: 0.6;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}
.toast_toastContainer__oLNJo .toast_closeBtn___okmz:hover {
  opacity: 1
}
.toast_toastContainer__oLNJo {
  /* ==========================================
   LIGHT MODE VARIANTS
   ========================================== */
}
.toast_toastContainer__oLNJo .toast_lightError__AncTx {
  --tw-border-opacity: 1;
  border-color: rgb(255 205 210 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 235 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(211 47 47 / var(--tw-text-opacity, 1));
  --tw-shadow-color: rgb(239 68 68 / 0.1);
  --tw-shadow: var(--tw-shadow-colored)
}
.toast_toastContainer__oLNJo .toast_lightError__AncTx .toast_closeBtn___okmz {
  --tw-text-opacity: 1;
  color: rgb(211 47 47 / var(--tw-text-opacity, 1))
}
.toast_toastContainer__oLNJo .toast_lightSuccess__fJ9Hr {
  --tw-border-opacity: 1;
  border-color: rgb(200 230 201 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(232 245 233 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(46 125 50 / var(--tw-text-opacity, 1));
  --tw-shadow-color: rgb(34 197 94 / 0.1);
  --tw-shadow: var(--tw-shadow-colored)
}
.toast_toastContainer__oLNJo .toast_lightSuccess__fJ9Hr .toast_closeBtn___okmz {
  --tw-text-opacity: 1;
  color: rgb(46 125 50 / var(--tw-text-opacity, 1))
}
.toast_toastContainer__oLNJo .toast_lightWarning__7cjul {
  --tw-border-opacity: 1;
  border-color: rgb(255 224 130 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 225 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(245 127 23 / var(--tw-text-opacity, 1));
  --tw-shadow-color: rgb(245 158 11 / 0.1);
  --tw-shadow: var(--tw-shadow-colored)
}
.toast_toastContainer__oLNJo .toast_lightWarning__7cjul .toast_closeBtn___okmz {
  --tw-text-opacity: 1;
  color: rgb(245 127 23 / var(--tw-text-opacity, 1))
}
.toast_toastContainer__oLNJo .toast_lightInfo__0RKh8 {
  --tw-border-opacity: 1;
  border-color: rgb(178 235 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(224 247 250 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 131 143 / var(--tw-text-opacity, 1));
  --tw-shadow-color: rgb(6 182 212 / 0.1);
  --tw-shadow: var(--tw-shadow-colored)
}
.toast_toastContainer__oLNJo .toast_lightInfo__0RKh8 .toast_closeBtn___okmz {
  --tw-text-opacity: 1;
  color: rgb(0 131 143 / var(--tw-text-opacity, 1))
}
.toast_toastContainer__oLNJo {
  /* ==========================================
   DARK MODE VARIANTS
   ========================================== */
}
.toast_toastContainer__oLNJo .toast_darkError__VF17k {
  --tw-border-opacity: 1;
  border-color: rgb(92 35 37 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(42 27 28 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 82 82 / var(--tw-text-opacity, 1));
  --tw-shadow-color: rgb(69 10 10 / 0.4);
  --tw-shadow: var(--tw-shadow-colored)
}
.toast_toastContainer__oLNJo .toast_darkError__VF17k .toast_closeBtn___okmz {
  --tw-text-opacity: 1;
  color: rgb(255 82 82 / var(--tw-text-opacity, 1))
}
.toast_toastContainer__oLNJo .toast_darkSuccess__2q9uH {
  --tw-border-opacity: 1;
  border-color: rgb(37 74 50 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(27 41 33 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(76 175 80 / var(--tw-text-opacity, 1));
  --tw-shadow-color: rgb(5 46 22 / 0.4);
  --tw-shadow: var(--tw-shadow-colored)
}
.toast_toastContainer__oLNJo .toast_darkSuccess__2q9uH .toast_closeBtn___okmz {
  --tw-text-opacity: 1;
  color: rgb(76 175 80 / var(--tw-text-opacity, 1))
}
.toast_toastContainer__oLNJo .toast_darkWarning__TL_yZ {
  --tw-border-opacity: 1;
  border-color: rgb(82 70 33 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(44 39 24 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 193 7 / var(--tw-text-opacity, 1));
  --tw-shadow-color: rgb(69 26 3 / 0.4);
  --tw-shadow: var(--tw-shadow-colored)
}
.toast_toastContainer__oLNJo .toast_darkWarning__TL_yZ .toast_closeBtn___okmz {
  --tw-text-opacity: 1;
  color: rgb(255 193 7 / var(--tw-text-opacity, 1))
}
.toast_toastContainer__oLNJo .toast_darkInfo___wOKn {
  --tw-border-opacity: 1;
  border-color: rgb(29 74 82 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(21 39 43 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1));
  --tw-shadow-color: rgb(8 51 68 / 0.4);
  --tw-shadow: var(--tw-shadow-colored)
}
.toast_toastContainer__oLNJo .toast_darkInfo___wOKn .toast_closeBtn___okmz {
  --tw-text-opacity: 1;
  color: rgb(0 229 255 / var(--tw-text-opacity, 1))
}
.toast_toastContainer__oLNJo .toast_topCenter__5zqBP {
  top: 0px;
  left: 50%;
  --tw-translate-x: -50%;
  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));
  align-items: center
}
.toast_toastContainer__oLNJo .toast_topRight__RDwx8 {
  top: 0px;
  right: 0px;
  align-items: flex-end
}
.toast_toastContainer__oLNJo .toast_topLeft__Bvfml {
  top: 0px;
  left: 0px;
  align-items: flex-start
}
.toast_toastContainer__oLNJo .toast_bottomCenter__Wruek {
  bottom: 0px;
  left: 50%;
  --tw-translate-x: -50%;
  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));
  align-items: center
}
.toast_toastContainer__oLNJo .toast_bottomRight__mjz_o {
  bottom: 0px;
  right: 0px;
  align-items: flex-end
}
.toast_toastContainer__oLNJo .toast_bottomLeft__YNd9m {
  bottom: 0px;
  left: 0px;
  align-items: flex-start
}