/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --spacing: .25rem;
    --font-weight-medium: 500;
    --radius-sm: 4px;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --color-primary: var(--mui-palette-primary-main, #7367f0);
    --z-index-header: var(--mui-zIndex-appBar, 1100);
    --z-index-footer: 10;
    --z-index-customizer: 1200;
    --z-index-search: var(--mui-zIndex-modal, 1300);
    --z-index-drawer: var(--mui-zIndex-drawer, 1200);
  }
}

@layer base {
  *, :before, :after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

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

  ul, ol {
    margin-block-start: 0;
    padding-inline-start: 0;
  }

  [class^="tabler-"], [class*=" tabler-"] {
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
  }

  code {
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    background-color: rgba(var(--mui-mainColorChannels-light), .08);
    padding-block: 1px;
    padding-inline: 4px;
    font-size: .9375rem;
  }
}

@layer components;

@layer utilities {
  .fixed {
    position: fixed !important;
  }

  .static {
    position: static !important;
  }

  .sticky {
    position: sticky !important;
  }

  .container {
    width: 100% !important;
  }

  @media (min-width: 600px) {
    .container {
      max-width: 600px !important;
    }
  }

  @media (min-width: 900px) {
    .container {
      max-width: 900px !important;
    }
  }

  @media (min-width: 1200px) {
    .container {
      max-width: 1200px !important;
    }
  }

  @media (min-width: 1536px) {
    .container {
      max-width: 1536px !important;
    }
  }

  @media (min-width: 1920px) {
    .container {
      max-width: 1920px !important;
    }
  }

  .mie-2 {
    margin-inline-end: calc(var(--spacing) * 2) !important;
  }

  .flex {
    display: flex !important;
  }

  .flex-auto {
    flex: auto !important;
  }

  .flex-col {
    flex-direction: column !important;
  }

  .items-center {
    align-items: center !important;
  }

  .justify-center {
    justify-content: center !important;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1) !important;
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5) !important;
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }

  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }

  .p-8 {
    padding: calc(var(--spacing) * 8) !important;
  }

  .text-center {
    text-align: center !important;
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .text-primary {
    color: var(--color-primary) !important;
  }

  .overline {
    text-decoration-line: overline !important;
  }

  .blur {
    --tw-blur: blur(8px) !important;
    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, ) !important;
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out) !important;
    transition-timing-function: var(--ease-in-out) !important;
  }

  .bs-full {
    block-size: 100% !important;
  }

  .is-full {
    inline-size: 100% !important;
  }

  .min-bs-full {
    min-block-size: 100% !important;
  }

  .min-bs-screen {
    min-block-size: 100vh !important;
  }

  .scrollbar-hidden::-webkit-scrollbar {
    display: none;
  }

  .scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

:root {
  --header-height: 54px;
  --header-z-index: var(--z-index-header);
  --footer-z-index: var(--z-index-footer);
  --customizer-z-index: var(--z-index-customizer);
  --search-z-index: var(--z-index-search);
  --drawer-z-index: var(--z-index-drawer);
  --border-color: var(--mui-palette-divider, #2f2b3d1f);
  --primary-color: var(--mui-palette-primary-main, #7367f0);
  --mui-mainColorChannels-light: 47 43 61;
  --mui-mainColorChannels-dark: 225 222 245;
  --backdrop-color: #65656599;
}

[data-dark] {
  --backdrop-color: #100e23b3;
  --mui-palette-common-onBackgroundChannel: 225 222 245;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=src_app_globals_91e4631d.css.map*/