style-lyra.css — ui Source File

Source Code

.style-lyra {
  /* MARK: Accordion */
  .cn-accordion-item {
    @apply not-last:border-b;
  }

  .cn-accordion-trigger {
    @apply focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-none py-2.5 text-left text-xs font-medium hover:underline focus-visible:ring-1 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4;
  }

  .cn-accordion-content {
    @apply data-open:animate-accordion-down data-closed:animate-accordion-up text-xs;
  }

  .cn-accordion-content-inner {
    @apply pt-0 pb-2.5;
  }

  /* MARK: Alert */
  .cn-alert {
    @apply grid gap-0.5 rounded-none border px-2.5 py-2 text-left text-xs has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4;
  }

  .cn-alert-variant-default {
    @apply bg-card text-card-foreground;
  }

  .cn-alert-variant-destructive {
    @apply text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current;
  }

  .cn-alert-title {
    @apply font-medium group-has-[>svg]/alert:col-start-2;
  }

  .cn-alert-description {
    @apply text-muted-foreground text-xs/relaxed text-balance md:text-pretty [&_p:not(:last-child)]:mb-2;
  }

  .cn-alert-action {
    @apply absolute top-[calc(--spacing(1.25))] right-[calc(--spacing(1.25))];
  }

  /* MARK: Alert Dialog */
  .cn-alert-dialog-overlay {
    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs;
  }

  .cn-alert-dialog-content {
    @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-4 rounded-none p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm;
  }

  .cn-alert-dialog-header {
    @apply grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr];
  }

  .cn-alert-dialog-media {
    @apply bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-none sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6;
  }

// ... (1276 more lines)