@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/public/6a29bc47b35dc57865d4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/public/5564db73ee2593f5472e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/public/8b1d2a96d430dfe9f0a1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
    background-color: transparent !important;
}

:root {
  --toast-info: #6735FB;
  --toast-bg: #1D1C21;
  --toast-success: #0BD95D;
  --toast-error: #D92F0B;
  --toast-close: #E9E9E9;
  --toast-height: 48px;
}

.Toastify__close-button {
  color: var(--toast-close);
  opacity: 1;
}

.Toastify__toast {
  padding: 6px 16px;
  border-radius: 16px;
  align-items: center;
  background: var(--toast-bg);
  min-height: var(--toast-height);
}

.Toastify__toast-body {
  display: flex;
  padding: 0;
  margin: 0;
}

.Toastify__toast--success {
  border: 1px solid var(--toast-success);
}

.Toastify__toast--error {
  border: 1px solid var(--toast-error);
}

.Toastify__toast--info {
  border: 1px solid var(--toast-info);
}

.Toastify__progress-bar {
  height: 2px;
}

.Toastify__progress-bar--error {
  background: var(--toast-error);
}

*,
*::before,
*::after {
  appearance: none;
  box-sizing: border-box;
  font-style: normal;
  outline-style: none;
  -webkit-touch-callout: none;
  user-select: initial;
}

html,
body {
  height: 100%;
}

#app {
  height: inherit;
}

body {
  margin: 0;
  color: #ffff;
  font-family: 'Bai Jamjuree', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #151117;
}

body::-webkit-scrollbar {
  width: 0;
}

a {
  color: #ffff;
  text-decoration: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.MuiList-root {
  padding: 0 !important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

button {
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  cursor: pointer;
  color: #ffff;
}

.suspenseLoaderBox {
  height: 100dvh;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}