/* src/styles.css */
@theme { --color-brand: var(--color-violet-600); --color-primary-50: var(--color-violet-50); --color-primary-100: var(--color-violet-100); --color-primary-200: var(--color-violet-200); --color-primary-300: var(--color-violet-300); --color-primary-400: var(--color-violet-400); --color-primary-500: var(--color-violet-500); --color-primary-600: var(--color-violet-600); --color-primary-700: var(--color-violet-700); --color-primary-800: var(--color-violet-800); --color-primary-900: var(--color-violet-900); --color-primary-950: var(--color-violet-950); --color-secondary-50: var(--color-zinc-50); --color-secondary-100: var(--color-zinc-100); --color-secondary-200: var(--color-zinc-200); --color-secondary-300: var(--color-zinc-300); --color-secondary-400: var(--color-zinc-400); --color-secondary-500: var(--color-zinc-500); --color-secondary-600: var(--color-zinc-600); --color-secondary-700: var(--color-zinc-700); --color-secondary-800: var(--color-zinc-800); --color-secondary-900: var(--color-zinc-900); --color-secondary-950: var(--color-zinc-950); }
@layer base {
  [data-react-fancy-progress][data-size=sm] {
    width: 2rem;
    height: 2rem;
  }
  [data-react-fancy-progress][data-size=md] {
    width: 3rem;
    height: 3rem;
  }
  [data-react-fancy-progress][data-size=lg] {
    width: 4rem;
    height: 4rem;
  }
  :where(.dark) {
    --color-secondary-50: var(--color-zinc-950);
    --color-secondary-100: var(--color-zinc-900);
    --color-secondary-200: var(--color-zinc-800);
    --color-secondary-300: var(--color-zinc-700);
    --color-secondary-400: var(--color-zinc-600);
    --color-secondary-500: var(--color-zinc-500);
    --color-secondary-600: var(--color-zinc-400);
    --color-secondary-700: var(--color-zinc-300);
    --color-secondary-800: var(--color-zinc-200);
    --color-secondary-900: var(--color-zinc-100);
    --color-secondary-950: var(--color-zinc-50);
  }
  [data-react-fancy-input] input,
  [data-react-fancy-textarea],
  [data-react-fancy-select],
  [data-react-fancy-date-picker],
  [data-react-fancy-autocomplete] input,
  [data-react-fancy-pillbox],
  [data-react-fancy-otp-input] input,
  [data-react-fancy-time-picker] input,
  [data-react-fancy-color-picker] input {
    transition:
      border-color 0.15s ease,
      box-shadow 0.15s ease,
      background-color 0.15s ease;
  }
  :where(.dark [data-react-fancy-input] input),
  :where(.dark [data-react-fancy-textarea]),
  :where(.dark [data-react-fancy-select]),
  :where(.dark [data-react-fancy-date-picker]),
  :where(.dark [data-react-fancy-autocomplete] input),
  :where(.dark [data-react-fancy-pillbox]),
  :where(.dark [data-react-fancy-otp-input] input),
  :where(.dark [data-react-fancy-time-picker] input) {
    background-color: #1e1e24;
    border-color: #3f3f46;
  }
  :where(.dark [data-react-fancy-input] input:focus),
  :where(.dark [data-react-fancy-textarea]:focus),
  :where(.dark [data-react-fancy-select]:focus),
  :where(.dark [data-react-fancy-date-picker]:focus),
  :where(.dark [data-react-fancy-autocomplete] input:focus),
  :where(.dark [data-react-fancy-otp-input] input:focus),
  :where(.dark [data-react-fancy-time-picker] input:focus) {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
  }
  :where(.dark [data-react-fancy-field] > label:first-child) {
    color: #f4f4f5;
  }
  :where(.dark [data-react-fancy-checkbox] input),
  :where(.dark [data-react-fancy-radio-group] input) {
    background-color: #1e1e24;
    border-color: #3f3f46;
  }
  :where(.dark [data-react-fancy-switch] button[aria-checked=false]) {
    background-color: #3f3f46;
  }
  :where(.dark [data-react-fancy-input-wrapper] > span:first-child),
  :where(.dark [data-react-fancy-input-wrapper] > span:last-child) {
    border-color: #3f3f46;
    background-color: #27272a;
  }
  :where(.dark [data-react-fancy-date-picker]::-webkit-calendar-picker-indicator) {
    filter: invert(0.8);
  }
  :where(.dark [data-react-fancy-dropdown]),
  :where(.dark [data-react-fancy-menu]),
  :where(.dark [data-react-fancy-popover]),
  :where(.dark [data-react-fancy-context-menu]),
  :where(.dark [data-react-fancy-context-menu-sub-content]),
  :where(.dark [data-react-fancy-mobile-menu-flyout]),
  :where(.dark [data-react-fancy-modal]),
  :where(.dark [data-react-fancy-toast-item]) {
    background-color: #18181b;
    border-color: #3f3f46;
    color: #d4d4d8;
  }
  :where(.dark [data-react-fancy-dropdown-item]:hover),
  :where(.dark [data-react-fancy-menu-item]:hover),
  :where(.dark [data-react-fancy-context-menu-item]:hover) {
    background-color: #27272a;
  }
  :where(.dark [data-react-fancy-dropdown-separator]),
  :where(.dark [data-react-fancy-context-menu-separator]) {
    background-color: #3f3f46;
  }
  .fancy-checkerboard {
    background-color: #ffffff;
    background-image:
      linear-gradient(
        45deg,
        #e5e7eb 25%,
        transparent 25%),
      linear-gradient(
        -45deg,
        #e5e7eb 25%,
        transparent 25%),
      linear-gradient(
        45deg,
        transparent 75%,
        #e5e7eb 75%),
      linear-gradient(
        -45deg,
        transparent 75%,
        #e5e7eb 75%);
    background-size: 16px 16px;
    background-position:
      0 0,
      0 8px,
      8px -8px,
      -8px 0;
  }
  :where(.dark) .fancy-checkerboard {
    background-color: #18181b;
    background-image:
      linear-gradient(
        45deg,
        #27272a 25%,
        transparent 25%),
      linear-gradient(
        -45deg,
        #27272a 25%,
        transparent 25%),
      linear-gradient(
        45deg,
        transparent 75%,
        #27272a 75%),
      linear-gradient(
        -45deg,
        transparent 75%,
        #27272a 75%);
  }
}
@keyframes fancy-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fancy-slide-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes fancy-slide-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@layer base {
  .fancy-fade-in {
    animation: fancy-fade-in 0.2s ease-out;
  }
  .fancy-slide-left {
    animation: fancy-slide-left 0.3s ease-out;
  }
  .fancy-slide-right {
    animation: fancy-slide-right 0.3s ease-out;
  }
}
@keyframes fancy-scale-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fancy-slide-up {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fancy-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fancy-toast-in {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fancy-collapse-open {
  from {
    grid-template-rows: 0fr;
  }
  to {
    grid-template-rows: 1fr;
  }
}
@keyframes fancy-collapse-close {
  from {
    grid-template-rows: 1fr;
  }
  to {
    grid-template-rows: 0fr;
  }
}
@layer base {
  .fancy-scale-in {
    animation: fancy-scale-in 0.15s ease-out;
  }
  .fancy-slide-up {
    animation: fancy-slide-up 0.2s ease-out;
  }
  .fancy-fade-out {
    animation: fancy-fade-out 0.15s ease-in forwards;
  }
  .fancy-toast-in {
    animation: fancy-toast-in 0.3s ease-out;
  }
  .fancy-collapse-open {
    animation: fancy-collapse-open 0.2s ease-out forwards;
  }
  .fancy-collapse-close {
    animation: fancy-collapse-close 0.15s ease-in forwards;
  }
}
@keyframes fancy-slide-in-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes fancy-slide-out-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes fancy-slide-in-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes fancy-avatar-glow {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--fancy-glow, #a855f7) 55%, transparent);
    opacity: 0.9;
  }
  70% {
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--fancy-glow, #a855f7) 0%, transparent);
    opacity: 0.5;
  }
  100% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--fancy-glow, #a855f7) 0%, transparent);
    opacity: 0.9;
  }
}
@layer base {
  .fancy-avatar-glow {
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    pointer-events: none;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--fancy-glow, #a855f7) 70%, transparent), 0 0 10px 0 color-mix(in srgb, var(--fancy-glow, #a855f7) 45%, transparent);
    animation: fancy-avatar-glow 1.6s ease-out infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    .fancy-avatar-glow {
      animation: none;
    }
  }
}
@keyframes fancy-slide-out-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@layer base {
  .fancy-slide-in-left {
    animation: fancy-slide-in-left 0.25s ease-out;
  }
  .fancy-slide-out-left {
    animation: fancy-slide-out-left 0.2s ease-in forwards;
  }
  .fancy-slide-in-right {
    animation: fancy-slide-in-right 0.25s ease-out;
  }
  .fancy-slide-out-right {
    animation: fancy-slide-out-right 0.2s ease-in forwards;
  }
}
@keyframes fancy-slide-in-top {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fancy-slide-out-top {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes fancy-slide-in-bottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fancy-slide-out-bottom {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@layer base {
  .fancy-slide-in-top {
    animation: fancy-slide-in-top 0.25s ease-out;
  }
  .fancy-slide-out-top {
    animation: fancy-slide-out-top 0.2s ease-in forwards;
  }
  .fancy-slide-in-bottom {
    animation: fancy-slide-in-bottom 0.25s ease-out;
  }
  .fancy-slide-out-bottom {
    animation: fancy-slide-out-bottom 0.2s ease-in forwards;
  }
  @media (prefers-reduced-motion: reduce) {
    .fancy-slide-in-left,
    .fancy-slide-out-left,
    .fancy-slide-in-right,
    .fancy-slide-out-right,
    .fancy-slide-in-top,
    .fancy-slide-out-top,
    .fancy-slide-in-bottom,
    .fancy-slide-out-bottom {
      animation-duration: 0.01ms;
    }
  }
  [data-react-fancy-marquee] {
    overflow: hidden;
    width: 100%;
  }
  .fancy-marquee--fade {
    -webkit-mask-image:
      linear-gradient(
        to right,
        transparent,
        black var(--fancy-marquee-fade, 48px),
        black calc(100% - var(--fancy-marquee-fade, 48px)),
        transparent);
    mask-image:
      linear-gradient(
        to right,
        transparent,
        black var(--fancy-marquee-fade, 48px),
        black calc(100% - var(--fancy-marquee-fade, 48px)),
        transparent);
  }
  .fancy-marquee__track {
    display: flex;
    width: max-content;
    animation: fancy-marquee var(--fancy-marquee-duration, 40s) linear infinite;
    will-change: transform;
  }
  [data-react-fancy-marquee][data-direction=right] .fancy-marquee__track {
    animation-direction: reverse;
  }
  .fancy-marquee--pause-hover:hover .fancy-marquee__track,
  [data-react-fancy-marquee][data-paused] .fancy-marquee__track {
    animation-play-state: paused;
  }
  .fancy-marquee__group {
    display: flex;
    flex: none;
  }
  .fancy-marquee__unit {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--fancy-marquee-gap, 40px);
    padding-inline-end: var(--fancy-marquee-gap, 40px);
    white-space: nowrap;
  }
  .fancy-marquee__item,
  .fancy-marquee__separator {
    flex: none;
  }
}
@keyframes fancy-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@layer base {
  @media (prefers-reduced-motion: reduce) {
    .fancy-marquee__track {
      animation: none;
    }
  }
}
/*# sourceMappingURL=styles.css.map */