@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");
@import "tailwindcss/theme" layer(theme);
@import "tailwindcss/utilities" layer(utilities);

@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));

/* tweakcn theme cmrw8cy5g000104jv0b88cnsb on shadcn base-nova */
@theme inline {
  --spacing-128: 32rem;
  --breakpoint-3xl: 1697px;

  --font-heading: var(--font-sans);
  --font-sans: "Inter", sans-serif;

  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);

  --radius-sm: calc(var(--radius) * 0.6);
  --radius-md: calc(var(--radius) * 0.8);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) * 1.4);
  --radius-2xl: calc(var(--radius) * 1.8);
  --radius-3xl: calc(var(--radius) * 2.2);
  --radius-4xl: calc(var(--radius) * 2.6);
  --font-mono: "JetBrains Mono", monospace;
  --font-serif: Georgia, serif;
  --radius: 0.75rem;
  --tracking-tighter: calc(var(--tracking-normal) - 0.05em);
  --tracking-tight: calc(var(--tracking-normal) - 0.025em);
  --tracking-wide: calc(var(--tracking-normal) + 0.025em);
  --tracking-wider: calc(var(--tracking-normal) + 0.05em);
  --tracking-widest: calc(var(--tracking-normal) + 0.1em);
  --tracking-normal: var(--tracking-normal);
  --shadow-2xl: var(--shadow-2xl);
  --shadow-xl: var(--shadow-xl);
  --shadow-lg: var(--shadow-lg);
  --shadow-md: var(--shadow-md);
  --shadow: var(--shadow);
  --shadow-sm: var(--shadow-sm);
  --shadow-xs: var(--shadow-xs);
  --shadow-2xs: var(--shadow-2xs);
  --spacing: var(--spacing);
  --letter-spacing: var(--letter-spacing);
  --shadow-offset-y: var(--shadow-offset-y);
  --shadow-offset-x: var(--shadow-offset-x);
  --shadow-spread: var(--shadow-spread);
  --shadow-blur: var(--shadow-blur);
  --shadow-opacity: var(--shadow-opacity);
  --color-shadow-color: var(--shadow-color);
  --color-destructive-foreground: var(--destructive-foreground);
}

:root {
  --ifm-color-primary: #fa5252;
  --ifm-color-primary-dark: #f93232;
  --ifm-color-primary-darker: #f92222;
  --ifm-color-primary-darkest: #d20606;
  --ifm-color-primary-light: #fb7272;
  --ifm-color-primary-lighter: #fb8282;
  --ifm-color-primary-lightest: #fdc3c3;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  --homarr-secondary-bg: #e8e8e8;

  --aa-primary-color-rgb: #fa5252 !important;
  --aa-muted-color-rgb: #fa5252 !important;
  --aa-background-color-rgb: 200, 200, 200 !important;

  --ifm-font-family-base: var(--font-sans);
  --ifm-color-content-inverse: var(--ifm-color-emphasis-100);

  /* Bridge Docusaurus to shadcn theme */
  --ifm-background-color: var(--background);
  --ifm-font-color-base: var(--foreground);
  --ifm-navbar-background-color: var(--card);
  --ifm-footer-background-color: var(--card);

  --radius: 0.75rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.2178 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.2178 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.2178 0 0);
  --primary: #fa5252;
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.2178 0 0);
  --secondary-foreground: oklch(1 0 0);
  --muted: oklch(0.9674 0.0013 286.3752);
  --muted-foreground: oklch(0.5517 0.0138 285.9385);
  --accent: oklch(0.955 0.025 25.6509);
  --accent-foreground: oklch(0.48 0.18 25.6509);
  --destructive: oklch(0.6368 0.2078 25.3313);
  --border: oklch(0.9197 0.004 286.3202);
  --input: oklch(0.9197 0.004 286.3202);
  --ring: #fa5252;
  --chart-1: oklch(0.6646 0.2222 25.6509);
  --chart-2: oklch(0.2178 0 0);
  --chart-3: oklch(0.6231 0.188 259.8145);
  --chart-4: oklch(0.6959 0.1491 162.4796);
  --chart-5: oklch(0.7686 0.1647 70.0804);
  --sidebar: oklch(0.9791 0 0);
  --sidebar-foreground: oklch(0.2178 0 0);
  --sidebar-primary: #fa5252;
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.9551 0 0);
  --sidebar-accent-foreground: oklch(0.6646 0.2222 25.6509);
  --sidebar-border: oklch(0.9276 0.0058 264.5313);
  --sidebar-ring: oklch(0.56 0.205 25.6509);
  --destructive-foreground: oklch(0.9851 0 0);
  --font-sans: "Inter", sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: "JetBrains Mono", monospace;
  --shadow-color: #000000;
  --shadow-opacity: 0.1;
  --shadow-blur: 10px;
  --shadow-spread: -2px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --letter-spacing: -0.02em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 4px 10px -2px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 10px -2px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 10px -2px hsl(0 0% 0% / 0.1), 0px 1px 2px -3px hsl(0 0% 0% / 0.1);
  --shadow: 0px 4px 10px -2px hsl(0 0% 0% / 0.1), 0px 1px 2px -3px hsl(0 0% 0% / 0.1);
  --shadow-md: 0px 4px 10px -2px hsl(0 0% 0% / 0.1), 0px 2px 4px -3px hsl(0 0% 0% / 0.1);
  --shadow-lg: 0px 4px 10px -2px hsl(0 0% 0% / 0.1), 0px 4px 6px -3px hsl(0 0% 0% / 0.1);
  --shadow-xl: 0px 4px 10px -2px hsl(0 0% 0% / 0.1), 0px 8px 10px -3px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 10px -2px hsl(0 0% 0% / 0.25);
  --tracking-normal: -0.02em;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--ifm-font-family-base);
}

