@ratio-ui/core 0.4.0 → 0.5.0

package/dist/catalogue.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.4.0",
+  "version": "0.5.0",
   "components": [
     {
       "name": "Accordion",
@@ -1762,11 +1762,11 @@
     {
       "name": "Icon",
       "import": "import { Icon } from '@ratio-ui/core'",
-      "description": "Draws one icon of the registry: the design system's own glyphs, filled in a single colour, and Tabler's icons for the rest, drawn with a 1.5px line at every size. The icon is a square box of 8, 12 or 16px and takes the colour of its tone.",
+      "description": "Draws one icon of the registry: the design system's own glyphs, filled (or, for check-mark, stroked) in a single colour, and Tabler's icons for the rest, drawn with a 1.5px line at every size. The icon is a square box of 8, 12 or 16px and takes the colour of its tone.",
       "props": [
         {
           "name": "name",
-          "type": "\"alert-triangle\" | \"calendar\" | \"check\" | \"chevron-left\" | \"chevron-right\" | \"export\" | \"import\" | \"info-circle\" | \"menu\" | \"more\" | \"nav-analytics\" | \"nav-apps\" | \"nav-caret-down\" | \"nav-chevron\" | \"nav-content\" | \"nav-customers\" | \"nav-discounts\" | \"nav-growth\" | \"nav-home\" | \"nav-markets\" | \"nav-orders\" | \"nav-product\" | \"nav-product-2\" | \"nav-sales-channels\" | \"nav-settings\" | \"nav-shortcut\" | \"plus\" | \"search\" | \"x\"",
+          "type": "\"alert-triangle\" | \"arrow-down\" | \"arrow-up\" | \"calendar\" | \"check\" | \"check-mark\" | \"chevron-left\" | \"chevron-right\" | \"export\" | \"import\" | \"info-circle\" | \"menu\" | \"more\" | \"nav-analytics\" | \"nav-apps\" | \"nav-caret-down\" | \"nav-chevron\" | \"nav-content\" | \"nav-customers\" | \"nav-discounts\" | \"nav-growth\" | \"nav-home\" | \"nav-markets\" | \"nav-orders\" | \"nav-product\" | \"nav-product-2\" | \"nav-sales-channels\" | \"nav-settings\" | \"nav-shortcut\" | \"plus\" | \"search\" | \"x\"",
           "required": true,
           "description": "Which icon to draw, by name."
         },
@@ -1792,7 +1792,7 @@
         }
       ],
       "usage": {
-        "whenToUse": "- A glyph beside a label inside a control: the plus on a main button, the magnifier in a search field, the export tray on a secondary button. Use size 12\n- The side navigation: the nav glyphs at size 16 (nav-home and nav-product are the design system's own; nav-orders, nav-customers, nav-growth, nav-discounts, nav-content, nav-markets, nav-analytics, nav-sales-channels, nav-apps and nav-settings are Tabler stand-ins for the dashboard's sections, question 7), and the disclosure caret (nav-chevron or nav-caret-down, one glyph under two names) at size 8\n- The date pickers' open button: calendar (Tabler) at size 12\n- Pagination: chevron-left and chevron-right at size 8\n- A mark that Tabler supplies: check, x, alert-triangle, info-circle, import, more (three dots) and menu (the phone menu button). They are drawn with a 1.5px line at every size, so they sit beside the design system's own glyphs without looking heavier\n- Meaning that lives only in the icon: pass label. The icon is then an image that assistive technology announces under that name. Without a label it is decoration and is hidden from assistive technology\n- Colour: tone current, the default, takes the colour of the text around the icon. icon is the design system's icon ink, subdued is its subdued text ink and primary is the accent\n- Chevron geometry (design question 9): the design system has no vector for its pagination chevrons, only a 1.5px CSS caret in an 8px box, so chevron-left and chevron-right stand in. Each is the outline of a line 1.5 units wide with round ends, two legs at 45 degrees, each 2.5 units across and 2.5 down, through (2.75, 1.5), (5.25, 4) and (2.75, 6.5) in an 8 unit box. They scale like every filled glyph, so draw them at size 8, and expect them to be replaced when the designer sends real vectors",
+        "whenToUse": "- A glyph beside a label inside a control: the plus on a main button, the magnifier in a search field, the export tray on a secondary button. Use size 12\n- The side navigation: the nav glyphs at size 16 (nav-home and nav-product are the design system's own; nav-orders, nav-customers, nav-growth, nav-discounts, nav-content, nav-markets, nav-analytics, nav-sales-channels, nav-apps and nav-settings are Tabler stand-ins for the dashboard's sections, question 7), and the disclosure caret (nav-chevron or nav-caret-down, one glyph under two names) at size 8\n- The date pickers' open button: calendar (Tabler) at size 12\n- Pagination: chevron-left and chevron-right at size 8\n- A mark that Tabler supplies: check, x, alert-triangle, info-circle, import, more (three dots) and menu (the phone menu button). They are drawn with a 1.5px line at every size, so they sit beside the design system's own glyphs without looking heavier\n- Meaning that lives only in the icon: pass label. The icon is then an image that assistive technology announces under that name. Without a label it is decoration and is hidden from assistive technology\n- Colour: tone current, the default, takes the colour of the text around the icon. icon is the design system's icon ink, subdued is its subdued text ink and primary is the accent\n- Chevron geometry (design question 9): the design system has no vector for its pagination chevrons, only a CSS caret in an 8px box (a 4.48px square with 1.5px top and right borders, rotated 45 degrees, square ends), so chevron-left and chevron-right draw that caret as a path: about 8.5px tall, so it reaches 0.23 units past the top and bottom of the 8 unit box (glyphs are not clipped), centred at x 3.5 for the right chevron and 4.5 for the left. Draw them at size 8, and expect them to be replaced when the designer sends real vectors\n- check-mark is the design system's own checkbox check, the path M1 4.2 L3 6.2 L7 1.8 in an 8 unit box as a 1.4 line with round ends; use it at size 8. arrow-up and arrow-down are Tabler's, for a table's sort direction, because the design system has no sort glyph (question 7)",
         "whenNotToUse": "- Decoration that adds no meaning. An icon next to text that already says the same thing is hidden from assistive technology, so leave the label off, and leave the icon out when it adds nothing\n- An icon the registry does not have. Components accept no className or style, and icons come from the registry only, so a new one is a registry entry: the design system's glyph first, Tabler for the rest\n- An icon-only control without a name. Pass label, or give the control its own accessible name\n- A size other than 8, 12 or 16, or a colour other than the four tones. There is no red, no destructive colour and no third accent: an error is marked with the alert-triangle glyph beside its message, not with a colour\n- Emoji, or unicode arrows and symbols, as icons. Inter's web subsets do not hold them and the design system bans them",
         "example": "import { Icon } from '@ratio-ui/core'\n\n// Beside text that names it: decoration, hidden from assistive technology\n<button type=\"button\">\n  <Icon name=\"plus\" />\n  Add product\n</button>\n\n// Alone: the label is the accessible name\n<Icon name=\"search\" tone=\"icon\" label=\"Search\" />\n\n// Pagination chevrons are drawn for an 8px box\n<Icon name=\"chevron-right\" size={8} />"
       }
@@ -1886,6 +1886,13 @@
           "default": "36",
           "description": "The height in px: 36 for forms and search, 32 for fields inside a table. Defaults to 36."
         },
+        {
+          "name": "search",
+          "type": "boolean",
+          "required": false,
+          "default": "false",
+          "description": "Draws the design system search bar's 8px side padding instead of 12px. SearchField sets it; forms leave it off."
+        },
         {
           "name": "ref",
           "type": "Ref<HTMLDivElement>",
@@ -3247,7 +3254,7 @@
         {
           "name": "TableHead",
           "import": "import { TableHead } from '@ratio-ui/core'",
-          "description": "A column heading: 12px uppercase text in the subdued colour. It is a column header unless `scope` says otherwise.",
+          "description": "A column heading: 12px uppercase text in the muted foreground, the design system's colour for column headings. It is a column header unless `scope` says otherwise.",
           "props": [
             {
               "name": "numeric",
@@ -3506,7 +3513,7 @@
       "props": [
         {
           "name": "variant",
-          "type": "\"b1\" | \"b2\" | \"b3\" | \"b4\" | \"c1\" | \"c2\" | \"c3\" | \"display\" | \"h1\" | \"h5\" | \"label\" | \"s1\" | \"s2\"",
+          "type": "\"b1\" | \"b2\" | \"b3\" | \"b4\" | \"badge\" | \"c1\" | \"c2\" | \"c3\" | \"display\" | \"h1\" | \"h5\" | \"label\" | \"s1\" | \"s2\" | \"section\"",
           "required": false,
           "default": "b3",
           "description": "The text style: size, line height, weight and letter spacing. Defaults to b3, the body text."
@@ -3540,8 +3547,8 @@
         }
       ],
       "usage": {
-        "whenToUse": "- Any text on a screen: every label, heading, value and hint is set with Text, because components take no `className` and no `style`\n- A style from the design system's type scale: `variant` is one of display, h1, h5, s1, s2, b1, b2, b3, b4, c1, c2, c3 or label, and b3 is the default\n- A colour from the design system's text colours: `tone` is default, subdued, muted, primary or inherit\n- A heading, paragraph or list term that must look like another style: `as` picks the element (span, p, div, strong, em, h1 to h6, legend, dt or dd) and `variant` picks the look, so the two are chosen apart\n- A single line that is cut with an ellipsis: `truncate`, on a block element such as `as=\"p\"` or `as=\"div\"`",
-        "whenNotToUse": "- Text in a button: buttons take the design system's two button styles, which are not Text variants\n- A colour that is not a tone: `color` is a type error, and so are `className` and `style`\n- A style that is not in the type scale: `variant=\"h2\"` is a type error, so pick the nearest of the 13\n- Space around text: use Stack or Inline\n- Several lines cut at a number of lines: `truncate` keeps one line",
+        "whenToUse": "- Any text on a screen: every label, heading, value and hint is set with Text, because components take no `className` and no `style`\n- A style from the design system's type scale: `variant` is one of display, h1, h5, s1, s2, b1, b2, b3, b4, c1, c2, c3, label, section or badge, and b3 is the default\n- A colour from the design system's text colours: `tone` is default, subdued, muted, primary or inherit\n- A heading, paragraph or list term that must look like another style: `as` picks the element (span, p, div, strong, em, h1 to h6, legend, dt or dd) and `variant` picks the look, so the two are chosen apart\n- A single line that is cut with an ellipsis: `truncate`, on a block element such as `as=\"p\"` or `as=\"div\"`",
+        "whenNotToUse": "- Text in a button: buttons take the design system's two button styles, which are not Text variants\n- A colour that is not a tone: `color` is a type error, and so are `className` and `style`\n- A style that is not in the type scale: `variant=\"h2\"` is a type error, so pick the nearest of the 15\n- Space around text: use Stack or Inline\n- Several lines cut at a number of lines: `truncate` keeps one line",
         "example": "<Text as=\"h1\" variant=\"h1\">Settlements</Text>\n<Text tone=\"subdued\">Paid out every weekday</Text>"
       }
     },
@@ -3603,7 +3610,7 @@
         {
           "name": "TooltipContent",
           "import": "import { TooltipContent } from '@ratio-ui/core'",
-          "description": "The tooltip text: a dark panel with light text, no shadow and no animation. It sits above the trigger by default.",
+          "description": "The tooltip text: a white panel with a 1px line-100 border and ink-800 text, like a popover, no shadow and no animation. It sits above the trigger by default.",
           "props": [
             {
               "name": "render",
@@ -3643,14 +3650,7 @@
           "name": "logo",
           "type": "ReactNode",
           "required": false,
-          "description": "The logo, usually an image. When it is left out the bar shows the text wordmark instead (--rt-wordmark)."
-        },
-        {
-          "name": "wordmarkLabel",
-          "type": "string",
-          "required": false,
-          "default": "Ratio",
-          "description": "The accessible name of the text wordmark, shown when there is no logo. Defaults to Ratio."
+          "description": "The logo, usually the SVG the app gets from its designer. The bar draws no logo of its own: without one the slot is empty."
         },
         {
           "name": "menuLabel",

package/dist/components/alert/Alert.js

@@ -3,19 +3,20 @@ import { Icon } from "../icon/Icon.js";
 import { Text } from "../text/Text.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/components/alert/Alert.tsx
+const HAIRLINE = "rt:bg-background rt:border-border";
 const TONES = {
 	info: {
-		box: "rt:bg-primary-tint rt:border-primary-tint",
+		box: HAIRLINE,
 		glyph: "rt:text-primary",
 		icon: "info-circle"
 	},
 	success: {
-		box: "rt:bg-success-tint rt:border-success-border",
+		box: HAIRLINE,
 		glyph: "rt:text-success",
 		icon: "check"
 	},
 	warning: {
-		box: "rt:bg-warning-tint rt:border-warning-border",
+		box: HAIRLINE,
 		glyph: "rt:text-warning",
 		icon: "alert-triangle"
 	},

package/dist/components/button/Button.js

@@ -3,14 +3,14 @@ import { jsx } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
 // src/components/button/Button.tsx
-const buttonVariants = cva("rt:inline-flex rt:h-7 rt:shrink-0 rt:items-center rt:justify-center rt:rounded-md rt:border-0 rt:text-btn rt:whitespace-nowrap rt:select-none rt:cursor-pointer rt:transition-colors rt:focus-visible:focus-ring rt:disabled:pointer-events-none rt:disabled:opacity-50 rt:data-disabled:pointer-events-none rt:data-disabled:opacity-50", {
+const buttonVariants = cva("rt:inline-flex rt:h-7 rt:shrink-0 rt:items-center rt:justify-center rt:rounded-md rt:border-0 rt:whitespace-nowrap rt:select-none rt:cursor-pointer rt:transition-colors rt:focus-visible:focus-ring rt:disabled:pointer-events-none rt:disabled:opacity-50 rt:data-disabled:pointer-events-none rt:data-disabled:opacity-50", {
 	variants: {
 		variant: {
-			main: "rt:gap-1.5 rt:bg-primary rt:text-primary-foreground rt:hover:bg-primary-hover rt:active:bg-primary-hover",
-			secondary: "rt:gap-1 rt:bg-secondary rt:text-secondary-foreground rt:shadow-ring-strong rt:forced-outline rt:hover:bg-primary-tint rt:active:bg-primary-tint",
-			ghost: "rt:gap-1 rt:bg-transparent rt:text-secondary-foreground rt:hover:bg-muted rt:active:bg-muted",
-			link: "rt:gap-1 rt:bg-transparent rt:text-primary rt:hover:underline rt:active:underline",
-			destructive: "rt:gap-1 rt:bg-destructive-fill rt:text-destructive-foreground rt:shadow-ring-destructive rt:forced-outline rt:hover:bg-destructive-hover rt:active:bg-destructive-hover"
+			main: "rt:gap-1.5 rt:text-btn rt:bg-primary rt:text-primary-foreground rt:hover:bg-primary-hover rt:active:bg-primary-hover",
+			secondary: "rt:gap-1 rt:text-b3 rt:svg:text-foreground-subdued rt:bg-secondary rt:text-secondary-foreground rt:shadow-ring-strong rt:forced-outline rt:hover:bg-primary-tint rt:active:bg-primary-tint",
+			ghost: "rt:gap-1 rt:text-b3 rt:svg:text-foreground-subdued rt:bg-transparent rt:text-secondary-foreground rt:hover:bg-muted rt:active:bg-muted",
+			link: "rt:gap-1 rt:text-btn rt:bg-transparent rt:text-primary rt:hover:text-primary-hover rt:hover:underline rt:active:text-primary-hover rt:active:underline",
+			destructive: "rt:gap-1 rt:text-b3 rt:svg:text-foreground-subdued rt:bg-destructive-fill rt:text-destructive-foreground rt:shadow-ring-destructive rt:forced-outline rt:hover:bg-destructive-hover rt:active:bg-destructive-hover"
 		},
 		iconOnly: {
 			false: "rt:px-2 rt:py-1",

package/dist/components/calendar/Calendar.js

@@ -73,10 +73,10 @@ const PreviousMonthButton = navButton("chevron-left");
 const NextMonthButton = navButton("chevron-right");
 const CLASS_NAMES = {
 	root: "rt:relative rt:w-fit rt:p-2 rt:text-foreground",
-	months: "rt:relative rt:flex rt:flex-col rt:gap-4 rt:md:flex-row",
+	months: "rt:relative rt:flex rt:flex-col rt:gap-3.5 rt:md:flex-row",
 	month: "rt:flex rt:w-full rt:flex-col rt:gap-2",
 	nav: "rt:absolute rt:inset-x-0 rt:top-0 rt:z-10 rt:flex rt:w-full rt:items-center rt:justify-between rt:gap-1",
-	month_caption: "rt:flex rt:h-7 rt:w-full rt:items-center rt:justify-center rt:px-7",
+	month_caption: "rt:flex rt:h-7 rt:w-full rt:items-center rt:justify-center rt:px-8",
 	caption_label: "rt:text-c3 rt:text-foreground rt:select-none",
 	month_grid: "rt:w-full rt:border-collapse",
 	weekdays: "rt:flex",

package/dist/components/checkbox/Checkbox.js

@@ -19,7 +19,7 @@ function Checkbox$1({ ...props }) {
 				"data-slot": "checkbox-dash",
 				className: "rt:block rt:h-px rt:w-2 rt:rounded-sm rt:bg-primary-foreground"
 			}) : /* @__PURE__ */ jsx(Icon, {
-				name: "check",
+				name: "check-mark",
 				size: 8
 			})
 		})

package/dist/components/data-table/DataTable.js

@@ -1,7 +1,8 @@
+import { Icon } from "../icon/Icon.js";
 import { RatioLink } from "../link-provider/RatioLink.js";
 import { Checkbox } from "../checkbox/Checkbox.js";
 import { Pagination } from "../pagination/Pagination.js";
-import { Table, TableBody, TableBox, TableCell, TableHead, TableHeader, TableRow } from "../table/Table.js";
+import { SelectionCell, SelectionHead, Table, TableBody, TableBox, TableCell, TableHead, TableHeader, TableRow } from "../table/Table.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useSyncExternalStore } from "react";
 import { FlexRender, rowSelectionFeature, rowSortingFeature, tableFeatures, useTable } from "@tanstack/react-table";
@@ -72,10 +73,10 @@ function DataTable({ columns: allColumns, data, getRowId, selectedIds, onSelecte
 	if (loading) return /* @__PURE__ */ jsx(Fragment, { children: loading });
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "data-table",
-		className: "rt:flex rt:w-full rt:flex-col rt:gap-2",
+		className: "rt:flex rt:w-full rt:flex-col",
 		children: [/* @__PURE__ */ jsx(TableBox, { children: /* @__PURE__ */ jsxs(Table, {
 			...rest,
-			children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [selectable ? /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Checkbox, {
+			children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [selectable ? /* @__PURE__ */ jsx(SelectionHead, { children: /* @__PURE__ */ jsx(Checkbox, {
 				"aria-label": "Select all rows",
 				checked: table.getIsAllRowsSelected() && rows.length > 0,
 				indeterminate: rows.some((r) => r.getIsSelected()) && !table.getIsAllRowsSelected(),
@@ -92,10 +93,7 @@ function DataTable({ columns: allColumns, data, getRowId, selectedIds, onSelecte
 						"aria-label": `Sort by ${c.header}`,
 						className: "rt:inline-flex rt:cursor-pointer rt:items-center rt:gap-1 rt:uppercase rt:focus-visible:focus-ring",
 						onClick: () => h.column.toggleSorting(),
-						children: [/* @__PURE__ */ jsx(FlexRender, { header: h }), /* @__PURE__ */ jsx("span", {
-							"aria-hidden": "true",
-							children: sorted === "asc" ? "↑" : sorted === "desc" ? "↓" : null
-						})]
+						children: [/* @__PURE__ */ jsx(FlexRender, { header: h }), sorted ? /* @__PURE__ */ jsx(Icon, { name: sorted === "asc" ? "arrow-up" : "arrow-down" }) : null]
 					}) : /* @__PURE__ */ jsx(FlexRender, { header: h })
 				}, h.id);
 			})] }) }), /* @__PURE__ */ jsx(TableBody, { children: rows.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
@@ -103,7 +101,7 @@ function DataTable({ columns: allColumns, data, getRowId, selectedIds, onSelecte
 				children: empty
 			}) }) : rows.map((row, index) => /* @__PURE__ */ jsxs(TableRow, {
 				selected: row.getIsSelected(),
-				children: [selectable ? /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Checkbox, {
+				children: [selectable ? /* @__PURE__ */ jsx(SelectionCell, { children: /* @__PURE__ */ jsx(Checkbox, {
 					"aria-label": getRowLabel ? `Select ${getRowLabel(row.original)}` : `Select row ${index + 1}`,
 					checked: row.getIsSelected(),
 					onCheckedChange: () => row.toggleSelected()
@@ -126,15 +124,11 @@ function DataTable({ columns: allColumns, data, getRowId, selectedIds, onSelecte
 					}, cell.id);
 				})]
 			}, row.id)) })]
-		}) }), hasFooter ? /* @__PURE__ */ jsx("div", {
-			"data-slot": "data-table-pagination",
-			className: "rt:rounded-lg rt:border rt:border-border rt:bg-background rt:px-2",
-			children: /* @__PURE__ */ jsx(Pagination, {
-				page,
-				pageSize,
-				total,
-				onPageChange
-			})
+		}) }), hasFooter ? /* @__PURE__ */ jsx(Pagination, {
+			page,
+			pageSize,
+			total,
+			onPageChange
 		}) : null]
 	});
 }

package/dist/components/definition/Definition.js

@@ -21,7 +21,7 @@ function Definition({ children, definition }) {
 		className: "rt:isolate rt:z-50",
 		children: /* @__PURE__ */ jsx(Popover.Popup, {
 			"aria-label": "Definition",
-			className: "rt:max-w-72 rt:rounded-md rt:border rt:border-border rt:bg-popover rt:px-3 rt:py-1.5 rt:text-b1 rt:text-popover-foreground rt:outline-hidden",
+			className: "rt:max-w-72 rt:rounded-lg rt:border rt:border-border rt:bg-popover rt:px-3 rt:py-1.5 rt:text-b1 rt:text-popover-foreground rt:outline-hidden",
 			children: definition
 		})
 	}) })] });

package/dist/components/dialog/Dialog.js

@@ -36,7 +36,7 @@ function DialogContent({ children, showCloseButton = true, closeLabel = "Close",
 		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
 			"data-slot": "dialog-close",
 			"aria-label": closeLabel,
-			className: "rt:absolute rt:top-4 rt:right-4 rt:flex rt:size-7 rt:items-center rt:justify-center rt:rounded-md rt:text-icon rt:transition-colors rt:hover:bg-primary-tint rt:focus-visible:focus-ring",
+			className: "rt:absolute rt:top-6 rt:right-6 rt:flex rt:size-7 rt:items-center rt:justify-center rt:rounded-md rt:text-icon rt:transition-colors rt:hover:bg-primary-tint rt:focus-visible:focus-ring",
 			children: /* @__PURE__ */ jsx(Icon, {
 				name: "x",
 				size: 12

package/dist/components/drawer/Drawer.js

@@ -66,7 +66,7 @@ function DrawerContent({ children, showCloseButton = true, closeLabel = "Close",
 				showCloseButton && /* @__PURE__ */ jsx(Drawer.Close, {
 					"data-slot": "drawer-close",
 					"aria-label": closeLabel,
-					className: "rt:absolute rt:top-5 rt:right-5 rt:flex rt:size-7 rt:items-center rt:justify-center rt:rounded-md rt:text-icon rt:transition-colors rt:hover:bg-primary-tint rt:focus-visible:focus-ring",
+					className: "rt:absolute rt:top-6 rt:right-6 rt:flex rt:size-7 rt:items-center rt:justify-center rt:rounded-md rt:text-icon rt:transition-colors rt:hover:bg-primary-tint rt:focus-visible:focus-ring",
 					children: /* @__PURE__ */ jsx(Icon, {
 						name: "x",
 						size: 12

package/dist/components/icon/Icon.d.ts

@@ -27,7 +27,7 @@ export interface IconProps extends Omit<SVGAttributes<SVGSVGElement>, 'className
   label?: string;
 }
 /**
- * Draws one icon of the registry: the design system's own glyphs, filled in a single colour, and Tabler's icons for the
+ * Draws one icon of the registry: the design system's own glyphs, filled (or, for check-mark, stroked) in a single colour, and Tabler's icons for the
  * rest, drawn with a 1.5px line at every size. The icon is a square box of 8, 12 or 16px and takes the colour of its
  * tone.
  */

package/dist/components/icon/Icon.js

@@ -9,7 +9,7 @@ const TONE_CLASSES = {
 	primary: "rt:text-primary"
 };
 /**
-* Draws one icon of the registry: the design system's own glyphs, filled in a single colour, and Tabler's icons for the
+* Draws one icon of the registry: the design system's own glyphs, filled (or, for check-mark, stroked) in a single colour, and Tabler's icons for the
 * rest, drawn with a 1.5px line at every size. The icon is a square box of 8, 12 or 16px and takes the colour of its
 * tone.
 */
@@ -40,13 +40,24 @@ function Icon({ name, size = 12, tone = "current", label, ...rest }) {
 			strokeLinejoin: "round"
 		});
 	}
+	const { glyph } = entry;
+	const paint = glyph.stroke === void 0 ? {
+		fill: "currentColor",
+		stroke: "none"
+	} : {
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: glyph.stroke,
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	};
 	return /* @__PURE__ */ jsx("svg", {
 		...rest,
 		...own,
-		viewBox: entry.glyph.viewBox,
-		fill: "currentColor",
-		stroke: "none",
-		children: entry.glyph.paths.map(({ d, fillRule, transform }) => /* @__PURE__ */ jsx("path", {
+		className: cn(own.className, "rt:overflow-visible"),
+		viewBox: glyph.viewBox,
+		...paint,
+		children: glyph.paths.map(({ d, fillRule, transform }) => /* @__PURE__ */ jsx("path", {
 			d,
 			fillRule,
 			transform

package/dist/components/icon/glyphs.js

@@ -72,24 +72,35 @@ const NAV_CHEVRON = {
 	}]
 };
 /**
-* The right chevron. The design system draws its pagination chevrons as a 1.5px CSS caret in an 8px box and has no
-* vector for them (design question 9), so this is a stand-in, to be replaced when the designer sends real vectors. It
-* is the outline of a line 1.5 units wide with round ends: two legs at 45 degrees, each 2.5 units across and 2.5
-* down, from (2.75, 1.5) through (5.25, 4) to (2.75, 6.5) in an 8 unit box, which centres the caret in the box.
+* The right chevron. The design system draws its pagination chevrons as a CSS caret in an 8px box and has no vector for
+* them (design question 9): a 4.48px square with 1.5px top and right borders, rotated 45 degrees, square ends, about 8.5px
+* tall. This is that caret as a path. The borders are an L of 1.5 units round the square's 5.98 unit outside (the corners
+* (0,0), (5.98,0), (5.98,5.98), (4.48,5.98), (4.48,1.5), (0,1.5)), rotated 45 degrees about the square's centre, which
+* sits at (3.5, 4) in the 8 unit box: the design system's margin-left of -1 moves the centred caret half a unit left. The
+* caret reaches past the box (y from -0.23 to 8.23), as the CSS one does, so Icon lets a glyph overflow.
 */
 const CHEVRON_RIGHT = {
 	viewBox: "0 0 8 8",
 	paths: [{
-		d: "M3.2803 0.9697L5.7803 3.4697A0.75 0.75 0 0 1 5.7803 4.5303L3.2803 7.0303A0.75 0.75 0 0 1 2.2197 5.9697L4.1893 4L2.2197 2.0303A0.75 0.75 0 0 1 3.2803 0.9697Z",
+		d: "M3.5000 -0.2285L7.7285 4.0000L3.5000 8.2285L2.4393 7.1678L5.6072 4.0000L2.4393 0.8322Z",
 		fillRule: "nonzero"
 	}]
 };
-/** The left chevron: the right chevron mirrored in x = 4. */
+/** The left chevron: the right chevron mirrored in x = 4, as the design system's 225 degree rotation and margin-left of 1 do. */
 const CHEVRON_LEFT = {
 	viewBox: "0 0 8 8",
 	paths: [{
-		d: "M4.7197 0.9697L2.2197 3.4697A0.75 0.75 0 0 0 2.2197 4.5303L4.7197 7.0303A0.75 0.75 0 0 0 5.7803 5.9697L3.8107 4L5.7803 2.0303A0.75 0.75 0 0 0 4.7197 0.9697Z",
+		d: "M4.5000 -0.2285L0.2715 4.0000L4.5000 8.2285L5.5607 7.1678L2.3928 4.0000L5.5607 0.8322Z",
 		fillRule: "nonzero"
 	}]
 };
-export { CHEVRON_LEFT, CHEVRON_RIGHT, EXPORT, NAV_CHEVRON, NAV_HOME, NAV_PRODUCT, NAV_PRODUCT_2, NAV_SHORTCUT, PLUS, SEARCH };
+/** The check mark of the design system's checkbox (Listing.jsx): the path M1 4.2 L3 6.2 L7 1.8 in an 8 unit box, a 1.4 line with round ends. */
+const CHECK_MARK = {
+	viewBox: "0 0 8 8",
+	paths: [{
+		d: "M1 4.2 L3 6.2 L7 1.8",
+		fillRule: "nonzero"
+	}],
+	stroke: 1.4
+};
+export { CHECK_MARK, CHEVRON_LEFT, CHEVRON_RIGHT, EXPORT, NAV_CHEVRON, NAV_HOME, NAV_PRODUCT, NAV_PRODUCT_2, NAV_SHORTCUT, PLUS, SEARCH };

package/dist/components/icon/registry.d.ts

@@ -2,6 +2,7 @@ import "@tabler/icons-react";
 /**
  * The name of an icon. The design system's own glyphs come first (plus, search, export, the two pagination chevrons and
  * the five navigation glyphs); the rest are Tabler icons drawn with a 1.5px line: check, x, alert-triangle, info-circle,
- * the dashboard's navigation glyphs (nav-orders to nav-settings), import, more and menu (the phone menu button) and calendar (the date pickers' open button).
+ * the dashboard's navigation glyphs (nav-orders to nav-settings), import, more and menu (the phone menu button), calendar (the date pickers' open button) and arrow-up and arrow-down (the table's sort direction; the
+ * design system has no sort glyph, so Tabler's, question 7). check-mark is the design system's own checkbox check, drawn as a line.
  */
-export type IconName = 'plus' | 'search' | 'export' | 'chevron-left' | 'chevron-right' | 'nav-home' | 'nav-shortcut' | 'nav-product' | 'nav-product-2' | 'nav-chevron' | 'nav-caret-down' | 'check' | 'x' | 'alert-triangle' | 'info-circle' | 'nav-orders' | 'nav-customers' | 'nav-growth' | 'nav-discounts' | 'nav-content' | 'nav-markets' | 'nav-analytics' | 'nav-sales-channels' | 'nav-apps' | 'nav-settings' | 'import' | 'more' | 'menu' | 'calendar';
+export type IconName = 'plus' | 'search' | 'export' | 'chevron-left' | 'chevron-right' | 'nav-home' | 'nav-shortcut' | 'nav-product' | 'nav-product-2' | 'nav-chevron' | 'nav-caret-down' | 'check' | 'x' | 'alert-triangle' | 'info-circle' | 'nav-orders' | 'nav-customers' | 'nav-growth' | 'nav-discounts' | 'nav-content' | 'nav-markets' | 'nav-analytics' | 'nav-sales-channels' | 'nav-apps' | 'nav-settings' | 'import' | 'more' | 'menu' | 'calendar' | 'check-mark' | 'arrow-up' | 'arrow-down';

package/dist/components/icon/registry.js

@@ -1,5 +1,5 @@
-import { CHEVRON_LEFT, CHEVRON_RIGHT, EXPORT, NAV_CHEVRON, NAV_HOME, NAV_PRODUCT, NAV_PRODUCT_2, NAV_SHORTCUT, PLUS, SEARCH } from "./glyphs.js";
-import { IconAlertTriangle, IconApps, IconBuildingStore, IconCalendar, IconChartBar, IconCheck, IconDiscount2, IconDots, IconFileImport, IconFileText, IconInfoCircle, IconMenu2, IconReceipt, IconSettings, IconTrendingUp, IconUsers, IconWorld, IconX } from "@tabler/icons-react";
+import { CHECK_MARK, CHEVRON_LEFT, CHEVRON_RIGHT, EXPORT, NAV_CHEVRON, NAV_HOME, NAV_PRODUCT, NAV_PRODUCT_2, NAV_SHORTCUT, PLUS, SEARCH } from "./glyphs.js";
+import { IconAlertTriangle, IconApps, IconArrowDown, IconArrowUp, IconBuildingStore, IconCalendar, IconChartBar, IconCheck, IconDiscount2, IconDots, IconFileImport, IconFileText, IconInfoCircle, IconMenu2, IconReceipt, IconSettings, IconTrendingUp, IconUsers, IconWorld, IconX } from "@tabler/icons-react";
 // src/components/icon/registry.ts
 /**
 * Every icon by name. nav-chevron and nav-caret-down are one glyph under two names, as in the design system, whose
@@ -121,6 +121,18 @@ const ICONS = {
 	calendar: {
 		kind: "tabler",
 		component: IconCalendar
+	},
+	"check-mark": {
+		kind: "glyph",
+		glyph: CHECK_MARK
+	},
+	"arrow-up": {
+		kind: "tabler",
+		component: IconArrowUp
+	},
+	"arrow-down": {
+		kind: "tabler",
+		component: IconArrowDown
 	}
 };
 export { ICONS };

package/dist/components/input/Input.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Input } from "@base-ui/react/input";
 // src/components/input/Input.tsx
-const inputVariants = cva("rt:w-full rt:min-w-0 rt:rounded-lg rt:bg-background rt:text-b3 rt:text-foreground rt:placeholder:text-muted-foreground rt:shadow-ring-subtle rt:outline-none rt:transition-colors rt:forced-outline rt:focus-visible:shadow-ring-focus rt:aria-invalid:shadow-ring-invalid rt:aria-invalid:focus-visible:shadow-ring-invalid rt:disabled:pointer-events-none rt:disabled:cursor-not-allowed rt:disabled:opacity-50", {
+const inputVariants = cva("rt:w-full rt:min-w-0 rt:rounded-lg rt:bg-background rt:text-b3 rt:text-foreground rt:placeholder:text-muted-foreground rt:shadow-ring-subtle rt:outline-none rt:ring-fade rt:forced-outline rt:focus-visible:shadow-ring-focus rt:aria-invalid:shadow-ring-invalid rt:aria-invalid:focus-visible:shadow-ring-invalid rt:disabled:pointer-events-none rt:disabled:cursor-not-allowed rt:disabled:opacity-50", {
 	variants: { size: {
 		36: "rt:h-9 rt:px-3",
 		32: "rt:h-8 rt:px-2.75"

package/dist/components/input-group/InputGroup.d.ts

@@ -5,6 +5,8 @@ export type InputGroupSize = 36 | 32;
 export type InputGroupProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'> & {
   /** The height in px: 36 for forms and search, 32 for fields inside a table. Defaults to 36. */
   size?: InputGroupSize;
+  /** Draws the design system search bar's 8px side padding instead of 12px. SearchField sets it; forms leave it off. */
+  search?: boolean;
   /** Receives the group element. */
   ref?: Ref<HTMLDivElement>;
 };
@@ -12,7 +14,7 @@ export type InputGroupProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' |
  * A field with a prefix, suffix, icon or shortcut hint beside the input, inside one ring. Put an InputGroupInput in it
  * and an InputGroupAddon on either side, for example a rupee sign before a price or kg after a weight.
  */
-export declare function InputGroup({ size, ref, ...rest }: InputGroupProps): JSX.Element;
+export declare function InputGroup({ size, search, ref, ...rest }: InputGroupProps): JSX.Element;
 /** The side of the input an addon sits on: start is before it, end is after it. */
 export type InputGroupAddonAlign = 'start' | 'end';
 /** The props of InputGroupAddon: the HTML attributes of a div, except className and style, with its side. */

package/dist/components/input-group/InputGroup.js

@@ -4,23 +4,35 @@ import { useEffect, useRef } from "react";
 import { cva } from "class-variance-authority";
 import { Input } from "@base-ui/react/input";
 // src/components/input-group/InputGroup.tsx
-const groupVariants = cva("rt:flex rt:w-full rt:min-w-0 rt:items-center rt:gap-2 rt:rounded-lg rt:bg-background rt:shadow-ring-subtle rt:transition-colors rt:forced-outline rt:focus-within:shadow-ring-focus rt:has-aria-invalid:shadow-ring-invalid rt:has-aria-invalid:focus-within:shadow-ring-invalid rt:has-disabled:opacity-50", {
-	variants: { size: {
-		36: "rt:h-9 rt:px-3",
-		32: "rt:h-8 rt:px-2.75"
-	} },
-	defaultVariants: { size: 36 }
+const groupVariants = cva("rt:flex rt:w-full rt:min-w-0 rt:items-center rt:gap-2 rt:rounded-lg rt:bg-background rt:shadow-ring-subtle rt:ring-fade rt:forced-outline rt:focus-within:shadow-ring-focus rt:has-aria-invalid:shadow-ring-invalid rt:has-aria-invalid:focus-within:shadow-ring-invalid rt:has-disabled:opacity-50", {
+	variants: {
+		size: {
+			36: "rt:h-9 rt:px-3",
+			32: "rt:h-8 rt:px-2.75"
+		},
+		search: {
+			true: "rt:px-2",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		size: 36,
+		search: false
+	}
 });
 /**
 * A field with a prefix, suffix, icon or shortcut hint beside the input, inside one ring. Put an InputGroupInput in it
 * and an InputGroupAddon on either side, for example a rupee sign before a price or kg after a weight.
 */
-function InputGroup({ size = 36, ref, ...rest }) {
+function InputGroup({ size = 36, search = false, ref, ...rest }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "input-group",
 		role: "group",
 		ref,
-		className: cn(groupVariants({ size })),
+		className: cn(groupVariants({
+			size,
+			search
+		})),
 		...rest
 	});
 }

package/dist/components/input-otp/InputOtp.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { use } from "react";
 import { OTPInput, OTPInputContext, REGEXP_ONLY_DIGITS } from "input-otp";
 // src/components/input-otp/InputOtp.tsx
-const slotClass = "rt:relative rt:flex rt:size-11 rt:items-center rt:justify-center rt:rounded-lg rt:bg-background rt:text-otp rt:text-foreground rt:shadow-ring-subtle rt:transition-colors rt:forced-outline rt:data-active:shadow-ring-focus rt:aria-invalid:shadow-ring-invalid rt:aria-invalid:data-active:shadow-ring-invalid";
+const slotClass = "rt:relative rt:flex rt:size-11 rt:items-center rt:justify-center rt:rounded-lg rt:bg-background rt:text-b4 rt:text-foreground rt:shadow-ring-subtle rt:ring-fade rt:forced-outline rt:data-active:shadow-ring-focus rt:aria-invalid:shadow-ring-invalid rt:aria-invalid:data-active:shadow-ring-invalid";
 function Slot({ index, invalid }) {
 	const { char, hasFakeCaret, isActive } = use(OTPInputContext).slots[index] ?? {};
 	return /* @__PURE__ */ jsxs("div", {

package/dist/components/link/Link.js

@@ -2,7 +2,7 @@ import { cn } from "../../lib/cn.js";
 import { RatioLink } from "../link-provider/RatioLink.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/components/link/Link.tsx
-const LINK = "rt:inline-flex rt:items-center rt:gap-1 rt:rounded-sm rt:text-primary rt:transition-colors rt:hover:underline rt:focus-visible:focus-ring";
+const LINK = "rt:inline-flex rt:items-center rt:gap-1 rt:rounded-sm rt:text-primary rt:transition-colors rt:hover:text-primary-hover rt:hover:underline rt:focus-visible:focus-ring";
 /**
 * A text link to another page, such as "← Products" or "View all variants →". It is drawn by the app's LinkProvider, so a
 * router navigates without a reload; without one it is a plain <a href>. The arrows are decoration and are hidden from

package/dist/components/metric-strip/MetricStrip.js

@@ -13,7 +13,7 @@ function MetricStrip({ segments, label }) {
 	return /* @__PURE__ */ jsx("div", {
 		role: "group",
 		"aria-label": label,
-		className: "rt:overflow-hidden rt:rounded-md rt:border rt:border-border rt:bg-background",
+		className: "rt:overflow-hidden rt:rounded-lg rt:border rt:border-border rt:bg-background",
 		children: /* @__PURE__ */ jsx("div", {
 			className: "rt:-mr-px rt:-mb-px rt:flex rt:flex-wrap",
 			children: segments.map((segment) => {

package/dist/components/pagination/Pagination.js

@@ -51,7 +51,7 @@ function Pagination({ page, pageSize, total, onPageChange, "aria-label": label =
 			})]
 		}), /* @__PURE__ */ jsx("p", {
 			role: "status",
-			className: "rt:min-w-26 rt:px-2 rt:text-c1 rt:whitespace-nowrap rt:text-foreground-subdued",
+			className: "rt:min-w-26.5 rt:px-2 rt:text-c1 rt:whitespace-nowrap rt:text-foreground-subdued",
 			children: summary
 		})]
 	});

package/dist/components/search-field/SearchField.js

@@ -28,10 +28,14 @@ function SearchField({ label, value, defaultValue = "", onValueChange, size = 36
 	};
 	return /* @__PURE__ */ jsxs(InputGroup, {
 		size,
+		search: true,
 		children: [
-			/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Icon, {
-				name: "search",
-				tone: "icon"
+			/* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx("span", {
+				className: "rt:flex rt:w-6 rt:items-center rt:pl-2",
+				children: /* @__PURE__ */ jsx(Icon, {
+					name: "search",
+					tone: "icon"
+				})
 			}) }),
 			/* @__PURE__ */ jsx(InputGroupInput, {
 				...rest,
@@ -56,7 +60,7 @@ function SearchField({ label, value, defaultValue = "", onValueChange, size = 36
 					type: "button",
 					"aria-label": "Clear search",
 					onClick: clear,
-					className: "rt:inline-flex rt:size-5 rt:items-center rt:justify-center rt:rounded-sm rt:text-icon rt:outline-none rt:transition-colors rt:hover:bg-muted rt:focus-visible:shadow-ring-focus",
+					className: "rt:inline-flex rt:size-5 rt:items-center rt:justify-center rt:rounded-sm rt:text-icon rt:outline-none rt:transition-colors rt:hover:bg-muted rt:focus-visible:focus-ring",
 					children: /* @__PURE__ */ jsx(Icon, { name: "x" })
 				})
 			}) : null

package/dist/components/select/Select.js

@@ -8,7 +8,7 @@ import { Select } from "@base-ui/react/select";
 function Select$1(props) {
 	return /* @__PURE__ */ jsx(Select.Root, { ...props });
 }
-const triggerVariants = cva("rt:flex rt:w-full rt:min-w-0 rt:items-center rt:justify-between rt:gap-2 rt:rounded-lg rt:bg-background rt:text-b3 rt:text-foreground rt:whitespace-nowrap rt:shadow-ring-subtle rt:outline-none rt:select-none rt:transition-colors rt:forced-outline rt:focus-visible:shadow-ring-focus rt:aria-invalid:shadow-ring-invalid rt:aria-invalid:focus-visible:shadow-ring-invalid rt:data-placeholder:text-muted-foreground rt:disabled:pointer-events-none rt:disabled:cursor-not-allowed rt:disabled:opacity-50", {
+const triggerVariants = cva("rt:flex rt:w-full rt:min-w-0 rt:items-center rt:justify-between rt:gap-2 rt:rounded-lg rt:bg-background rt:text-b3 rt:text-foreground rt:whitespace-nowrap rt:shadow-ring-subtle rt:outline-none rt:select-none rt:ring-fade rt:forced-outline rt:focus-visible:shadow-ring-focus rt:aria-invalid:shadow-ring-invalid rt:aria-invalid:focus-visible:shadow-ring-invalid rt:data-placeholder:text-muted-foreground rt:disabled:pointer-events-none rt:disabled:cursor-not-allowed rt:disabled:opacity-50", {
 	variants: { size: {
 		36: "rt:h-9 rt:pr-8 rt:pl-3",
 		32: "rt:h-8 rt:pr-8 rt:pl-2.75"

package/dist/components/sheet/Sheet.js

@@ -38,7 +38,7 @@ function SheetContent({ children, side = "right", showCloseButton = true, closeL
 		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
 			"data-slot": "sheet-close",
 			"aria-label": closeLabel,
-			className: "rt:absolute rt:top-5 rt:right-5 rt:flex rt:size-7 rt:items-center rt:justify-center rt:rounded-md rt:text-icon rt:transition-colors rt:hover:bg-primary-tint rt:focus-visible:focus-ring",
+			className: "rt:absolute rt:top-6 rt:right-6 rt:flex rt:size-7 rt:items-center rt:justify-center rt:rounded-md rt:text-icon rt:transition-colors rt:hover:bg-primary-tint rt:focus-visible:focus-ring",
 			children: /* @__PURE__ */ jsx(Icon, {
 				name: "x",
 				size: 12

package/dist/components/side-nav/SideNav.js

@@ -28,17 +28,20 @@ function Row({ item, active, depth, onSelect }) {
 	const open = toggled && toggled.forActive === active ? toggled.open : containsActive(item, active);
 	const cls = cn(ROW, depth > 0 && "rt:pl-8", isActive && "rt:bg-muted rt:text-primary rt:font-medium");
 	const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-		item.icon && /* @__PURE__ */ jsx(Icon, {
-			name: item.icon,
-			size: 16,
-			tone: isActive ? "primary" : "icon"
+		item.icon && /* @__PURE__ */ jsx("span", {
+			className: "rt:flex rt:size-6 rt:shrink-0 rt:items-center rt:justify-center",
+			children: /* @__PURE__ */ jsx(Icon, {
+				name: item.icon,
+				size: 16,
+				tone: isActive ? "primary" : "icon"
+			})
 		}),
 		/* @__PURE__ */ jsx("span", {
 			className: "rt:min-w-0 rt:flex-1 rt:truncate",
 			children: item.label
 		}),
 		item.count !== void 0 && /* @__PURE__ */ jsx("span", {
-			className: "rt:text-c1 rt:text-foreground-subdued",
+			className: "rt:text-badge rt:text-foreground-subdued",
 			children: item.count
 		}),
 		hasChildren && /* @__PURE__ */ jsx(Icon, {
@@ -107,13 +110,13 @@ function Section({ section, active, onSelect }) {
 		})]
 	});
 }
-function Panel({ label, sections, active, onSelect, account, footer }) {
+function Panel({ label, sections, active, onSelect, account, footer, edge }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "side-nav",
-		className: "rt:flex rt:h-full rt:w-60 rt:shrink-0 rt:flex-col rt:bg-sidebar rt:text-sidebar-foreground",
+		className: cn("rt:flex rt:h-full rt:w-60 rt:shrink-0 rt:flex-col rt:bg-sidebar rt:text-sidebar-foreground", edge && "rt:border-r rt:border-border"),
 		children: [
 			account && /* @__PURE__ */ jsx("div", {
-				className: "rt:flex rt:shrink-0 rt:items-start rt:px-3.5 rt:pt-2",
+				className: "rt:flex rt:h-15 rt:shrink-0 rt:items-start rt:px-3.5 rt:pt-2",
 				children: /* @__PURE__ */ jsxs("button", {
 					type: "button",
 					onClick: account.onClick,
@@ -121,7 +124,6 @@ function Panel({ label, sections, active, onSelect, account, footer }) {
 					children: [
 						/* @__PURE__ */ jsx(Avatar, {
 							name: account.name,
-							shape: "square",
 							size: "sm"
 						}),
 						/* @__PURE__ */ jsxs("span", {
@@ -166,7 +168,10 @@ function Panel({ label, sections, active, onSelect, account, footer }) {
 function SideNav(props) {
 	const phone = useIsPhone();
 	const shell = use(ShellNavContext);
-	if (!phone) return /* @__PURE__ */ jsx(Panel, { ...props });
+	if (!phone) return /* @__PURE__ */ jsx(Panel, {
+		...props,
+		edge: true
+	});
 	const open = props.open ?? shell?.open ?? false;
 	const onOpenChange = (next) => {
 		props.onOpenChange?.(next);

package/dist/components/status-pill/StatusPill.js

@@ -12,7 +12,7 @@ function StatusPill({ tone = "neutral", children, ref, ...rest }) {
 		...rest,
 		ref,
 		"data-tone": tone,
-		className: cn("rt:inline-flex rt:h-5 rt:w-fit rt:shrink-0 rt:items-center rt:justify-center rt:rounded-sm rt:border rt:px-2 rt:text-c2 rt:whitespace-nowrap", TONE_CLASSES[tone]),
+		className: cn("rt:inline-flex rt:h-5 rt:w-fit rt:shrink-0 rt:items-center rt:justify-center rt:rounded-sm rt:border rt:px-1.5 rt:text-b1 rt:whitespace-nowrap", TONE_CLASSES[tone]),
 		children
 	});
 }

package/dist/components/switch/Switch.js

@@ -9,11 +9,11 @@ import { Switch } from "@base-ui/react/switch";
 function Switch$1({ ...props }) {
 	return /* @__PURE__ */ jsx(Switch.Root, {
 		"data-slot": "switch",
-		className: cn("rt:peer rt:relative rt:inline-flex rt:h-4.5 rt:w-8 rt:shrink-0 rt:cursor-pointer rt:items-center rt:justify-start rt:rounded-3xl rt:bg-background rt:shadow-ring-hairline rt:transition-colors rt:outline-none", "rt:after:absolute rt:after:-inset-x-1.5 rt:after:-inset-y-1.5", "rt:data-checked:justify-end rt:data-checked:bg-primary rt:data-checked:shadow-none", "rt:focus-visible:focus-ring rt:forced-outline", "rt:aria-invalid:shadow-ring-invalid rt:aria-invalid:focus-visible:shadow-ring-invalid", "rt:data-disabled:cursor-not-allowed rt:data-disabled:opacity-50"),
+		className: cn("rt:peer rt:relative rt:inline-flex rt:h-4.5 rt:w-8 rt:shrink-0 rt:cursor-pointer rt:items-center rt:justify-start rt:rounded-md rt:bg-background rt:shadow-ring-hairline rt:transition-colors rt:outline-none", "rt:after:absolute rt:after:-inset-x-1.5 rt:after:-inset-y-1.5", "rt:data-checked:justify-end rt:data-checked:bg-primary rt:data-checked:shadow-none", "rt:focus-visible:focus-ring rt:forced-outline", "rt:aria-invalid:shadow-ring-invalid rt:aria-invalid:focus-visible:shadow-ring-invalid", "rt:data-disabled:cursor-not-allowed rt:data-disabled:opacity-50"),
 		...props,
 		children: /* @__PURE__ */ jsx(Switch.Thumb, {
 			"data-slot": "switch-thumb",
-			className: "rt:pointer-events-none rt:mx-0.5 rt:block rt:size-3.5 rt:rounded-3xl rt:forced-outline rt:bg-control rt:transition-colors rt:data-checked:bg-primary-foreground"
+			className: "rt:pointer-events-none rt:mx-0.5 rt:block rt:size-3.5 rt:rounded-sm rt:forced-outline rt:bg-control rt:transition-colors rt:data-checked:bg-primary-foreground"
 		})
 	});
 }

package/dist/components/table/Table.d.ts

@@ -31,7 +31,7 @@ export type TableHeadProps = Omit<ComponentProps<'th'>, 'className' | 'style'> &
   /** Aligns the heading to the right, over a column of numbers. Defaults to false, which aligns it to the left. */
   numeric?: boolean;
 };
-/** A column heading: 12px uppercase text in the subdued colour. It is a column header unless `scope` says otherwise. */
+/** A column heading: 12px uppercase text in the muted foreground, the design system's colour for column headings. It is a column header unless `scope` says otherwise. */
 export declare function TableHead({ numeric, scope, ...rest }: TableHeadProps): JSX.Element;
 /** The props of TableCell: the attributes of a td element, except className and style, and the alignment of its column. */
 export type TableCellProps = Omit<ComponentProps<'td'>, 'className' | 'style'> & {

package/dist/components/table/Table.js

@@ -62,11 +62,11 @@ function TableRow({ selected = false, ...rest }) {
 		...rest
 	});
 }
-/** A column heading: 12px uppercase text in the subdued colour. It is a column header unless `scope` says otherwise. */
+/** A column heading: 12px uppercase text in the muted foreground, the design system's colour for column headings. It is a column header unless `scope` says otherwise. */
 function TableHead({ numeric = false, scope = "col", ...rest }) {
 	return /* @__PURE__ */ jsx("th", {
 		scope,
-		className: cn("rt:px-2 rt:align-middle rt:text-label rt:uppercase rt:whitespace-nowrap rt:text-foreground-subdued", numeric ? "rt:text-right" : "rt:text-left"),
+		className: cn("rt:px-2 rt:align-middle rt:text-label rt:uppercase rt:whitespace-nowrap rt:text-muted-foreground", numeric ? "rt:text-right" : "rt:text-left"),
 		...rest
 	});
 }
@@ -84,4 +84,25 @@ function TableCaption(props) {
 		...props
 	});
 }
-export { Table, TableBody, TableBox, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+/** The head cell of a selection column: 40px wide with its checkbox centred. For DataTable; not exported from the package. */
+function SelectionHead({ children }) {
+	return /* @__PURE__ */ jsx("th", {
+		scope: "col",
+		className: "rt:w-10 rt:px-0 rt:align-middle",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "rt:flex rt:justify-center",
+			children
+		})
+	});
+}
+/** The body cell of a selection column: 40px wide with its checkbox centred. For DataTable; not exported from the package. */
+function SelectionCell({ children }) {
+	return /* @__PURE__ */ jsx("td", {
+		className: "rt:w-10 rt:px-0 rt:align-middle",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "rt:flex rt:justify-center",
+			children
+		})
+	});
+}
+export { SelectionCell, SelectionHead, Table, TableBody, TableBox, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/text/Text.d.ts

@@ -1,10 +1,11 @@
 import { HTMLAttributes, JSX, Ref } from "react";
 /**
  * One of the design system's 13 text styles, named as in its type scale: display, the headings h1 and h5, the subtitles s1
- * and s2, the body styles b1 to b4, the captions c1 to c3, and the label, which is set in capitals. The design system's
+ * and s2, the body styles b1 to b4, the captions c1 to c3, and the label, which is set in capitals; and the two page 05 adds,
+ * section (a 16px section title) and badge (the 10px count badge). The design system's
  * two button styles are not among them: buttons take those.
  */
-export type TextVariant = 'display' | 'h1' | 'h5' | 's1' | 's2' | 'b1' | 'b2' | 'b3' | 'b4' | 'c1' | 'c2' | 'c3' | 'label';
+export type TextVariant = 'display' | 'h1' | 'h5' | 's1' | 's2' | 'b1' | 'b2' | 'b3' | 'b4' | 'c1' | 'c2' | 'c3' | 'label' | 'section' | 'badge';
 /**
  * The colour of the text. Default is the body colour for b3 and b4 and the strong colour for every other style, as in the
  * design system. Inherit sets no colour, so the text takes the colour of its parent.

package/dist/components/text/Text.js

@@ -14,7 +14,9 @@ const VARIANT_CLASSES = {
 	c1: "rt:text-c1",
 	c2: "rt:text-c2",
 	c3: "rt:text-c3",
-	label: "rt:text-label rt:uppercase"
+	label: "rt:text-label rt:uppercase",
+	section: "rt:text-section",
+	badge: "rt:text-badge"
 };
 const TONE_CLASSES = {
 	subdued: "rt:text-foreground-subdued",

package/dist/components/textarea/Textarea.js

@@ -2,7 +2,7 @@ import { cn } from "../../lib/cn.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 // src/components/textarea/Textarea.tsx
-const textareaVariants = cva("rt:block rt:w-full rt:min-w-0 rt:resize-y rt:rounded-lg rt:bg-background rt:border-y-2 rt:border-transparent rt:px-3 rt:py-2 rt:text-b3 rt:text-foreground rt:placeholder:text-muted-foreground rt:shadow-ring-subtle rt:outline-none rt:transition-colors rt:forced-outline rt:focus-visible:shadow-ring-focus rt:aria-invalid:shadow-ring-invalid rt:aria-invalid:focus-visible:shadow-ring-invalid rt:disabled:pointer-events-none rt:disabled:cursor-not-allowed rt:disabled:opacity-50", {
+const textareaVariants = cva("rt:block rt:w-full rt:min-w-0 rt:resize-y rt:rounded-lg rt:bg-background rt:border-y-2 rt:border-transparent rt:px-3 rt:py-2 rt:text-b3 rt:text-foreground rt:placeholder:text-muted-foreground rt:shadow-ring-subtle rt:outline-none rt:ring-fade rt:forced-outline rt:focus-visible:shadow-ring-focus rt:aria-invalid:shadow-ring-invalid rt:aria-invalid:focus-visible:shadow-ring-invalid rt:disabled:pointer-events-none rt:disabled:cursor-not-allowed rt:disabled:opacity-50", {
 	variants: { size: {
 		88: "rt:min-h-22",
 		64: "rt:min-h-16"

package/dist/components/toaster/Toaster.js

@@ -81,7 +81,7 @@ function Toaster({ closeLabel = "Close notification" }) {
 		toastManager: manager,
 		children: /* @__PURE__ */ jsx(Toast.Portal, { children: /* @__PURE__ */ jsx(Toast.Viewport, {
 			"data-slot": "toast-viewport",
-			className: "rt:pointer-events-none rt:fixed rt:right-4 rt:bottom-4 rt:z-50 rt:flex rt:w-90 rt:max-w-full rt:flex-col rt:gap-2",
+			className: "rt:pointer-events-none rt:fixed rt:right-6 rt:bottom-6 rt:z-50 rt:flex rt:w-90 rt:max-w-full rt:flex-col rt:gap-2",
 			children: /* @__PURE__ */ jsx(ToastList, { closeLabel })
 		}) })
 	});

package/dist/components/tooltip/Tooltip.d.ts

@@ -13,6 +13,6 @@ export type TooltipTriggerProps = Omit<Tooltip.Trigger.Props, 'className' | 'sty
 export declare function TooltipTrigger(props: TooltipTriggerProps): import("react").JSX.Element;
 /** The props of TooltipContent: the popup props plus where the tooltip sits. */
 export type TooltipContentProps = Omit<Tooltip.Popup.Props, 'className' | 'style'> & Pick<Tooltip.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>;
-/** The tooltip text: a dark panel with light text, no shadow and no animation. It sits above the trigger by default. */
+/** The tooltip text: a white panel with a 1px line-100 border and ink-800 text, like a popover, no shadow and no animation. It sits above the trigger by default. */
 export declare function TooltipContent({ side, sideOffset, align, alignOffset, children, ...props }: TooltipContentProps): import("react").JSX.Element;
 export { Tooltip$1 as Tooltip };

package/dist/components/tooltip/Tooltip.js

@@ -17,7 +17,7 @@ function Tooltip$1(props) {
 function TooltipTrigger(props) {
 	return /* @__PURE__ */ jsx(Tooltip.Trigger, { ...props });
 }
-/** The tooltip text: a dark panel with light text, no shadow and no animation. It sits above the trigger by default. */
+/** The tooltip text: a white panel with a 1px line-100 border and ink-800 text, like a popover, no shadow and no animation. It sits above the trigger by default. */
 function TooltipContent({ side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
 	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		align,
@@ -26,7 +26,7 @@ function TooltipContent({ side = "top", sideOffset = 4, align = "center", alignO
 		sideOffset,
 		className: "rt:isolate rt:z-50",
 		children: /* @__PURE__ */ jsx(Tooltip.Popup, {
-			className: cn("rt:inline-flex rt:w-fit rt:max-w-72 rt:items-center rt:gap-1.5 rt:rounded-md rt:bg-foreground rt:px-3 rt:py-1.5 rt:text-b1 rt:text-background"),
+			className: cn("rt:inline-flex rt:w-fit rt:max-w-72 rt:items-center rt:gap-1.5 rt:rounded-lg rt:border rt:border-border rt:bg-popover rt:px-3 rt:py-1.5 rt:text-b1 rt:text-popover-foreground"),
 			...props,
 			children
 		})

package/dist/components/top-bar/TopBar.d.ts

@@ -1,10 +1,8 @@
 import { JSX, ReactNode } from "react";
 /** The props of TopBar. */
 export type TopBarProps = {
-  /** The logo, usually an image. When it is left out the bar shows the text wordmark instead (--rt-wordmark). */
+  /** The logo, usually the SVG the app gets from its designer. The bar draws no logo of its own: without one the slot is empty. */
   logo?: ReactNode;
-  /** The accessible name of the text wordmark, shown when there is no logo. Defaults to Ratio. */
-  wordmarkLabel?: string;
   /** The accessible name of the phone menu button that opens the side navigation. Defaults to Open navigation menu. */
   menuLabel?: string;
   /** The global search, for example GlobalSearch. It takes the free space in the middle. */
@@ -21,4 +19,4 @@ export type TopBarProps = {
  * desktop and 52px on a phone, with a hairline under it. The parts are slots, so the bar does not depend on their
  * components. Inside an AppShell with a side nav it shows a menu button on phones, which opens the side nav drawer.
  */
-export declare function TopBar({ logo, wordmarkLabel, menuLabel, search, actions, storeSwitcher, account }: TopBarProps): JSX.Element;
+export declare function TopBar({ logo, menuLabel, search, actions, storeSwitcher, account }: TopBarProps): JSX.Element;

package/dist/components/top-bar/TopBar.js

@@ -8,7 +8,7 @@ import { use } from "react";
 * desktop and 52px on a phone, with a hairline under it. The parts are slots, so the bar does not depend on their
 * components. Inside an AppShell with a side nav it shows a menu button on phones, which opens the side nav drawer.
 */
-function TopBar({ logo, wordmarkLabel = "Ratio", menuLabel = "Open navigation menu", search, actions, storeSwitcher, account }) {
+function TopBar({ logo, menuLabel = "Open navigation menu", search, actions, storeSwitcher, account }) {
 	const nav = use(ShellNavContext);
 	return /* @__PURE__ */ jsxs("header", {
 		className: "rt:flex rt:h-13 rt:md:h-15 rt:shrink-0 rt:items-center rt:gap-3 rt:border-b rt:border-border rt:bg-page rt:px-3 rt:md:px-6 rt:font-sans",
@@ -28,12 +28,7 @@ function TopBar({ logo, wordmarkLabel = "Ratio", menuLabel = "Open navigation me
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "rt:flex rt:shrink-0 rt:items-center rt:text-b4 rt:text-foreground",
-				children: logo ?? /* @__PURE__ */ jsx("span", {
-					"data-slot": "wordmark",
-					role: "img",
-					"aria-label": wordmarkLabel,
-					className: "rt:wordmark"
-				})
+				children: logo
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "rt:flex rt:min-w-0 rt:flex-1 rt:justify-center",

package/dist/lib/cn.js

@@ -21,7 +21,8 @@ const twMerge = extendTailwindMerge({
 				"label",
 				"btn",
 				"btn-sm",
-				"otp"
+				"section",
+				"badge"
 			],
 			shadow: [
 				"ring-subtle",

package/dist/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-content:""}}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./fonts/inter-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./fonts/inter-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./fonts/inter-latin-ext-500-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./fonts/inter-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./fonts/inter-latin-ext-600-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./fonts/inter-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--rt-white:#fff;--rt-blue-600:#3f53fe;--rt-blue-700:#2e40e3;--rt-blue-100:#dde0ff;--rt-ink-900:#131927;--rt-ink-800:#1a2c44;--rt-ink-700:#273951;--rt-ink-600:#344054;--rt-ink-550:#3c4f69;--rt-ink-500:#545969;--rt-ink-450:#667691;--rt-ink-800-a60:#1a2c4499;--rt-line-100:#ecf1f6;--rt-line-150:#dde5ee;--rt-line-200:#e5e7ea;--rt-line-250:#e8e8e8;--rt-green-100:#eafcdd;--rt-green-300:#a8f170;--rt-green-800:#217005;--rt-amber-100:#fff3e2;--rt-amber-400:#f7a62d;--rt-amber-600:#e88b00;--rt-typeface:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--rt-page:var(--rt-white);--rt-background:var(--rt-white);--rt-card:var(--rt-white);--rt-card-foreground:var(--rt-ink-800);--rt-popover:var(--rt-white);--rt-popover-foreground:var(--rt-ink-800);--rt-foreground:var(--rt-ink-800);--rt-foreground-strong:var(--rt-ink-900);--rt-foreground-emphasis:var(--rt-ink-600);--rt-foreground-subdued:var(--rt-ink-550);--rt-muted-foreground:var(--rt-ink-450);--rt-icon:var(--rt-ink-500);--rt-tab-inactive:var(--rt-ink-800-a60);--rt-primary:var(--rt-blue-600);--rt-primary-foreground:var(--rt-white);--rt-primary-hover:var(--rt-blue-700);--rt-primary-tint:var(--rt-blue-100);--rt-secondary:transparent;--rt-secondary-foreground:var(--rt-ink-700);--rt-muted:var(--rt-line-100);--rt-accent:var(--rt-line-100);--rt-accent-foreground:var(--rt-ink-900);--rt-border:var(--rt-line-100);--rt-border-strong:var(--rt-line-250);--rt-divider:var(--rt-line-200);--rt-input:var(--rt-line-100);--rt-control:var(--rt-line-150);--rt-ring:var(--rt-blue-600);--rt-success:var(--rt-green-800);--rt-success-tint:var(--rt-green-100);--rt-success-border:var(--rt-green-300);--rt-warning:var(--rt-amber-600);--rt-warning-tint:var(--rt-amber-100);--rt-warning-border:var(--rt-amber-400);--rt-sidebar:var(--rt-white);--rt-sidebar-foreground:var(--rt-ink-800);--rt-sidebar-primary:var(--rt-blue-600);--rt-sidebar-primary-foreground:var(--rt-white);--rt-sidebar-accent:var(--rt-line-100);--rt-sidebar-accent-foreground:var(--rt-ink-800);--rt-sidebar-border:var(--rt-line-100);--rt-sidebar-ring:var(--rt-blue-600);--rt-chart-1:var(--rt-blue-600);--rt-chart-2:var(--rt-ink-800);--rt-chart-3:var(--rt-ink-450);--rt-chart-4:var(--rt-blue-100);--rt-chart-5:var(--rt-line-150);--rt-error:var(--rt-ink-900);--rt-error-icon:var(--rt-ink-900);--rt-destructive:var(--rt-ink-900);--rt-destructive-fill:transparent;--rt-destructive-foreground:var(--rt-ink-700);--rt-destructive-border:var(--rt-line-250);--rt-destructive-hover:var(--rt-blue-100);--rt-alert-critical-foreground:var(--rt-ink-900);--rt-alert-critical-background:transparent;--rt-alert-critical-border:var(--rt-line-250);--rt-status-neutral-foreground:var(--rt-ink-800);--rt-status-neutral-background:transparent;--rt-status-neutral-border:transparent;--rt-chip-background:var(--rt-line-100);--rt-chip-foreground:var(--rt-ink-800);--rt-chip-border:transparent;--rt-focus-ring:var(--rt-blue-600);--rt-focus-ring-width:2px;--rt-focus-ring-offset:2px;--rt-skeleton:var(--rt-line-100);--rt-progress:var(--rt-blue-600);--rt-progress-track:var(--rt-line-100);--rt-progress-height:2px;--rt-loading-animation:none;--rt-spinner-animation:none;--rt-wordmark:"RAT/O";--rt-sidenav-row-h:30px;--rt-sidenav-pad:20px;--rt-sidenav-gap:28px;--rt-sidenav-label-h:26px}[class^=rt\:],[class*=" rt:"],[class^=rt\:]:before,[class*=" rt:"]:before,[class^=rt\:]:after,[class*=" rt:"]:after{box-sizing:border-box;color:inherit;font:inherit;font-family:var(--rt-typeface);letter-spacing:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;appearance:none;background-color:#0000;border:0 solid;margin:0;padding:0;list-style:none}:root,:host{--rt-spacing:4px;--rt-aspect-video:16 / 9;--rt-default-transition-duration:.12s;--rt-default-transition-timing-function:ease;--rt-font-weight-medium:500;--rt-font-weight-semibold:600;--rt-radius-sm:4px;--rt-radius-md:6px;--rt-radius-lg:8px;--rt-radius-3xl:24px;--rt-container-content:1152px;--rt-text-display:48px;--rt-text-display--line-height:58px;--rt-text-display--font-weight:600;--rt-text-display--letter-spacing:0px;--rt-text-h1:34px;--rt-text-h1--line-height:40px;--rt-text-h1--font-weight:600;--rt-text-h1--letter-spacing:0px;--rt-text-h5:28px;--rt-text-h5--line-height:34px;--rt-text-h5--font-weight:600;--rt-text-h5--letter-spacing:0px;--rt-text-s1:28px;--rt-text-s1--line-height:34px;--rt-text-s1--font-weight:600;--rt-text-s1--letter-spacing:0px;--rt-text-s2:24px;--rt-text-s2--line-height:28px;--rt-text-s2--font-weight:600;--rt-text-s2--letter-spacing:0px;--rt-text-b1:12px;--rt-text-b1--line-height:20px;--rt-text-b1--font-weight:400;--rt-text-b1--letter-spacing:0px;--rt-text-b2:12px;--rt-text-b2--line-height:20px;--rt-text-b2--font-weight:500;--rt-text-b2--letter-spacing:0px;--rt-text-b3:14px;--rt-text-b3--line-height:20px;--rt-text-b3--font-weight:400;--rt-text-b3--letter-spacing:-.15px;--rt-text-b4:14px;--rt-text-b4--line-height:20px;--rt-text-b4--font-weight:600;--rt-text-b4--letter-spacing:-.15px;--rt-text-c1:12px;--rt-text-c1--line-height:16px;--rt-text-c1--font-weight:400;--rt-text-c1--letter-spacing:0px;--rt-text-c2:12px;--rt-text-c2--line-height:16px;--rt-text-c2--font-weight:500;--rt-text-c2--letter-spacing:0px;--rt-text-c3:14px;--rt-text-c3--line-height:16px;--rt-text-c3--font-weight:500;--rt-text-c3--letter-spacing:0px;--rt-text-label:12px;--rt-text-label--line-height:16px;--rt-text-label--font-weight:500;--rt-text-label--letter-spacing:0px;--rt-text-btn:14px;--rt-text-btn--line-height:16px;--rt-text-btn--font-weight:400;--rt-text-btn--letter-spacing:0px;--rt-text-otp:18px;--rt-text-otp--line-height:20px;--rt-text-otp--font-weight:600;--rt-text-otp--letter-spacing:0px;--rt-shadow-ring-subtle:inset 0 0 0 1px var(--rt-input), 0 0 0 1px var(--rt-input);--rt-shadow-ring-focus:inset 0 0 0 1px var(--rt-ring), 0 0 0 1px var(--rt-input);--rt-shadow-ring-strong:inset 0 0 0 1px var(--rt-border-strong);--rt-shadow-ring-hairline:inset 0 0 0 .5px var(--rt-control), 0 0 0 .5px var(--rt-control);--rt-shadow-ring-accent-hairline:inset 0 0 0 .5px var(--rt-primary), 0 0 0 .5px var(--rt-primary);--rt-shadow-ring-destructive:inset 0 0 0 1px var(--rt-destructive-border);--rt-shadow-ring-invalid:inset 0 0 0 1px var(--rt-destructive)}.rt\:pointer-events-auto{pointer-events:auto}.rt\:pointer-events-none{pointer-events:none}.rt\:invisible{visibility:hidden}.rt\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rt\:absolute{position:absolute}.rt\:fixed{position:fixed}.rt\:relative{position:relative}.rt\:inset-0{inset:0}.rt\:inset-x-0{inset-inline:0}.rt\:inset-x-2{inset-inline:calc(var(--rt-spacing) * 2)}.rt\:inset-y-0{inset-block:0}.rt\:top-0{top:0}.rt\:top-1{top:var(--rt-spacing)}.rt\:top-4{top:calc(var(--rt-spacing) * 4)}.rt\:top-5{top:calc(var(--rt-spacing) * 5)}.rt\:right-3{right:calc(var(--rt-spacing) * 3)}.rt\:right-4{right:calc(var(--rt-spacing) * 4)}.rt\:right-5{right:calc(var(--rt-spacing) * 5)}.rt\:bottom-2{bottom:calc(var(--rt-spacing) * 2)}.rt\:bottom-4{bottom:calc(var(--rt-spacing) * 4)}.rt\:left-0{left:0}.rt\:left-1{left:var(--rt-spacing)}.rt\:left-3{left:calc(var(--rt-spacing) * 3)}.rt\:isolate{isolation:isolate}.rt\:z-10{z-index:10}.rt\:z-50{z-index:50}.rt\:order-first{order:-9999}.rt\:order-last{order:9999}.rt\:m-0{margin:0}.rt\:m-auto{margin:auto}.rt\:mx-0\.5{margin-inline:calc(var(--rt-spacing) * .5)}.rt\:mx-auto{margin-inline:auto}.rt\:my-0\.5{margin-block:calc(var(--rt-spacing) * .5)}.rt\:my-1\.5{margin-block:calc(var(--rt-spacing) * 1.5)}.rt\:mt-0\.5{margin-top:calc(var(--rt-spacing) * .5)}.rt\:mt-1{margin-top:var(--rt-spacing)}.rt\:mt-auto{margin-top:auto}.rt\:-mr-px{margin-right:-1px}.rt\:-mb-px{margin-bottom:-1px}.rt\:-ml-1\.5{margin-left:calc(var(--rt-spacing) * -1.5)}.rt\:ml-2{margin-left:calc(var(--rt-spacing) * 2)}.rt\:ml-auto{margin-left:auto}.rt\:block{display:block}.rt\:flex{display:flex}.rt\:grid{display:grid}.rt\:hidden{display:none}.rt\:inline-block{display:inline-block}.rt\:inline-flex{display:inline-flex}.rt\:aspect-square{aspect-ratio:1}.rt\:aspect-video{aspect-ratio:var(--rt-aspect-video)}.rt\:size-1\.5{width:calc(var(--rt-spacing) * 1.5);height:calc(var(--rt-spacing) * 1.5)}.rt\:size-2{width:calc(var(--rt-spacing) * 2);height:calc(var(--rt-spacing) * 2)}.rt\:size-2\.5{width:calc(var(--rt-spacing) * 2.5);height:calc(var(--rt-spacing) * 2.5)}.rt\:size-3\.5{width:calc(var(--rt-spacing) * 3.5);height:calc(var(--rt-spacing) * 3.5)}.rt\:size-4{width:calc(var(--rt-spacing) * 4);height:calc(var(--rt-spacing) * 4)}.rt\:size-5{width:calc(var(--rt-spacing) * 5);height:calc(var(--rt-spacing) * 5)}.rt\:size-6{width:calc(var(--rt-spacing) * 6);height:calc(var(--rt-spacing) * 6)}.rt\:size-7{width:calc(var(--rt-spacing) * 7);height:calc(var(--rt-spacing) * 7)}.rt\:size-8{width:calc(var(--rt-spacing) * 8);height:calc(var(--rt-spacing) * 8)}.rt\:size-9{width:calc(var(--rt-spacing) * 9);height:calc(var(--rt-spacing) * 9)}.rt\:size-10{width:calc(var(--rt-spacing) * 10);height:calc(var(--rt-spacing) * 10)}.rt\:size-11{width:calc(var(--rt-spacing) * 11);height:calc(var(--rt-spacing) * 11)}.rt\:size-24{width:calc(var(--rt-spacing) * 24);height:calc(var(--rt-spacing) * 24)}.rt\:size-full{width:100%;height:100%}.rt\:h-4{height:calc(var(--rt-spacing) * 4)}.rt\:h-4\.5{height:calc(var(--rt-spacing) * 4.5)}.rt\:h-5{height:calc(var(--rt-spacing) * 5)}.rt\:h-7{height:calc(var(--rt-spacing) * 7)}.rt\:h-8{height:calc(var(--rt-spacing) * 8)}.rt\:h-9{height:calc(var(--rt-spacing) * 9)}.rt\:h-11{height:calc(var(--rt-spacing) * 11)}.rt\:h-12{height:calc(var(--rt-spacing) * 12)}.rt\:h-13{height:calc(var(--rt-spacing) * 13)}.rt\:h-24{height:calc(var(--rt-spacing) * 24)}.rt\:h-fit{height:fit-content}.rt\:h-full{height:100%}.rt\:h-progress{height:var(--rt-progress-height)}.rt\:h-px{height:1px}.rt\:h-sidenav-label{height:var(--rt-sidenav-label-h)}.rt\:h-sidenav-row{height:var(--rt-sidenav-row-h)}.rt\:max-h-72{max-height:calc(var(--rt-spacing) * 72)}.rt\:max-h-80{max-height:calc(var(--rt-spacing) * 80)}.rt\:max-h-available{max-height:var(--available-height)}.rt\:max-h-full{max-height:100%}.rt\:min-h-0{min-height:0}.rt\:min-h-9{min-height:calc(var(--rt-spacing) * 9)}.rt\:min-h-11{min-height:calc(var(--rt-spacing) * 11)}.rt\:min-h-16{min-height:calc(var(--rt-spacing) * 16)}.rt\:min-h-22{min-height:calc(var(--rt-spacing) * 22)}.rt\:w-0{width:0}.rt\:w-1{width:var(--rt-spacing)}.rt\:w-2{width:calc(var(--rt-spacing) * 2)}.rt\:w-7{width:calc(var(--rt-spacing) * 7)}.rt\:w-8{width:calc(var(--rt-spacing) * 8)}.rt\:w-14{width:calc(var(--rt-spacing) * 14)}.rt\:w-24{width:calc(var(--rt-spacing) * 24)}.rt\:w-40{width:calc(var(--rt-spacing) * 40)}.rt\:w-60{width:calc(var(--rt-spacing) * 60)}.rt\:w-72{width:calc(var(--rt-spacing) * 72)}.rt\:w-90{width:calc(var(--rt-spacing) * 90)}.rt\:w-120{width:calc(var(--rt-spacing) * 120)}.rt\:w-anchor{width:var(--anchor-width)}.rt\:w-fit{width:fit-content}.rt\:w-full{width:100%}.rt\:w-px{width:1px}.rt\:max-w-40{max-width:calc(var(--rt-spacing) * 40)}.rt\:max-w-64{max-width:calc(var(--rt-spacing) * 64)}.rt\:max-w-72{max-width:calc(var(--rt-spacing) * 72)}.rt\:max-w-available{max-width:var(--available-width)}.rt\:max-w-content{max-width:var(--rt-container-content)}.rt\:max-w-full{max-width:100%}.rt\:min-w-0{min-width:0}.rt\:min-w-5{min-width:calc(var(--rt-spacing) * 5)}.rt\:min-w-16{min-width:calc(var(--rt-spacing) * 16)}.rt\:min-w-26{min-width:calc(var(--rt-spacing) * 26)}.rt\:min-w-32{min-width:calc(var(--rt-spacing) * 32)}.rt\:min-w-40{min-width:calc(var(--rt-spacing) * 40)}.rt\:min-w-anchor{min-width:var(--anchor-width)}.rt\:flex-1{flex:1}.rt\:flex-auto{flex:auto}.rt\:shrink-0{flex-shrink:0}.rt\:caption-bottom{caption-side:bottom}.rt\:border-collapse{border-collapse:collapse}.rt\:rotate-0{rotate:0deg}.rt\:drawer-swipe{transform:translate3d(var(--drawer-swipe-movement-x,0), calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y,0px)), 0)}.rt\:skeleton{background-color:var(--rt-skeleton);animation:var(--rt-loading-animation)}@media (prefers-reduced-motion:reduce){.rt\:skeleton{animation:none}}.rt\:spinner-motion{animation:var(--rt-spinner-animation)}@media (prefers-reduced-motion:reduce){.rt\:spinner-motion{animation:none}}.rt\:cursor-default{cursor:default}.rt\:cursor-grab{cursor:grab}.rt\:cursor-grabbing{cursor:grabbing}.rt\:cursor-help{cursor:help}.rt\:cursor-pointer{cursor:pointer}.rt\:cursor-text{cursor:text}.rt\:touch-none{touch-action:none}.rt\:resize-y{resize:vertical}.rt\:list-none{list-style-type:none}.rt\:flex-col{flex-direction:column}.rt\:flex-wrap{flex-wrap:wrap}.rt\:items-baseline{align-items:baseline}.rt\:items-center{align-items:center}.rt\:items-end{align-items:flex-end}.rt\:items-start{align-items:flex-start}.rt\:items-stretch{align-items:stretch}.rt\:justify-between{justify-content:space-between}.rt\:justify-center{justify-content:center}.rt\:justify-end{justify-content:flex-end}.rt\:justify-start{justify-content:flex-start}.rt\:gap-0{gap:0}.rt\:gap-0\.5{gap:calc(var(--rt-spacing) * .5)}.rt\:gap-1{gap:var(--rt-spacing)}.rt\:gap-1\.5{gap:calc(var(--rt-spacing) * 1.5)}.rt\:gap-1\.75{gap:calc(var(--rt-spacing) * 1.75)}.rt\:gap-2{gap:calc(var(--rt-spacing) * 2)}.rt\:gap-2\.75{gap:calc(var(--rt-spacing) * 2.75)}.rt\:gap-3{gap:calc(var(--rt-spacing) * 3)}.rt\:gap-3\.5{gap:calc(var(--rt-spacing) * 3.5)}.rt\:gap-4{gap:calc(var(--rt-spacing) * 4)}.rt\:gap-6{gap:calc(var(--rt-spacing) * 6)}.rt\:gap-8{gap:calc(var(--rt-spacing) * 8)}.rt\:gap-20{gap:calc(var(--rt-spacing) * 20)}.rt\:gap-px{gap:1px}.rt\:sidenav-gap{gap:var(--rt-sidenav-gap)}.rt\:gap-x-3{column-gap:calc(var(--rt-spacing) * 3)}.rt\:gap-y-2{row-gap:calc(var(--rt-spacing) * 2)}.rt\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rt\:overflow-hidden{overflow:hidden}.rt\:overflow-x-auto{overflow-x:auto}.rt\:overflow-y-auto{overflow-y:auto}.rt\:overscroll-contain{overscroll-behavior:contain}.rt\:rounded-3xl{border-radius:var(--rt-radius-3xl)}.rt\:rounded-lg{border-radius:var(--rt-radius-lg)}.rt\:rounded-md{border-radius:var(--rt-radius-md)}.rt\:rounded-none{border-radius:0}.rt\:rounded-sm{border-radius:var(--rt-radius-sm)}.rt\:rounded-l-md{border-top-left-radius:var(--rt-radius-md);border-bottom-left-radius:var(--rt-radius-md)}.rt\:rounded-r-md{border-top-right-radius:var(--rt-radius-md);border-bottom-right-radius:var(--rt-radius-md)}.rt\:border{border-style:var(--tw-border-style);border-width:1px}.rt\:border-0{border-style:var(--tw-border-style);border-width:0}.rt\:border-2{border-style:var(--tw-border-style);border-width:2px}.rt\:border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.rt\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.rt\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.rt\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.rt\:border-dashed{--tw-border-style:dashed;border-style:dashed}.rt\:border-alert-critical-border{border-color:var(--rt-alert-critical-border)}.rt\:border-border{border-color:var(--rt-border)}.rt\:border-border-strong{border-color:var(--rt-border-strong)}.rt\:border-chart-1{border-color:var(--rt-chart-1)}.rt\:border-chart-2{border-color:var(--rt-chart-2)}.rt\:border-chart-3{border-color:var(--rt-chart-3)}.rt\:border-chart-4{border-color:var(--rt-chart-4)}.rt\:border-chart-5{border-color:var(--rt-chart-5)}.rt\:border-chip-border{border-color:var(--rt-chip-border)}.rt\:border-divider{border-color:var(--rt-divider)}.rt\:border-muted-foreground{border-color:var(--rt-muted-foreground)}.rt\:border-primary-tint{border-color:var(--rt-primary-tint)}.rt\:border-progress-track{border-color:var(--rt-progress-track)}.rt\:border-status-neutral-border{border-color:var(--rt-status-neutral-border)}.rt\:border-success-border{border-color:var(--rt-success-border)}.rt\:border-transparent{border-color:#0000}.rt\:border-warning-border{border-color:var(--rt-warning-border)}.rt\:border-t-progress{border-top-color:var(--rt-progress)}.rt\:bg-alert-critical-background{background-color:var(--rt-alert-critical-background)}.rt\:bg-background{background-color:var(--rt-background)}.rt\:bg-border-strong{background-color:var(--rt-border-strong)}.rt\:bg-chart-1{background-color:var(--rt-chart-1)}.rt\:bg-chart-2{background-color:var(--rt-chart-2)}.rt\:bg-chart-3{background-color:var(--rt-chart-3)}.rt\:bg-chart-4{background-color:var(--rt-chart-4)}.rt\:bg-chart-5{background-color:var(--rt-chart-5)}.rt\:bg-chip-background{background-color:var(--rt-chip-background)}.rt\:bg-control{background-color:var(--rt-control)}.rt\:bg-current{background-color:currentColor}.rt\:bg-destructive-fill{background-color:var(--rt-destructive-fill)}.rt\:bg-divider{background-color:var(--rt-divider)}.rt\:bg-foreground{background-color:var(--rt-foreground)}.rt\:bg-muted{background-color:var(--rt-muted)}.rt\:bg-muted-foreground{background-color:var(--rt-muted-foreground)}.rt\:bg-page{background-color:var(--rt-page)}.rt\:bg-popover{background-color:var(--rt-popover)}.rt\:bg-primary{background-color:var(--rt-primary)}.rt\:bg-primary-foreground{background-color:var(--rt-primary-foreground)}.rt\:bg-primary-tint{background-color:var(--rt-primary-tint)}.rt\:bg-progress{background-color:var(--rt-progress)}.rt\:bg-progress-track{background-color:var(--rt-progress-track)}.rt\:bg-secondary{background-color:var(--rt-secondary)}.rt\:bg-sidebar{background-color:var(--rt-sidebar)}.rt\:bg-status-neutral-background{background-color:var(--rt-status-neutral-background)}.rt\:bg-success-tint{background-color:var(--rt-success-tint)}.rt\:bg-transparent{background-color:#0000}.rt\:bg-warning-tint{background-color:var(--rt-warning-tint)}.rt\:recharts .recharts-cartesian-axis-tick text{fill:var(--rt-muted-foreground)}.rt\:recharts .recharts-cartesian-grid line[stroke=\#ccc],.rt\:recharts .recharts-polar-grid [stroke=\#ccc],.rt\:recharts .recharts-reference-line [stroke=\#ccc],.rt\:recharts .recharts-curve.recharts-tooltip-cursor{stroke:var(--rt-border)}.rt\:recharts .recharts-rectangle.recharts-tooltip-cursor,.rt\:recharts .recharts-radial-bar-background-sector{fill:var(--rt-muted)}.rt\:recharts :is(.recharts-surface,.recharts-layer,.recharts-sector){outline:none}.rt\:recharts :is(.recharts-surface,.recharts-layer,.recharts-sector):focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring);outline-offset:var(--rt-focus-ring-offset)}.rt\:object-cover{object-fit:cover}.rt\:p-0{padding:0}.rt\:p-1{padding:var(--rt-spacing)}.rt\:p-2{padding:calc(var(--rt-spacing) * 2)}.rt\:p-3{padding:calc(var(--rt-spacing) * 3)}.rt\:p-6{padding:calc(var(--rt-spacing) * 6)}.rt\:p-px{padding:1px}.rt\:px-1{padding-inline:var(--rt-spacing)}.rt\:px-1\.5{padding-inline:calc(var(--rt-spacing) * 1.5)}.rt\:px-2{padding-inline:calc(var(--rt-spacing) * 2)}.rt\:px-2\.75{padding-inline:calc(var(--rt-spacing) * 2.75)}.rt\:px-3{padding-inline:calc(var(--rt-spacing) * 3)}.rt\:px-3\.5{padding-inline:calc(var(--rt-spacing) * 3.5)}.rt\:px-6{padding-inline:calc(var(--rt-spacing) * 6)}.rt\:px-7{padding-inline:calc(var(--rt-spacing) * 7)}.rt\:sidenav-pad-x{padding-inline:var(--rt-sidenav-pad)}.rt\:py-1{padding-block:var(--rt-spacing)}.rt\:py-1\.5{padding-block:calc(var(--rt-spacing) * 1.5)}.rt\:py-2{padding-block:calc(var(--rt-spacing) * 2)}.rt\:py-2\.75{padding-block:calc(var(--rt-spacing) * 2.75)}.rt\:py-3{padding-block:calc(var(--rt-spacing) * 3)}.rt\:py-6{padding-block:calc(var(--rt-spacing) * 6)}.rt\:pt-2{padding-top:calc(var(--rt-spacing) * 2)}.rt\:pt-3{padding-top:calc(var(--rt-spacing) * 3)}.rt\:sidenav-pad-top{padding-top:var(--rt-sidenav-pad)}.rt\:pr-0\.5{padding-right:calc(var(--rt-spacing) * .5)}.rt\:pr-1\.5{padding-right:calc(var(--rt-spacing) * 1.5)}.rt\:pr-3{padding-right:calc(var(--rt-spacing) * 3)}.rt\:pr-8{padding-right:calc(var(--rt-spacing) * 8)}.rt\:pr-20{padding-right:calc(var(--rt-spacing) * 20)}.rt\:pb-2\.75{padding-bottom:calc(var(--rt-spacing) * 2.75)}.rt\:pb-3{padding-bottom:calc(var(--rt-spacing) * 3)}.rt\:pb-6{padding-bottom:calc(var(--rt-spacing) * 6)}.rt\:sidenav-pad-bottom{padding-bottom:var(--rt-sidenav-pad)}.rt\:pl-2{padding-left:calc(var(--rt-spacing) * 2)}.rt\:pl-2\.75{padding-left:calc(var(--rt-spacing) * 2.75)}.rt\:pl-3{padding-left:calc(var(--rt-spacing) * 3)}.rt\:pl-8{padding-left:calc(var(--rt-spacing) * 8)}.rt\:text-center{text-align:center}.rt\:text-left{text-align:left}.rt\:text-right{text-align:right}.rt\:align-baseline{vertical-align:baseline}.rt\:align-middle{vertical-align:middle}.rt\:font-sans{font-family:var(--rt-typeface)}.rt\:text-b1{font-size:var(--rt-text-b1);line-height:var(--tw-leading,var(--rt-text-b1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b1--font-weight))}.rt\:text-b2{font-size:var(--rt-text-b2);line-height:var(--tw-leading,var(--rt-text-b2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b2--font-weight))}.rt\:text-b3{font-size:var(--rt-text-b3);line-height:var(--tw-leading,var(--rt-text-b3--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b3--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b3--font-weight))}.rt\:text-b4{font-size:var(--rt-text-b4);line-height:var(--tw-leading,var(--rt-text-b4--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b4--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b4--font-weight))}.rt\:text-btn{font-size:var(--rt-text-btn);line-height:var(--tw-leading,var(--rt-text-btn--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-btn--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-btn--font-weight))}.rt\:text-c1{font-size:var(--rt-text-c1);line-height:var(--tw-leading,var(--rt-text-c1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c1--font-weight))}.rt\:text-c2{font-size:var(--rt-text-c2);line-height:var(--tw-leading,var(--rt-text-c2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c2--font-weight))}.rt\:text-c3{font-size:var(--rt-text-c3);line-height:var(--tw-leading,var(--rt-text-c3--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c3--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c3--font-weight))}.rt\:text-display{font-size:var(--rt-text-display);line-height:var(--tw-leading,var(--rt-text-display--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-display--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-display--font-weight))}.rt\:text-h1{font-size:var(--rt-text-h1);line-height:var(--tw-leading,var(--rt-text-h1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-h1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-h1--font-weight))}.rt\:text-h5{font-size:var(--rt-text-h5);line-height:var(--tw-leading,var(--rt-text-h5--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-h5--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-h5--font-weight))}.rt\:text-label{font-size:var(--rt-text-label);line-height:var(--tw-leading,var(--rt-text-label--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-label--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-label--font-weight))}.rt\:text-otp{font-size:var(--rt-text-otp);line-height:var(--tw-leading,var(--rt-text-otp--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-otp--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-otp--font-weight))}.rt\:text-s1{font-size:var(--rt-text-s1);line-height:var(--tw-leading,var(--rt-text-s1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-s1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-s1--font-weight))}.rt\:text-s2{font-size:var(--rt-text-s2);line-height:var(--tw-leading,var(--rt-text-s2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-s2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-s2--font-weight))}.rt\:font-medium{--tw-font-weight:var(--rt-font-weight-medium);font-weight:var(--rt-font-weight-medium)}.rt\:whitespace-nowrap{white-space:nowrap}.rt\:text-alert-critical-foreground{color:var(--rt-alert-critical-foreground)}.rt\:text-background{color:var(--rt-background)}.rt\:text-chip-foreground{color:var(--rt-chip-foreground)}.rt\:text-destructive-foreground{color:var(--rt-destructive-foreground)}.rt\:text-error{color:var(--rt-error)}.rt\:text-error-icon{color:var(--rt-error-icon)}.rt\:text-foreground{color:var(--rt-foreground)}.rt\:text-foreground-strong{color:var(--rt-foreground-strong)}.rt\:text-foreground-subdued{color:var(--rt-foreground-subdued)}.rt\:text-icon{color:var(--rt-icon)}.rt\:text-inherit{color:inherit}.rt\:text-muted-foreground{color:var(--rt-muted-foreground)}.rt\:text-popover-foreground{color:var(--rt-popover-foreground)}.rt\:text-primary{color:var(--rt-primary)}.rt\:text-primary-foreground{color:var(--rt-primary-foreground)}.rt\:text-secondary-foreground{color:var(--rt-secondary-foreground)}.rt\:text-sidebar-foreground{color:var(--rt-sidebar-foreground)}.rt\:text-status-neutral-foreground{color:var(--rt-status-neutral-foreground)}.rt\:text-success{color:var(--rt-success)}.rt\:text-tab-inactive{color:var(--rt-tab-inactive)}.rt\:text-warning{color:var(--rt-warning)}.rt\:uppercase{text-transform:uppercase}.rt\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.rt\:underline{text-decoration-line:underline}.rt\:decoration-dotted{text-decoration-style:dotted}.rt\:decoration-1{text-decoration-thickness:1px}.rt\:underline-offset-4{text-underline-offset:4px}.rt\:opacity-50{opacity:.5}.rt\:shadow-ring-destructive{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:shadow-ring-hairline{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--rt-control)), 0 0 0 .5px var(--tw-shadow-color,var(--rt-control));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:shadow-ring-strong{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-border-strong));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:shadow-ring-subtle{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-input)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (forced-colors:active){.rt\:forced-outline{outline:1px solid #0000}.rt\:forced-outline:focus-visible{outline-width:var(--rt-focus-ring-width);outline-offset:var(--rt-focus-ring-offset)}}.rt\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.rt\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.rt\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--rt-default-transition-timing-function));transition-duration:var(--tw-duration,var(--rt-default-transition-duration))}.rt\:wordmark:before{content:var(--rt-wordmark)}.rt\:outline-none{--tw-outline-style:none;outline-style:none}.rt\:select-none{-webkit-user-select:none;user-select:none}.rt\:select-text{-webkit-user-select:text;user-select:text}.rt\:not-first\:border-t:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:1px}.rt\:not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.rt\:not-last\:border-divider:not(:last-child){border-color:var(--rt-divider)}.rt\:not-empty\:p-3:not(:empty){padding:calc(var(--rt-spacing) * 3)}.rt\:not-aria-disabled\:cursor-pointer:not([aria-disabled=true]){cursor:pointer}.rt\:group-first\:rounded-l-md:is(:where(.rt\:group):first-child *){border-top-left-radius:var(--rt-radius-md);border-bottom-left-radius:var(--rt-radius-md)}.rt\:group-last\:rounded-r-md:is(:where(.rt\:group):last-child *){border-top-right-radius:var(--rt-radius-md);border-bottom-right-radius:var(--rt-radius-md)}.rt\:group-aria-expanded\/accordion-trigger\:rotate-180:is(:where(.rt\:group\/accordion-trigger)[aria-expanded=true] *){rotate:180deg}.rt\:group-aria-invalid\/radio-group\:shadow-ring-invalid:is(:where(.rt\:group\/radio-group)[aria-invalid=true] *){--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:group-data-empty\/combobox-content\:flex:is(:where(.rt\:group\/combobox-content)[data-empty] *){display:flex}.rt\:group-data-panel-open\:hidden:is(:where(.rt\:group)[data-panel-open] *){display:none}.rt\:group-data-panel-open\:inline:is(:where(.rt\:group)[data-panel-open] *){display:inline}.rt\:group-data-swiping\/drawer-popup\:select-none:is(:where(.rt\:group\/drawer-popup)[data-swiping] *){-webkit-user-select:none;user-select:none}.rt\:group-swipe-up\/drawer-popup\:order-last:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=up]) *),.rt\:group-swipe-left\/drawer-popup\:order-last:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=left]) *){order:9999}.rt\:group-swipe-x\/drawer-popup\:h-12:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=left],[data-swipe-direction=right]) *){height:calc(var(--rt-spacing) * 12)}.rt\:group-swipe-x\/drawer-popup\:w-1:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=left],[data-swipe-direction=right]) *){width:var(--rt-spacing)}.rt\:group-swipe-x\/drawer-popup\:w-5:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=left],[data-swipe-direction=right]) *){width:calc(var(--rt-spacing) * 5)}.rt\:group-swipe-y\/drawer-popup\:h-1:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=up],[data-swipe-direction=down]) *){height:var(--rt-spacing)}.rt\:group-swipe-y\/drawer-popup\:h-5:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=up],[data-swipe-direction=down]) *){height:calc(var(--rt-spacing) * 5)}.rt\:group-swipe-y\/drawer-popup\:w-12:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=up],[data-swipe-direction=down]) *){width:calc(var(--rt-spacing) * 12)}.rt\:placeholder\:text-muted-foreground::placeholder{color:var(--rt-muted-foreground)}.rt\:after\:absolute:after{content:var(--tw-content);position:absolute}.rt\:after\:-inset-1\.25:after{content:var(--tw-content);inset:calc(var(--rt-spacing) * -1.25)}.rt\:after\:-inset-x-1\.5:after{content:var(--tw-content);inset-inline:calc(var(--rt-spacing) * -1.5)}.rt\:after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}.rt\:after\:-inset-y-1\.5:after{content:var(--tw-content);inset-block:calc(var(--rt-spacing) * -1.5)}.rt\:after\:-bottom-px:after{content:var(--tw-content);bottom:-1px}.rt\:after\:h-0\.5:after{content:var(--tw-content);height:calc(var(--rt-spacing) * .5)}.rt\:after\:bg-primary:after{content:var(--tw-content);background-color:var(--rt-primary)}.rt\:after\:opacity-0:after{content:var(--tw-content);opacity:0}.rt\:first\:rounded-l-md:first-child{border-top-left-radius:var(--rt-radius-md);border-bottom-left-radius:var(--rt-radius-md)}.rt\:last\:rounded-r-md:last-child{border-top-right-radius:var(--rt-radius-md);border-bottom-right-radius:var(--rt-radius-md)}.rt\:last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.rt\:empty\:hidden:empty{display:none}.rt\:focus-within\:shadow-ring-focus:focus-within{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-ring)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.rt\:hover\:bg-destructive-hover:hover{background-color:var(--rt-destructive-hover)}.rt\:hover\:bg-foreground-subdued:hover{background-color:var(--rt-foreground-subdued)}.rt\:hover\:bg-muted:hover{background-color:var(--rt-muted)}.rt\:hover\:bg-primary-hover:hover{background-color:var(--rt-primary-hover)}.rt\:hover\:bg-primary-tint:hover{background-color:var(--rt-primary-tint)}.rt\:hover\:text-foreground:hover{color:var(--rt-foreground)}.rt\:hover\:underline:hover{text-decoration-line:underline}.rt\:not-aria-disabled\:hover\:bg-muted:not([aria-disabled=true]):hover{background-color:var(--rt-muted)}}.rt\:focus-visible\:shadow-ring-focus:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-ring)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:focus-visible\:focus-ring:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring);outline-offset:var(--rt-focus-ring-offset)}.rt\:active\:cursor-grabbing:active{cursor:grabbing}.rt\:active\:bg-destructive-hover:active{background-color:var(--rt-destructive-hover)}.rt\:active\:bg-muted:active{background-color:var(--rt-muted)}.rt\:active\:bg-primary-hover:active{background-color:var(--rt-primary-hover)}.rt\:active\:bg-primary-tint:active{background-color:var(--rt-primary-tint)}.rt\:active\:underline:active{text-decoration-line:underline}.rt\:disabled\:pointer-events-none:disabled{pointer-events:none}.rt\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.rt\:disabled\:opacity-50:disabled,.rt\:has-disabled\:opacity-50:has(:disabled){opacity:.5}.rt\:has-aria-invalid\:shadow-ring-invalid:has([aria-invalid=true]),.rt\:has-aria-invalid\:focus-within\:shadow-ring-invalid:has([aria-invalid=true]):focus-within{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:aria-disabled\:cursor-default[aria-disabled=true]{cursor:default}.rt\:aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.rt\:aria-invalid\:shadow-ring-invalid[aria-invalid=true],.rt\:aria-invalid\:focus-visible\:shadow-ring-invalid[aria-invalid=true]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-drag-active\:border-primary[data-drag-active]{border-color:var(--rt-primary)}.rt\:data-drag-active\:bg-primary-tint[data-drag-active]{background-color:var(--rt-primary-tint)}.rt\:data-dragging\:opacity-50[data-dragging]{opacity:.5}.rt\:data-empty\:py-0[data-empty]{padding-block:0}.rt\:data-highlighted\:bg-accent[data-highlighted]{background-color:var(--rt-accent)}.rt\:data-highlighted\:bg-destructive-hover[data-highlighted]{background-color:var(--rt-destructive-hover)}.rt\:data-highlighted\:bg-muted[data-highlighted]{background-color:var(--rt-muted)}.rt\:data-highlighted\:text-accent-foreground[data-highlighted]{color:var(--rt-accent-foreground)}.rt\:data-highlighted\:text-destructive-foreground[data-highlighted]{color:var(--rt-destructive-foreground)}.rt\:data-indeterminate\:w-1\/3[data-indeterminate]{width:33.3333%}.rt\:data-indeterminate\:loading-motion[data-indeterminate]{animation:var(--rt-loading-animation)}@media (prefers-reduced-motion:reduce){.rt\:data-indeterminate\:loading-motion[data-indeterminate]{animation:none}}.rt\:data-indeterminate\:bg-primary[data-indeterminate]{background-color:var(--rt-primary)}.rt\:data-indeterminate\:shadow-none[data-indeterminate]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.rt\:data-indeterminate\:hover\:bg-primary-hover[data-indeterminate]:hover{background-color:var(--rt-primary-hover)}}.rt\:aria-invalid\:data-indeterminate\:shadow-ring-invalid[aria-invalid=true][data-indeterminate]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--rt-muted-foreground)}.rt\:data-popup-open\:bg-accent[data-popup-open]{background-color:var(--rt-accent)}.rt\:data-pressed\:border-0[data-pressed]{border-style:var(--tw-border-style);border-width:0}.rt\:data-pressed\:px-2\.75[data-pressed]{padding-inline:calc(var(--rt-spacing) * 2.75)}.rt\:data-pressed\:font-semibold[data-pressed]{--tw-font-weight:var(--rt-font-weight-semibold);font-weight:var(--rt-font-weight-semibold)}.rt\:data-pressed\:text-primary[data-pressed]{color:var(--rt-primary)}.rt\:data-pressed\:shadow-ring-accent-hairline[data-pressed]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--rt-primary)), 0 0 0 .5px var(--tw-shadow-color,var(--rt-primary));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:48rem){.rt\:md\:hidden{display:none}.rt\:md\:inline{display:inline}.rt\:md\:h-15{height:calc(var(--rt-spacing) * 15)}.rt\:md\:flex-row{flex-direction:row}.rt\:md\:px-6{padding-inline:calc(var(--rt-spacing) * 6)}}.rt\:data-checked\:justify-end:where([data-checked]:not([data-checked=false])){justify-content:flex-end}.rt\:data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--rt-primary)}.rt\:data-checked\:bg-primary-foreground:where([data-checked]:not([data-checked=false])){background-color:var(--rt-primary-foreground)}.rt\:data-checked\:shadow-none:where([data-checked]:not([data-checked=false])){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.rt\:data-checked\:hover\:bg-primary-hover:where([data-checked]:not([data-checked=false])):hover{background-color:var(--rt-primary-hover)}}.rt\:aria-invalid\:data-checked\:shadow-ring-invalid[aria-invalid=true]:where([data-checked]:not([data-checked=false])){--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-selected\:bg-muted:where([data-selected]:not([data-selected=false])){background-color:var(--rt-muted)}.rt\:data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.rt\:data-disabled\:cursor-default:where([data-disabled]:not([data-disabled=false])){cursor:default}.rt\:data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled=false])){cursor:not-allowed}.rt\:data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.rt\:data-active\:font-semibold:where([data-active]:not([data-active=false])){--tw-font-weight:var(--rt-font-weight-semibold);font-weight:var(--rt-font-weight-semibold)}.rt\:data-active\:text-primary:where([data-active]:not([data-active=false])){color:var(--rt-primary)}.rt\:data-active\:shadow-ring-focus:where([data-active]:not([data-active=false])){--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-ring)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-active\:after\:opacity-100:where([data-active]:not([data-active=false])):after{content:var(--tw-content);opacity:1}.rt\:aria-invalid\:data-active\:shadow-ring-invalid[aria-invalid=true]:where([data-active]:not([data-active=false])){--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-horizontal\:h-1\.5:where([data-orientation=horizontal]){height:calc(var(--rt-spacing) * 1.5)}.rt\:data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.rt\:data-horizontal\:min-h-px:where([data-orientation=horizontal]){min-height:1px}.rt\:data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.rt\:data-horizontal\:flex-col:where([data-orientation=horizontal]){flex-direction:column}.rt\:data-vertical\:h-full:where([data-orientation=vertical]){height:100%}.rt\:data-vertical\:w-1\.5:where([data-orientation=vertical]){width:calc(var(--rt-spacing) * 1.5)}.rt\:data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.rt\:data-vertical\:shrink-0:where([data-orientation=vertical]){flex-shrink:0}.rt\:data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.rt\:side-bottom\:inset-x-0:where([data-side=bottom]){inset-inline:0}.rt\:side-bottom\:bottom-0:where([data-side=bottom]){bottom:0}.rt\:side-bottom\:rounded-t-3xl:where([data-side=bottom]){border-top-left-radius:var(--rt-radius-3xl);border-top-right-radius:var(--rt-radius-3xl)}.rt\:side-bottom\:border-x:where([data-side=bottom]){border-inline-style:var(--tw-border-style);border-inline-width:1px}.rt\:side-bottom\:border-t:where([data-side=bottom]){border-top-style:var(--tw-border-style);border-top-width:1px}.rt\:side-left\:inset-y-0:where([data-side=left]){inset-block:0}.rt\:side-left\:left-0:where([data-side=left]){left:0}.rt\:side-left\:w-3\/4:where([data-side=left]){width:75%}.rt\:side-left\:border-r:where([data-side=left]){border-right-style:var(--tw-border-style);border-right-width:1px}@media (min-width:40rem){.rt\:side-left\:sm\:w-96:where([data-side=left]){width:calc(var(--rt-spacing) * 96)}}.rt\:side-right\:inset-y-0:where([data-side=right]){inset-block:0}.rt\:side-right\:right-0:where([data-side=right]){right:0}.rt\:side-right\:w-3\/4:where([data-side=right]){width:75%}.rt\:side-right\:border-l:where([data-side=right]){border-left-style:var(--tw-border-style);border-left-width:1px}@media (min-width:40rem){.rt\:side-right\:sm\:w-96:where([data-side=right]){width:calc(var(--rt-spacing) * 96)}}.rt\:swipe-up\:top-0:where([data-swipe-direction=up]){top:0}.rt\:swipe-up\:rounded-b-3xl:where([data-swipe-direction=up]){border-bottom-right-radius:var(--rt-radius-3xl);border-bottom-left-radius:var(--rt-radius-3xl)}.rt\:swipe-up\:border-x:where([data-swipe-direction=up]){border-inline-style:var(--tw-border-style);border-inline-width:1px}.rt\:swipe-up\:border-b:where([data-swipe-direction=up]){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.rt\:swipe-down\:bottom-0:where([data-swipe-direction=down]){bottom:0}.rt\:swipe-down\:rounded-t-3xl:where([data-swipe-direction=down]){border-top-left-radius:var(--rt-radius-3xl);border-top-right-radius:var(--rt-radius-3xl)}.rt\:swipe-down\:border-x:where([data-swipe-direction=down]){border-inline-style:var(--tw-border-style);border-inline-width:1px}.rt\:swipe-down\:border-t:where([data-swipe-direction=down]){border-top-style:var(--tw-border-style);border-top-width:1px}.rt\:swipe-left\:left-0:where([data-swipe-direction=left]){left:0}.rt\:swipe-left\:rounded-r-3xl:where([data-swipe-direction=left]){border-top-right-radius:var(--rt-radius-3xl);border-bottom-right-radius:var(--rt-radius-3xl)}.rt\:swipe-left\:border-y:where([data-swipe-direction=left]){border-block-style:var(--tw-border-style);border-block-width:1px}.rt\:swipe-left\:border-r:where([data-swipe-direction=left]){border-right-style:var(--tw-border-style);border-right-width:1px}.rt\:swipe-right\:right-0:where([data-swipe-direction=right]){right:0}.rt\:swipe-right\:rounded-l-3xl:where([data-swipe-direction=right]){border-top-left-radius:var(--rt-radius-3xl);border-bottom-left-radius:var(--rt-radius-3xl)}.rt\:swipe-right\:border-y:where([data-swipe-direction=right]){border-block-style:var(--tw-border-style);border-block-width:1px}.rt\:swipe-right\:border-l:where([data-swipe-direction=right]){border-left-style:var(--tw-border-style);border-left-width:1px}.rt\:swipe-x\:inset-y-0:where([data-swipe-direction=left],[data-swipe-direction=right]){inset-block:0}.rt\:swipe-x\:w-3\/4:where([data-swipe-direction=left],[data-swipe-direction=right]){width:75%}.rt\:swipe-x\:flex-row:where([data-swipe-direction=left],[data-swipe-direction=right]){flex-direction:row}@media (min-width:40rem){.rt\:swipe-x\:sm\:w-96:where([data-swipe-direction=left],[data-swipe-direction=right]){width:calc(var(--rt-spacing) * 96)}}.rt\:swipe-y\:inset-x-0:where([data-swipe-direction=up],[data-swipe-direction=down]){inset-inline:0}.rt\:svg\:text-icon svg{color:var(--rt-icon)}@keyframes rt-spin{to{transform:rotate(360deg)}}@keyframes rt-pulse{50%{opacity:.5}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-content:""}}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./fonts/inter-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./fonts/inter-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./fonts/inter-latin-ext-500-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./fonts/inter-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./fonts/inter-latin-ext-600-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./fonts/inter-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--rt-white:#fff;--rt-blue-600:#3f53fe;--rt-blue-700:#2e40e3;--rt-blue-100:#dde0ff;--rt-ink-900:#131927;--rt-ink-800:#1a2c44;--rt-ink-700:#273951;--rt-ink-600:#344054;--rt-ink-550:#3c4f69;--rt-ink-500:#545969;--rt-ink-450:#667691;--rt-ink-800-a60:#1a2c4499;--rt-line-100:#ecf1f6;--rt-line-150:#dde5ee;--rt-line-200:#e5e7ea;--rt-line-250:#e8e8e8;--rt-green-100:#eafcdd;--rt-green-300:#a8f170;--rt-green-800:#217005;--rt-amber-100:#fff3e2;--rt-amber-400:#f7a62d;--rt-amber-600:#e88b00;--rt-typeface:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--rt-page:var(--rt-white);--rt-background:var(--rt-white);--rt-card:var(--rt-white);--rt-card-foreground:var(--rt-ink-800);--rt-popover:var(--rt-white);--rt-popover-foreground:var(--rt-ink-800);--rt-foreground:var(--rt-ink-800);--rt-foreground-strong:var(--rt-ink-900);--rt-foreground-emphasis:var(--rt-ink-600);--rt-foreground-subdued:var(--rt-ink-550);--rt-muted-foreground:var(--rt-ink-450);--rt-icon:var(--rt-ink-500);--rt-tab-inactive:var(--rt-ink-800-a60);--rt-primary:var(--rt-blue-600);--rt-primary-foreground:var(--rt-white);--rt-primary-hover:var(--rt-blue-700);--rt-primary-tint:var(--rt-blue-100);--rt-secondary:transparent;--rt-secondary-foreground:var(--rt-ink-700);--rt-muted:var(--rt-line-100);--rt-accent:var(--rt-line-100);--rt-accent-foreground:var(--rt-ink-900);--rt-border:var(--rt-line-100);--rt-border-strong:var(--rt-line-250);--rt-divider:var(--rt-line-200);--rt-input:var(--rt-line-100);--rt-control:var(--rt-line-150);--rt-ring:var(--rt-blue-600);--rt-success:var(--rt-green-800);--rt-success-tint:var(--rt-green-100);--rt-success-border:var(--rt-green-300);--rt-warning:var(--rt-amber-600);--rt-warning-tint:var(--rt-amber-100);--rt-warning-border:var(--rt-amber-400);--rt-sidebar:var(--rt-white);--rt-sidebar-foreground:var(--rt-ink-800);--rt-sidebar-primary:var(--rt-blue-600);--rt-sidebar-primary-foreground:var(--rt-white);--rt-sidebar-accent:var(--rt-line-100);--rt-sidebar-accent-foreground:var(--rt-ink-800);--rt-sidebar-border:var(--rt-line-100);--rt-sidebar-ring:var(--rt-blue-600);--rt-chart-1:var(--rt-blue-600);--rt-chart-2:var(--rt-ink-800);--rt-chart-3:var(--rt-ink-450);--rt-chart-4:var(--rt-blue-100);--rt-chart-5:var(--rt-line-150);--rt-error:var(--rt-ink-900);--rt-error-icon:var(--rt-ink-900);--rt-destructive:var(--rt-ink-900);--rt-destructive-fill:transparent;--rt-destructive-foreground:var(--rt-ink-700);--rt-destructive-border:var(--rt-line-250);--rt-destructive-hover:var(--rt-blue-100);--rt-alert-critical-foreground:var(--rt-ink-900);--rt-alert-critical-background:transparent;--rt-alert-critical-border:var(--rt-line-250);--rt-status-neutral-foreground:var(--rt-ink-800);--rt-status-neutral-background:transparent;--rt-status-neutral-border:transparent;--rt-chip-background:var(--rt-line-100);--rt-chip-foreground:var(--rt-ink-800);--rt-chip-border:transparent;--rt-focus-ring:var(--rt-blue-600);--rt-focus-ring-width:2px;--rt-focus-ring-offset:2px;--rt-skeleton:var(--rt-line-100);--rt-progress:var(--rt-blue-600);--rt-progress-track:var(--rt-line-100);--rt-progress-height:2px;--rt-loading-animation:none;--rt-spinner-animation:none;--rt-sidenav-row-h:30px;--rt-sidenav-pad:20px;--rt-sidenav-pad-bottom:48px;--rt-sidenav-gap:28px;--rt-sidenav-label-h:26px}[class^=rt\:],[class*=" rt:"],[class^=rt\:]:before,[class*=" rt:"]:before,[class^=rt\:]:after,[class*=" rt:"]:after{box-sizing:border-box;color:inherit;font:inherit;font-family:var(--rt-typeface);letter-spacing:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;appearance:none;background-color:#0000;border:0 solid;margin:0;padding:0;list-style:none}:root,:host{--rt-spacing:4px;--rt-aspect-video:16 / 9;--rt-default-transition-duration:.12s;--rt-default-transition-timing-function:ease;--rt-font-weight-medium:500;--rt-font-weight-semibold:600;--rt-radius-sm:4px;--rt-radius-md:6px;--rt-radius-lg:8px;--rt-radius-3xl:24px;--rt-container-content:1152px;--rt-text-display:48px;--rt-text-display--line-height:58px;--rt-text-display--font-weight:600;--rt-text-display--letter-spacing:0px;--rt-text-h1:34px;--rt-text-h1--line-height:40px;--rt-text-h1--font-weight:600;--rt-text-h1--letter-spacing:0px;--rt-text-h5:28px;--rt-text-h5--line-height:34px;--rt-text-h5--font-weight:600;--rt-text-h5--letter-spacing:0px;--rt-text-s1:28px;--rt-text-s1--line-height:34px;--rt-text-s1--font-weight:600;--rt-text-s1--letter-spacing:0px;--rt-text-s2:24px;--rt-text-s2--line-height:28px;--rt-text-s2--font-weight:600;--rt-text-s2--letter-spacing:0px;--rt-text-b1:12px;--rt-text-b1--line-height:20px;--rt-text-b1--font-weight:400;--rt-text-b1--letter-spacing:0px;--rt-text-b2:12px;--rt-text-b2--line-height:20px;--rt-text-b2--font-weight:500;--rt-text-b2--letter-spacing:0px;--rt-text-b3:14px;--rt-text-b3--line-height:20px;--rt-text-b3--font-weight:400;--rt-text-b3--letter-spacing:-.15px;--rt-text-b4:14px;--rt-text-b4--line-height:20px;--rt-text-b4--font-weight:600;--rt-text-b4--letter-spacing:-.15px;--rt-text-c1:12px;--rt-text-c1--line-height:16px;--rt-text-c1--font-weight:400;--rt-text-c1--letter-spacing:0px;--rt-text-c2:12px;--rt-text-c2--line-height:16px;--rt-text-c2--font-weight:500;--rt-text-c2--letter-spacing:0px;--rt-text-c3:14px;--rt-text-c3--line-height:16px;--rt-text-c3--font-weight:500;--rt-text-c3--letter-spacing:0px;--rt-text-label:12px;--rt-text-label--line-height:16px;--rt-text-label--font-weight:500;--rt-text-label--letter-spacing:0px;--rt-text-btn:14px;--rt-text-btn--line-height:16px;--rt-text-btn--font-weight:400;--rt-text-btn--letter-spacing:0px;--rt-text-section:16px;--rt-text-section--line-height:24px;--rt-text-section--font-weight:600;--rt-text-section--letter-spacing:0px;--rt-text-badge:10px;--rt-text-badge--line-height:12px;--rt-text-badge--font-weight:600;--rt-text-badge--letter-spacing:0px;--rt-shadow-ring-subtle:inset 0 0 0 1px var(--rt-input), 0 0 0 1px var(--rt-input);--rt-shadow-ring-focus:inset 0 0 0 1px var(--rt-ring), 0 0 0 1px var(--rt-input);--rt-shadow-ring-strong:inset 0 0 0 1px var(--rt-border-strong);--rt-shadow-ring-hairline:inset 0 0 0 .5px var(--rt-control), 0 0 0 .5px var(--rt-control);--rt-shadow-ring-accent-hairline:inset 0 0 0 .5px var(--rt-primary), 0 0 0 .5px var(--rt-primary);--rt-shadow-ring-destructive:inset 0 0 0 1px var(--rt-destructive-border);--rt-shadow-ring-invalid:inset 0 0 0 1px var(--rt-destructive)}.rt\:pointer-events-auto{pointer-events:auto}.rt\:pointer-events-none{pointer-events:none}.rt\:invisible{visibility:hidden}.rt\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rt\:absolute{position:absolute}.rt\:fixed{position:fixed}.rt\:relative{position:relative}.rt\:inset-0{inset:0}.rt\:inset-x-0{inset-inline:0}.rt\:inset-x-2{inset-inline:calc(var(--rt-spacing) * 2)}.rt\:inset-y-0{inset-block:0}.rt\:top-0{top:0}.rt\:top-1{top:var(--rt-spacing)}.rt\:top-6{top:calc(var(--rt-spacing) * 6)}.rt\:right-3{right:calc(var(--rt-spacing) * 3)}.rt\:right-6{right:calc(var(--rt-spacing) * 6)}.rt\:bottom-2{bottom:calc(var(--rt-spacing) * 2)}.rt\:bottom-6{bottom:calc(var(--rt-spacing) * 6)}.rt\:left-0{left:0}.rt\:left-1{left:var(--rt-spacing)}.rt\:left-3{left:calc(var(--rt-spacing) * 3)}.rt\:isolate{isolation:isolate}.rt\:z-10{z-index:10}.rt\:z-50{z-index:50}.rt\:order-first{order:-9999}.rt\:order-last{order:9999}.rt\:m-0{margin:0}.rt\:m-auto{margin:auto}.rt\:mx-0\.5{margin-inline:calc(var(--rt-spacing) * .5)}.rt\:mx-auto{margin-inline:auto}.rt\:my-0\.5{margin-block:calc(var(--rt-spacing) * .5)}.rt\:my-1\.5{margin-block:calc(var(--rt-spacing) * 1.5)}.rt\:mt-0\.5{margin-top:calc(var(--rt-spacing) * .5)}.rt\:mt-1{margin-top:var(--rt-spacing)}.rt\:mt-auto{margin-top:auto}.rt\:-mr-px{margin-right:-1px}.rt\:-mb-px{margin-bottom:-1px}.rt\:-ml-1\.5{margin-left:calc(var(--rt-spacing) * -1.5)}.rt\:ml-2{margin-left:calc(var(--rt-spacing) * 2)}.rt\:ml-auto{margin-left:auto}.rt\:block{display:block}.rt\:flex{display:flex}.rt\:grid{display:grid}.rt\:hidden{display:none}.rt\:inline-block{display:inline-block}.rt\:inline-flex{display:inline-flex}.rt\:aspect-square{aspect-ratio:1}.rt\:aspect-video{aspect-ratio:var(--rt-aspect-video)}.rt\:size-1\.5{width:calc(var(--rt-spacing) * 1.5);height:calc(var(--rt-spacing) * 1.5)}.rt\:size-2{width:calc(var(--rt-spacing) * 2);height:calc(var(--rt-spacing) * 2)}.rt\:size-2\.5{width:calc(var(--rt-spacing) * 2.5);height:calc(var(--rt-spacing) * 2.5)}.rt\:size-3\.5{width:calc(var(--rt-spacing) * 3.5);height:calc(var(--rt-spacing) * 3.5)}.rt\:size-4{width:calc(var(--rt-spacing) * 4);height:calc(var(--rt-spacing) * 4)}.rt\:size-5{width:calc(var(--rt-spacing) * 5);height:calc(var(--rt-spacing) * 5)}.rt\:size-6{width:calc(var(--rt-spacing) * 6);height:calc(var(--rt-spacing) * 6)}.rt\:size-7{width:calc(var(--rt-spacing) * 7);height:calc(var(--rt-spacing) * 7)}.rt\:size-8{width:calc(var(--rt-spacing) * 8);height:calc(var(--rt-spacing) * 8)}.rt\:size-9{width:calc(var(--rt-spacing) * 9);height:calc(var(--rt-spacing) * 9)}.rt\:size-10{width:calc(var(--rt-spacing) * 10);height:calc(var(--rt-spacing) * 10)}.rt\:size-11{width:calc(var(--rt-spacing) * 11);height:calc(var(--rt-spacing) * 11)}.rt\:size-24{width:calc(var(--rt-spacing) * 24);height:calc(var(--rt-spacing) * 24)}.rt\:size-full{width:100%;height:100%}.rt\:h-4{height:calc(var(--rt-spacing) * 4)}.rt\:h-4\.5{height:calc(var(--rt-spacing) * 4.5)}.rt\:h-5{height:calc(var(--rt-spacing) * 5)}.rt\:h-7{height:calc(var(--rt-spacing) * 7)}.rt\:h-8{height:calc(var(--rt-spacing) * 8)}.rt\:h-9{height:calc(var(--rt-spacing) * 9)}.rt\:h-11{height:calc(var(--rt-spacing) * 11)}.rt\:h-12{height:calc(var(--rt-spacing) * 12)}.rt\:h-13{height:calc(var(--rt-spacing) * 13)}.rt\:h-15{height:calc(var(--rt-spacing) * 15)}.rt\:h-24{height:calc(var(--rt-spacing) * 24)}.rt\:h-fit{height:fit-content}.rt\:h-full{height:100%}.rt\:h-progress{height:var(--rt-progress-height)}.rt\:h-px{height:1px}.rt\:h-sidenav-label{height:var(--rt-sidenav-label-h)}.rt\:h-sidenav-row{height:var(--rt-sidenav-row-h)}.rt\:max-h-72{max-height:calc(var(--rt-spacing) * 72)}.rt\:max-h-80{max-height:calc(var(--rt-spacing) * 80)}.rt\:max-h-available{max-height:var(--available-height)}.rt\:max-h-full{max-height:100%}.rt\:min-h-0{min-height:0}.rt\:min-h-9{min-height:calc(var(--rt-spacing) * 9)}.rt\:min-h-11{min-height:calc(var(--rt-spacing) * 11)}.rt\:min-h-16{min-height:calc(var(--rt-spacing) * 16)}.rt\:min-h-22{min-height:calc(var(--rt-spacing) * 22)}.rt\:w-0{width:0}.rt\:w-1{width:var(--rt-spacing)}.rt\:w-2{width:calc(var(--rt-spacing) * 2)}.rt\:w-6{width:calc(var(--rt-spacing) * 6)}.rt\:w-7{width:calc(var(--rt-spacing) * 7)}.rt\:w-8{width:calc(var(--rt-spacing) * 8)}.rt\:w-10{width:calc(var(--rt-spacing) * 10)}.rt\:w-14{width:calc(var(--rt-spacing) * 14)}.rt\:w-24{width:calc(var(--rt-spacing) * 24)}.rt\:w-40{width:calc(var(--rt-spacing) * 40)}.rt\:w-60{width:calc(var(--rt-spacing) * 60)}.rt\:w-72{width:calc(var(--rt-spacing) * 72)}.rt\:w-90{width:calc(var(--rt-spacing) * 90)}.rt\:w-120{width:calc(var(--rt-spacing) * 120)}.rt\:w-anchor{width:var(--anchor-width)}.rt\:w-fit{width:fit-content}.rt\:w-full{width:100%}.rt\:w-px{width:1px}.rt\:max-w-40{max-width:calc(var(--rt-spacing) * 40)}.rt\:max-w-64{max-width:calc(var(--rt-spacing) * 64)}.rt\:max-w-72{max-width:calc(var(--rt-spacing) * 72)}.rt\:max-w-available{max-width:var(--available-width)}.rt\:max-w-content{max-width:var(--rt-container-content)}.rt\:max-w-full{max-width:100%}.rt\:min-w-0{min-width:0}.rt\:min-w-5{min-width:calc(var(--rt-spacing) * 5)}.rt\:min-w-16{min-width:calc(var(--rt-spacing) * 16)}.rt\:min-w-26\.5{min-width:calc(var(--rt-spacing) * 26.5)}.rt\:min-w-32{min-width:calc(var(--rt-spacing) * 32)}.rt\:min-w-40{min-width:calc(var(--rt-spacing) * 40)}.rt\:min-w-anchor{min-width:var(--anchor-width)}.rt\:flex-1{flex:1}.rt\:flex-auto{flex:auto}.rt\:shrink-0{flex-shrink:0}.rt\:caption-bottom{caption-side:bottom}.rt\:border-collapse{border-collapse:collapse}.rt\:rotate-0{rotate:0deg}.rt\:drawer-swipe{transform:translate3d(var(--drawer-swipe-movement-x,0), calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y,0px)), 0)}.rt\:skeleton{background-color:var(--rt-skeleton);animation:var(--rt-loading-animation)}@media (prefers-reduced-motion:reduce){.rt\:skeleton{animation:none}}.rt\:spinner-motion{animation:var(--rt-spinner-animation)}@media (prefers-reduced-motion:reduce){.rt\:spinner-motion{animation:none}}.rt\:cursor-default{cursor:default}.rt\:cursor-grab{cursor:grab}.rt\:cursor-grabbing{cursor:grabbing}.rt\:cursor-help{cursor:help}.rt\:cursor-pointer{cursor:pointer}.rt\:cursor-text{cursor:text}.rt\:touch-none{touch-action:none}.rt\:resize-y{resize:vertical}.rt\:list-none{list-style-type:none}.rt\:flex-col{flex-direction:column}.rt\:flex-wrap{flex-wrap:wrap}.rt\:items-baseline{align-items:baseline}.rt\:items-center{align-items:center}.rt\:items-end{align-items:flex-end}.rt\:items-start{align-items:flex-start}.rt\:items-stretch{align-items:stretch}.rt\:justify-between{justify-content:space-between}.rt\:justify-center{justify-content:center}.rt\:justify-end{justify-content:flex-end}.rt\:justify-start{justify-content:flex-start}.rt\:gap-0{gap:0}.rt\:gap-0\.5{gap:calc(var(--rt-spacing) * .5)}.rt\:gap-1{gap:var(--rt-spacing)}.rt\:gap-1\.5{gap:calc(var(--rt-spacing) * 1.5)}.rt\:gap-1\.75{gap:calc(var(--rt-spacing) * 1.75)}.rt\:gap-2{gap:calc(var(--rt-spacing) * 2)}.rt\:gap-2\.75{gap:calc(var(--rt-spacing) * 2.75)}.rt\:gap-3{gap:calc(var(--rt-spacing) * 3)}.rt\:gap-3\.5{gap:calc(var(--rt-spacing) * 3.5)}.rt\:gap-6{gap:calc(var(--rt-spacing) * 6)}.rt\:gap-8{gap:calc(var(--rt-spacing) * 8)}.rt\:gap-20{gap:calc(var(--rt-spacing) * 20)}.rt\:gap-px{gap:1px}.rt\:sidenav-gap{gap:var(--rt-sidenav-gap)}.rt\:gap-x-3{column-gap:calc(var(--rt-spacing) * 3)}.rt\:gap-y-2{row-gap:calc(var(--rt-spacing) * 2)}.rt\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rt\:overflow-hidden{overflow:hidden}.rt\:overflow-visible{overflow:visible}.rt\:overflow-x-auto{overflow-x:auto}.rt\:overflow-y-auto{overflow-y:auto}.rt\:overscroll-contain{overscroll-behavior:contain}.rt\:rounded-3xl{border-radius:var(--rt-radius-3xl)}.rt\:rounded-lg{border-radius:var(--rt-radius-lg)}.rt\:rounded-md{border-radius:var(--rt-radius-md)}.rt\:rounded-none{border-radius:0}.rt\:rounded-sm{border-radius:var(--rt-radius-sm)}.rt\:rounded-l-md{border-top-left-radius:var(--rt-radius-md);border-bottom-left-radius:var(--rt-radius-md)}.rt\:rounded-r-md{border-top-right-radius:var(--rt-radius-md);border-bottom-right-radius:var(--rt-radius-md)}.rt\:border{border-style:var(--tw-border-style);border-width:1px}.rt\:border-0{border-style:var(--tw-border-style);border-width:0}.rt\:border-2{border-style:var(--tw-border-style);border-width:2px}.rt\:border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.rt\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.rt\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.rt\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.rt\:border-dashed{--tw-border-style:dashed;border-style:dashed}.rt\:border-alert-critical-border{border-color:var(--rt-alert-critical-border)}.rt\:border-border{border-color:var(--rt-border)}.rt\:border-border-strong{border-color:var(--rt-border-strong)}.rt\:border-chart-1{border-color:var(--rt-chart-1)}.rt\:border-chart-2{border-color:var(--rt-chart-2)}.rt\:border-chart-3{border-color:var(--rt-chart-3)}.rt\:border-chart-4{border-color:var(--rt-chart-4)}.rt\:border-chart-5{border-color:var(--rt-chart-5)}.rt\:border-chip-border{border-color:var(--rt-chip-border)}.rt\:border-divider{border-color:var(--rt-divider)}.rt\:border-muted-foreground{border-color:var(--rt-muted-foreground)}.rt\:border-progress-track{border-color:var(--rt-progress-track)}.rt\:border-status-neutral-border{border-color:var(--rt-status-neutral-border)}.rt\:border-success-border{border-color:var(--rt-success-border)}.rt\:border-transparent{border-color:#0000}.rt\:border-warning-border{border-color:var(--rt-warning-border)}.rt\:border-t-progress{border-top-color:var(--rt-progress)}.rt\:bg-alert-critical-background{background-color:var(--rt-alert-critical-background)}.rt\:bg-background{background-color:var(--rt-background)}.rt\:bg-border-strong{background-color:var(--rt-border-strong)}.rt\:bg-chart-1{background-color:var(--rt-chart-1)}.rt\:bg-chart-2{background-color:var(--rt-chart-2)}.rt\:bg-chart-3{background-color:var(--rt-chart-3)}.rt\:bg-chart-4{background-color:var(--rt-chart-4)}.rt\:bg-chart-5{background-color:var(--rt-chart-5)}.rt\:bg-chip-background{background-color:var(--rt-chip-background)}.rt\:bg-control{background-color:var(--rt-control)}.rt\:bg-current{background-color:currentColor}.rt\:bg-destructive-fill{background-color:var(--rt-destructive-fill)}.rt\:bg-divider{background-color:var(--rt-divider)}.rt\:bg-foreground{background-color:var(--rt-foreground)}.rt\:bg-muted{background-color:var(--rt-muted)}.rt\:bg-muted-foreground{background-color:var(--rt-muted-foreground)}.rt\:bg-page{background-color:var(--rt-page)}.rt\:bg-popover{background-color:var(--rt-popover)}.rt\:bg-primary{background-color:var(--rt-primary)}.rt\:bg-primary-foreground{background-color:var(--rt-primary-foreground)}.rt\:bg-primary-tint{background-color:var(--rt-primary-tint)}.rt\:bg-progress{background-color:var(--rt-progress)}.rt\:bg-progress-track{background-color:var(--rt-progress-track)}.rt\:bg-secondary{background-color:var(--rt-secondary)}.rt\:bg-sidebar{background-color:var(--rt-sidebar)}.rt\:bg-status-neutral-background{background-color:var(--rt-status-neutral-background)}.rt\:bg-success-tint{background-color:var(--rt-success-tint)}.rt\:bg-transparent{background-color:#0000}.rt\:bg-warning-tint{background-color:var(--rt-warning-tint)}.rt\:recharts .recharts-cartesian-axis-tick text{fill:var(--rt-muted-foreground)}.rt\:recharts .recharts-cartesian-grid line[stroke=\#ccc],.rt\:recharts .recharts-polar-grid [stroke=\#ccc],.rt\:recharts .recharts-reference-line [stroke=\#ccc],.rt\:recharts .recharts-curve.recharts-tooltip-cursor{stroke:var(--rt-border)}.rt\:recharts .recharts-rectangle.recharts-tooltip-cursor,.rt\:recharts .recharts-radial-bar-background-sector{fill:var(--rt-muted)}.rt\:recharts :is(.recharts-surface,.recharts-layer,.recharts-sector){outline:none}.rt\:recharts :is(.recharts-surface,.recharts-layer,.recharts-sector):focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring);outline-offset:var(--rt-focus-ring-offset)}.rt\:object-cover{object-fit:cover}.rt\:p-0{padding:0}.rt\:p-1{padding:var(--rt-spacing)}.rt\:p-2{padding:calc(var(--rt-spacing) * 2)}.rt\:p-3{padding:calc(var(--rt-spacing) * 3)}.rt\:p-6{padding:calc(var(--rt-spacing) * 6)}.rt\:p-px{padding:1px}.rt\:px-0{padding-inline:0}.rt\:px-1{padding-inline:var(--rt-spacing)}.rt\:px-1\.5{padding-inline:calc(var(--rt-spacing) * 1.5)}.rt\:px-2{padding-inline:calc(var(--rt-spacing) * 2)}.rt\:px-2\.75{padding-inline:calc(var(--rt-spacing) * 2.75)}.rt\:px-3{padding-inline:calc(var(--rt-spacing) * 3)}.rt\:px-3\.5{padding-inline:calc(var(--rt-spacing) * 3.5)}.rt\:px-6{padding-inline:calc(var(--rt-spacing) * 6)}.rt\:px-8{padding-inline:calc(var(--rt-spacing) * 8)}.rt\:sidenav-pad-x{padding-inline:var(--rt-sidenav-pad)}.rt\:py-1{padding-block:var(--rt-spacing)}.rt\:py-1\.5{padding-block:calc(var(--rt-spacing) * 1.5)}.rt\:py-2{padding-block:calc(var(--rt-spacing) * 2)}.rt\:py-2\.75{padding-block:calc(var(--rt-spacing) * 2.75)}.rt\:py-3{padding-block:calc(var(--rt-spacing) * 3)}.rt\:py-6{padding-block:calc(var(--rt-spacing) * 6)}.rt\:pt-2{padding-top:calc(var(--rt-spacing) * 2)}.rt\:pt-3{padding-top:calc(var(--rt-spacing) * 3)}.rt\:sidenav-pad-top{padding-top:var(--rt-sidenav-pad)}.rt\:pr-0\.5{padding-right:calc(var(--rt-spacing) * .5)}.rt\:pr-1\.5{padding-right:calc(var(--rt-spacing) * 1.5)}.rt\:pr-3{padding-right:calc(var(--rt-spacing) * 3)}.rt\:pr-8{padding-right:calc(var(--rt-spacing) * 8)}.rt\:pr-20{padding-right:calc(var(--rt-spacing) * 20)}.rt\:pb-2\.75{padding-bottom:calc(var(--rt-spacing) * 2.75)}.rt\:pb-3{padding-bottom:calc(var(--rt-spacing) * 3)}.rt\:pb-6{padding-bottom:calc(var(--rt-spacing) * 6)}.rt\:sidenav-pad-bottom{padding-bottom:var(--rt-sidenav-pad-bottom)}.rt\:pl-2{padding-left:calc(var(--rt-spacing) * 2)}.rt\:pl-2\.75{padding-left:calc(var(--rt-spacing) * 2.75)}.rt\:pl-3{padding-left:calc(var(--rt-spacing) * 3)}.rt\:pl-8{padding-left:calc(var(--rt-spacing) * 8)}.rt\:text-center{text-align:center}.rt\:text-left{text-align:left}.rt\:text-right{text-align:right}.rt\:align-baseline{vertical-align:baseline}.rt\:align-middle{vertical-align:middle}.rt\:font-sans{font-family:var(--rt-typeface)}.rt\:text-b1{font-size:var(--rt-text-b1);line-height:var(--tw-leading,var(--rt-text-b1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b1--font-weight))}.rt\:text-b2{font-size:var(--rt-text-b2);line-height:var(--tw-leading,var(--rt-text-b2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b2--font-weight))}.rt\:text-b3{font-size:var(--rt-text-b3);line-height:var(--tw-leading,var(--rt-text-b3--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b3--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b3--font-weight))}.rt\:text-b4{font-size:var(--rt-text-b4);line-height:var(--tw-leading,var(--rt-text-b4--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-b4--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-b4--font-weight))}.rt\:text-badge{font-size:var(--rt-text-badge);line-height:var(--tw-leading,var(--rt-text-badge--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-badge--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-badge--font-weight))}.rt\:text-btn{font-size:var(--rt-text-btn);line-height:var(--tw-leading,var(--rt-text-btn--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-btn--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-btn--font-weight))}.rt\:text-c1{font-size:var(--rt-text-c1);line-height:var(--tw-leading,var(--rt-text-c1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c1--font-weight))}.rt\:text-c2{font-size:var(--rt-text-c2);line-height:var(--tw-leading,var(--rt-text-c2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c2--font-weight))}.rt\:text-c3{font-size:var(--rt-text-c3);line-height:var(--tw-leading,var(--rt-text-c3--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-c3--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-c3--font-weight))}.rt\:text-display{font-size:var(--rt-text-display);line-height:var(--tw-leading,var(--rt-text-display--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-display--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-display--font-weight))}.rt\:text-h1{font-size:var(--rt-text-h1);line-height:var(--tw-leading,var(--rt-text-h1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-h1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-h1--font-weight))}.rt\:text-h5{font-size:var(--rt-text-h5);line-height:var(--tw-leading,var(--rt-text-h5--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-h5--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-h5--font-weight))}.rt\:text-label{font-size:var(--rt-text-label);line-height:var(--tw-leading,var(--rt-text-label--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-label--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-label--font-weight))}.rt\:text-s1{font-size:var(--rt-text-s1);line-height:var(--tw-leading,var(--rt-text-s1--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-s1--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-s1--font-weight))}.rt\:text-s2{font-size:var(--rt-text-s2);line-height:var(--tw-leading,var(--rt-text-s2--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-s2--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-s2--font-weight))}.rt\:text-section{font-size:var(--rt-text-section);line-height:var(--tw-leading,var(--rt-text-section--line-height));letter-spacing:var(--tw-tracking,var(--rt-text-section--letter-spacing));font-weight:var(--tw-font-weight,var(--rt-text-section--font-weight))}.rt\:font-medium{--tw-font-weight:var(--rt-font-weight-medium);font-weight:var(--rt-font-weight-medium)}.rt\:whitespace-nowrap{white-space:nowrap}.rt\:text-alert-critical-foreground{color:var(--rt-alert-critical-foreground)}.rt\:text-chip-foreground{color:var(--rt-chip-foreground)}.rt\:text-destructive-foreground{color:var(--rt-destructive-foreground)}.rt\:text-error{color:var(--rt-error)}.rt\:text-error-icon{color:var(--rt-error-icon)}.rt\:text-foreground{color:var(--rt-foreground)}.rt\:text-foreground-strong{color:var(--rt-foreground-strong)}.rt\:text-foreground-subdued{color:var(--rt-foreground-subdued)}.rt\:text-icon{color:var(--rt-icon)}.rt\:text-inherit{color:inherit}.rt\:text-muted-foreground{color:var(--rt-muted-foreground)}.rt\:text-popover-foreground{color:var(--rt-popover-foreground)}.rt\:text-primary{color:var(--rt-primary)}.rt\:text-primary-foreground{color:var(--rt-primary-foreground)}.rt\:text-secondary-foreground{color:var(--rt-secondary-foreground)}.rt\:text-sidebar-foreground{color:var(--rt-sidebar-foreground)}.rt\:text-status-neutral-foreground{color:var(--rt-status-neutral-foreground)}.rt\:text-success{color:var(--rt-success)}.rt\:text-tab-inactive{color:var(--rt-tab-inactive)}.rt\:text-warning{color:var(--rt-warning)}.rt\:uppercase{text-transform:uppercase}.rt\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.rt\:underline{text-decoration-line:underline}.rt\:decoration-dotted{text-decoration-style:dotted}.rt\:decoration-1{text-decoration-thickness:1px}.rt\:underline-offset-4{text-underline-offset:4px}.rt\:opacity-50{opacity:.5}.rt\:shadow-ring-destructive{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:shadow-ring-hairline{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--rt-control)), 0 0 0 .5px var(--tw-shadow-color,var(--rt-control));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:shadow-ring-strong{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-border-strong));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:shadow-ring-subtle{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-input)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (forced-colors:active){.rt\:forced-outline{outline:1px solid #0000}.rt\:forced-outline:focus-visible{outline-width:var(--rt-focus-ring-width);outline-offset:var(--rt-focus-ring-offset)}}.rt\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.rt\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.rt\:ring-fade{transition-property:color,background-color,border-color,outline-color,box-shadow;transition-timing-function:var(--rt-default-transition-timing-function);transition-duration:var(--rt-default-transition-duration)}.rt\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--rt-default-transition-timing-function));transition-duration:var(--tw-duration,var(--rt-default-transition-duration))}.rt\:outline-none{--tw-outline-style:none;outline-style:none}.rt\:select-none{-webkit-user-select:none;user-select:none}.rt\:select-text{-webkit-user-select:text;user-select:text}.rt\:not-first\:border-t:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:1px}.rt\:not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.rt\:not-last\:border-divider:not(:last-child){border-color:var(--rt-divider)}.rt\:not-empty\:p-3:not(:empty){padding:calc(var(--rt-spacing) * 3)}.rt\:not-aria-disabled\:cursor-pointer:not([aria-disabled=true]){cursor:pointer}.rt\:group-first\:rounded-l-md:is(:where(.rt\:group):first-child *){border-top-left-radius:var(--rt-radius-md);border-bottom-left-radius:var(--rt-radius-md)}.rt\:group-last\:rounded-r-md:is(:where(.rt\:group):last-child *){border-top-right-radius:var(--rt-radius-md);border-bottom-right-radius:var(--rt-radius-md)}.rt\:group-aria-expanded\/accordion-trigger\:rotate-180:is(:where(.rt\:group\/accordion-trigger)[aria-expanded=true] *){rotate:180deg}.rt\:group-aria-invalid\/radio-group\:shadow-ring-invalid:is(:where(.rt\:group\/radio-group)[aria-invalid=true] *){--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:group-data-empty\/combobox-content\:flex:is(:where(.rt\:group\/combobox-content)[data-empty] *){display:flex}.rt\:group-data-panel-open\:hidden:is(:where(.rt\:group)[data-panel-open] *){display:none}.rt\:group-data-panel-open\:inline:is(:where(.rt\:group)[data-panel-open] *){display:inline}.rt\:group-data-swiping\/drawer-popup\:select-none:is(:where(.rt\:group\/drawer-popup)[data-swiping] *){-webkit-user-select:none;user-select:none}.rt\:group-swipe-up\/drawer-popup\:order-last:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=up]) *),.rt\:group-swipe-left\/drawer-popup\:order-last:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=left]) *){order:9999}.rt\:group-swipe-x\/drawer-popup\:h-12:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=left],[data-swipe-direction=right]) *){height:calc(var(--rt-spacing) * 12)}.rt\:group-swipe-x\/drawer-popup\:w-1:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=left],[data-swipe-direction=right]) *){width:var(--rt-spacing)}.rt\:group-swipe-x\/drawer-popup\:w-5:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=left],[data-swipe-direction=right]) *){width:calc(var(--rt-spacing) * 5)}.rt\:group-swipe-y\/drawer-popup\:h-1:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=up],[data-swipe-direction=down]) *){height:var(--rt-spacing)}.rt\:group-swipe-y\/drawer-popup\:h-5:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=up],[data-swipe-direction=down]) *){height:calc(var(--rt-spacing) * 5)}.rt\:group-swipe-y\/drawer-popup\:w-12:is(:where(.rt\:group\/drawer-popup):where([data-swipe-direction=up],[data-swipe-direction=down]) *){width:calc(var(--rt-spacing) * 12)}.rt\:placeholder\:text-muted-foreground::placeholder{color:var(--rt-muted-foreground)}.rt\:after\:absolute:after{content:var(--tw-content);position:absolute}.rt\:after\:-inset-1\.25:after{content:var(--tw-content);inset:calc(var(--rt-spacing) * -1.25)}.rt\:after\:-inset-x-1\.5:after{content:var(--tw-content);inset-inline:calc(var(--rt-spacing) * -1.5)}.rt\:after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}.rt\:after\:-inset-y-1\.5:after{content:var(--tw-content);inset-block:calc(var(--rt-spacing) * -1.5)}.rt\:after\:-bottom-px:after{content:var(--tw-content);bottom:-1px}.rt\:after\:h-0\.5:after{content:var(--tw-content);height:calc(var(--rt-spacing) * .5)}.rt\:after\:bg-primary:after{content:var(--tw-content);background-color:var(--rt-primary)}.rt\:after\:opacity-0:after{content:var(--tw-content);opacity:0}.rt\:first\:rounded-l-md:first-child{border-top-left-radius:var(--rt-radius-md);border-bottom-left-radius:var(--rt-radius-md)}.rt\:last\:rounded-r-md:last-child{border-top-right-radius:var(--rt-radius-md);border-bottom-right-radius:var(--rt-radius-md)}.rt\:last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.rt\:empty\:hidden:empty{display:none}.rt\:focus-within\:shadow-ring-focus:focus-within{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-ring)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.rt\:hover\:bg-destructive-hover:hover{background-color:var(--rt-destructive-hover)}.rt\:hover\:bg-foreground-subdued:hover{background-color:var(--rt-foreground-subdued)}.rt\:hover\:bg-muted:hover{background-color:var(--rt-muted)}.rt\:hover\:bg-primary-hover:hover{background-color:var(--rt-primary-hover)}.rt\:hover\:bg-primary-tint:hover{background-color:var(--rt-primary-tint)}.rt\:hover\:text-foreground:hover{color:var(--rt-foreground)}.rt\:hover\:text-primary-hover:hover{color:var(--rt-primary-hover)}.rt\:hover\:underline:hover{text-decoration-line:underline}.rt\:not-aria-disabled\:hover\:bg-muted:not([aria-disabled=true]):hover{background-color:var(--rt-muted)}}.rt\:focus-visible\:shadow-ring-focus:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-ring)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:focus-visible\:focus-ring:focus-visible{outline:var(--rt-focus-ring-width) solid var(--rt-focus-ring);outline-offset:var(--rt-focus-ring-offset)}.rt\:active\:cursor-grabbing:active{cursor:grabbing}.rt\:active\:bg-destructive-hover:active{background-color:var(--rt-destructive-hover)}.rt\:active\:bg-muted:active{background-color:var(--rt-muted)}.rt\:active\:bg-primary-hover:active{background-color:var(--rt-primary-hover)}.rt\:active\:bg-primary-tint:active{background-color:var(--rt-primary-tint)}.rt\:active\:text-primary-hover:active{color:var(--rt-primary-hover)}.rt\:active\:underline:active{text-decoration-line:underline}.rt\:disabled\:pointer-events-none:disabled{pointer-events:none}.rt\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.rt\:disabled\:opacity-50:disabled,.rt\:has-disabled\:opacity-50:has(:disabled){opacity:.5}.rt\:has-aria-invalid\:shadow-ring-invalid:has([aria-invalid=true]),.rt\:has-aria-invalid\:focus-within\:shadow-ring-invalid:has([aria-invalid=true]):focus-within{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:aria-disabled\:cursor-default[aria-disabled=true]{cursor:default}.rt\:aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.rt\:aria-invalid\:shadow-ring-invalid[aria-invalid=true],.rt\:aria-invalid\:focus-visible\:shadow-ring-invalid[aria-invalid=true]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-drag-active\:border-primary[data-drag-active]{border-color:var(--rt-primary)}.rt\:data-drag-active\:bg-primary-tint[data-drag-active]{background-color:var(--rt-primary-tint)}.rt\:data-dragging\:opacity-50[data-dragging]{opacity:.5}.rt\:data-empty\:py-0[data-empty]{padding-block:0}.rt\:data-highlighted\:bg-accent[data-highlighted]{background-color:var(--rt-accent)}.rt\:data-highlighted\:bg-destructive-hover[data-highlighted]{background-color:var(--rt-destructive-hover)}.rt\:data-highlighted\:bg-muted[data-highlighted]{background-color:var(--rt-muted)}.rt\:data-highlighted\:text-accent-foreground[data-highlighted]{color:var(--rt-accent-foreground)}.rt\:data-highlighted\:text-destructive-foreground[data-highlighted]{color:var(--rt-destructive-foreground)}.rt\:data-indeterminate\:w-1\/3[data-indeterminate]{width:33.3333%}.rt\:data-indeterminate\:loading-motion[data-indeterminate]{animation:var(--rt-loading-animation)}@media (prefers-reduced-motion:reduce){.rt\:data-indeterminate\:loading-motion[data-indeterminate]{animation:none}}.rt\:data-indeterminate\:bg-primary[data-indeterminate]{background-color:var(--rt-primary)}.rt\:data-indeterminate\:shadow-none[data-indeterminate]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.rt\:data-indeterminate\:hover\:bg-primary-hover[data-indeterminate]:hover{background-color:var(--rt-primary-hover)}}.rt\:aria-invalid\:data-indeterminate\:shadow-ring-invalid[aria-invalid=true][data-indeterminate]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--rt-muted-foreground)}.rt\:data-popup-open\:bg-accent[data-popup-open]{background-color:var(--rt-accent)}.rt\:data-pressed\:border-0[data-pressed]{border-style:var(--tw-border-style);border-width:0}.rt\:data-pressed\:px-2\.75[data-pressed]{padding-inline:calc(var(--rt-spacing) * 2.75)}.rt\:data-pressed\:font-semibold[data-pressed]{--tw-font-weight:var(--rt-font-weight-semibold);font-weight:var(--rt-font-weight-semibold)}.rt\:data-pressed\:text-primary[data-pressed]{color:var(--rt-primary)}.rt\:data-pressed\:shadow-ring-accent-hairline[data-pressed]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--rt-primary)), 0 0 0 .5px var(--tw-shadow-color,var(--rt-primary));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:48rem){.rt\:md\:hidden{display:none}.rt\:md\:inline{display:inline}.rt\:md\:h-15{height:calc(var(--rt-spacing) * 15)}.rt\:md\:flex-row{flex-direction:row}.rt\:md\:px-6{padding-inline:calc(var(--rt-spacing) * 6)}}.rt\:data-checked\:justify-end:where([data-checked]:not([data-checked=false])){justify-content:flex-end}.rt\:data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--rt-primary)}.rt\:data-checked\:bg-primary-foreground:where([data-checked]:not([data-checked=false])){background-color:var(--rt-primary-foreground)}.rt\:data-checked\:shadow-none:where([data-checked]:not([data-checked=false])){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.rt\:data-checked\:hover\:bg-primary-hover:where([data-checked]:not([data-checked=false])):hover{background-color:var(--rt-primary-hover)}}.rt\:aria-invalid\:data-checked\:shadow-ring-invalid[aria-invalid=true]:where([data-checked]:not([data-checked=false])){--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-selected\:bg-muted:where([data-selected]:not([data-selected=false])){background-color:var(--rt-muted)}.rt\:data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.rt\:data-disabled\:cursor-default:where([data-disabled]:not([data-disabled=false])){cursor:default}.rt\:data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled=false])){cursor:not-allowed}.rt\:data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.rt\:data-active\:font-semibold:where([data-active]:not([data-active=false])){--tw-font-weight:var(--rt-font-weight-semibold);font-weight:var(--rt-font-weight-semibold)}.rt\:data-active\:text-primary:where([data-active]:not([data-active=false])){color:var(--rt-primary)}.rt\:data-active\:shadow-ring-focus:where([data-active]:not([data-active=false])){--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-ring)), 0 0 0 1px var(--tw-shadow-color,var(--rt-input));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-active\:after\:opacity-100:where([data-active]:not([data-active=false])):after{content:var(--tw-content);opacity:1}.rt\:aria-invalid\:data-active\:shadow-ring-invalid[aria-invalid=true]:where([data-active]:not([data-active=false])){--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--rt-destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rt\:data-horizontal\:h-1\.5:where([data-orientation=horizontal]){height:calc(var(--rt-spacing) * 1.5)}.rt\:data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.rt\:data-horizontal\:min-h-px:where([data-orientation=horizontal]){min-height:1px}.rt\:data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.rt\:data-horizontal\:flex-col:where([data-orientation=horizontal]){flex-direction:column}.rt\:data-vertical\:h-full:where([data-orientation=vertical]){height:100%}.rt\:data-vertical\:w-1\.5:where([data-orientation=vertical]){width:calc(var(--rt-spacing) * 1.5)}.rt\:data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.rt\:data-vertical\:shrink-0:where([data-orientation=vertical]){flex-shrink:0}.rt\:data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.rt\:side-bottom\:inset-x-0:where([data-side=bottom]){inset-inline:0}.rt\:side-bottom\:bottom-0:where([data-side=bottom]){bottom:0}.rt\:side-bottom\:rounded-t-3xl:where([data-side=bottom]){border-top-left-radius:var(--rt-radius-3xl);border-top-right-radius:var(--rt-radius-3xl)}.rt\:side-bottom\:border-x:where([data-side=bottom]){border-inline-style:var(--tw-border-style);border-inline-width:1px}.rt\:side-bottom\:border-t:where([data-side=bottom]){border-top-style:var(--tw-border-style);border-top-width:1px}.rt\:side-left\:inset-y-0:where([data-side=left]){inset-block:0}.rt\:side-left\:left-0:where([data-side=left]){left:0}.rt\:side-left\:w-3\/4:where([data-side=left]){width:75%}.rt\:side-left\:border-r:where([data-side=left]){border-right-style:var(--tw-border-style);border-right-width:1px}@media (min-width:40rem){.rt\:side-left\:sm\:w-96:where([data-side=left]){width:calc(var(--rt-spacing) * 96)}}.rt\:side-right\:inset-y-0:where([data-side=right]){inset-block:0}.rt\:side-right\:right-0:where([data-side=right]){right:0}.rt\:side-right\:w-3\/4:where([data-side=right]){width:75%}.rt\:side-right\:border-l:where([data-side=right]){border-left-style:var(--tw-border-style);border-left-width:1px}@media (min-width:40rem){.rt\:side-right\:sm\:w-96:where([data-side=right]){width:calc(var(--rt-spacing) * 96)}}.rt\:swipe-up\:top-0:where([data-swipe-direction=up]){top:0}.rt\:swipe-up\:rounded-b-3xl:where([data-swipe-direction=up]){border-bottom-right-radius:var(--rt-radius-3xl);border-bottom-left-radius:var(--rt-radius-3xl)}.rt\:swipe-up\:border-x:where([data-swipe-direction=up]){border-inline-style:var(--tw-border-style);border-inline-width:1px}.rt\:swipe-up\:border-b:where([data-swipe-direction=up]){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.rt\:swipe-down\:bottom-0:where([data-swipe-direction=down]){bottom:0}.rt\:swipe-down\:rounded-t-3xl:where([data-swipe-direction=down]){border-top-left-radius:var(--rt-radius-3xl);border-top-right-radius:var(--rt-radius-3xl)}.rt\:swipe-down\:border-x:where([data-swipe-direction=down]){border-inline-style:var(--tw-border-style);border-inline-width:1px}.rt\:swipe-down\:border-t:where([data-swipe-direction=down]){border-top-style:var(--tw-border-style);border-top-width:1px}.rt\:swipe-left\:left-0:where([data-swipe-direction=left]){left:0}.rt\:swipe-left\:rounded-r-3xl:where([data-swipe-direction=left]){border-top-right-radius:var(--rt-radius-3xl);border-bottom-right-radius:var(--rt-radius-3xl)}.rt\:swipe-left\:border-y:where([data-swipe-direction=left]){border-block-style:var(--tw-border-style);border-block-width:1px}.rt\:swipe-left\:border-r:where([data-swipe-direction=left]){border-right-style:var(--tw-border-style);border-right-width:1px}.rt\:swipe-right\:right-0:where([data-swipe-direction=right]){right:0}.rt\:swipe-right\:rounded-l-3xl:where([data-swipe-direction=right]){border-top-left-radius:var(--rt-radius-3xl);border-bottom-left-radius:var(--rt-radius-3xl)}.rt\:swipe-right\:border-y:where([data-swipe-direction=right]){border-block-style:var(--tw-border-style);border-block-width:1px}.rt\:swipe-right\:border-l:where([data-swipe-direction=right]){border-left-style:var(--tw-border-style);border-left-width:1px}.rt\:swipe-x\:inset-y-0:where([data-swipe-direction=left],[data-swipe-direction=right]){inset-block:0}.rt\:swipe-x\:w-3\/4:where([data-swipe-direction=left],[data-swipe-direction=right]){width:75%}.rt\:swipe-x\:flex-row:where([data-swipe-direction=left],[data-swipe-direction=right]){flex-direction:row}@media (min-width:40rem){.rt\:swipe-x\:sm\:w-96:where([data-swipe-direction=left],[data-swipe-direction=right]){width:calc(var(--rt-spacing) * 96)}}.rt\:swipe-y\:inset-x-0:where([data-swipe-direction=up],[data-swipe-direction=down]){inset-inline:0}.rt\:svg\:text-foreground-subdued svg{color:var(--rt-foreground-subdued)}.rt\:svg\:text-icon svg{color:var(--rt-icon)}@keyframes rt-spin{to{transform:rotate(360deg)}}@keyframes rt-pulse{50%{opacity:.5}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-content{syntax:"*";inherits:false;initial-value:""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ratio-ui/core",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "React components for Ratio apps: one set of design tokens, one built stylesheet and accessible components, drawn to the Ratio design system",
   "private": false,
   "license": "MIT",