@raqm/ui 0.1.2 → 0.2.1

package/styles/theme.css

@@ -1,4324 +1,50 @@
-:root {
-  --raqm-spacing: 0.25rem;
-  --raqm-radius: 0.625rem;
-  --raqm-radius-sm: calc(var(--raqm-radius) * 0.6);
-  --raqm-radius-md: calc(var(--raqm-radius) * 0.8);
-  --raqm-radius-lg: calc(var(--raqm-radius) * 1);
-  --raqm-radius-xl: calc(var(--raqm-radius) * 1.4);
-  --raqm-radius-2xl: calc(var(--raqm-radius) * 1.8);
-  --raqm-font-size-xs: 0.75rem;
-  --raqm-font-size-sm: 0.875rem;
-  --raqm-font-size-base: 1rem;
-  --raqm-font-size-lg: 1.125rem;
-  --raqm-line-height-none: 1;
-  --raqm-line-height-tight: 1.25;
-  --raqm-line-height-snug: 1.375;
-  --raqm-line-height-normal: 1.5;
-  --raqm-line-height-relaxed: 1.625;
-  --raqm-font-weight-normal: 400;
-  --raqm-font-weight-medium: 500;
-  --raqm-shadow-sm: 0 1px 3px 0 oklch(0 0 0 / 10%), 0 1px 2px -1px oklch(0 0 0 / 10%);
-  --raqm-shadow-md: 0 4px 6px -1px oklch(0 0 0 / 10%), 0 2px 4px -2px oklch(0 0 0 / 10%);
-  --raqm-shadow-lg: 0 10px 15px -3px oklch(0 0 0 / 10%), 0 4px 6px -4px oklch(0 0 0 / 10%);
-  --raqm-focus-ring-width: 3px;
-  --raqm-disabled-opacity: 0.5;
-  --raqm-duration-fast: 100ms;
-  --raqm-duration-base: 150ms;
-  --raqm-duration-slow: 200ms;
-  --raqm-duration-slower: 300ms;
-  --raqm-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
-  --raqm-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
-  --raqm-ease-out: cubic-bezier(0, 0, 0.2, 1);
-  --raqm-ease-linear: linear;
-  --raqm-ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-:root {
-  color-scheme: light;
-  --raqm-background: oklch(1 0 0);
-  --raqm-foreground: oklch(0.145 0 0);
-  --raqm-card: oklch(1 0 0);
-  --raqm-card-foreground: oklch(0.145 0 0);
-  --raqm-popover: oklch(1 0 0);
-  --raqm-popover-foreground: oklch(0.145 0 0);
-  --raqm-primary: oklch(0.205 0 0);
-  --raqm-primary-foreground: oklch(0.985 0 0);
-  --raqm-secondary: oklch(0.97 0 0);
-  --raqm-secondary-foreground: oklch(0.205 0 0);
-  --raqm-muted: oklch(0.97 0 0);
-  --raqm-muted-foreground: oklch(0.556 0 0);
-  --raqm-accent: oklch(0.97 0 0);
-  --raqm-accent-foreground: oklch(0.205 0 0);
-  --raqm-destructive: oklch(0.577 0.245 27.325);
-  --raqm-destructive-foreground: oklch(0.97 0.01 17);
-  --raqm-border: oklch(0.922 0 0);
-  --raqm-input: oklch(0.922 0 0);
-  --raqm-ring: oklch(0.708 0 0);
-  --raqm-white: oklch(1 0 0);
-  --raqm-primary-hover: color-mix(in oklch, var(--raqm-primary) 80%, transparent);
-  --raqm-secondary-hover: color-mix(in oklch, var(--raqm-secondary), var(--raqm-foreground) 5%);
-  --raqm-control-bg: transparent;
-  --raqm-input-disabled-bg: color-mix(in oklch, var(--raqm-input) 50%, transparent);
-  --raqm-invalid-border: var(--raqm-destructive);
-  --raqm-invalid-ring: color-mix(in oklch, var(--raqm-destructive) 20%, transparent);
-  --raqm-focus-ring-color: color-mix(in oklch, var(--raqm-ring) 50%, transparent);
-  --raqm-outline-border: var(--raqm-border);
-  --raqm-outline-hover: var(--raqm-muted);
-  --raqm-tooltip-kbd-bg: color-mix(in oklch, var(--raqm-background) 20%, transparent);
-  --raqm-theme-light-weight: 100%;
-  --raqm-ghost-hover-alpha: 100%;
-  --raqm-destructive-bg-alpha: 10%;
-  --raqm-destructive-hover-alpha: 20%;
-  --raqm-destructive-focus-alpha: 20%;
-  --raqm-avatar-blend: darken;
-  --raqm-control-bg-alpha: 0%;
-  --raqm-control-hover-alpha: 0%;
-  --raqm-field-checked-border-alpha: 30%;
-  --raqm-field-checked-bg-alpha: 5%;
-  --raqm-switch-unchecked-alpha: 100%;
-  --raqm-check-mark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fafafa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
-  --raqm-mixed-mark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fafafa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/></svg>");
-  --raqm-native-select-chevron: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
-}
-
-[data-raqm-theme=light] {
-  color-scheme: light;
-  --raqm-background: oklch(1 0 0);
-  --raqm-foreground: oklch(0.145 0 0);
-  --raqm-card: oklch(1 0 0);
-  --raqm-card-foreground: oklch(0.145 0 0);
-  --raqm-popover: oklch(1 0 0);
-  --raqm-popover-foreground: oklch(0.145 0 0);
-  --raqm-primary: oklch(0.205 0 0);
-  --raqm-primary-foreground: oklch(0.985 0 0);
-  --raqm-secondary: oklch(0.97 0 0);
-  --raqm-secondary-foreground: oklch(0.205 0 0);
-  --raqm-muted: oklch(0.97 0 0);
-  --raqm-muted-foreground: oklch(0.556 0 0);
-  --raqm-accent: oklch(0.97 0 0);
-  --raqm-accent-foreground: oklch(0.205 0 0);
-  --raqm-destructive: oklch(0.577 0.245 27.325);
-  --raqm-destructive-foreground: oklch(0.97 0.01 17);
-  --raqm-border: oklch(0.922 0 0);
-  --raqm-input: oklch(0.922 0 0);
-  --raqm-ring: oklch(0.708 0 0);
-  --raqm-white: oklch(1 0 0);
-  --raqm-primary-hover: color-mix(in oklch, var(--raqm-primary) 80%, transparent);
-  --raqm-secondary-hover: color-mix(in oklch, var(--raqm-secondary), var(--raqm-foreground) 5%);
-  --raqm-control-bg: transparent;
-  --raqm-input-disabled-bg: color-mix(in oklch, var(--raqm-input) 50%, transparent);
-  --raqm-invalid-border: var(--raqm-destructive);
-  --raqm-invalid-ring: color-mix(in oklch, var(--raqm-destructive) 20%, transparent);
-  --raqm-focus-ring-color: color-mix(in oklch, var(--raqm-ring) 50%, transparent);
-  --raqm-outline-border: var(--raqm-border);
-  --raqm-outline-hover: var(--raqm-muted);
-  --raqm-tooltip-kbd-bg: color-mix(in oklch, var(--raqm-background) 20%, transparent);
-  --raqm-theme-light-weight: 100%;
-  --raqm-ghost-hover-alpha: 100%;
-  --raqm-destructive-bg-alpha: 10%;
-  --raqm-destructive-hover-alpha: 20%;
-  --raqm-destructive-focus-alpha: 20%;
-  --raqm-avatar-blend: darken;
-  --raqm-control-bg-alpha: 0%;
-  --raqm-control-hover-alpha: 0%;
-  --raqm-field-checked-border-alpha: 30%;
-  --raqm-field-checked-bg-alpha: 5%;
-  --raqm-switch-unchecked-alpha: 100%;
-  --raqm-check-mark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fafafa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
-  --raqm-mixed-mark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fafafa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/></svg>");
-  --raqm-native-select-chevron: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
-}
-
-[data-raqm-theme=dark] {
-  color-scheme: dark;
-  --raqm-background: oklch(0.145 0 0);
-  --raqm-foreground: oklch(0.985 0 0);
-  --raqm-card: oklch(0.205 0 0);
-  --raqm-card-foreground: oklch(0.985 0 0);
-  --raqm-popover: oklch(0.205 0 0);
-  --raqm-popover-foreground: oklch(0.985 0 0);
-  --raqm-primary: oklch(0.922 0 0);
-  --raqm-primary-foreground: oklch(0.205 0 0);
-  --raqm-secondary: oklch(0.269 0 0);
-  --raqm-secondary-foreground: oklch(0.985 0 0);
-  --raqm-muted: oklch(0.269 0 0);
-  --raqm-muted-foreground: oklch(0.708 0 0);
-  --raqm-accent: oklch(0.269 0 0);
-  --raqm-accent-foreground: oklch(0.985 0 0);
-  --raqm-destructive: oklch(0.704 0.191 22.216);
-  --raqm-destructive-foreground: oklch(0.58 0.22 27);
-  --raqm-border: oklch(1 0 0 / 10%);
-  --raqm-input: oklch(1 0 0 / 15%);
-  --raqm-ring: oklch(0.556 0 0);
-  --raqm-primary-hover: color-mix(in oklch, var(--raqm-primary) 80%, transparent);
-  --raqm-secondary-hover: color-mix(in oklch, var(--raqm-secondary), var(--raqm-foreground) 5%);
-  --raqm-control-bg: color-mix(in oklch, var(--raqm-input) 30%, transparent);
-  --raqm-input-disabled-bg: color-mix(in oklch, var(--raqm-input) 80%, transparent);
-  --raqm-invalid-border: color-mix(in oklch, var(--raqm-destructive) 50%, transparent);
-  --raqm-invalid-ring: color-mix(in oklch, var(--raqm-destructive) 40%, transparent);
-  --raqm-focus-ring-color: color-mix(in oklch, var(--raqm-ring) 50%, transparent);
-  --raqm-outline-border: var(--raqm-input);
-  --raqm-outline-hover: color-mix(in oklch, var(--raqm-input) 50%, transparent);
-  --raqm-tooltip-kbd-bg: color-mix(in oklch, var(--raqm-background) 10%, transparent);
-  --raqm-theme-light-weight: 0%;
-  --raqm-ghost-hover-alpha: 50%;
-  --raqm-destructive-bg-alpha: 20%;
-  --raqm-destructive-hover-alpha: 30%;
-  --raqm-destructive-focus-alpha: 40%;
-  --raqm-avatar-blend: lighten;
-  --raqm-control-bg-alpha: 30%;
-  --raqm-control-hover-alpha: 50%;
-  --raqm-field-checked-border-alpha: 20%;
-  --raqm-field-checked-bg-alpha: 10%;
-  --raqm-switch-unchecked-alpha: 80%;
-  --raqm-check-mark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171717' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
-  --raqm-mixed-mark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171717' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/></svg>");
-  --raqm-native-select-chevron: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :root {
-    --raqm-duration-fast: 0s;
-    --raqm-duration-base: 0s;
-    --raqm-duration-slow: 0s;
-    --raqm-duration-slower: 0s;
-  }
-}
-:root,
-[data-raqm-theme=light] {
-  --raqm-sidebar: oklch(0.985 0 0);
-  --raqm-sidebar-foreground: oklch(0.145 0 0);
-  --raqm-sidebar-primary: oklch(0.205 0 0);
-  --raqm-sidebar-primary-foreground: oklch(0.985 0 0);
-  --raqm-sidebar-accent: oklch(0.97 0 0);
-  --raqm-sidebar-accent-foreground: oklch(0.205 0 0);
-  --raqm-sidebar-border: oklch(0.922 0 0);
-  --raqm-sidebar-ring: oklch(0.708 0 0);
-}
-
-[data-raqm-theme=dark] {
-  --raqm-sidebar: oklch(0.205 0 0);
-  --raqm-sidebar-foreground: oklch(0.985 0 0);
-  --raqm-sidebar-primary: oklch(0.488 0.243 264.376);
-  --raqm-sidebar-primary-foreground: oklch(0.985 0 0);
-  --raqm-sidebar-accent: oklch(0.269 0 0);
-  --raqm-sidebar-accent-foreground: oklch(0.985 0 0);
-  --raqm-sidebar-border: oklch(1 0 0 / 10%);
-  --raqm-sidebar-ring: oklch(0.556 0 0);
-}
-
-.raqm-sidebar-provider {
-  position: relative;
-  display: flex;
-  min-height: 100svh;
-  width: 100%;
-  --sidebar-width: 16rem;
-  --sidebar-width-icon: 3rem;
-  --sidebar-width-mobile: 18rem;
-}
-.raqm-sidebar-provider:has(.raqm-sidebar[data-raqm-variant=inset]) {
-  background: var(--raqm-sidebar);
-}
-
-.raqm-sidebar {
-  color: var(--raqm-sidebar-foreground);
-  flex-shrink: 0;
-}
-
-.raqm-sidebar-gap {
-  width: var(--sidebar-width);
-  transition: width 200ms linear;
-}
-
-.raqm-sidebar-container {
-  position: fixed;
-  inset-block: 0;
-  inset-inline-start: 0;
-  z-index: 10;
-  display: flex;
-  height: var(--sidebar-height, 100svh);
-  width: var(--sidebar-width);
-  transition: inset-inline-start 200ms linear, inset-inline-end 200ms linear, width 200ms linear;
-  border-inline-end: 1px solid var(--raqm-sidebar-border);
-}
-
-.raqm-sidebar[data-raqm-side=right] .raqm-sidebar-container {
-  inset-inline-start: auto;
-  inset-inline-end: 0;
-  border-inline-end: 0;
-  border-inline-start: 1px solid var(--raqm-sidebar-border);
-}
-
-.raqm-sidebar-inner {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  background: var(--raqm-sidebar);
-}
-
-.raqm-sidebar[data-raqm-collapsible=offcanvas] .raqm-sidebar-gap {
-  width: 0;
-}
-.raqm-sidebar[data-raqm-collapsible=offcanvas] .raqm-sidebar-container {
-  inset-inline-start: calc(-1 * var(--sidebar-width));
-}
-.raqm-sidebar[data-raqm-collapsible=offcanvas][data-raqm-side=right] .raqm-sidebar-container {
-  inset-inline-start: auto;
-  inset-inline-end: calc(-1 * var(--sidebar-width));
-}
-
-.raqm-sidebar[data-raqm-collapsible=icon] .raqm-sidebar-gap,
-.raqm-sidebar[data-raqm-collapsible=icon] .raqm-sidebar-container {
-  width: var(--sidebar-width-icon);
-}
-
-.raqm-sidebar:is([data-raqm-variant=floating], [data-raqm-variant=inset]) .raqm-sidebar-container {
-  box-sizing: border-box;
-  padding: 0.5rem;
-  border: 0;
-}
-.raqm-sidebar:is([data-raqm-variant=floating], [data-raqm-variant=inset])[data-raqm-collapsible=icon] .raqm-sidebar-gap {
-  width: calc(var(--sidebar-width-icon) + 1rem);
-}
-.raqm-sidebar:is([data-raqm-variant=floating], [data-raqm-variant=inset])[data-raqm-collapsible=icon] .raqm-sidebar-container {
-  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
-}
-
-.raqm-sidebar[data-raqm-variant=floating] .raqm-sidebar-inner {
-  border-radius: var(--raqm-radius-lg);
-  box-shadow: 0 0 0 1px var(--raqm-sidebar-border), var(--raqm-shadow-sm);
-}
-
-.raqm-sidebar[data-raqm-static=true] {
-  width: var(--sidebar-width);
-  height: 100%;
-}
-.raqm-sidebar[data-raqm-static=true] .raqm-sidebar-gap {
-  display: none;
-}
-.raqm-sidebar[data-raqm-static=true] .raqm-sidebar-container {
-  position: relative;
-  inset: auto;
-  height: 100%;
-  width: 100%;
-  padding: 0;
-  border: 0;
-}
-
-.raqm-sidebar[data-raqm-mobile=true] {
-  width: 0;
-}
-
-.raqm-sidebar-mobile-pane .raqm-sheet-content {
-  width: var(--sidebar-width-mobile, 18rem);
-  max-width: 100vw;
-  padding: 0;
-  gap: 0;
-  background: var(--raqm-sidebar);
-  color: var(--raqm-sidebar-foreground);
-}
-
-.raqm-sidebar-mobile-body {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-}
-
-.raqm-sidebar-inset {
-  position: relative;
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  min-width: 0;
-  width: 100%;
-  background: var(--raqm-background);
-}
-
-@media (min-width: 768px) {
-  .raqm-sidebar[data-raqm-variant=inset] ~ .raqm-sidebar-inset {
-    margin: 0.5rem;
-    margin-inline-start: 0;
-    border-radius: var(--raqm-radius-xl);
-    box-shadow: var(--raqm-shadow-sm);
-  }
-  .raqm-sidebar[data-raqm-variant=inset][data-raqm-state=collapsed] ~ .raqm-sidebar-inset {
-    margin-inline-start: 0.5rem;
-  }
-}
-.raqm-sidebar-header,
-.raqm-sidebar-footer {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  padding: 0.5rem;
-}
-
-.raqm-sidebar-content {
-  display: flex;
-  min-height: 0;
-  flex: 1;
-  flex-direction: column;
-  overflow: auto;
-  scrollbar-width: none;
-}
-
-.raqm-sidebar-content::-webkit-scrollbar {
-  display: none;
-}
-
-.raqm-sidebar-group {
-  position: relative;
-  box-sizing: border-box;
-  display: flex;
-  width: 100%;
-  min-width: 0;
-  flex-direction: column;
-  padding: 0.5rem;
-}
-
-.raqm-sidebar-group-label {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  height: 2rem;
-  padding-inline: 0.5rem;
-  border-radius: var(--raqm-radius-md);
-  color: color-mix(in oklch, var(--raqm-sidebar-foreground) 70%, transparent);
-  font-size: 0.75rem;
-  font-weight: 500;
-  transition: margin 200ms linear, opacity 200ms linear;
-}
-
-.raqm-sidebar-group-content {
-  width: 100%;
-  font-size: 0.875rem;
-}
-
-.raqm-sidebar-menu,
-.raqm-sidebar-menu-sub {
-  display: flex;
-  min-width: 0;
-  flex-direction: column;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-.raqm-sidebar-menu {
-  width: 100%;
-}
-
-.raqm-sidebar-menu-item,
-.raqm-sidebar-menu-sub-item {
-  position: relative;
-}
-
-.raqm-sidebar-menu-button,
-.raqm-sidebar-menu-sub-button {
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  min-width: 0;
-  width: 100%;
-  overflow: hidden;
-  border: 0;
-  border-radius: var(--raqm-radius-md);
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  text-align: start;
-  text-decoration: none;
-  cursor: pointer;
-  outline: none;
-}
-.raqm-sidebar-menu-button > svg,
-.raqm-sidebar-menu-sub-button > svg {
-  width: 1rem;
-  height: 1rem;
-  flex-shrink: 0;
-}
-.raqm-sidebar-menu-button > span:last-of-type,
-.raqm-sidebar-menu-sub-button > span:last-of-type {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.raqm-sidebar-menu-button:hover, .raqm-sidebar-menu-button:active, .raqm-sidebar-menu-button[data-raqm-active=true],
-.raqm-sidebar-menu-sub-button:hover,
-.raqm-sidebar-menu-sub-button:active,
-.raqm-sidebar-menu-sub-button[data-raqm-active=true] {
-  background: var(--raqm-sidebar-accent);
-  color: var(--raqm-sidebar-accent-foreground);
-}
-.raqm-sidebar-menu-button[data-raqm-active=true],
-.raqm-sidebar-menu-sub-button[data-raqm-active=true] {
-  font-weight: 500;
-}
-.raqm-sidebar-menu-button:disabled, .raqm-sidebar-menu-button[aria-disabled=true],
-.raqm-sidebar-menu-sub-button:disabled,
-.raqm-sidebar-menu-sub-button[aria-disabled=true] {
-  pointer-events: none;
-  opacity: 0.5;
-}
-
-.raqm-sidebar-menu-button {
-  height: 2rem;
-  padding: 0.5rem;
-  transition: width 150ms, height 150ms, padding 150ms;
-}
-
-.raqm-sidebar-menu-button[data-raqm-size=sm] {
-  height: 1.75rem;
-  font-size: 0.75rem;
-}
-
-.raqm-sidebar-menu-button[data-raqm-size=lg] {
-  height: 3rem;
-}
-
-.raqm-sidebar-menu-button[data-raqm-variant=outline] {
-  background: var(--raqm-background);
-  box-shadow: 0 0 0 1px var(--raqm-sidebar-border);
-}
-.raqm-sidebar-menu-button[data-raqm-variant=outline]:hover {
-  background: var(--raqm-sidebar-accent);
-  box-shadow: 0 0 0 1px var(--raqm-sidebar-accent);
-}
-
-.raqm-sidebar-menu-item:has(.raqm-sidebar-menu-action) > .raqm-sidebar-menu-button {
-  padding-inline-end: 2rem;
-}
-
-.raqm-sidebar-menu-action,
-.raqm-sidebar-group-action {
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  width: 1.25rem;
-  height: 1.25rem;
-  border: 0;
-  border-radius: var(--raqm-radius-md);
-  background: transparent;
-  color: var(--raqm-sidebar-foreground);
-  cursor: pointer;
-  outline: none;
-}
-.raqm-sidebar-menu-action > svg,
-.raqm-sidebar-group-action > svg {
-  width: 1rem;
-  height: 1rem;
-  flex-shrink: 0;
-}
-.raqm-sidebar-menu-action:hover,
-.raqm-sidebar-group-action:hover {
-  background: var(--raqm-sidebar-accent);
-  color: var(--raqm-sidebar-accent-foreground);
-}
-.raqm-sidebar-menu-action::after,
-.raqm-sidebar-group-action::after {
-  content: "";
-  position: absolute;
-  inset: -0.5rem;
-}
-
-.raqm-sidebar-group-action {
-  inset-block-start: 0.875rem;
-  inset-inline-end: 0.75rem;
-}
-
-.raqm-sidebar-menu-action,
-.raqm-sidebar-menu-badge {
-  inset-block-start: 0.375rem;
-  inset-inline-end: 0.25rem;
-}
-
-.raqm-sidebar-menu-button[data-raqm-size=lg] ~ :is(.raqm-sidebar-menu-action, .raqm-sidebar-menu-badge) {
-  inset-block-start: 0.625rem;
-}
-
-.raqm-sidebar-menu-button[data-raqm-size=sm] ~ :is(.raqm-sidebar-menu-action, .raqm-sidebar-menu-badge) {
-  inset-block-start: 0.25rem;
-}
-
-.raqm-sidebar-menu-badge {
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 1.25rem;
-  min-width: 1.25rem;
-  padding-inline: 0.25rem;
-  border-radius: var(--raqm-radius-md);
-  font-size: 0.75rem;
-  font-weight: 500;
-  font-variant-numeric: tabular-nums;
-  user-select: none;
-  pointer-events: none;
-}
-
-@media (min-width: 768px) {
-  .raqm-sidebar-menu-action[data-raqm-show-on-hover=true] {
-    opacity: 0;
-  }
-  .raqm-sidebar-menu-item:is(:hover, :focus-within) .raqm-sidebar-menu-action,
-  .raqm-sidebar-menu-action[aria-expanded=true] {
-    opacity: 1;
-  }
-  .raqm-sidebar-menu-action::after,
-  .raqm-sidebar-group-action::after {
-    display: none;
-  }
-}
-.raqm-sidebar-menu-sub {
-  margin-inline: 0.875rem;
-  gap: 0.25rem;
-  border-inline-start: 1px solid var(--raqm-sidebar-border);
-  padding: 0.125rem 0.625rem;
-}
-
-.raqm-sidebar-menu-sub-button {
-  height: 1.75rem;
-  padding-inline: 0.5rem;
-}
-
-.raqm-sidebar-menu-sub-button[data-raqm-size=sm] {
-  font-size: 0.75rem;
-}
-
-.raqm-sidebar[data-raqm-collapsible=icon] .raqm-sidebar-content {
-  overflow: hidden;
-}
-.raqm-sidebar[data-raqm-collapsible=icon] .raqm-sidebar-group-label {
-  margin-block-start: -2rem;
-  opacity: 0;
-  pointer-events: none;
-  visibility: hidden;
-}
-.raqm-sidebar[data-raqm-collapsible=icon] .raqm-sidebar-menu-button {
-  width: 2rem;
-  height: 2rem;
-  padding: 0.5rem;
-}
-.raqm-sidebar[data-raqm-collapsible=icon] .raqm-sidebar-menu-button[data-raqm-size=lg] {
-  padding: 0;
-}
-.raqm-sidebar[data-raqm-collapsible=icon] .raqm-sidebar-menu-sub,
-.raqm-sidebar[data-raqm-collapsible=icon] .raqm-sidebar-menu-action,
-.raqm-sidebar[data-raqm-collapsible=icon] .raqm-sidebar-menu-badge,
-.raqm-sidebar[data-raqm-collapsible=icon] .raqm-sidebar-group-action {
-  display: none;
-}
-
-.raqm-sidebar-menu-skeleton {
-  display: flex;
-  align-items: center;
-  height: 2rem;
-  gap: 0.5rem;
-  padding-inline: 0.5rem;
-  border-radius: var(--raqm-radius-md);
-}
-
-.raqm-sidebar-menu-skeleton-icon {
-  width: 1rem;
-  height: 1rem;
-  border-radius: var(--raqm-radius-md);
-}
-
-.raqm-sidebar-menu-skeleton-text {
-  height: 1rem;
-  flex: 1;
-  max-width: var(--skeleton-width, 70%);
-}
-
-.raqm-sidebar-input.raqm-input {
-  height: 2rem;
-  width: 100%;
-  background: var(--raqm-background);
-  box-shadow: none;
-}
-
-.raqm-sidebar-separator {
-  width: auto;
-  margin-inline: 0.5rem;
-  background: var(--raqm-sidebar-border);
-}
-
-.raqm-sidebar-trigger.raqm-button {
-  border-color: transparent;
-  background: transparent;
-  color: inherit;
-}
-.raqm-sidebar-trigger.raqm-button:hover {
-  background: var(--raqm-accent);
-}
-
-.raqm-sidebar-trigger:dir(rtl) > svg {
-  transform: rotate(180deg);
-}
-
-.raqm-sidebar-rail {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-end: -0.5rem;
-  z-index: 20;
-  width: 1rem;
-  border: 0;
-  background: transparent;
-  cursor: w-resize;
-}
-.raqm-sidebar-rail::after {
-  content: "";
-  position: absolute;
-  inset-block: 0;
-  inset-inline-start: 50%;
-  width: 2px;
-}
-.raqm-sidebar-rail:hover::after {
-  background: var(--raqm-sidebar-border);
-}
-
-.raqm-sidebar[data-raqm-side=right] .raqm-sidebar-rail {
-  inset-inline-end: auto;
-  inset-inline-start: -0.5rem;
-  cursor: e-resize;
-}
-
-.raqm-sidebar[data-raqm-state=collapsed] .raqm-sidebar-rail {
-  cursor: e-resize;
-}
-
-.raqm-sidebar[data-raqm-side=right][data-raqm-state=collapsed] .raqm-sidebar-rail {
-  cursor: w-resize;
-}
-
-.raqm-sidebar-mobile-body .raqm-sidebar-rail {
-  display: none;
-}
-
-.raqm-sidebar-sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border: 0;
-}
-
-:is(.raqm-sidebar-menu-button,
-.raqm-sidebar-menu-sub-button,
-.raqm-sidebar-menu-action,
-.raqm-sidebar-group-action,
-.raqm-sidebar-group-label):focus-visible {
-  outline: 2px solid var(--raqm-sidebar-ring);
-  outline-offset: 2px;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .raqm-sidebar-gap,
-  .raqm-sidebar-container,
-  .raqm-sidebar-group-label,
-  .raqm-sidebar-menu-button {
-    transition: none;
-  }
-}
-.raqm-input {
-  inline-size: 100%;
-  min-inline-size: 0;
-  block-size: calc(var(--raqm-spacing) * 8);
-  border-radius: var(--raqm-radius-lg);
-  border: 1px solid var(--raqm-input);
-  background-color: var(--raqm-control-bg);
-  padding-inline: calc(var(--raqm-spacing) * 2.5);
-  padding-block: calc(var(--raqm-spacing) * 1);
-  font-family: inherit;
-  font-size: var(--raqm-font-size-base);
-  color: var(--raqm-foreground);
-  outline: none;
-  transition-property: color, background-color, border-color, box-shadow;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-.raqm-input::placeholder {
-  color: var(--raqm-muted-foreground);
-}
-.raqm-input:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-input[aria-invalid=true] {
-  border-color: var(--raqm-invalid-border);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-.raqm-input:disabled {
-  background-color: var(--raqm-input-disabled-bg);
-  pointer-events: none;
-  cursor: not-allowed;
-  opacity: var(--raqm-disabled-opacity);
-}
-
-@media (min-width: 48rem) {
-  .raqm-input {
-    font-size: var(--raqm-font-size-sm);
-  }
-}
-.raqm-input-otp-group {
-  display: flex;
-  align-items: center;
-  border-radius: var(--raqm-radius-lg);
-}
-.raqm-input-otp-group:has(.raqm-input-otp-slot[aria-invalid=true]) {
-  border-color: var(--raqm-destructive);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-
-.raqm-checkbox {
-  appearance: none;
-  box-sizing: border-box;
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  flex-shrink: 0;
-  margin: 0;
-  border-radius: 4px;
-  border: 1px solid var(--raqm-input);
-  background-color: var(--raqm-control-bg);
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: calc(var(--raqm-spacing) * 3.5);
-  background-image: none;
-  outline: none;
-  transition-property: color, background-color, border-color, box-shadow;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-.raqm-checkbox:checked {
-  background-color: var(--raqm-primary);
-  border-color: var(--raqm-primary);
-  background-image: var(--raqm-check-mark);
-}
-.raqm-checkbox:indeterminate {
-  background-color: var(--raqm-primary);
-  border-color: var(--raqm-primary);
-  background-image: var(--raqm-mixed-mark);
-}
-.raqm-checkbox:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-checkbox[aria-invalid=true] {
-  border-color: var(--raqm-invalid-border);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-.raqm-checkbox[aria-invalid=true]:checked {
-  border-color: var(--raqm-primary);
-}
-.raqm-checkbox:disabled {
-  cursor: not-allowed;
-  opacity: var(--raqm-disabled-opacity);
-}
-
-@media (forced-colors: active) {
-  .raqm-checkbox,
-  .raqm-checkbox:checked,
-  .raqm-checkbox:indeterminate {
-    appearance: auto;
-    background-image: none;
-  }
-}
-.raqm-spinner {
-  --raqm-spinner-size: 1rem;
-}
-
-.raqm-spinner > .raqm-spinner-content > svg[raqm-spinner-icon] {
-  inline-size: 100%;
-  block-size: 100%;
-}
-
-@keyframes raqm-spinner-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.raqm-button {
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  user-select: none;
-  vertical-align: middle;
-  transition-property: color, background-color, border-color, box-shadow, transform, opacity;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-  border: 1px solid transparent;
-  border-radius: var(--raqm-radius-lg);
-  background-clip: padding-box;
-  font-size: var(--raqm-font-size-sm);
-  font-weight: var(--raqm-font-weight-medium);
-  line-height: var(--raqm-line-height-tight);
-  outline: none;
-  text-decoration-line: none;
-  height: calc(var(--raqm-spacing) * 8);
-  padding-inline: calc(var(--raqm-spacing) * 2.5);
-  gap: calc(var(--raqm-spacing) * 1.5);
-  background-color: var(--raqm-primary);
-  color: var(--raqm-primary-foreground);
-}
-
-.raqm-button[data-raqm-size=xs] {
-  height: calc(var(--raqm-spacing) * 6);
-  padding-inline: calc(var(--raqm-spacing) * 2);
-  gap: calc(var(--raqm-spacing) * 1);
-  font-size: var(--raqm-font-size-xs);
-  border-radius: min(var(--raqm-radius-md), 10px);
-}
-
-.raqm-button[data-raqm-size=sm] {
-  height: calc(var(--raqm-spacing) * 7);
-  padding-inline: calc(var(--raqm-spacing) * 2.5);
-  gap: calc(var(--raqm-spacing) * 1);
-  font-size: 0.8rem;
-  border-radius: min(var(--raqm-radius-md), 12px);
-}
-
-.raqm-button[data-raqm-size=lg] {
-  height: calc(var(--raqm-spacing) * 9);
-  padding-inline: calc(var(--raqm-spacing) * 2.5);
-  gap: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-button[data-raqm-size=icon-xs] {
-  inline-size: calc(var(--raqm-spacing) * 6);
-  block-size: calc(var(--raqm-spacing) * 6);
-  padding: 0;
-  border-radius: min(var(--raqm-radius-md), 10px);
-}
-
-.raqm-button[data-raqm-size=icon-sm] {
-  inline-size: calc(var(--raqm-spacing) * 7);
-  block-size: calc(var(--raqm-spacing) * 7);
-  padding: 0;
-  border-radius: min(var(--raqm-radius-md), 12px);
-}
-
-.raqm-button[data-raqm-size=icon] {
-  inline-size: calc(var(--raqm-spacing) * 8);
-  block-size: calc(var(--raqm-spacing) * 8);
-  padding: 0;
-}
-
-.raqm-button[data-raqm-size=icon-lg] {
-  inline-size: calc(var(--raqm-spacing) * 9);
-  block-size: calc(var(--raqm-spacing) * 9);
-  padding: 0;
-}
-
-.raqm-button[data-raqm-variant=default]:hover {
-  background-color: var(--raqm-primary-hover);
-}
-
-.raqm-button[data-raqm-variant=outline] {
-  background-color: color-mix(in oklch, var(--raqm-background) var(--raqm-theme-light-weight, 100%), color-mix(in oklch, var(--raqm-input) 30%, transparent));
-  border-color: var(--raqm-outline-border);
-  color: var(--raqm-foreground);
-}
-
-.raqm-button[data-raqm-variant=outline]:hover {
-  background-color: var(--raqm-outline-hover);
-  color: var(--raqm-foreground);
-}
-
-.raqm-button[data-raqm-variant=outline][aria-expanded=true] {
-  background-color: var(--raqm-muted);
-  color: var(--raqm-foreground);
-}
-
-.raqm-button[data-raqm-variant=secondary] {
-  background-color: var(--raqm-secondary);
-  color: var(--raqm-secondary-foreground);
-}
-
-.raqm-button[data-raqm-variant=secondary]:hover {
-  background-color: var(--raqm-secondary-hover);
-}
-
-.raqm-button[data-raqm-variant=secondary][aria-expanded=true] {
-  background-color: var(--raqm-secondary);
-  color: var(--raqm-secondary-foreground);
-}
-
-.raqm-button[data-raqm-variant=ghost] {
-  background-color: transparent;
-  color: inherit;
-}
-
-.raqm-button[data-raqm-variant=ghost]:hover {
-  background-color: color-mix(in oklch, var(--raqm-muted) var(--raqm-ghost-hover-alpha, 100%), transparent);
-  color: var(--raqm-foreground);
-}
-
-.raqm-button[data-raqm-variant=ghost][aria-expanded=true] {
-  background-color: var(--raqm-muted);
-  color: var(--raqm-foreground);
-}
-
-.raqm-button[data-raqm-variant=destructive] {
-  background-color: color-mix(in oklch, var(--raqm-destructive) var(--raqm-destructive-bg-alpha, 10%), transparent);
-  color: var(--raqm-destructive);
-}
-
-.raqm-button[data-raqm-variant=destructive]:hover {
-  background-color: color-mix(in oklch, var(--raqm-destructive) var(--raqm-destructive-hover-alpha, 20%), transparent);
-}
-
-.raqm-button[data-raqm-variant=destructive]:focus-visible {
-  border-color: color-mix(in oklch, var(--raqm-destructive) 40%, transparent);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) color-mix(in oklch, var(--raqm-destructive) var(--raqm-destructive-focus-alpha, 20%), transparent);
-}
-
-.raqm-button[data-raqm-variant=link] {
-  background-color: transparent;
-  color: var(--raqm-primary);
-  text-underline-offset: 4px;
-}
-
-.raqm-button[data-raqm-variant=link]:hover {
-  text-decoration-line: underline;
-}
-
-.raqm-button:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-
-.raqm-button[aria-invalid=true] {
-  border-color: var(--raqm-invalid-border);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-
-.raqm-button:active:not([aria-haspopup]) {
-  transform: translateY(1px);
-}
-
-.raqm-button:disabled {
-  pointer-events: none;
-  opacity: var(--raqm-disabled-opacity);
-}
-
-.raqm-button[aria-disabled=true] {
-  opacity: var(--raqm-disabled-opacity);
-}
-
-.raqm-button svg:not([class*=size-]):not([raqm-spinner-icon]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.raqm-button[data-raqm-size=xs] svg:not([class*=size-]):not([raqm-spinner-icon]),
-.raqm-button[data-raqm-size=icon-xs] svg:not([class*=size-]):not([raqm-spinner-icon]) {
-  inline-size: calc(var(--raqm-spacing) * 3);
-  block-size: calc(var(--raqm-spacing) * 3);
-}
-
-.raqm-button[data-raqm-size=sm] svg:not([class*=size-]):not([raqm-spinner-icon]) {
-  inline-size: calc(var(--raqm-spacing) * 3.5);
-  block-size: calc(var(--raqm-spacing) * 3.5);
-}
-
-.raqm-button[data-raqm-size=default]:has([start]),
-.raqm-button[data-raqm-size=lg]:has([start]) {
-  padding-inline-start: calc(var(--raqm-spacing) * 2);
-}
-
-.raqm-button[data-raqm-size=default]:has([end]),
-.raqm-button[data-raqm-size=lg]:has([end]) {
-  padding-inline-end: calc(var(--raqm-spacing) * 2);
-}
-
-.raqm-button[data-raqm-size=xs]:has([start]),
-.raqm-button[data-raqm-size=sm]:has([start]) {
-  padding-inline-start: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-button[data-raqm-size=xs]:has([end]),
-.raqm-button[data-raqm-size=sm]:has([end]) {
-  padding-inline-end: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-toast {
-  position: absolute;
-  inset-inline-end: 0;
-  inset-block-end: 0;
-  inline-size: 100%;
-  border: 1px solid var(--raqm-border);
-  border-radius: var(--raqm-radius-2xl);
-  background: var(--raqm-popover);
-  color: var(--raqm-popover-foreground);
-  box-shadow: var(--raqm-shadow-lg);
-  outline: none;
-  user-select: none;
-  touch-action: none;
-  pointer-events: auto;
-  transform-origin: bottom;
-  z-index: calc(1000 - var(--toast-index, 0));
-  block-size: var(--toast-frontmost-height, auto);
-  transform: translateY(calc(var(--toast-index, 0) * -0.75rem - var(--toast-index, 0) * 0.1 * var(--toast-frontmost-height, 0px))) scale(calc(1 - var(--toast-index, 0) * 0.1));
-  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1), block-size 150ms;
-  animation: raqm-toast-enter 500ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-.raqm-toast[data-raqm-expanded] {
-  block-size: auto;
-  transform: translateY(calc(var(--toast-offset-y, 0px) * -1 - var(--toast-index, 0) * 0.75rem));
-}
-.raqm-toast::after {
-  content: "";
-  position: absolute;
-  inset-block-start: 100%;
-  inset-inline: 0;
-  block-size: calc(0.75rem + 1px);
-}
-.raqm-toast:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 3px color-mix(in oklch, var(--raqm-ring) 50%, transparent);
-}
-
-.raqm-toast[data-raqm-swiping] {
-  transition: none;
-  animation: none;
-}
-
-.raqm-toast[data-raqm-ending-style] {
-  pointer-events: none;
-  animation: none;
-  transform: translateY(150%);
-}
-
-.raqm-toast[data-raqm-ending-style][data-raqm-swipe-direction=down] {
-  transform: translateY(calc(var(--toast-swipe-movement-y, 0px) + 150%));
-}
-
-.raqm-toast[data-raqm-ending-style][data-raqm-swipe-direction=right] {
-  transform: translateX(calc(var(--toast-swipe-movement-x, 0px) + 150%)) translateY(calc(var(--toast-offset-y, 0px) * -1 - var(--toast-index, 0) * 0.75rem));
-}
-
-.raqm-toast-content {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  padding: 1rem;
-  overflow: hidden;
-  transition: opacity 250ms cubic-bezier(0.22, 1, 0.36, 1);
-}
-
-.raqm-toast[data-raqm-behind]:not([data-raqm-expanded]) .raqm-toast-content {
-  opacity: 0;
-}
-
-.raqm-toast[data-raqm-behind]:not([data-raqm-expanded]):focus-within .raqm-toast-content {
-  opacity: 1;
-  transition: none;
-}
-
-.raqm-toast-action,
-.raqm-toast-close {
-  touch-action: manipulation;
-}
-
-.raqm-toast-text {
-  display: flex;
-  flex: 1;
-  min-inline-size: 0;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-.raqm-toast-title,
-.raqm-toast-description {
-  margin: 0;
-  font-size: var(--raqm-font-size-sm);
-  line-height: 1.25rem;
-  overflow-wrap: anywhere;
-}
-
-.raqm-toast-title {
-  font-weight: 500;
-}
-
-.raqm-toast-description {
-  color: var(--raqm-muted-foreground);
-}
-
-.raqm-toast-action,
-.raqm-toast-close,
-.raqm-toast-icon {
-  flex-shrink: 0;
-}
-
-.raqm-toast-close {
-  position: relative;
-  color: var(--raqm-muted-foreground);
-}
-
-.raqm-toast-close::after {
-  content: "";
-  position: absolute;
-  inset: -0.5rem;
-}
-
-.raqm-toast-close:hover {
-  color: var(--raqm-foreground);
-}
-
-.raqm-toast-icon {
-  display: inline-flex;
-}
-
-.raqm-toast-icon[data-raqm-type=error] {
-  color: var(--raqm-destructive);
-}
-
-.raqm-toast-icon[data-raqm-type=loading] {
-  animation: raqm-toast-spin 1s linear infinite;
-}
-
-@keyframes raqm-toast-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes raqm-toast-enter {
-  from {
-    transform: translateY(150%);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .raqm-toast,
-  .raqm-toast-content,
-  .raqm-toast-icon {
-    animation: none;
-    transition: none;
-  }
-}
-.raqm-pagination {
-  display: flex;
-  inline-size: 100%;
-  margin-inline: auto;
-  justify-content: center;
-}
-
-.raqm-pagination-content {
-  display: flex;
-  align-items: center;
-  gap: calc(var(--raqm-spacing) * 0.5);
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.raqm-pagination-ellipsis {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  inline-size: calc(var(--raqm-spacing) * 8);
-  block-size: calc(var(--raqm-spacing) * 8);
-}
-
-.raqm-pagination-ellipsis > svg {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-button.raqm-pagination-previous[data-raqm-size=default] {
-  padding-inline-start: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-button.raqm-pagination-next[data-raqm-size=default] {
-  padding-inline-end: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-pagination-previous-text,
-.raqm-pagination-next-text {
-  display: none;
-}
-
-@media (min-width: 40rem) {
-  .raqm-pagination-previous-text,
-  .raqm-pagination-next-text {
-    display: block;
-  }
-}
-[dir=rtl] .raqm-pagination-previous svg,
-[dir=rtl] .raqm-pagination-next svg {
-  transform: rotate(180deg);
-}
-
-.raqm-pagination-ellipsis-label {
-  position: absolute;
-  inline-size: 1px;
-  block-size: 1px;
-  margin: -1px;
-  padding: 0;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border: 0;
-}
-
-.raqm-kbd {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-  user-select: none;
-  box-sizing: border-box;
-  block-size: calc(var(--raqm-spacing) * 5);
-  inline-size: fit-content;
-  min-inline-size: calc(var(--raqm-spacing) * 5);
-  gap: calc(var(--raqm-spacing) * 1);
-  border-radius: var(--raqm-radius-sm);
-  padding-inline: calc(var(--raqm-spacing) * 1);
-  font-size: var(--raqm-font-size-xs);
-  font-family: inherit;
-  line-height: 1rem;
-  font-weight: var(--raqm-font-weight-medium);
-  background-color: var(--raqm-muted);
-  color: var(--raqm-muted-foreground);
-}
-
-.raqm-kbd svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 3);
-  block-size: calc(var(--raqm-spacing) * 3);
-}
-
-.raqm-kbd-group {
-  display: inline-flex;
-  align-items: center;
-  gap: calc(var(--raqm-spacing) * 1);
-}
-
-.raqm-button[data-raqm-size] .raqm-kbd svg:not([class*=size-]),
-.raqm-button[data-raqm-size] .raqm-kbd-group svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 3);
-  block-size: calc(var(--raqm-spacing) * 3);
-}
-
-.raqm-input-group .raqm-kbd svg:not([class*=size-]),
-.raqm-input-group .raqm-kbd-group svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 3);
-  block-size: calc(var(--raqm-spacing) * 3);
-}
-
-.raqm-toggle-group .raqm-toggle-group-item:focus,
-.raqm-toggle-group .raqm-toggle-group-item:focus-visible {
-  position: relative;
-  z-index: 10;
-}
-
-.raqm-toggle-group-item svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.raqm-toggle-group-item[data-raqm-small] svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 3.5);
-  block-size: calc(var(--raqm-spacing) * 3.5);
-}
-
-.raqm-toggle-group[data-raqm-spacing="0"] .raqm-toggle-group-item {
-  border-radius: 0;
-  padding-inline: calc(var(--raqm-spacing) * 2);
-}
-
-.raqm-toggle-group:not([data-raqm-vertical])[data-raqm-spacing="0"][data-raqm-variant=outline] .raqm-toggle-group-item {
-  border-inline-start-width: 0;
-}
-
-.raqm-toggle-group:not([data-raqm-vertical])[data-raqm-spacing="0"][data-raqm-variant=outline] .raqm-toggle-group-item:first-child {
-  border-inline-start-width: 1px;
-}
-
-.raqm-toggle-group[data-raqm-vertical][data-raqm-spacing="0"][data-raqm-variant=outline] .raqm-toggle-group-item {
-  border-block-start-width: 0;
-}
-
-.raqm-toggle-group[data-raqm-vertical][data-raqm-spacing="0"][data-raqm-variant=outline] .raqm-toggle-group-item:first-child {
-  border-block-start-width: 1px;
-}
-
-.raqm-toggle-group:not([data-raqm-vertical])[data-raqm-spacing="0"] .raqm-toggle-group-item:first-child {
-  border-start-start-radius: var(--raqm-radius-lg);
-  border-end-start-radius: var(--raqm-radius-lg);
-}
-
-.raqm-toggle-group:not([data-raqm-vertical])[data-raqm-spacing="0"] .raqm-toggle-group-item:last-child {
-  border-start-end-radius: var(--raqm-radius-lg);
-  border-end-end-radius: var(--raqm-radius-lg);
-}
-
-.raqm-toggle-group[data-raqm-vertical][data-raqm-spacing="0"] .raqm-toggle-group-item:first-child {
-  border-start-start-radius: var(--raqm-radius-lg);
-  border-start-end-radius: var(--raqm-radius-lg);
-}
-
-.raqm-toggle-group[data-raqm-vertical][data-raqm-spacing="0"] .raqm-toggle-group-item:last-child {
-  border-end-start-radius: var(--raqm-radius-lg);
-  border-end-end-radius: var(--raqm-radius-lg);
-}
-
-.raqm-switch {
-  --raqm-switch-thumb-size: calc(var(--raqm-spacing) * 4);
-  appearance: none;
-  position: relative;
-  box-sizing: border-box;
-  inline-size: calc(var(--raqm-spacing) * 8);
-  block-size: calc(var(--raqm-spacing) * 4.6);
-  flex-shrink: 0;
-  margin: 0;
-  border-radius: 9999px;
-  border: 1px solid transparent;
-  background-color: color-mix(in oklch, var(--raqm-input) var(--raqm-switch-unchecked-alpha, 100%), transparent);
-  outline: none;
-  transition-property: color, background-color, border-color, box-shadow;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-.raqm-switch:checked {
-  background-color: var(--raqm-primary);
-}
-.raqm-switch:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-switch[aria-invalid=true] {
-  border-color: var(--raqm-invalid-border);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-.raqm-switch:disabled {
-  cursor: not-allowed;
-  opacity: var(--raqm-disabled-opacity);
-}
-.raqm-switch::before {
-  content: "";
-  position: absolute;
-  border-radius: 9999px;
-  inline-size: var(--raqm-switch-thumb-size);
-  block-size: var(--raqm-switch-thumb-size);
-  background-color: color-mix(in oklch, var(--raqm-background) var(--raqm-theme-light-weight, 100%), var(--raqm-foreground));
-  inset-block: 0;
-  margin-block: auto;
-  inset-inline-start: 0;
-  transition-property: inset-inline-start;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-.raqm-switch:checked::before {
-  background-color: color-mix(in oklch, var(--raqm-background) var(--raqm-theme-light-weight, 100%), var(--raqm-primary-foreground));
-  inset-inline-start: calc(100% - var(--raqm-switch-thumb-size));
-}
-
-.raqm-switch[data-raqm-size=sm] {
-  --raqm-switch-thumb-size: calc(var(--raqm-spacing) * 3);
-  inline-size: calc(var(--raqm-spacing) * 6);
-  block-size: calc(var(--raqm-spacing) * 3.5);
-}
-
-@media (forced-colors: active) {
-  .raqm-switch,
-  .raqm-switch:checked {
-    appearance: auto;
-  }
-  .raqm-switch::before {
-    content: none;
-  }
-}
-.raqm-badge {
-  display: inline-flex;
-  inline-size: fit-content;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  white-space: nowrap;
-  transition-property: color, background-color, border-color, box-shadow, transform, opacity;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-  box-sizing: border-box;
-  block-size: calc(var(--raqm-spacing) * 5);
-  gap: calc(var(--raqm-spacing) * 1);
-  border-radius: calc(var(--raqm-spacing) * 8);
-  border: 1px solid transparent;
-  padding-inline: calc(var(--raqm-spacing) * 2);
-  padding-block: calc(var(--raqm-spacing) * 0.5);
-  font-size: var(--raqm-font-size-xs);
-  line-height: 1rem;
-  font-weight: var(--raqm-font-weight-medium);
-  background-color: var(--raqm-badge-background, var(--raqm-primary));
-  color: var(--raqm-badge-foreground, var(--raqm-primary-foreground));
-  border-color: var(--raqm-badge-border, transparent);
-}
-
-.raqm-badge[data-raqm-variant=secondary] {
-  background-color: var(--raqm-badge-background, var(--raqm-secondary));
-  color: var(--raqm-badge-foreground, var(--raqm-secondary-foreground));
-}
-
-.raqm-badge[data-raqm-variant=outline] {
-  background-color: var(--raqm-badge-background, transparent);
-  color: var(--raqm-badge-foreground, var(--raqm-foreground));
-  border-color: var(--raqm-badge-border, var(--raqm-border));
-}
-
-.raqm-badge[data-raqm-variant=destructive] {
-  background-color: var(--raqm-badge-background, color-mix(in oklch, var(--raqm-destructive) var(--raqm-destructive-bg-alpha, 10%), transparent));
-  color: var(--raqm-badge-foreground, var(--raqm-destructive));
-}
-
-.raqm-badge[data-raqm-variant=ghost] {
-  background-color: var(--raqm-badge-background, transparent);
-  color: var(--raqm-badge-foreground, inherit);
-}
-
-a.raqm-badge[data-raqm-variant=default]:hover {
-  background-color: color-mix(in oklch, var(--raqm-badge-background, var(--raqm-primary)) 80%, transparent);
-}
-
-a.raqm-badge[data-raqm-variant=secondary]:hover {
-  background-color: color-mix(in oklch, var(--raqm-badge-background, var(--raqm-secondary)) 80%, transparent);
-}
-
-a.raqm-badge[data-raqm-variant=outline]:hover {
-  background-color: var(--raqm-badge-background, var(--raqm-muted));
-  color: var(--raqm-badge-foreground, var(--raqm-muted-foreground));
-}
-
-a.raqm-badge[data-raqm-variant=destructive]:hover {
-  background-color: color-mix(in oklch, var(--raqm-destructive) 20%, transparent);
-}
-
-.raqm-badge[data-raqm-variant=ghost]:hover {
-  background-color: var(--raqm-badge-background, color-mix(in oklch, var(--raqm-muted) var(--raqm-ghost-hover-alpha, 100%), transparent));
-  color: var(--raqm-badge-foreground, var(--raqm-muted-foreground));
-}
-
-.raqm-badge:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-
-.raqm-badge[aria-invalid=true] {
-  border-color: var(--raqm-invalid-border);
-}
-
-.raqm-badge[aria-invalid=true]:focus-visible {
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-
-.raqm-badge[data-raqm-variant=destructive]:focus-visible {
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) color-mix(in oklch, var(--raqm-destructive) var(--raqm-destructive-focus-alpha, 20%), transparent);
-}
-
-.raqm-badge > svg {
-  inline-size: var(--raqm-badge-icon-size, calc(var(--raqm-spacing) * 3));
-  block-size: var(--raqm-badge-icon-size, calc(var(--raqm-spacing) * 3));
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.raqm-badge > .raqm-spinner {
-  --raqm-spinner-size: var(--raqm-badge-icon-size, calc(var(--raqm-spacing) * 3));
-}
-
-.raqm-badge:has([start]) {
-  padding-inline-start: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-badge:has([end]) {
-  padding-inline-end: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-menu {
-  position: relative;
-  min-inline-size: calc(var(--raqm-spacing) * 32);
-  padding: var(--raqm-spacing);
-  border-radius: var(--raqm-radius-lg);
-  color: var(--raqm-popover-foreground);
-  background-color: color-mix(in oklch, var(--raqm-popover) 70%, transparent);
-  box-shadow: 0 0 0 1px color-mix(in oklch, var(--raqm-foreground) 10%, transparent), var(--raqm-shadow-md);
-  transition-duration: var(--raqm-duration-fast);
-  max-block-size: var(--raqm-menu-available-height, 100dvh);
-  overflow-x: hidden;
-  overflow-y: auto;
-  outline: none;
-}
-
-.raqm-menu::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: -1;
-  border-radius: inherit;
-  pointer-events: none;
-  backdrop-filter: blur(40px) saturate(150%);
-  -webkit-backdrop-filter: blur(40px) saturate(150%);
-}
-
-:where([data-raqm-anchor-width]) .raqm-menu {
-  inline-size: var(--raqm-menu-anchor-width);
-}
-
-.raqm-menu-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  inline-size: 100%;
-  min-inline-size: 0;
-  gap: calc(var(--raqm-spacing) * 1.5);
-  padding-block: var(--raqm-spacing);
-  padding-inline: calc(var(--raqm-spacing) * 1.5);
-  border-radius: var(--raqm-radius-md);
-  font-size: var(--raqm-font-size-sm);
-  line-height: calc(var(--raqm-spacing) * 5);
-  cursor: default;
-  outline: none;
-  user-select: none;
-  box-sizing: border-box;
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  font-family: inherit;
-  text-align: start;
-  margin: 0;
-  letter-spacing: normal;
-  overflow: visible;
-}
-.raqm-menu-item[data-raqm-inset] {
-  padding-inline-start: calc(var(--raqm-spacing) * 7);
-}
-.raqm-menu-item svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  pointer-events: none;
-  flex-shrink: 0;
-}
-.raqm-menu-item[aria-disabled=true] {
-  pointer-events: none;
-  opacity: var(--raqm-disabled-opacity);
-}
-
-a.raqm-menu-item {
-  color: inherit;
-  text-decoration: none;
-}
-
-.raqm-menu-item:focus {
-  background-color: var(--raqm-accent);
-  color: var(--raqm-accent-foreground);
-}
-
-.raqm-menu-item:not([data-raqm-variant=destructive]):focus,
-.raqm-menu-item:not([data-raqm-variant=destructive]):focus * {
-  color: var(--raqm-accent-foreground);
-}
-
-.raqm-menu-item[data-raqm-variant=destructive],
-.raqm-menu-item[data-raqm-variant=destructive] svg {
-  color: var(--raqm-destructive);
-}
-
-.raqm-menu-item[data-raqm-variant=destructive]:focus {
-  background-color: color-mix(in oklch, var(--raqm-destructive) 10%, transparent);
-  color: var(--raqm-destructive);
-}
-
-[data-raqm-theme=dark] .raqm-menu-item[data-raqm-variant=destructive]:focus {
-  background-color: color-mix(in oklch, var(--raqm-destructive) 20%, transparent);
-}
-
-.raqm-menu-item[data-raqm-submenu][aria-expanded=true] {
-  background-color: var(--raqm-accent);
-  color: var(--raqm-accent-foreground);
-}
-
-.raqm-menu-item[data-raqm-submenu] > svg:last-of-type {
-  margin-inline-start: auto;
-}
-
-[dir=rtl] .raqm-menu-item[data-raqm-submenu] > svg:last-of-type {
-  transform: scaleX(-1);
-}
-
-.raqm-menu-checkbox-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  inline-size: 100%;
-  min-inline-size: 0;
-  gap: calc(var(--raqm-spacing) * 1.5);
-  padding-block: var(--raqm-spacing);
-  padding-inline-start: calc(var(--raqm-spacing) * 1.5);
-  padding-inline-end: calc(var(--raqm-spacing) * 8);
-  border-radius: var(--raqm-radius-md);
-  font-size: var(--raqm-font-size-sm);
-  line-height: calc(var(--raqm-spacing) * 5);
-  cursor: default;
-  outline: none;
-  user-select: none;
-  box-sizing: border-box;
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  font-family: inherit;
-  text-align: start;
-  margin: 0;
-  letter-spacing: normal;
-  overflow: visible;
-}
-.raqm-menu-checkbox-item[data-raqm-inset] {
-  padding-inline-start: calc(var(--raqm-spacing) * 7);
-}
-.raqm-menu-checkbox-item svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  pointer-events: none;
-  flex-shrink: 0;
-}
-.raqm-menu-checkbox-item[aria-disabled=true] {
-  pointer-events: none;
-  opacity: var(--raqm-disabled-opacity);
-}
-.raqm-menu-checkbox-item:focus {
-  background-color: var(--raqm-accent);
-  color: var(--raqm-accent-foreground);
-}
-.raqm-menu-checkbox-item:focus * {
-  color: var(--raqm-accent-foreground);
-}
-
-.raqm-menu-checkbox-item[aria-checked=true]::after {
-  content: "";
-  position: absolute;
-  inset-inline-end: calc(var(--raqm-spacing) * 2);
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  background-color: currentColor;
-  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
-  mask-position: center;
-  mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
-  -webkit-mask-position: center;
-  -webkit-mask-repeat: no-repeat;
-  -webkit-mask-size: contain;
-  pointer-events: none;
-}
-
-.raqm-menu-radio-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  inline-size: 100%;
-  min-inline-size: 0;
-  gap: calc(var(--raqm-spacing) * 1.5);
-  padding-block: var(--raqm-spacing);
-  padding-inline-start: calc(var(--raqm-spacing) * 8);
-  padding-inline-end: calc(var(--raqm-spacing) * 1.5);
-  border-radius: var(--raqm-radius-md);
-  font-size: var(--raqm-font-size-sm);
-  line-height: calc(var(--raqm-spacing) * 5);
-  cursor: default;
-  outline: none;
-  user-select: none;
-  box-sizing: border-box;
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  font-family: inherit;
-  text-align: start;
-  margin: 0;
-  letter-spacing: normal;
-  overflow: visible;
-}
-.raqm-menu-radio-item[data-raqm-inset] {
-  padding-inline-start: calc(var(--raqm-spacing) * 8);
-}
-.raqm-menu-radio-item svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  pointer-events: none;
-  flex-shrink: 0;
-}
-.raqm-menu-radio-item[aria-disabled=true] {
-  pointer-events: none;
-  opacity: var(--raqm-disabled-opacity);
-}
-.raqm-menu-radio-item:focus {
-  background-color: var(--raqm-accent);
-  color: var(--raqm-accent-foreground);
-}
-.raqm-menu-radio-item:focus * {
-  color: var(--raqm-accent-foreground);
-}
-
-.raqm-menu-radio-item[aria-checked=true]::before {
-  content: "";
-  position: absolute;
-  inset-inline-start: calc(var(--raqm-spacing) * 2);
-  inline-size: calc(var(--raqm-spacing) * 2);
-  block-size: calc(var(--raqm-spacing) * 2);
-  border-radius: 50%;
-  background-color: currentColor;
-  pointer-events: none;
-}
-
-.raqm-menu-label {
-  color: var(--raqm-muted-foreground);
-  padding-inline: calc(var(--raqm-spacing) * 1.5);
-  padding-block: var(--raqm-spacing);
-  font-size: var(--raqm-font-size-xs);
-  line-height: calc(var(--raqm-spacing) * 4);
-  font-weight: var(--raqm-font-weight-medium);
-}
-.raqm-menu-label[data-raqm-inset] {
-  padding-inline-start: calc(var(--raqm-spacing) * 7);
-}
-
-.raqm-menu-separator {
-  background-color: var(--raqm-border);
-  block-size: 1px;
-  margin-inline: calc(var(--raqm-spacing) * -1);
-  margin-block: var(--raqm-spacing);
-}
-
-.raqm-menu-shortcut {
-  margin-inline-start: auto;
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-xs);
-  letter-spacing: 0.1em;
-}
-
-.raqm-menu .raqm-menu-item:focus,
-.raqm-menu .raqm-menu-checkbox-item:focus,
-.raqm-menu .raqm-menu-radio-item:focus {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 10%, transparent);
-}
-
-.raqm-menu .raqm-menu-separator {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 5%, transparent);
-}
-
-.raqm-menu .raqm-menu-item[data-raqm-submenu][aria-expanded=true] {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 10%, transparent);
-}
-
-.raqm-menu .raqm-menu-item[data-raqm-variant=destructive],
-.raqm-menu .raqm-menu-item[data-raqm-variant=destructive] * {
-  color: var(--raqm-accent-foreground);
-}
-
-.raqm-menu .raqm-menu-item[data-raqm-variant=destructive]:focus {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 10%, transparent);
-}
-
-@media (forced-colors: active) {
-  .raqm-menu {
-    border: 1px solid CanvasText;
-  }
-  .raqm-menu .raqm-menu-item:focus,
-  .raqm-menu .raqm-menu-item[data-raqm-submenu][aria-expanded=true],
-  .raqm-menu .raqm-menu-checkbox-item:focus {
-    background-color: Highlight;
-    color: HighlightText;
-    outline: 1px solid HighlightText;
-  }
-  .raqm-menu .raqm-menu-radio-item:focus {
-    background-color: Highlight;
-    color: HighlightText;
-    outline: 1px solid HighlightText;
-  }
-  .raqm-menu .raqm-menu-item[data-raqm-variant=destructive]:focus {
-    background-color: Highlight;
-    color: HighlightText;
-    outline: 1px solid HighlightText;
-  }
-  .raqm-menu .raqm-menu-item[data-raqm-variant=destructive]:focus * {
-    color: HighlightText;
-  }
-  .raqm-menu-checkbox-item[aria-checked=true]::after {
-    background-color: currentColor;
-  }
-}
-.raqm-context-menu-trigger {
-  user-select: none;
-  -webkit-touch-callout: none;
-}
-.raqm-context-menu-trigger:focus-visible {
-  outline: var(--raqm-focus-ring-width) solid var(--raqm-ring);
-  outline-offset: 2px;
-}
-
-.raqm-context-menu-content {
-  position: relative;
-  isolation: isolate;
-  box-sizing: border-box;
-  min-inline-size: calc(var(--raqm-spacing) * 36);
-  max-block-size: var(--raqm-menu-available-height, 100dvh);
-  overflow-x: hidden;
-  overflow-y: auto;
-  background-color: color-mix(in oklch, var(--raqm-popover) 70%, transparent);
-  transition-duration: var(--raqm-duration-fast);
-}
-.raqm-context-menu-content::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: -1;
-  border-radius: inherit;
-  pointer-events: none;
-  backdrop-filter: blur(40px) saturate(150%);
-}
-.raqm-context-menu-content .raqm-menu-item:focus,
-.raqm-context-menu-content .raqm-menu-checkbox-item:focus,
-.raqm-context-menu-content .raqm-menu-radio-item:focus,
-.raqm-context-menu-content .raqm-context-menu-sub-trigger[aria-expanded=true] {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 10%, transparent);
-  color: var(--raqm-accent-foreground);
-}
-.raqm-context-menu-content .raqm-menu-item[data-raqm-variant=destructive],
-.raqm-context-menu-content .raqm-menu-item[data-raqm-variant=destructive] * {
-  color: var(--raqm-accent-foreground);
-}
-.raqm-context-menu-content .raqm-menu-item[data-raqm-variant=destructive]:focus {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 10%, transparent);
-}
-.raqm-context-menu-content .raqm-menu-separator {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 5%, transparent);
-}
-
-.raqm-context-menu-sub-content {
-  box-shadow: 0 0 0 1px color-mix(in oklch, var(--raqm-foreground) 10%, transparent), var(--raqm-shadow-lg);
-}
-
-.raqm-context-menu-sub-trigger::after {
-  content: "";
-  margin-inline-start: auto;
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  background-color: currentColor;
-  mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 18 6-6-6-6'/></svg>") center/contain no-repeat;
-  pointer-events: none;
-}
-
-[dir=rtl] .raqm-context-menu-sub-trigger::after {
-  transform: scaleX(-1);
-}
-
-.raqm-context-menu-radio-item {
-  padding-inline-start: calc(var(--raqm-spacing) * 1.5);
-  padding-inline-end: calc(var(--raqm-spacing) * 8);
-}
-.raqm-context-menu-radio-item[data-raqm-inset] {
-  padding-inline-start: calc(var(--raqm-spacing) * 7);
-}
-.raqm-context-menu-radio-item[aria-checked=true]::before {
-  content: none;
-}
-.raqm-context-menu-radio-item[aria-checked=true]::after {
-  content: "";
-  position: absolute;
-  inset-inline-end: calc(var(--raqm-spacing) * 2);
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  background-color: currentColor;
-  mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center/contain no-repeat;
-  pointer-events: none;
-}
-
-@media (forced-colors: active) {
-  .raqm-context-menu-content {
-    background-color: Canvas;
-  }
-  .raqm-context-menu-content .raqm-menu-item:focus,
-  .raqm-context-menu-content .raqm-menu-checkbox-item:focus,
-  .raqm-context-menu-content .raqm-menu-radio-item:focus,
-  .raqm-context-menu-content .raqm-context-menu-sub-trigger[aria-expanded=true] {
-    background-color: Highlight;
-    color: HighlightText;
-  }
-}
-.raqm-radio-group {
-  display: grid;
-  gap: calc(var(--raqm-spacing) * 2);
-  width: 100%;
-}
-
-.raqm-radio {
-  appearance: none;
-  box-sizing: border-box;
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  position: relative;
-  flex-shrink: 0;
-  margin: 0;
-  border-radius: 9999px;
-  border: 1px solid var(--raqm-input);
-  background-color: var(--raqm-control-bg);
-  outline: none;
-}
-.raqm-radio:checked {
-  background-color: var(--raqm-primary);
-  border-color: var(--raqm-primary);
-}
-.raqm-radio:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-radio[aria-invalid=true] {
-  border-color: var(--raqm-invalid-border);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-.raqm-radio[aria-invalid=true]:checked {
-  border-color: var(--raqm-primary);
-}
-.raqm-radio:disabled {
-  cursor: not-allowed;
-  opacity: var(--raqm-disabled-opacity);
-}
-.raqm-radio:checked::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  margin: auto;
-  border-radius: 9999px;
-  inline-size: calc(var(--raqm-spacing) * 2);
-  block-size: calc(var(--raqm-spacing) * 2);
-  background-color: var(--raqm-primary-foreground);
-}
-
-@media (forced-colors: active) {
-  .raqm-radio,
-  .raqm-radio:checked {
-    appearance: auto;
-  }
-  .raqm-radio:checked::before {
-    content: none;
-  }
-}
-.raqm-textarea {
-  display: flex;
-  inline-size: 100%;
-  min-inline-size: 0;
-  field-sizing: content;
-  min-block-size: calc(var(--raqm-spacing) * 16);
-  box-sizing: border-box;
-  border-radius: var(--raqm-radius-lg);
-  border: 1px solid var(--raqm-input);
-  background-color: var(--raqm-control-bg);
-  padding-inline: calc(var(--raqm-spacing) * 2.5);
-  padding-block: calc(var(--raqm-spacing) * 2);
-  font-family: inherit;
-  font-size: var(--raqm-font-size-base);
-  color: var(--raqm-foreground);
-  outline: none;
-  resize: vertical;
-  transition-property: color, background-color, border-color, box-shadow;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-.raqm-textarea::placeholder {
-  color: var(--raqm-muted-foreground);
-}
-.raqm-textarea:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-textarea[aria-invalid=true] {
-  border-color: var(--raqm-invalid-border);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-.raqm-textarea:disabled {
-  background-color: var(--raqm-input-disabled-bg);
-  cursor: not-allowed;
-  opacity: var(--raqm-disabled-opacity);
-}
-
-@media (min-width: 48rem) {
-  .raqm-textarea {
-    font-size: var(--raqm-font-size-sm);
-  }
-}
-.raqm-button.raqm-input-group-button[data-raqm-size] {
-  gap: calc(var(--raqm-spacing) * 2);
-  font-size: var(--raqm-font-size-sm);
-}
-
-.raqm-button.raqm-input-group-button[data-raqm-size=xs] {
-  block-size: calc(var(--raqm-spacing) * 6);
-  gap: var(--raqm-spacing);
-  padding-inline: calc(var(--raqm-spacing) * 1.5);
-  border-radius: calc(var(--raqm-radius) - 3px);
-}
-
-.raqm-button.raqm-input-group-button[data-raqm-size=icon-xs] {
-  inline-size: calc(var(--raqm-spacing) * 6);
-  block-size: calc(var(--raqm-spacing) * 6);
-  padding: 0;
-  border-radius: calc(var(--raqm-radius) - 3px);
-}
-
-.raqm-button.raqm-input-group-button[data-raqm-size=icon-sm] {
-  inline-size: calc(var(--raqm-spacing) * 8);
-  block-size: calc(var(--raqm-spacing) * 8);
-  padding: 0;
-}
-
-.raqm-button.raqm-input-group-button[data-raqm-size=sm] {
-  block-size: calc(var(--raqm-spacing) * 8);
-  padding-inline: calc(var(--raqm-spacing) * 2.5);
-  border-radius: var(--raqm-radius-lg);
-}
-
-.raqm-button.raqm-input-group-button[data-raqm-size=icon-sm] {
-  border-radius: var(--raqm-radius-lg);
-}
-
-.raqm-button.raqm-input-group-button[data-raqm-size] svg:not([class*=size-]):not([raqm-spinner-icon]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-button.raqm-input-group-button[data-raqm-size=xs] svg:not([class*=size-]):not([raqm-spinner-icon]) {
-  inline-size: calc(var(--raqm-spacing) * 3.5);
-  block-size: calc(var(--raqm-spacing) * 3.5);
-}
-
-.raqm-button.raqm-input-group-button[data-raqm-size] svg[class*=size-]:not([raqm-spinner-icon]) {
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.raqm-button.raqm-input-group-button[data-raqm-size] svg:not([raqm-spinner-icon]) {
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.raqm-menubar {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  block-size: calc(var(--raqm-spacing) * 8);
-  gap: calc(var(--raqm-spacing) * 0.5);
-  padding: 3px;
-  border: 1px solid var(--raqm-border);
-  border-radius: var(--raqm-radius-lg);
-}
-
-.raqm-menubar-trigger {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding-inline: calc(var(--raqm-spacing) * 1.5);
-  padding-block: 2px;
-  border-radius: var(--raqm-radius-sm);
-  font-size: var(--raqm-font-size-sm);
-  line-height: calc(var(--raqm-spacing) * 5);
-  font-weight: var(--raqm-font-weight-medium);
-  cursor: default;
-  outline: none;
-  user-select: none;
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  font-family: inherit;
-  margin: 0;
-  letter-spacing: normal;
-  overflow: visible;
-}
-
-.raqm-menubar-trigger:hover,
-.raqm-menubar-trigger[aria-expanded=true] {
-  background-color: var(--raqm-muted);
-}
-
-.raqm-menubar-content {
-  position: relative;
-  background-color: color-mix(in oklch, var(--raqm-popover) 70%, transparent);
-  transition-duration: var(--raqm-duration-fast);
-}
-
-.raqm-menubar-content::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: -1;
-  border-radius: inherit;
-  pointer-events: none;
-  backdrop-filter: blur(40px) saturate(150%);
-  -webkit-backdrop-filter: blur(40px) saturate(150%);
-}
-
-.raqm-menubar-content {
-  min-inline-size: calc(var(--raqm-spacing) * 36);
-}
-
-.raqm-menubar-checkbox-item {
-  padding-inline-start: calc(var(--raqm-spacing) * 7);
-  padding-inline-end: calc(var(--raqm-spacing) * 1.5);
-}
-.raqm-menubar-checkbox-item[data-raqm-inset] {
-  padding-inline-start: calc(var(--raqm-spacing) * 7);
-}
-
-.raqm-menubar-checkbox-item[aria-checked=true]::after {
-  inset-inline-start: calc(var(--raqm-spacing) * 1.5);
-  inset-inline-end: auto;
-}
-
-.raqm-menubar-radio-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  inline-size: 100%;
-  min-inline-size: 0;
-  gap: calc(var(--raqm-spacing) * 1.5);
-  padding-block: var(--raqm-spacing);
-  padding-inline-start: calc(var(--raqm-spacing) * 7);
-  padding-inline-end: calc(var(--raqm-spacing) * 1.5);
-  border-radius: var(--raqm-radius-md);
-  font-size: var(--raqm-font-size-sm);
-  line-height: calc(var(--raqm-spacing) * 5);
-  cursor: default;
-  outline: none;
-  user-select: none;
-  box-sizing: border-box;
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  font-family: inherit;
-  text-align: start;
-  margin: 0;
-  letter-spacing: normal;
-  overflow: visible;
-}
-.raqm-menubar-radio-item[data-raqm-inset] {
-  padding-inline-start: calc(var(--raqm-spacing) * 7);
-}
-.raqm-menubar-radio-item svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  pointer-events: none;
-  flex-shrink: 0;
-}
-.raqm-menubar-radio-item[aria-disabled=true] {
-  pointer-events: none;
-  opacity: var(--raqm-disabled-opacity);
-}
-.raqm-menubar-radio-item:focus {
-  background-color: var(--raqm-accent);
-  color: var(--raqm-accent-foreground);
-}
-.raqm-menubar-radio-item:focus * {
-  color: var(--raqm-accent-foreground);
-}
-
-.raqm-menubar-radio-item[aria-checked=true]::after {
-  content: "";
-  position: absolute;
-  inset-inline-start: calc(var(--raqm-spacing) * 1.5);
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  background-color: currentColor;
-  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
-  mask-position: center;
-  mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>");
-  -webkit-mask-position: center;
-  -webkit-mask-repeat: no-repeat;
-  -webkit-mask-size: contain;
-  pointer-events: none;
-}
-
-.raqm-menubar-content .raqm-menubar-item:focus,
-.raqm-menubar-content .raqm-menubar-checkbox-item:focus,
-.raqm-menubar-content .raqm-menubar-radio-item:focus {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 10%, transparent);
-}
-
-.raqm-menubar-content .raqm-menu-separator {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 5%, transparent);
-}
-
-.raqm-menubar-content .raqm-menubar-item[data-raqm-submenu][aria-expanded=true] {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 10%, transparent);
-}
-
-.raqm-menubar-content .raqm-menubar-item[data-raqm-variant=destructive],
-.raqm-menubar-content .raqm-menubar-item[data-raqm-variant=destructive] * {
-  color: var(--raqm-accent-foreground);
-}
-
-.raqm-menubar-content .raqm-menubar-item[data-raqm-variant=destructive]:focus {
-  background-color: color-mix(in oklch, var(--raqm-foreground) 10%, transparent);
-}
-
-.raqm-menubar-content .raqm-menubar-item[data-raqm-variant=destructive] > svg {
-  color: var(--raqm-destructive);
-}
-
-.raqm-menubar-label {
-  padding-inline: calc(var(--raqm-spacing) * 1.5);
-  padding-block: var(--raqm-spacing);
-  font-size: var(--raqm-font-size-sm);
-  line-height: calc(var(--raqm-spacing) * 5);
-  font-weight: var(--raqm-font-weight-medium);
-}
-.raqm-menubar-label[data-raqm-inset] {
-  padding-inline-start: calc(var(--raqm-spacing) * 7);
-}
-
-@media (forced-colors: active) {
-  .raqm-menubar {
-    border: 1px solid CanvasText;
-  }
-  .raqm-menubar-trigger:hover,
-  .raqm-menubar-trigger[aria-expanded=true],
-  .raqm-menubar-checkbox-item:focus,
-  .raqm-menubar-radio-item:focus {
-    background-color: Highlight;
-    color: HighlightText;
-    outline: 1px solid HighlightText;
-  }
-  .raqm-menubar-checkbox-item[aria-checked=true]::after,
-  .raqm-menubar-radio-item[aria-checked=true]::after {
-    background-color: currentColor;
-  }
-}
-.raqm-navigation-menu {
-  position: relative;
-  display: flex;
-  max-inline-size: max-content;
-  flex: 1 1 auto;
-  align-items: center;
-  justify-content: center;
-}
-
-.raqm-navigation-menu-list {
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  justify-content: center;
-  gap: 0;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.raqm-navigation-menu-trigger {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  block-size: calc(var(--raqm-spacing) * 9);
-  inline-size: max-content;
-  box-sizing: border-box;
-  padding-inline: calc(var(--raqm-spacing) * 2.5);
-  padding-block: calc(var(--raqm-spacing) * 1.5);
-  border-radius: var(--raqm-radius-lg);
-  font-size: var(--raqm-font-size-sm);
-  font-weight: var(--raqm-font-weight-medium);
-  line-height: var(--raqm-line-height-tight);
-  transition: color var(--raqm-duration-base) var(--raqm-ease-standard), background-color var(--raqm-duration-base) var(--raqm-ease-standard);
-  cursor: pointer;
-  outline: none;
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  color: inherit;
-  font-family: inherit;
-  margin: 0;
-  text-decoration: none;
-  white-space: nowrap;
-}
-.raqm-navigation-menu-trigger:hover, .raqm-navigation-menu-trigger:focus {
-  background-color: var(--raqm-muted);
-}
-.raqm-navigation-menu-trigger[data-raqm-open] {
-  background-color: color-mix(in oklch, var(--raqm-muted) 50%, transparent);
-}
-.raqm-navigation-menu-trigger[data-raqm-open]:hover, .raqm-navigation-menu-trigger[data-raqm-open]:focus {
-  background-color: var(--raqm-muted);
-}
-.raqm-navigation-menu-trigger:focus-visible {
-  outline: 1px solid var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-navigation-menu-trigger:disabled {
-  opacity: var(--raqm-disabled-opacity);
-  pointer-events: none;
-}
-
-.raqm-navigation-menu-trigger::after {
-  content: "";
-  position: relative;
-  inset-block-start: 1px;
-  margin-inline-start: calc(var(--raqm-spacing) * 1);
-  inline-size: calc(var(--raqm-spacing) * 3);
-  block-size: calc(var(--raqm-spacing) * 3);
-  flex-shrink: 0;
-  background-color: currentColor;
-  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
-  mask-position: center;
-  mask-repeat: no-repeat;
-  mask-size: contain;
-  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
-  -webkit-mask-position: center;
-  -webkit-mask-repeat: no-repeat;
-  -webkit-mask-size: contain;
-  transition: transform var(--raqm-duration-slower) var(--raqm-ease-standard);
-  pointer-events: none;
-}
-
-.raqm-navigation-menu-trigger[data-raqm-open]::after {
-  transform: rotate(180deg);
-}
-
-.raqm-navigation-menu-top-link {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  block-size: calc(var(--raqm-spacing) * 9);
-  inline-size: max-content;
-  box-sizing: border-box;
-  padding-inline: calc(var(--raqm-spacing) * 2.5);
-  padding-block: calc(var(--raqm-spacing) * 1.5);
-  border-radius: var(--raqm-radius-lg);
-  font-size: var(--raqm-font-size-sm);
-  font-weight: var(--raqm-font-weight-medium);
-  line-height: var(--raqm-line-height-tight);
-  transition: color var(--raqm-duration-base) var(--raqm-ease-standard), background-color var(--raqm-duration-base) var(--raqm-ease-standard);
-  cursor: pointer;
-  outline: none;
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  color: inherit;
-  font-family: inherit;
-  margin: 0;
-  text-decoration: none;
-  white-space: nowrap;
-}
-.raqm-navigation-menu-top-link:hover, .raqm-navigation-menu-top-link:focus {
-  background-color: var(--raqm-muted);
-}
-.raqm-navigation-menu-top-link:focus-visible {
-  outline: 1px solid var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-
-.raqm-navigation-menu-link {
-  display: flex;
-  align-items: center;
-  gap: calc(var(--raqm-spacing) * 2);
-  padding: calc(var(--raqm-spacing) * 2);
-  border-radius: var(--raqm-radius-lg);
-  font-size: var(--raqm-font-size-sm);
-  transition: background-color var(--raqm-duration-base) var(--raqm-ease-standard);
-  outline: none;
-  color: inherit;
-  text-decoration: none;
-}
-.raqm-navigation-menu-link:hover, .raqm-navigation-menu-link:focus {
-  background-color: var(--raqm-muted);
-}
-.raqm-navigation-menu-link[aria-current=page] {
-  background-color: color-mix(in oklch, var(--raqm-muted) 50%, transparent);
-}
-.raqm-navigation-menu-link:focus-visible {
-  outline: 1px solid var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-navigation-menu-link svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.raqm-navigation-menu-content .raqm-navigation-menu-link {
-  border-radius: var(--raqm-radius-md);
-}
-
-.raqm-navigation-menu-overlay-pane--glide {
-  transition: left 350ms var(--raqm-ease-emphasized), right 350ms var(--raqm-ease-emphasized);
-}
-
-.raqm-navigation-menu-overlay-pane--x-left {
-  left: 0;
-}
-
-.raqm-navigation-menu-overlay-pane--x-right {
-  right: 0;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .raqm-navigation-menu-overlay-pane--glide {
-    transition: none;
-  }
-}
-@media (forced-colors: active) {
-  .raqm-navigation-menu-trigger:focus-visible,
-  .raqm-navigation-menu-top-link:focus-visible,
-  .raqm-navigation-menu-link:focus-visible {
-    outline: 1px solid Highlight;
-    box-shadow: none;
-  }
-  .raqm-navigation-menu-trigger[data-raqm-open],
-  .raqm-navigation-menu-link[aria-current=page] {
-    background-color: Highlight;
-    color: HighlightText;
-  }
-}
-.raqm-questionnaire {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--raqm-spacing) * 4);
-  min-inline-size: 0;
-  inline-size: 100%;
-}
-.raqm-questionnaire .raqm-questionnaire-progress {
-  display: block;
-  inline-size: fit-content;
-  min-inline-size: 14ch;
-  min-block-size: 1lh;
-  margin: 0;
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-xs);
-  font-weight: var(--raqm-font-weight-medium);
-  font-variant-numeric: tabular-nums;
-}
-.raqm-questionnaire .raqm-questionnaire-item {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--raqm-spacing) * 4);
-  min-inline-size: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  outline: none;
-}
-.raqm-questionnaire .raqm-questionnaire-item[hidden] {
-  display: none;
-}
-.raqm-questionnaire .raqm-questionnaire-item legend,
-.raqm-questionnaire .raqm-questionnaire-title {
-  display: block;
-  margin: 0;
-  padding: 0;
-  color: var(--raqm-foreground);
-  font-size: var(--raqm-font-size-base);
-  font-weight: var(--raqm-font-weight-medium);
-  line-height: var(--raqm-line-height-snug);
-  text-wrap: pretty;
-}
-.raqm-questionnaire .raqm-questionnaire-item p {
-  margin: 0;
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-sm);
-  line-height: var(--raqm-line-height-normal);
-  text-wrap: pretty;
-}
-.raqm-questionnaire .raqm-questionnaire-item p[role=alert] {
-  color: var(--raqm-destructive);
-}
-.raqm-questionnaire .raqm-questionnaire-item raqm-questionnaire-error:empty {
-  display: none;
-}
-.raqm-questionnaire .raqm-questionnaire-choices {
-  display: grid;
-  gap: calc(var(--raqm-spacing) * 2);
-  min-inline-size: 0;
-}
-.raqm-questionnaire .raqm-questionnaire-choices label {
-  box-sizing: border-box;
-  display: flex;
-  align-items: flex-start;
-  gap: calc(var(--raqm-spacing) * 2.5);
-  min-block-size: calc(var(--raqm-spacing) * 11);
-  padding-inline: calc(var(--raqm-spacing) * 3);
-  padding-block: calc(var(--raqm-spacing) * 2.5);
-  border: 1px solid var(--raqm-input);
-  border-radius: var(--raqm-radius-lg);
-  background-color: var(--raqm-control-bg);
-  color: var(--raqm-foreground);
-  font-size: var(--raqm-font-size-sm);
-  line-height: var(--raqm-line-height-snug);
-  text-align: start;
-  cursor: pointer;
-  user-select: none;
-  transition-property: color, background-color, border-color, box-shadow;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-.raqm-questionnaire .raqm-questionnaire-choices label:has(> input:checked) {
-  border-color: color-mix(in oklch, var(--raqm-primary) 40%, transparent);
-  background-color: var(--raqm-muted);
-}
-.raqm-questionnaire .raqm-questionnaire-choices label:hover:not(:has(:disabled)) {
-  background-color: color-mix(in oklch, var(--raqm-muted) 50%, transparent);
-}
-.raqm-questionnaire .raqm-questionnaire-choices label:has(> input:focus-visible) {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-questionnaire .raqm-questionnaire-choices label:has(> input:disabled) {
-  opacity: var(--raqm-disabled-opacity);
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.raqm-questionnaire .raqm-questionnaire-item[aria-invalid=true] .raqm-questionnaire-choices label {
-  border-color: var(--raqm-invalid-border);
-}
-.raqm-questionnaire .raqm-questionnaire-choices label > input {
-  flex: none;
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  margin: 0;
-  margin-block-start: calc(var(--raqm-spacing) * 0.5);
-  accent-color: var(--raqm-primary);
-  cursor: pointer;
-  outline: none;
-}
-.raqm-questionnaire .raqm-questionnaire-choices label > span {
-  flex: 1 1 auto;
-  min-inline-size: 0;
-  overflow-wrap: anywhere;
-}
-.raqm-questionnaire .raqm-questionnaire-choices small {
-  display: block;
-  margin-block-start: calc(var(--raqm-spacing) * 0.5);
-  color: var(--raqm-muted-foreground);
-  font-size: inherit;
-  font-weight: var(--raqm-font-weight-normal);
-  line-height: var(--raqm-line-height-snug);
-}
-.raqm-questionnaire .raqm-questionnaire-choices kbd {
-  display: inline-flex;
-  flex: none;
-  align-items: center;
-  justify-content: center;
-  margin-block-start: calc(var(--raqm-spacing) * 0.5);
-  margin-inline-start: auto;
-  min-inline-size: calc(var(--raqm-spacing) * 5);
-  block-size: calc(var(--raqm-spacing) * 5);
-  padding-inline: calc(var(--raqm-spacing) * 1);
-  border: 1px solid var(--raqm-input);
-  border-radius: var(--raqm-radius-md);
-  background-color: var(--raqm-background);
-  color: var(--raqm-muted-foreground);
-  font-family: monospace;
-  font-size: 0.625rem;
-  font-weight: var(--raqm-font-weight-medium);
-  line-height: 1;
-  pointer-events: none;
-  user-select: none;
-}
-.raqm-questionnaire .raqm-questionnaire-choices input[raqm-questionnaire-input],
-.raqm-questionnaire .raqm-questionnaire-choices input[type=text] {
-  box-sizing: border-box;
-  inline-size: 100%;
-  min-inline-size: 0;
-  block-size: calc(var(--raqm-spacing) * 8);
-  min-block-size: calc(var(--raqm-spacing) * 11);
-  padding-inline: calc(var(--raqm-spacing) * 2.5);
-  padding-block: calc(var(--raqm-spacing) * 1);
-  border: 1px solid var(--raqm-input);
-  border-radius: var(--raqm-radius-lg);
-  background-color: var(--raqm-control-bg);
-  color: var(--raqm-foreground);
-  font-family: inherit;
-  font-size: var(--raqm-font-size-base);
-  outline: none;
-  transition-property: color, background-color, border-color, box-shadow;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-.raqm-questionnaire .raqm-questionnaire-choices input[raqm-questionnaire-input]::placeholder,
-.raqm-questionnaire .raqm-questionnaire-choices input[type=text]::placeholder {
-  color: var(--raqm-muted-foreground);
-}
-.raqm-questionnaire .raqm-questionnaire-choices input[raqm-questionnaire-input]:focus-visible,
-.raqm-questionnaire .raqm-questionnaire-choices input[type=text]:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-questionnaire .raqm-questionnaire-choices input[raqm-questionnaire-input][aria-invalid=true],
-.raqm-questionnaire .raqm-questionnaire-choices input[type=text][aria-invalid=true] {
-  border-color: var(--raqm-invalid-border);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-.raqm-questionnaire .raqm-questionnaire-choices input[raqm-questionnaire-input]:disabled,
-.raqm-questionnaire .raqm-questionnaire-choices input[type=text]:disabled {
-  background-color: var(--raqm-input-disabled-bg);
-  pointer-events: none;
-  cursor: not-allowed;
-  opacity: var(--raqm-disabled-opacity);
-}
-.raqm-questionnaire .raqm-questionnaire-actions {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: flex-end;
-  gap: calc(var(--raqm-spacing) * 2);
-  inline-size: 100%;
-}
-.raqm-questionnaire .raqm-questionnaire-actions > button:not([raqm-button]) {
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  block-size: calc(var(--raqm-spacing) * 8);
-  padding-inline: calc(var(--raqm-spacing) * 2.5);
-  gap: calc(var(--raqm-spacing) * 1.5);
-  border: 1px solid var(--raqm-outline-border);
-  border-radius: var(--raqm-radius-lg);
-  background-color: color-mix(in oklch, var(--raqm-background) var(--raqm-theme-light-weight, 100%), color-mix(in oklch, var(--raqm-input) 30%, transparent));
-  color: var(--raqm-foreground);
-  font-family: inherit;
-  font-size: var(--raqm-font-size-sm);
-  font-weight: var(--raqm-font-weight-medium);
-  line-height: var(--raqm-line-height-tight);
-  white-space: nowrap;
-  user-select: none;
-  vertical-align: middle;
-  outline: none;
-  cursor: pointer;
-  transition-property: color, background-color, border-color, box-shadow;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-.raqm-questionnaire .raqm-questionnaire-actions > button:not([raqm-button]):hover {
-  background-color: var(--raqm-outline-hover);
-}
-.raqm-questionnaire .raqm-questionnaire-actions > button:not([raqm-button]):focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-questionnaire .raqm-questionnaire-actions > button:not([raqm-button]):disabled {
-  opacity: var(--raqm-disabled-opacity);
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.raqm-questionnaire .raqm-questionnaire-actions > button[raqm-questionnaire-previous],
-.raqm-questionnaire .raqm-questionnaire-actions > .raqm-questionnaire-actions__previous {
-  margin-inline-end: auto;
-}
-.raqm-questionnaire .raqm-questionnaire-actions > button:not([raqm-button]):last-child,
-.raqm-questionnaire .raqm-questionnaire-actions > button[raqm-questionnaire-next]:not([raqm-button]),
-.raqm-questionnaire .raqm-questionnaire-actions > button[raqm-questionnaire-submit]:not([raqm-button]) {
-  border-color: transparent;
-  background-color: var(--raqm-primary);
-  color: var(--raqm-primary-foreground);
-}
-.raqm-questionnaire .raqm-questionnaire-actions > button:not([raqm-button]):last-child:hover,
-.raqm-questionnaire .raqm-questionnaire-actions > button[raqm-questionnaire-next]:not([raqm-button]):hover,
-.raqm-questionnaire .raqm-questionnaire-actions > button[raqm-questionnaire-submit]:not([raqm-button]):hover {
-  background-color: var(--raqm-primary-hover);
-}
-.raqm-questionnaire .raqm-questionnaire-actions button[hidden] {
-  display: none;
-}
-
-@media (min-width: 40rem) {
-  .raqm-questionnaire .raqm-questionnaire-choices input[raqm-questionnaire-input],
-  .raqm-questionnaire .raqm-questionnaire-choices input[type=text] {
-    min-block-size: 0;
-  }
-}
-@media (min-width: 48rem) {
-  .raqm-questionnaire .raqm-questionnaire-choices input[raqm-questionnaire-input],
-  .raqm-questionnaire .raqm-questionnaire-choices input[type=text] {
-    font-size: var(--raqm-font-size-sm);
-  }
-}
-.raqm-avatar {
-  position: relative;
-  display: flex;
-  flex-shrink: 0;
-  user-select: none;
-  inline-size: calc(var(--raqm-spacing) * 8);
-  block-size: calc(var(--raqm-spacing) * 8);
-  border-radius: 9999px;
-}
-
-.raqm-avatar[data-raqm-small] {
-  inline-size: calc(var(--raqm-spacing) * 6);
-  block-size: calc(var(--raqm-spacing) * 6);
-}
-
-.raqm-avatar[data-raqm-large] {
-  inline-size: calc(var(--raqm-spacing) * 10);
-  block-size: calc(var(--raqm-spacing) * 10);
-}
-
-.raqm-avatar::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border: 1px solid var(--raqm-border);
-  border-radius: 9999px;
-  mix-blend-mode: var(--raqm-avatar-blend);
-}
-
-.raqm-avatar-image {
-  inline-size: 100%;
-  block-size: 100%;
-  aspect-ratio: 1/1;
-  object-fit: cover;
-  border-radius: 9999px;
-}
-
-.raqm-avatar-image[hidden] {
-  display: none;
-}
-
-.raqm-avatar-fallback {
-  display: flex;
-  inline-size: 100%;
-  block-size: 100%;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  background-color: var(--raqm-muted);
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-sm);
-}
-
-.raqm-avatar[data-raqm-small] > .raqm-avatar-fallback {
-  font-size: var(--raqm-font-size-xs);
-}
-
-.raqm-avatar-fallback[hidden] {
-  display: none;
-}
-
-.raqm-avatar-badge {
-  position: absolute;
-  inset-inline-end: 0;
-  inset-block-end: 0;
-  z-index: 10;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  background-blend-mode: color;
-  user-select: none;
-  box-shadow: 0 0 0 2px var(--raqm-background);
-  background-color: var(--raqm-primary);
-  color: var(--raqm-primary-foreground);
-  inline-size: calc(var(--raqm-spacing) * 2.5);
-  block-size: calc(var(--raqm-spacing) * 2.5);
-}
-
-.raqm-avatar-badge > svg {
-  inline-size: calc(var(--raqm-spacing) * 2);
-  block-size: calc(var(--raqm-spacing) * 2);
-}
-
-.raqm-avatar[data-raqm-small] > .raqm-avatar-badge {
-  inline-size: calc(var(--raqm-spacing) * 2);
-  block-size: calc(var(--raqm-spacing) * 2);
-}
-
-.raqm-avatar[data-raqm-small] > .raqm-avatar-badge > svg {
-  display: none;
-}
-
-.raqm-avatar[data-raqm-large] > .raqm-avatar-badge {
-  inline-size: calc(var(--raqm-spacing) * 3);
-  block-size: calc(var(--raqm-spacing) * 3);
-}
-
-.raqm-avatar[data-raqm-large] > .raqm-avatar-badge > svg {
-  inline-size: calc(var(--raqm-spacing) * 2);
-  block-size: calc(var(--raqm-spacing) * 2);
-}
-
-.raqm-avatar-group {
-  display: flex;
-}
-
-.raqm-avatar-group > * + * {
-  margin-inline-start: calc(var(--raqm-spacing) * -2);
-}
-
-.raqm-avatar-group > .raqm-avatar {
-  box-shadow: 0 0 0 2px var(--raqm-background);
-}
-
-.raqm-avatar-group-count {
-  position: relative;
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  box-shadow: 0 0 0 2px var(--raqm-background);
-  background-color: var(--raqm-muted);
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-sm);
-  inline-size: calc(var(--raqm-spacing) * 8);
-  block-size: calc(var(--raqm-spacing) * 8);
-}
-
-.raqm-avatar-group-count > svg {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-avatar-group:has(> .raqm-avatar[data-raqm-small]) > .raqm-avatar-group-count {
-  inline-size: calc(var(--raqm-spacing) * 6);
-  block-size: calc(var(--raqm-spacing) * 6);
-}
-
-.raqm-avatar-group:has(> .raqm-avatar[data-raqm-small]) > .raqm-avatar-group-count > svg {
-  inline-size: calc(var(--raqm-spacing) * 3);
-  block-size: calc(var(--raqm-spacing) * 3);
-}
-
-.raqm-avatar-group:has(> .raqm-avatar[data-raqm-large]) > .raqm-avatar-group-count {
-  inline-size: calc(var(--raqm-spacing) * 10);
-  block-size: calc(var(--raqm-spacing) * 10);
-}
-
-.raqm-avatar-group:has(> .raqm-avatar[data-raqm-large]) > .raqm-avatar-group-count > svg {
-  inline-size: calc(var(--raqm-spacing) * 5);
-  block-size: calc(var(--raqm-spacing) * 5);
-}
-
-.raqm-combobox-chip-remove {
-  margin-inline-start: calc(var(--raqm-spacing) * -1);
-  opacity: 0.5;
-}
-
-.raqm-combobox-chip-remove:not(:disabled):hover {
-  opacity: 1;
-}
-
-.raqm-combobox-inline .raqm-button.raqm-input-group-button[data-raqm-size] svg.raqm-combobox-trigger-icon {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-combobox-inline .raqm-button.raqm-input-group-button[data-raqm-size] svg.raqm-combobox-clear-icon {
-  inline-size: calc(var(--raqm-spacing) * 3);
-  block-size: calc(var(--raqm-spacing) * 3);
-}
-
-.cdk-overlay-pane.raqm-combobox-overlay-pane {
-  max-inline-size: calc(100vw - 2 * var(--raqm-combobox-viewport-margin));
-}
-
-.raqm-field-label {
-  display: flex;
-  align-items: center;
-  gap: calc(var(--raqm-spacing) * 2);
-  inline-size: fit-content;
-  line-height: var(--raqm-line-height-snug);
-  font-size: var(--raqm-font-size-sm);
-  font-weight: var(--raqm-font-weight-medium);
-  user-select: none;
-  color: var(--raqm-foreground);
-  min-inline-size: 0;
-  overflow-wrap: anywhere;
-}
-
-.raqm-label.raqm-field-label {
-  line-height: var(--raqm-line-height-snug);
-}
-
-.raqm-field-label:has(> .raqm-field) {
-  box-sizing: border-box;
-  inline-size: 100%;
-  flex-direction: column;
-  border: 1px solid var(--raqm-border);
-  border-radius: var(--raqm-radius-lg);
-}
-
-.raqm-field-label:has(> .raqm-field) > .raqm-field {
-  box-sizing: border-box;
-  padding: calc(var(--raqm-spacing) * 2.5);
-}
-
-.raqm-field-label:has(> .raqm-field):has(input:checked) {
-  border-color: color-mix(in oklch, var(--raqm-primary) var(--raqm-field-checked-border-alpha, 30%), transparent);
-  background-color: color-mix(in oklch, var(--raqm-primary) var(--raqm-field-checked-bg-alpha, 5%), transparent);
-}
-
-.raqm-field-label:has(> .raqm-field):hover:not(:has(:disabled)):not(:has([data-disabled])) {
-  background-color: color-mix(in oklch, var(--raqm-muted) 50%, transparent);
-}
-
-.raqm-field-label:has(> .raqm-field):has(input:focus-visible) {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-
-.raqm-field-label:has(> .raqm-field):has(:focus-visible) :is(.raqm-checkbox, .raqm-radio) {
-  box-shadow: none;
-}
-
-.raqm-field-label:has(> .raqm-field):has(:focus-visible) :is(.raqm-checkbox, .raqm-radio):not(:checked) {
-  border-color: var(--raqm-input);
-}
-
-.raqm-field-label:has(> .raqm-field):has(:focus-visible) :is(.raqm-checkbox, .raqm-radio):checked {
-  border-color: var(--raqm-primary);
-}
-
-.raqm-field-label:has(> .raqm-field):has(:focus-visible) .raqm-switch {
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.raqm-field[data-disabled=true] .raqm-field-label {
-  opacity: var(--raqm-disabled-opacity);
-}
-
-.raqm-field[data-invalid=true] .raqm-field-label {
-  color: var(--raqm-destructive);
-}
-
-.raqm-field-title {
-  display: flex;
-  align-items: center;
-  inline-size: fit-content;
-  gap: calc(var(--raqm-spacing) * 2);
-  line-height: var(--raqm-line-height-snug);
-  font-size: var(--raqm-font-size-sm);
-  font-weight: var(--raqm-font-weight-medium);
-  min-inline-size: 0;
-  overflow-wrap: anywhere;
-}
-
-.raqm-field[data-disabled=true] .raqm-field-title {
-  opacity: var(--raqm-disabled-opacity);
-}
-
-.raqm-table {
-  inline-size: 100%;
-  caption-side: bottom;
-  font-size: var(--raqm-font-size-sm);
-  line-height: calc(var(--raqm-spacing) * 5);
-  border-collapse: collapse;
-}
-
-.raqm-table-header tr {
-  border-block-end: 1px solid var(--raqm-border);
-}
-
-.raqm-table-body tr:last-child {
-  border-block-end-width: 0;
-}
-
-.raqm-table-footer {
-  border-block-start: 1px solid var(--raqm-border);
-  background-color: color-mix(in oklch, var(--raqm-muted) 50%, transparent);
-  font-weight: var(--raqm-font-weight-medium);
-}
-
-.raqm-table-footer > tr:last-child {
-  border-block-end-width: 0;
-}
-
-.raqm-table-row {
-  border-block-end: 1px solid var(--raqm-border);
-  transition-property: color, background-color, border-color;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-
-.raqm-table-row:hover {
-  background-color: color-mix(in oklch, var(--raqm-muted) 50%, transparent);
-}
-
-.raqm-table-row:has([aria-expanded=true]) {
-  background-color: color-mix(in oklch, var(--raqm-muted) 50%, transparent);
-}
-
-.raqm-table-row[data-state=selected] {
-  background-color: var(--raqm-muted);
-}
-
-.raqm-table-head {
-  block-size: calc(var(--raqm-spacing) * 10);
-  padding-inline: calc(var(--raqm-spacing) * 2);
-  text-align: start;
-  vertical-align: middle;
-  font-weight: var(--raqm-font-weight-medium);
-  white-space: nowrap;
-  color: var(--raqm-foreground);
-}
-
-.raqm-table-cell {
-  padding: calc(var(--raqm-spacing) * 2);
-  vertical-align: middle;
-  white-space: nowrap;
-}
-
-.raqm-table-head:has(.raqm-checkbox),
-.raqm-table-cell:has(.raqm-checkbox) {
-  padding-inline-end: 0;
-}
-
-.raqm-table-caption {
-  margin-block-start: calc(var(--raqm-spacing) * 4);
-  font-size: var(--raqm-font-size-sm);
-  color: var(--raqm-muted-foreground);
-}
-
-.raqm-attachment-media {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  inline-size: 2.5rem;
-  aspect-ratio: 1;
-  overflow: hidden;
-  border-radius: var(--raqm-radius-lg);
-  background: var(--raqm-muted);
-}
-
-.raqm-attachment[data-raqm-small] .raqm-attachment-media {
-  inline-size: 2rem;
-}
-
-.raqm-attachment[data-raqm-extra-small] .raqm-attachment-media {
-  inline-size: 1.75rem;
-}
-
-.raqm-attachment[data-raqm-vertical] .raqm-attachment-media {
-  inline-size: 100%;
-}
-
-.raqm-attachment[data-raqm-image] .raqm-attachment-media {
-  opacity: 0.6;
-}
-
-.raqm-attachment:is([data-raqm-state=idle], [data-raqm-state=done]) .raqm-attachment-media {
-  opacity: 1;
-}
-
-.raqm-attachment[data-raqm-state=error] .raqm-attachment-media {
-  color: var(--raqm-destructive);
-  background: color-mix(in srgb, var(--raqm-destructive) 10%, transparent);
-}
-
-.raqm-attachment-media img {
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-}
-
-.raqm-attachment-content {
-  min-inline-size: 0;
-  flex: 1;
-}
-
-.raqm-attachment-title,
-.raqm-attachment-description {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.raqm-attachment-title {
-  font-weight: 500;
-}
-
-.raqm-attachment-description {
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-xs);
-}
-
-.raqm-attachment[data-raqm-state=error] .raqm-attachment-description {
-  color: var(--raqm-destructive);
-}
-
-.raqm-attachment-actions {
-  position: relative;
-  z-index: 2;
-  display: flex;
-  flex: none;
-}
-
-.raqm-attachment[data-raqm-vertical] .raqm-attachment-actions {
-  position: absolute;
-  inset-block-start: 0.75rem;
-  inset-inline-end: 0.75rem;
-}
-
-.raqm-attachment-trigger {
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  cursor: pointer;
-}
-
-.raqm-attachment-trigger:focus-visible {
-  outline: 2px solid var(--raqm-ring);
-  outline-offset: 2px;
-  border-radius: inherit;
-}
-
-.raqm-attachment-group {
-  display: flex;
-  gap: 0.75rem;
-  overflow-x: auto;
-  scroll-snap-type: x mandatory;
-  scrollbar-width: none;
-}
-
-.raqm-attachment-group::-webkit-scrollbar {
-  display: none;
-}
-
-.raqm-attachment-group > .raqm-attachment {
-  flex: none;
-  scroll-snap-align: start;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .raqm-attachment:is([data-raqm-state=uploading], [data-raqm-state=processing]) .raqm-attachment-title {
-    animation: raqm-attachment-pulse 1.5s ease-in-out infinite;
-  }
-  @keyframes raqm-attachment-pulse {
-    50% {
-      opacity: 0.55;
-    }
-  }
-}
-.raqm-popover-header {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--raqm-spacing) * 0.5);
-  font-size: var(--raqm-font-size-sm);
-}
-
-.raqm-popover-title {
-  margin: 0;
-  font-size: inherit;
-  font-weight: var(--raqm-font-weight-medium);
-}
-
-.raqm-popover-description {
-  margin: 0;
-  color: var(--raqm-muted-foreground);
-}
-
-@media (forced-colors: active) {
-  .raqm-popover-title {
-    color: CanvasText;
-  }
-  .raqm-popover-description {
-    color: GrayText;
-  }
-}
-.raqm-dialog-header {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--raqm-spacing) * 3);
-}
-
-.raqm-dialog-footer {
-  display: flex;
-  flex-direction: column-reverse;
-  gap: calc(var(--raqm-spacing) * 2);
-  padding: calc(var(--raqm-spacing) * 6);
-  margin-inline: calc(var(--raqm-spacing) * -6);
-  margin-block-end: calc(var(--raqm-spacing) * -6);
-  background-color: color-mix(in oklch, var(--raqm-muted) 50%, transparent);
-  border-block-start: 1px solid var(--raqm-border);
-  border-end-start-radius: var(--raqm-radius-xl);
-  border-end-end-radius: var(--raqm-radius-xl);
-}
-
-@media (min-width: 40rem) {
-  .raqm-dialog-footer {
-    flex-direction: row;
-    justify-content: flex-end;
-  }
-}
-.raqm-dialog-title {
-  margin: 0;
-  font-size: var(--raqm-font-size-base);
-  line-height: var(--raqm-line-height-none);
-  font-weight: var(--raqm-font-weight-medium);
-}
-
-.raqm-dialog-description {
-  margin: 0;
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-sm);
-}
-
-.raqm-dialog-description a {
-  text-decoration-line: underline;
-  text-underline-offset: 3px;
-}
-
-.raqm-dialog-description a:hover {
-  color: var(--raqm-foreground);
-}
-
-.cdk-overlay-backdrop.raqm-dialog-overlay-backdrop {
-  background-color: rgba(0, 0, 0, 0.1);
-  transition-duration: var(--raqm-duration-fast);
-}
-
-@supports (backdrop-filter: blur(4px)) {
-  .cdk-overlay-backdrop.raqm-dialog-overlay-backdrop {
-    backdrop-filter: blur(4px);
-  }
-}
-.raqm-dialog-overlay-pane > .cdk-dialog-container {
-  background: none;
-  border: 0;
-  padding: 0;
-}
-
-@media (forced-colors: active) {
-  .raqm-dialog-title {
-    color: CanvasText;
-  }
-  .raqm-dialog-description {
-    color: GrayText;
-  }
-}
-.raqm-alert-dialog-header {
-  display: grid;
-  grid-template-rows: auto 1fr;
-  place-items: center;
-  gap: calc(var(--raqm-spacing) * 1.5);
-  text-align: center;
-}
-.raqm-alert-dialog-header:has(.raqm-alert-dialog-media) {
-  grid-template-rows: auto auto 1fr;
-  column-gap: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-alert-dialog-media {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  inline-size: calc(var(--raqm-spacing) * 10);
-  block-size: calc(var(--raqm-spacing) * 10);
-  margin-block-end: calc(var(--raqm-spacing) * 2);
-  border-radius: var(--raqm-radius-md);
-  background-color: var(--raqm-muted);
-}
-.raqm-alert-dialog-media > svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 6);
-  block-size: calc(var(--raqm-spacing) * 6);
-}
-
-.raqm-alert-dialog-title {
-  margin: 0;
-  font-size: var(--raqm-font-size-base);
-  font-weight: var(--raqm-font-weight-medium);
-  line-height: var(--raqm-line-height-normal);
-}
-
-.raqm-alert-dialog-description {
-  margin: 0;
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-sm);
-  line-height: calc(var(--raqm-spacing) * 5);
-  text-wrap: balance;
-}
-.raqm-alert-dialog-description > a {
-  text-decoration: underline;
-  text-underline-offset: calc(var(--raqm-spacing) * 0.75);
-}
-.raqm-alert-dialog-description > a:hover {
-  color: var(--raqm-foreground);
-}
-
-.raqm-alert-dialog-footer {
-  display: flex;
-  flex-direction: column-reverse;
-  gap: calc(var(--raqm-spacing) * 2);
-  padding: calc(var(--raqm-spacing) * 6);
-  margin-inline: calc(var(--raqm-spacing) * -6);
-  margin-block-end: calc(var(--raqm-spacing) * -6);
-  background-color: color-mix(in oklch, var(--raqm-muted) 50%, transparent);
-  border-block-start: 1px solid var(--raqm-border);
-  border-end-start-radius: var(--raqm-radius-xl);
-  border-end-end-radius: var(--raqm-radius-xl);
-}
-
-.raqm-alert-dialog-content[data-raqm-small] .raqm-alert-dialog-footer {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-@media (min-width: 40rem) {
-  .raqm-alert-dialog-content:not([data-raqm-small]) .raqm-alert-dialog-header {
-    place-items: start;
-    text-align: start;
-  }
-  .raqm-alert-dialog-content:not([data-raqm-small]) .raqm-alert-dialog-header:has(.raqm-alert-dialog-media) {
-    grid-template-rows: auto 1fr;
-  }
-  .raqm-alert-dialog-content:not([data-raqm-small]) .raqm-alert-dialog-media {
-    grid-row: span 2;
-  }
-  .raqm-alert-dialog-content:not([data-raqm-small]):has(.raqm-alert-dialog-media) .raqm-alert-dialog-title {
-    grid-column-start: 2;
-  }
-  .raqm-alert-dialog-footer {
-    flex-direction: row;
-    justify-content: flex-end;
-  }
-}
-@media (min-width: 48rem) {
-  .raqm-alert-dialog-description {
-    text-wrap: pretty;
-  }
-}
-@media (forced-colors: active) {
-  .raqm-alert-dialog-title {
-    color: CanvasText;
-  }
-  .raqm-alert-dialog-description {
-    color: GrayText;
-  }
-}
-.raqm-sheet-header {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--raqm-spacing) * 0.5);
-  padding: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-sheet-footer {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--raqm-spacing) * 2);
-  margin-block-start: auto;
-  padding: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-sheet-title {
-  margin: 0;
-  color: var(--raqm-foreground);
-  font-size: var(--raqm-font-size-base);
-  font-weight: var(--raqm-font-weight-medium);
-  line-height: var(--raqm-line-height-normal);
-}
-
-.raqm-sheet-description {
-  margin: 0;
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-sm);
-  line-height: calc(var(--raqm-spacing) * 5);
-}
-
-.raqm-dialog-overlay-pane.raqm-sheet-overlay-pane,
-.raqm-sheet-overlay-pane > .cdk-dialog-container {
-  pointer-events: none;
-}
-
-.cdk-overlay-backdrop.raqm-sheet-overlay-backdrop {
-  background-color: rgba(0, 0, 0, 0.1);
-  transition-duration: var(--raqm-duration-base);
-}
-
-@supports (backdrop-filter: blur(4px)) {
-  .cdk-overlay-backdrop.raqm-sheet-overlay-backdrop {
-    backdrop-filter: blur(4px);
-  }
-}
-@media (forced-colors: active) {
-  .raqm-sheet-title {
-    color: CanvasText;
-  }
-  .raqm-sheet-description {
-    color: GrayText;
-  }
-}
-.raqm-drawer-header {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--raqm-spacing) * 0.5);
-  padding: calc(var(--raqm-spacing) * 4);
-  padding-block-end: 0;
-}
-
-.raqm-drawer-content[data-raqm-side=bottom] .raqm-drawer-header,
-.raqm-drawer-content[data-raqm-side=top] .raqm-drawer-header {
-  text-align: center;
-}
-
-@media (min-width: 48rem) {
-  .raqm-drawer-content[data-raqm-side=bottom] .raqm-drawer-header,
-  .raqm-drawer-content[data-raqm-side=top] .raqm-drawer-header {
-    text-align: start;
-  }
-}
-.raqm-drawer-footer {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--raqm-spacing) * 2);
-  margin-block-start: auto;
-  padding: calc(var(--raqm-spacing) * 4);
-  padding-block-start: 0;
-}
-
-.raqm-drawer-title {
-  margin: 0;
-  color: var(--raqm-foreground);
-  font-size: var(--raqm-font-size-base);
-  font-weight: var(--raqm-font-weight-medium);
-  line-height: var(--raqm-line-height-normal);
-}
-
-.raqm-drawer-description {
-  margin: 0;
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-sm);
-  line-height: calc(var(--raqm-spacing) * 5);
-}
-
-.raqm-dialog-overlay-pane.raqm-drawer-overlay-pane,
-.raqm-drawer-overlay-pane > .cdk-dialog-container {
-  pointer-events: none;
-}
-
-.cdk-overlay-backdrop.raqm-drawer-overlay-backdrop {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-@supports (backdrop-filter: blur(4px)) {
-  .cdk-overlay-backdrop.raqm-drawer-overlay-backdrop {
-    backdrop-filter: blur(4px);
-  }
-}
-@media (forced-colors: active) {
-  .raqm-drawer-title {
-    color: CanvasText;
-  }
-  .raqm-drawer-description {
-    color: GrayText;
-  }
-}
-.raqm-command-item svg {
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.raqm-command-item svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-command-item:has(.raqm-command-shortcut) .raqm-command-item-indicator {
-  display: none;
-}
-
-.raqm-command-shortcut {
-  margin-inline-start: auto;
-  color: var(--raqm-muted-foreground);
-  font-size: var(--raqm-font-size-xs);
-  line-height: calc(var(--raqm-spacing) * 4);
-  letter-spacing: 0.1em;
-}
-
-.raqm-command-item[data-raqm-selected=true] .raqm-command-shortcut {
-  color: var(--raqm-foreground);
-}
-
-.raqm-command-separator {
-  display: block;
-  block-size: 1px;
-  margin-inline: calc(var(--raqm-spacing) * -1);
-  background: var(--raqm-border);
-}
-
-.raqm-command-separator[hidden] {
-  display: none;
-}
-
-.raqm-command-dialog-content .raqm-command-item {
-  border-radius: var(--raqm-radius-lg);
-}
-
-.raqm-command-dialog-pane.cdk-overlay-pane {
-  position: absolute;
-  inset-block-start: 33.3333333333%;
-}
-
-span.raqm-tooltip-trigger {
-  display: inline-block;
-  inline-size: fit-content;
-}
-
-.cdk-overlay-pane.raqm-tooltip-overlay-pane {
-  background: none;
-  border: 0;
-  padding: 0;
-}
-
-.raqm-tooltip-content:has(.raqm-kbd) {
-  padding-inline-end: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-tooltip-content .raqm-kbd {
-  position: relative;
-  isolation: isolate;
-  z-index: 50;
-  border-radius: var(--raqm-radius-sm);
-  background-color: var(--raqm-tooltip-kbd-bg);
-  color: var(--raqm-background);
-}
-
-@media (forced-colors: active) {
-  .raqm-tooltip-arrow {
-    background-color: CanvasText;
-  }
-}
-.raqm-empty-media svg {
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.raqm-empty[data-raqm-icon] .raqm-empty-media svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-empty[data-raqm-icon] .raqm-empty-media {
-  inline-size: calc(var(--raqm-spacing) * 8);
-  block-size: calc(var(--raqm-spacing) * 8);
-  border-radius: var(--raqm-radius-lg);
-  background-color: var(--raqm-muted);
-  color: var(--raqm-foreground);
-}
-
-.raqm-empty-description > a {
-  text-decoration: underline;
-  text-underline-offset: 4px;
-}
-
-.raqm-empty-description > a:hover {
-  color: var(--raqm-primary);
-}
-
-.raqm-alert:has(.raqm-alert-action) {
-  position: relative;
-  padding-inline-end: calc(var(--raqm-spacing) * 18);
-}
-
-.raqm-alert:has(> svg, > [start]) {
-  grid-template-columns: auto 1fr;
-  column-gap: calc(var(--raqm-spacing) * 2);
-}
-
-.raqm-alert > svg,
-.raqm-alert > [start] {
-  grid-row: span 2;
-  transform: translateY(0.125rem);
-  color: currentColor;
-}
-
-.raqm-alert > svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-alert:has(> svg, > [start]) > .raqm-alert-title {
-  grid-column-start: 2;
-}
-
-.raqm-alert[data-raqm-variant=destructive] .raqm-alert-description {
-  color: color-mix(in oklch, var(--raqm-destructive) 90%, transparent);
-}
-
-.raqm-alert-description p:not(:last-child) {
-  margin-block-end: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-alert-title a,
-.raqm-alert-description a {
-  text-decoration: underline;
-  text-underline-offset: 3px;
-}
-
-.raqm-alert-title a:hover,
-.raqm-alert-description a:hover {
-  color: var(--raqm-foreground);
-}
-
-.raqm-item-media svg {
-  pointer-events: none;
-}
-
-.raqm-item[data-raqm-media=icon] .raqm-item-media svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-item[data-raqm-media=image] .raqm-item-media {
-  inline-size: calc(var(--raqm-spacing) * 10);
-  block-size: calc(var(--raqm-spacing) * 10);
-  border-radius: var(--raqm-radius-sm);
-  overflow: hidden;
-}
-
-.raqm-item[data-raqm-media=image] .raqm-item-media img {
-  inline-size: 100%;
-  block-size: 100%;
-  object-fit: cover;
-}
-
-.raqm-item[data-raqm-media=image][data-raqm-small] .raqm-item-media {
-  inline-size: calc(var(--raqm-spacing) * 8);
-  block-size: calc(var(--raqm-spacing) * 8);
-}
-
-.raqm-item[data-raqm-media=image][data-raqm-extra-small] .raqm-item-media {
-  inline-size: calc(var(--raqm-spacing) * 6);
-  block-size: calc(var(--raqm-spacing) * 6);
-}
-
-.raqm-item:has(.raqm-item-description) .raqm-item-media {
-  align-self: flex-start;
-  translate: 0 calc(var(--raqm-spacing) * 0.5);
-}
-
-.raqm-item[data-raqm-extra-small] .raqm-item-content {
-  gap: 0;
-}
-
-.raqm-item[data-raqm-extra-small] .raqm-item-description {
-  font-size: var(--raqm-font-size-xs);
-  line-height: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-item-content + .raqm-item-content {
-  flex: none;
-}
-
-.raqm-item-group:has(.raqm-item[data-raqm-small]) {
-  gap: calc(var(--raqm-spacing) * 2.5);
-}
-
-.raqm-item-group:has(.raqm-item[data-raqm-extra-small]) {
-  gap: calc(var(--raqm-spacing) * 2);
-}
-
-.raqm-menu .raqm-item[data-raqm-extra-small] {
-  padding: 0;
-}
-
-.raqm-item-description > a {
-  text-decoration: underline;
-  text-underline-offset: 4px;
-}
-
-.raqm-item-description > a:hover {
-  color: var(--raqm-primary);
-}
-
-.raqm-item-separator {
-  margin-block: calc(var(--raqm-spacing) * 2);
-}
-
-.raqm-tabs-trigger svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.raqm-tabs-list[data-raqm-line] .raqm-tabs-trigger[data-raqm-state=active] {
-  background-color: transparent;
-  color: var(--raqm-foreground);
-  box-shadow: none;
-}
-
-.raqm-tabs-list[data-raqm-line] .raqm-tabs-trigger[data-raqm-state=active]::after {
-  opacity: 1;
-}
-
-.raqm-tabs-trigger.raqm-tabs-trigger {
-  color: color-mix(in oklch, color-mix(in oklch, var(--raqm-foreground) 60%, transparent) var(--raqm-theme-light-weight, 100%), var(--raqm-muted-foreground));
-}
-
-.raqm-tabs-trigger.raqm-tabs-trigger:hover {
-  color: var(--raqm-foreground);
-}
-
-.raqm-tabs-trigger.raqm-tabs-trigger[data-raqm-state=active] {
-  border-color: color-mix(in oklch, transparent var(--raqm-theme-light-weight, 100%), var(--raqm-input));
-  background-color: color-mix(in oklch, var(--raqm-background) var(--raqm-theme-light-weight, 100%), color-mix(in oklch, var(--raqm-input) 30%, transparent));
-  color: var(--raqm-foreground);
-}
-
-.raqm-tabs-trigger[data-raqm-state=active]:focus-visible {
-  border-color: color-mix(in oklch, var(--raqm-ring) var(--raqm-theme-light-weight, 100%), var(--raqm-input));
-}
-
-.raqm-tabs-list[data-raqm-line] .raqm-tabs-trigger[data-raqm-state=active] {
-  border-color: transparent;
-  background-color: transparent;
-}
-
-.raqm-tabs-list[data-raqm-line] .raqm-tabs-trigger[data-raqm-state=active]:focus-visible {
-  border-color: color-mix(in oklch, var(--raqm-ring) var(--raqm-theme-light-weight, 100%), transparent);
-}
-
-.raqm-accordion-content a {
-  text-decoration-line: underline;
-  text-underline-offset: 3px;
-}
-
-.raqm-accordion-content a:hover {
-  color: var(--raqm-foreground);
-}
-
-.raqm-accordion-content p:not(:last-child) {
-  margin-block-end: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-accordion-trigger {
-  position: relative;
-  display: flex;
-  flex: 1 1 0%;
-  align-items: flex-start;
-  justify-content: space-between;
-  border: 1px solid transparent;
-  border-radius: var(--raqm-radius-lg);
-  padding-block: calc(var(--raqm-spacing) * 2.5);
-  padding-inline: 0;
-  box-sizing: border-box;
-  font-family: inherit;
-  font-size: var(--raqm-font-size-sm);
-  font-weight: var(--raqm-font-weight-medium);
-  color: inherit;
-  line-height: calc(var(--raqm-spacing) * 5);
-  text-align: start;
-  background-color: transparent;
-  outline: none;
-  transition-property: color, background-color, border-color, box-shadow;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-
-.raqm-accordion-trigger:hover {
-  text-decoration-line: underline;
-}
-
-.raqm-accordion-trigger:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-  outline: 1px solid var(--raqm-ring);
-}
-
-.raqm-accordion-trigger[aria-disabled=true] {
-  pointer-events: none;
-  opacity: var(--raqm-disabled-opacity);
-}
-
-.raqm-carousel-item {
-  flex: 0 0 100%;
-  min-inline-size: 0;
-}
-
-.raqm-carousel[data-raqm-vertical] .raqm-carousel-track {
-  flex-direction: column;
-  block-size: 100%;
-  touch-action: pan-x pinch-zoom;
-}
-
-.raqm-resizable-panel {
-  min-inline-size: 0;
-  min-block-size: 0;
-  overflow: hidden;
-}
-
-.raqm-resizable-handle {
-  position: relative;
-  flex: none;
-  inline-size: 1px;
-  background: var(--raqm-border);
-  cursor: col-resize;
-  touch-action: none;
-}
-
-.raqm-resizable-panel-group[data-raqm-vertical] > .raqm-resizable-handle {
-  inline-size: 100%;
-  block-size: 1px;
-  cursor: row-resize;
-}
-
-.raqm-resizable-handle::after {
-  content: "";
-  position: absolute;
-  inset: -5px;
-}
-
-.raqm-resizable-handle[data-raqm-with-handle]::before {
-  content: "";
-  position: absolute;
-  z-index: 10;
-  inset-block-start: 50%;
-  left: 50%;
-  inline-size: 0.25rem;
-  block-size: 1.5rem;
-  border-radius: var(--raqm-radius-lg);
-  background: var(--raqm-border);
-  pointer-events: none;
-  transform: translate(-50%, -50%);
-}
-
-.raqm-resizable-handle[aria-orientation=horizontal][data-raqm-with-handle]::before {
-  transform: translate(-50%, -50%) rotate(90deg);
-}
-
-.raqm-resizable-handle:focus-visible {
-  outline: 2px solid var(--raqm-ring);
-  outline-offset: 2px;
-}
-
-.raqm-native-select {
-  appearance: none;
-  box-sizing: border-box;
-  display: block;
-  inline-size: fit-content;
-  min-inline-size: 0;
-  block-size: calc(var(--raqm-spacing) * 8);
-  border-radius: var(--raqm-radius-lg);
-  border: 1px solid var(--raqm-input);
-  background-color: color-mix(in oklch, var(--raqm-input) var(--raqm-control-bg-alpha, 0%), transparent);
-  padding-block: calc(var(--raqm-spacing) * 1);
-  padding-inline: calc(var(--raqm-spacing) * 2.5) calc(var(--raqm-spacing) * 8);
-  font-family: inherit;
-  font-size: var(--raqm-font-size-sm);
-  color: var(--raqm-foreground);
-  background-image: var(--raqm-native-select-chevron);
-  background-repeat: no-repeat;
-  background-size: calc(var(--raqm-spacing) * 4);
-  background-position: right calc(var(--raqm-spacing) * 2.5) center;
-  user-select: none;
-  outline: none;
-  transition-property: color, background-color, border-color, box-shadow;
-  transition-duration: var(--raqm-duration-base);
-  transition-timing-function: var(--raqm-ease-standard);
-}
-.raqm-native-select[data-raqm-size=sm] {
-  block-size: calc(var(--raqm-spacing) * 7);
-  border-radius: min(var(--raqm-radius-md), 10px);
-  padding-block: calc(var(--raqm-spacing) * 0.5);
-}
-.raqm-native-select:focus-visible {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-.raqm-native-select[aria-invalid=true] {
-  border-color: var(--raqm-invalid-border);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-.raqm-native-select:disabled {
-  pointer-events: none;
-  cursor: not-allowed;
-  opacity: var(--raqm-disabled-opacity);
-}
-
-.raqm-native-select:hover {
-  background-color: color-mix(in oklch, var(--raqm-input) var(--raqm-control-hover-alpha, 0%), transparent);
-}
-
-[dir=rtl] .raqm-native-select {
-  background-position: left calc(var(--raqm-spacing) * 2.5) center;
-}
-
-@media (forced-colors: active) {
-  .raqm-native-select {
-    appearance: auto;
-    background-image: none;
-  }
-  .raqm-native-select:focus-visible {
-    outline: 2px solid Highlight;
-    outline-offset: 2px;
-  }
-}
-.raqm-native-select-option,
-.raqm-native-select-optgroup {
-  background-color: Canvas;
-  color: CanvasText;
-}
-
-.raqm-field[data-raqm-orientation=vertical] > .raqm-label,
-.raqm-field[data-raqm-orientation=vertical] > .raqm-field-label,
-.raqm-field[data-raqm-orientation=vertical] > .raqm-field-content,
-.raqm-field[data-raqm-orientation=vertical] > .raqm-field-description,
-.raqm-field[data-raqm-orientation=responsive] > .raqm-label,
-.raqm-field[data-raqm-orientation=responsive] > .raqm-field-label,
-.raqm-field[data-raqm-orientation=responsive] > .raqm-field-content,
-.raqm-field[data-raqm-orientation=responsive] > .raqm-field-description {
-  width: 100%;
-}
-
-.raqm-field[data-raqm-orientation=horizontal] > .raqm-label,
-.raqm-field[data-raqm-orientation=horizontal] > .raqm-field-label {
-  flex: 1 1 auto;
-}
-
-.raqm-field[data-raqm-orientation=horizontal]:has(> .raqm-field-content) {
-  align-items: flex-start;
-}
-
-.raqm-field[data-raqm-orientation=horizontal] .raqm-field-description {
-  text-wrap: balance;
-}
-
-.raqm-field[data-raqm-orientation=horizontal]:has(> .raqm-field-content) > input[raqm-checkbox],
-.raqm-field[data-raqm-orientation=horizontal]:has(> .raqm-field-content) > input[raqm-radio] {
-  margin-block-start: 1px;
-}
-
-@container raqm-field-group (min-width: 28rem) {
-  .raqm-field[data-raqm-orientation=responsive] > .raqm-label,
-  .raqm-field[data-raqm-orientation=responsive] > .raqm-field-label,
-  .raqm-field[data-raqm-orientation=responsive] > .raqm-field-content,
-  .raqm-field[data-raqm-orientation=responsive] > .raqm-field-description {
-    width: auto;
-  }
-  .raqm-field[data-raqm-orientation=responsive] > * {
-    width: auto;
-    inline-size: auto;
-  }
-  .raqm-field[data-raqm-orientation=responsive] > .raqm-label,
-  .raqm-field[data-raqm-orientation=responsive] > .raqm-field-label {
-    flex: 1 1 auto;
-  }
-  .raqm-field[data-raqm-orientation=responsive]:has(> .raqm-field-content) {
-    align-items: flex-start;
-  }
-  .raqm-field[data-raqm-orientation=responsive] .raqm-field-description {
-    text-wrap: balance;
-  }
-  .raqm-field[data-raqm-orientation=responsive]:has(> .raqm-field-content) > input[raqm-checkbox],
-  .raqm-field[data-raqm-orientation=responsive]:has(> .raqm-field-content) > input[raqm-radio] {
-    margin-block-start: 1px;
-  }
-}
-.raqm-field[data-invalid=true] > .raqm-label {
-  color: var(--raqm-destructive);
-}
-
-.raqm-field[data-disabled=true] > .raqm-label {
-  opacity: var(--raqm-disabled-opacity);
-  cursor: not-allowed;
-}
-
-.raqm-field-description:last-child {
-  margin-block-start: 0;
-}
-
-.raqm-field-description:nth-last-child(2) {
-  margin-block-start: calc(var(--raqm-spacing) * -1);
-}
-
-.raqm-field-legend:not([data-raqm-label]) + .raqm-field-description {
-  margin-block-start: calc(var(--raqm-spacing) * -1.5);
-}
-
-.raqm-field-description > a {
-  text-decoration-line: underline;
-  text-underline-offset: 4px;
-}
-
-.raqm-field-description > a:hover {
-  color: var(--raqm-primary);
-}
-
-.raqm-field-group > .raqm-field-group {
-  gap: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-fieldset:has(> .raqm-radio-group) {
-  gap: calc(var(--raqm-spacing) * 3);
-}
-
-.raqm-button-group > *:focus-visible {
-  position: relative;
-  z-index: 10;
-}
-
-.raqm-button-group > :is(.raqm-select, raqm-popover) > :is(.raqm-select-trigger, .raqm-input, .raqm-button):focus-visible {
-  position: relative;
-  z-index: 10;
-}
-
-.raqm-button-group .raqm-button {
-  border-radius: var(--raqm-radius-lg);
-}
-
-.raqm-button-group:has(> .raqm-button-group) {
-  gap: calc(var(--raqm-spacing) * 2);
-}
-
-.raqm-button-group > .raqm-input {
-  flex: 1 1 0%;
-  min-inline-size: 0;
-}
-
-.raqm-button-group:not([data-raqm-vertical]) > :is(.raqm-input, .raqm-button) {
-  border-start-end-radius: 0;
-  border-end-end-radius: 0;
-}
-
-.raqm-button-group:not([data-raqm-vertical]) > :is(.raqm-select, raqm-popover) > :is(.raqm-select-trigger, .raqm-input, .raqm-button) {
-  border-start-end-radius: 0;
-  border-end-end-radius: 0;
-}
-
-.raqm-button-group:not([data-raqm-vertical]) > :is(.raqm-input, .raqm-button, .raqm-select, raqm-popover) ~ :is(.raqm-input, .raqm-button) {
-  border-start-start-radius: 0;
-  border-end-start-radius: 0;
-  border-inline-start-width: 0;
-}
-
-.raqm-button-group:not([data-raqm-vertical]) > :is(.raqm-input, .raqm-button, .raqm-select, raqm-popover) ~ :is(.raqm-select, raqm-popover) > :is(.raqm-select-trigger, .raqm-input, .raqm-button) {
-  border-start-start-radius: 0;
-  border-end-start-radius: 0;
-  border-inline-start-width: 0;
-}
-
-.raqm-button-group:not([data-raqm-vertical]) > :is(.raqm-input, .raqm-button):not(:has(~ :is(.raqm-input, .raqm-button, .raqm-select, raqm-popover))) {
-  border-start-end-radius: var(--raqm-radius-lg);
-  border-end-end-radius: var(--raqm-radius-lg);
-}
-
-.raqm-button-group:not([data-raqm-vertical]) > :is(.raqm-select, raqm-popover):not(:has(~ :is(.raqm-input, .raqm-button, .raqm-select, raqm-popover))) > :is(.raqm-select-trigger, .raqm-input, .raqm-button) {
-  border-start-end-radius: var(--raqm-radius-lg);
-  border-end-end-radius: var(--raqm-radius-lg);
-}
-
-.raqm-button-group[data-raqm-vertical] > :is(.raqm-input, .raqm-button) {
-  border-end-start-radius: 0;
-  border-end-end-radius: 0;
-}
-
-.raqm-button-group[data-raqm-vertical] > :is(.raqm-select, raqm-popover) > :is(.raqm-select-trigger, .raqm-input, .raqm-button) {
-  border-end-start-radius: 0;
-  border-end-end-radius: 0;
-}
-
-.raqm-button-group[data-raqm-vertical] > :is(.raqm-input, .raqm-button, .raqm-select, raqm-popover) ~ :is(.raqm-input, .raqm-button) {
-  border-start-start-radius: 0;
-  border-start-end-radius: 0;
-  border-block-start-width: 0;
-}
-
-.raqm-button-group[data-raqm-vertical] > :is(.raqm-input, .raqm-button, .raqm-select, raqm-popover) ~ :is(.raqm-select, raqm-popover) > :is(.raqm-select-trigger, .raqm-input, .raqm-button) {
-  border-start-start-radius: 0;
-  border-start-end-radius: 0;
-  border-block-start-width: 0;
-}
-
-.raqm-button-group[data-raqm-vertical] > :is(.raqm-input, .raqm-button):not(:has(~ :is(.raqm-input, .raqm-button, .raqm-select, raqm-popover))) {
-  border-end-start-radius: var(--raqm-radius-lg);
-  border-end-end-radius: var(--raqm-radius-lg);
-}
-
-.raqm-button-group[data-raqm-vertical] > :is(.raqm-select, raqm-popover):not(:has(~ :is(.raqm-input, .raqm-button, .raqm-select, raqm-popover))) > :is(.raqm-select-trigger, .raqm-input, .raqm-button) {
-  border-end-start-radius: var(--raqm-radius-lg);
-  border-end-end-radius: var(--raqm-radius-lg);
-}
-
-.raqm-input-group:has(> .raqm-input-group-textarea) {
-  block-size: auto;
-}
-
-.raqm-input-group:has(> .raqm-input-group-control) {
-  block-size: auto;
-}
-
-.raqm-input-group:has(> .raqm-input-group-addon[data-raqm-align^=block-]) {
-  block-size: auto;
-  flex-direction: column;
-  align-items: stretch;
-}
-
-.raqm-input-group-addon {
-  box-sizing: border-box;
-}
-
-.raqm-input-group > .raqm-input {
-  flex: 1 1 0%;
-  inline-size: auto;
-  block-size: auto;
-  align-self: stretch;
-  border: 0;
-  border-radius: 0;
-  background-color: transparent;
-  box-shadow: none;
-}
-
-.raqm-input-group > .raqm-input-group-textarea {
-  flex: 1 1 auto;
-  inline-size: auto;
-  min-inline-size: 0;
-  min-block-size: calc(var(--raqm-spacing) * 16);
-  align-self: stretch;
-  border: 0;
-  border-radius: 0;
-  background-color: transparent;
-  box-shadow: none;
-  resize: none;
-}
-
-.raqm-input-group > .raqm-input-group-textarea:focus-visible,
-.raqm-input-group > .raqm-input-group-textarea[aria-invalid=true] {
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.raqm-input-group > .raqm-input-group-textarea:disabled {
-  background-color: transparent;
-}
-
-.raqm-input-group > .raqm-input:focus-visible {
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.raqm-input-group > .raqm-input[aria-invalid=true] {
-  border-color: transparent;
-  box-shadow: none;
-}
-
-.raqm-input-group > .raqm-input:disabled {
-  background-color: transparent;
-}
-
-.raqm-input-group:has(> .raqm-input:focus-visible) {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-
-.raqm-input-group:has(> :is(.raqm-input, .raqm-input-group-textarea, .raqm-input-group-control):focus-visible) {
-  border-color: var(--raqm-ring);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-focus-ring-color);
-}
-
-.raqm-input-group:has(> .raqm-input[aria-invalid=true]) {
-  border-color: var(--raqm-invalid-border);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-
-.raqm-input-group:has(> :is(.raqm-input, .raqm-input-group-textarea, .raqm-input-group-control)[aria-invalid=true]) {
-  border-color: var(--raqm-invalid-border);
-  box-shadow: 0 0 0 var(--raqm-focus-ring-width) var(--raqm-invalid-ring);
-}
-
-.raqm-input-group:has(> .raqm-input:disabled) {
-  background-color: var(--raqm-input-disabled-bg);
-  opacity: var(--raqm-disabled-opacity);
-}
-
-.raqm-input-group:has(> :is(.raqm-input, .raqm-input-group-textarea, .raqm-input-group-control):disabled) {
-  background-color: var(--raqm-input-disabled-bg);
-  opacity: var(--raqm-disabled-opacity);
-}
-
-.raqm-input-group:has(> .raqm-input-group-addon[data-raqm-align=inline-start]) > .raqm-input {
-  padding-inline-start: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-input-group:has(> .raqm-input-group-addon[data-raqm-align=inline-start]) > .raqm-input-group-textarea {
-  padding-inline-start: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-input-group:has(> .raqm-input-group-addon[data-raqm-align=inline-end]) > .raqm-input {
-  padding-inline-end: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-input-group:has(> .raqm-input-group-addon[data-raqm-align=inline-end]) > .raqm-input-group-textarea {
-  padding-inline-end: calc(var(--raqm-spacing) * 1.5);
-}
-
-.raqm-input-group-addon > svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-input-group-text svg {
-  pointer-events: none;
-}
-
-.raqm-input-group-text svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-}
-
-.raqm-input-group-addon > .raqm-kbd {
-  border-radius: calc(var(--raqm-radius) - 5px);
-}
-
-.raqm-input-group-addon[data-raqm-align=inline-start]:has(> .raqm-kbd) {
-  margin-inline-start: calc(var(--raqm-spacing) * -0.6);
-}
-
-.raqm-input-group-addon[data-raqm-align=inline-end]:has(> .raqm-kbd) {
-  margin-inline-end: calc(var(--raqm-spacing) * -0.6);
-}
-
-.raqm-input-group-addon[data-raqm-align=inline-start]:has(> .raqm-input-group-button) {
-  margin-inline-start: calc(var(--raqm-spacing) * -1.2);
-}
-
-.raqm-input-group-addon[data-raqm-align=inline-end]:has(> .raqm-input-group-button) {
-  margin-inline-end: calc(var(--raqm-spacing) * -1.2);
-}
-
-.raqm-input-group:has(> .raqm-input-group-addon[data-raqm-align=block-end]) > .raqm-input {
-  padding-block-start: calc(var(--raqm-spacing) * 3);
-}
-
-.raqm-input-group:has(> .raqm-input-group-addon[data-raqm-align=block-start]) > .raqm-input {
-  padding-block-end: calc(var(--raqm-spacing) * 3);
-}
-
-.raqm-toggle svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 4);
-  block-size: calc(var(--raqm-spacing) * 4);
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.raqm-toggle[data-raqm-small] svg:not([class*=size-]) {
-  inline-size: calc(var(--raqm-spacing) * 3.5);
-  block-size: calc(var(--raqm-spacing) * 3.5);
-}
+/*!
+ * @raqm/ui/theme.css is deprecated.
+ * It aggregates base tokens, overlay primitives and the component styles that still
+ * ship globally. Migrate to @raqm/ui/styles/base.css + @raqm/ui/styles/overlay.css
+ * plus component styles when the migration guide covers your components.
+ */
+@import url('./base.css');
+@import url('./overlay.css');
+@import url('./sidebar.css');
+@import url('./input.css');
+@import url('./input-otp.css');
+@import url('./checkbox.css');
+@import url('./spinner.css');
+@import url('./button.css');
+@import url('./pagination.css');
+@import url('./kbd.css');
+@import url('./toggle-group.css');
+@import url('./switch.css');
+@import url('./badge.css');
+@import url('./dropdown-menu.css');
+@import url('./context-menu.css');
+@import url('./radio-group.css');
+@import url('./textarea.css');
+@import url('./input-group-button.css');
+@import url('./menubar.css');
+@import url('./navigation-menu.css');
+@import url('./questionnaire.css');
+@import url('./avatar.css');
+@import url('./combobox.css');
+@import url('./field-parts.css');
+@import url('./table.css');
+@import url('./attachment.css');
+@import url('./popover.css');
+@import url('./dialog.css');
+@import url('./alert-dialog.css');
+@import url('./sheet.css');
+@import url('./drawer.css');
+@import url('./command.css');
+@import url('./tooltip.css');
+@import url('./empty.css');
+@import url('./alert.css');
+@import url('./item.css');
+@import url('./tabs.css');
+@import url('./accordion.css');
+@import url('./resizable.css');
+@import url('./native-select.css');
+@import url('./field-relationships.css');
+@import url('./button-group.css');
+@import url('./input-group-relationships.css');
+@import url('./toggle.css');