[data-theme="dark"] {
  --ifm-color-primary: #fa5252;
  --ifm-color-primary-dark: #f93232;
  --ifm-color-primary-darker: #f92222;
  --ifm-color-primary-darkest: #d20606;
  --ifm-color-primary-light: #fb7272;
  --ifm-color-primary-lighter: #fb8282;
  --ifm-color-primary-lightest: #fdc3c3;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
  --homarr-secondary-bg: oklch(0.245 0.006 223.9);
  --ifm-color-content-inverse: var(--ifm-color-emphasis-100);

  --aa-primary-color-rgb: #fa5252 !important;
  --aa-muted-color-rgb: #fa5252 !important;
  --aa-background-color-rgb: 24, 24, 24 !important;
}

/* Reset form elements that don't inherit by default (no preflight in Docusaurus).
   Must live inside @layer theme so layer(utilities) wins in the cascade. */
@layer theme {
  :where(
      main.marketplace,
      [data-slot="dialog-portal"],
      [data-slot="alert-dialog-content"],
      [data-slot="dropdown-menu-content"],
      [data-slot="select-content"],
      [data-slot="popover-content"]
    )
    :where(button, input, select, textarea) {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
  }

  :where(
      main.marketplace,
      [data-slot="dialog-portal"],
      [data-slot="alert-dialog-content"],
      [data-slot="dropdown-menu-content"],
      [data-slot="select-content"],
      [data-slot="popover-content"]
    )
    :where(button) {
    cursor: pointer;
  }

  :where(
    [data-slot="dialog-portal"],
    [data-slot="alert-dialog-content"],
    [data-slot="dropdown-menu-content"],
    [data-slot="select-content"],
    [data-slot="popover-content"]
  ) {
    font-family: var(--ifm-font-family-base);
    color: var(--foreground);
  }
}

.aa-DetachedOverlay {
  backdrop-filter: blur(10px) brightness(0.5);
}

.aa-DetachedContainer {
  box-shadow: none !important;
}

.navbar__logo {
  margin-right: 1rem;
}

.swiper-slide {
  width: initial !important;
  height: auto !important;
  padding-bottom: 40px;
}

.swiper-pagination {
  position: absolute;
  bottom: 0;
}

.swiper-pagination-bullet-active {
  background-color: var(--ifm-color-primary) !important;
}

.footer {
  background-color: var(--homarr-secondary-bg) !important;
}

.footer__bottom {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 1.25rem;
  width: min(100%, 38rem);
  margin: 2.5rem auto 0;
  padding-top: 2rem;
  border-top: 1px solid color-mix(in srgb, var(--foreground) 14%, transparent);
  text-align: left !important;
}

