@raqm/ui 0.0.0-stage → 0.1.0

package/styles/theme.css

@@ -0,0 +1,4322 @@
+: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) * 2);
+}
+
+.raqm-dialog-footer {
+  display: flex;
+  flex-direction: column-reverse;
+  gap: calc(var(--raqm-spacing) * 2);
+  padding: calc(var(--raqm-spacing) * 4);
+  margin-inline: calc(var(--raqm-spacing) * -4);
+  margin-block-end: calc(var(--raqm-spacing) * -4);
+  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 {
+  font-size: var(--raqm-font-size-base);
+  line-height: var(--raqm-line-height-none);
+  font-weight: var(--raqm-font-weight-medium);
+}
+
+.raqm-dialog-description {
+  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) * 4);
+  margin-inline: calc(var(--raqm-spacing) * -4);
+  margin-block-end: calc(var(--raqm-spacing) * -4);
+  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);
+}