/* [project]/app/globals.css [app-client] (css) */
:root {
  --Primary: #0466c8;
  --PrimaryPastel: #d9e8f7;
  --Yellow: #f5a623;
  --YellowPastel: #fdf2de;
  --Orange: coral;
  --OrangePastel: #ffece5;
  --Red: #dc3545;
  --RedPastel: #fae1e3;
  --Green: #28a745;
  --GreenPastel: #dff2e3;
  --Text1: #4d4d4d;
  --Text2: #a8a8a8;
  --Grey1: #e1e1e1;
  --Grey2: #e6e6e6;
  --Grey3: #cdcdcd;
  --Background: #f5f7fa;
  --White: #fff;
  --btnwhite: #f2f2f2;
  --TableHead: #fafafa;
  --BgInput: #f5f5f5;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

html, body {
  max-width: 100vw;
}

.container-page::-webkit-scrollbar {
  display: none;
}

body {
  color: var(--foreground);
  background: var(--background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Arial, Helvetica, sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

h2, p {
  color: #171717;
}

@media (prefers-color-scheme: dark) {
  html {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }
}

/* [project]/assets/snackbar/Snackbar.css [app-client] (css) */
.snackbar {
  color: #fff;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  animation: .3s ease-in-out slideUp;
  display: flex;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .4);
}

.snackbar.success {
  background-color: #17bb77;
}

.snackbar.error {
  background-color: #ec3a58;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(10%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideOut {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(20%);
  }
}

.snackbar.enter {
  animation: .3s ease-out slideIn;
}

.snackbar.exit {
  animation: .3s ease-in slideOut;
}

.snackbar span {
  margin: 0 20px 0 0;
}

.close-btn {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  justify-content: right;
  align-items: flex-end;
  font-size: 12px;
  display: flex;
  position: absolute;
  right: 4%;
}

/* [project]/assets/snackbar/SnackbarContainer.css [app-client] (css) */
.snackbar-container {
  z-index: 1010;
  background: none;
  flex-direction: column;
  gap: 6px;
  width: 300px;
  height: 120px;
  display: flex;
  position: fixed;
  top: 16px;
  bottom: 16px;
  right: 2%;
}

/*# sourceMappingURL=_1af30923._.css.map*/