.footer__bottom .margin-bottom--sm {
  margin: 0 !important;
}

.footer__logo {
  display: block;
  width: 5.375rem;
  height: auto;
  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.footer__bottom a:hover .footer__logo {
  transform: translateY(-2px);
}

.footer__copyright {
  text-align: left;
}

.footer__brand-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}

.footer__brand-name {
  color: var(--foreground);
  font-size: 1.125rem;
  line-height: 1.25;
  letter-spacing: -0.025em;
}

.footer__brand-tagline {
  color: color-mix(in srgb, var(--foreground) 78%, transparent);
  font-size: 0.875rem;
  line-height: 1.45;
}

.footer__copyright span.copyright_text {
  color: color-mix(in srgb, var(--foreground) 72%, transparent);
  font-size: 0.75rem;
}

@media (max-width: 640px) {
  .footer__bottom {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 0.875rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    text-align: center !important;
  }

  .footer__copyright {
    text-align: center;
  }

  .footer__brand-copy {
    align-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .footer__logo {
    transition: none;
  }

  .footer__bottom a:hover .footer__logo {
    transform: none;
  }
}

.medium-zoom-overlay {
  background-color: var(--ifm-color-primary-lighter) !important;
}

.medium-zoom-image {
  border-radius: 0.5rem;
}

.menu__list {
  transition: all 0.5s ease-in-out !important;
}

.announcementBar_node_modules-\@docusaurus-theme-classic-lib-theme-AnnouncementBar-styles-module {
  background-color: transparent !important;
  background-image: radial-gradient(circle, rgb(253, 126, 20) 0%, rgb(250, 82, 82) 100%) !important;
  font-weight: 600;
}

.medium-zoom-overlay {
  background-color: transparent !important;
  backdrop-filter: blur(10px) brightness(0.7);
}

.navbar__inner .navbar__items a.navbar__item,
.navbar__inner .navbar__items div.navbar__item.dropdown {
  white-space: nowrap;
}

/* Keep the primary docs destinations readable before Docusaurus switches to its mobile menu. */
@media (min-width: 997px) and (max-width: 1399px) {
  .navbar__inner > .navbar__items > .navbar-item--collapse-first,
  .navbar__inner > .navbar__items > .navbar-item--secondary {
    display: none;
  }
}

@media (min-width: 997px) and (max-width: 1179px) {
  .navbar__inner .navbar__title {
    display: none;
  }
}

/*.navbar__items.navbar__items--right .navbar__item.navbar__link:first-of-type {
  background-color: var(--ifm-color-primary-light) !important;
  border-radius: 30px;
}

.navbar__items.navbar__items--right .navbar__item.navbar__link:first-of-type:hover {
  background-color: var(--ifm-color-primary) !important;
  color: var(--ifm-navbar-link-color) !important;
}*/

html[data-theme="dark"] div#__docusaurus div[role="banner"] {
  background-color: #1b1b1d;
  color: #c1c1c1;
}

html[data-theme="dark"] div#__docusaurus div[role="banner"] button svg {
  color: white;
}

.navbar__inner a.navbar__brand {
  font-size: 22px;
  color: var(--ifm-color-primary);
}

:is(p, h3, h4, h5, h6):has(+ :is(ul, ol)) {
  margin-bottom: 4px !important;
}

.table-of-contents__left-border {
  border-left: none !important;
}

.thin-scrollbar.theme-doc-toc-desktop {
  background-color: var(--ifm-navbar-background-color);
  border-radius: 20px;
}

.table-of-contents__link--active {
  font-weight: bold !important;
}

.pagination-nav__link {
  background-color: var(--ifm-navbar-background-color);
  border: 4px transparent solid;
}

.row.theme-doc-footer-tags-row ul li a {
  border: none;
  background-color: var(--ifm-navbar-background-color);
  border-radius: 20px;
  padding: 6px 12px;
}

.hero-cards {
  transform: rotate(20deg) scale(0.8) skew(21deg);
  -webkit-transform: rotate(20deg) scale(0.8) skew(21deg);
  -moz-transform: rotate(20deg) scale(0.8) skew(21deg);
}

.animated-width {
  transition: width 0.3s ease-in-out;
}

.app-card {
  cursor: not-allowed;
}

.app-card img {
  transition: transform 0.1s ease-in-out;
}

.app-card:hover img {
  transform: scale(1.08) !important;
}

.hover-animation {
  animation: hover-animation 5s ease-in-out forwards;
  animation-iteration-count: infinite;
}

@keyframes hover-animation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

.submit-step-enter {
  animation: submit-step-enter 0.2s ease-in-out forwards;
}

.submit-step-from-right {
  --submit-step-x: 80px;
}

.submit-step-from-left {
  --submit-step-x: -80px;
}

@media (prefers-reduced-motion: reduce) {
  .submit-step-enter {
    animation: none;
  }
}

@keyframes submit-step-enter {
  from {
    transform: translateX(var(--submit-step-x, 80px));
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

[data-theme="dark"] {
  --background: #1b1b1d;
  --foreground: oklch(0.9791 0 0);
  --card: oklch(0.245 0.006 223.9);
  --card-foreground: oklch(0.9791 0 0);
  --popover: oklch(0.245 0.006 223.9);
  --popover-foreground: oklch(0.9791 0 0);
  --primary: #fa5252;
  --primary-foreground: oklch(0.15 0.025 25.6509);
  --secondary: oklch(0.2739 0.0055 286.0326);
  --secondary-foreground: oklch(0.9851 0 0);
  --muted: oklch(0.2739 0.0055 286.0326);
  --muted-foreground: oklch(0.7118 0.0129 286.0665);
  --accent: oklch(0.31 0.055 25.6509);
  --accent-foreground: oklch(0.86 0.1 25.6509);
  --destructive: oklch(0.3958 0.1331 25.723);
  --destructive-foreground: oklch(0.9705 0.0129 17.3797);
  --border: oklch(0.2739 0.0055 286.0326);
  --input: oklch(0.2739 0.0055 286.0326);
  --ring: #fa5252;
  --chart-1: oklch(0.6646 0.2222 25.6509);
  --chart-2: oklch(0.4419 0.0146 285.7864);
  --chart-3: oklch(0.7137 0.1434 254.624);
  --chart-4: oklch(0.7729 0.1535 163.2231);
  --chart-5: oklch(0.8369 0.1644 84.4286);
  --radius: 0.75rem;
  --sidebar: oklch(0.2178 0 0);
  --sidebar-foreground: oklch(0.9791 0 0);
  --sidebar-primary: #fa5252;
  --sidebar-primary-foreground: oklch(0.15 0.025 25.6509);
  --sidebar-accent: oklch(0.2739 0.0055 286.0326);
  --sidebar-accent-foreground: oklch(0.6646 0.2222 25.6509);
  --sidebar-border: oklch(0.2739 0.0055 286.0326);
  --sidebar-ring: oklch(0.72 0.16 25.6509);
  --font-sans: "Inter", sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: "JetBrains Mono", monospace;
  --shadow-color: #000000;
  --shadow-opacity: 0.5;
  --shadow-blur: 20px;
  --shadow-spread: -5px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 10px;
  --letter-spacing: -0.02em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 10px 20px -5px hsl(0 0% 0% / 0.25);
  --shadow-xs: 0px 10px 20px -5px hsl(0 0% 0% / 0.25);
  --shadow-sm: 0px 10px 20px -5px hsl(0 0% 0% / 0.5), 0px 1px 2px -6px hsl(0 0% 0% / 0.5);
  --shadow: 0px 10px 20px -5px hsl(0 0% 0% / 0.5), 0px 1px 2px -6px hsl(0 0% 0% / 0.5);
  --shadow-md: 0px 10px 20px -5px hsl(0 0% 0% / 0.5), 0px 2px 4px -6px hsl(0 0% 0% / 0.5);
  --shadow-lg: 0px 10px 20px -5px hsl(0 0% 0% / 0.5), 0px 4px 6px -6px hsl(0 0% 0% / 0.5);
  --shadow-xl: 0px 10px 20px -5px hsl(0 0% 0% / 0.5), 0px 8px 10px -6px hsl(0 0% 0% / 0.5);
  --shadow-2xl: 0px 10px 20px -5px hsl(0 0% 0% / 1.25);
}

@layer base {
  body {
    letter-spacing: var(--tracking-normal);
  }
}