@shmidko61/lc-ui-kit 0.0.1

package/dist/shared/responsive-style/responsive-style.types.d.ts

@@ -0,0 +1,52 @@
+import { CSSProperties } from 'react';
+import { UiKitTypography } from '../../design-tokens/typography.tokens';
+import { UiKitColors } from '../../types';
+/**
+ * Поддерживаемые responsive breakpoints.
+ *
+ * Base/sm состояние задаётся напрямую через `colors`, `typography`, `vars`.
+ * `md`, `lg`, `xl` работают как min-width overrides.
+ */
+export type ResponsiveStyleBreakpoint = 'md' | 'lg' | 'xl';
+/**
+ * Имя CSS custom property, например `--color-text-primary`.
+ */
+export type CssVariableName = `--${string}`;
+/**
+ * Значение CSS custom property.
+ *
+ * Разрешаем строки и числа, чтобы поддерживать как design tokens, так и raw
+ * runtime значения: hex, px/rem, проценты, font-weight и т.д.
+ */
+export type CssVariableValue = string | number;
+/**
+ * Свободная карта CSS custom properties.
+ *
+ * Используется для токенов, которые ещё не описаны отдельным typed group.
+ */
+export type CssVariableMap = Partial<Record<CssVariableName, CssVariableValue>>;
+/**
+ * Base-набор style tokens для одного состояния.
+ *
+ * `colors` и `typography` типизированы известными токенами дизайн-системы.
+ * `vars` оставлен как escape hatch для новых или компонентных CSS-переменных.
+ */
+export interface UiKitStyleProps {
+    colors?: UiKitColors;
+    typography?: UiKitTypography;
+    vars?: CssVariableMap;
+}
+/**
+ * Общий responsive API для компонентов ui-kit.
+ *
+ * Значения верхнего уровня являются base/sm состоянием. В `md`, `lg`, `xl`
+ * передаются частичные overrides, которые применяются через media queries.
+ */
+export type ResponsiveUiKitStyleProps = UiKitStyleProps & Partial<Record<ResponsiveStyleBreakpoint, UiKitStyleProps>>;
+/**
+ * Результат вычисления responsive style без runtime stylesheet.
+ */
+export interface ResolvedResponsiveStyle {
+    className: string | undefined;
+    style: CSSProperties;
+}

package/dist/shared/responsive-style/responsive-style.utils.d.ts

@@ -0,0 +1,17 @@
+import { CssVariableValue, ResponsiveUiKitStyleProps } from './responsive-style.types';
+/**
+ * Объединяет несколько наборов responsive style props.
+ *
+ * Более поздние аргументы имеют приоритет. Это нужно компонентам, которые сами
+ * формируют базовые токены из своих props, а затем дают пользователю
+ * переопределить их через публичный responsive API.
+ */
+export declare function mergeResponsiveStyleProps(...styleProps: Array<ResponsiveUiKitStyleProps | undefined>): ResponsiveUiKitStyleProps;
+/**
+ * Нормализует CSS-значение, которое может быть design token.
+ *
+ * Если строка похожа на CSS custom property (`--*`), считаем её ссылкой на токен
+ * и превращаем в `var(--*)`. Остальные строки и числа используются как готовые
+ * CSS-значения: hex, rgb, px, проценты, `color-mix(...)` и т.д.
+ */
+export declare function normalizeCssTokenValue<TValue extends CssVariableValue>(value: TValue): TValue | string;

package/dist/status-badge/status-badge.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes, JSX, ReactNode } from 'react';
+import { BoxBackgroundValue } from '../box/box.types';
+export type StatusBadgeColorValue = BoxBackgroundValue;
+export type StatusBadgeProps = Omit<HTMLAttributes<HTMLDivElement>, 'color'> & {
+    backgroundOpacity?: number;
+    backgroundColor?: StatusBadgeColorValue;
+    borderColor?: StatusBadgeColorValue;
+    children?: ReactNode;
+    color?: StatusBadgeColorValue;
+};
+export declare function StatusBadge({ backgroundOpacity, backgroundColor, borderColor, children, className, color, style, ...props }: StatusBadgeProps): JSX.Element;

package/dist/status-badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),p=require("./box.cjs"),g=require("./responsive-style.config-B2m9jVlX.cjs"),t=require("./responsive-style.utils-BdyoDkKg.cjs");function x(e,r){return`color-mix(in srgb, ${e} ${r}%, transparent)`}function m({backgroundOpacity:e=15,backgroundColor:r,borderColor:o,children:s,className:a,color:i="--color-text-secondary",style:l,...u}){const n=String(t.normalizeCssTokenValue(i)),c=r??x(n,e);return d.jsx(p.Box,{backgroundColor:c,className:g.cn("inline-flex min-h-[30px] items-center gap-[6px] rounded-[6px] border border-transparent px-[8px] py-[6px]",a),style:{...l,borderColor:o?t.normalizeCssTokenValue(o):void 0,color:n},...u,children:s})}exports.StatusBadge=m;

package/dist/status-badge.js

@@ -0,0 +1,39 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Box as d } from "./box.js";
+import { c as x } from "./responsive-style.config-DFuATrIM.js";
+import { n as t } from "./responsive-style.utils-D10sC561.js";
+function u(r, o) {
+  return `color-mix(in srgb, ${r} ${o}%, transparent)`;
+}
+function k({
+  backgroundOpacity: r = 15,
+  backgroundColor: o,
+  borderColor: n,
+  children: a,
+  className: s,
+  color: i = "--color-text-secondary",
+  style: p,
+  ...c
+}) {
+  const e = String(t(i)), l = o ?? u(e, r);
+  return /* @__PURE__ */ m(
+    d,
+    {
+      backgroundColor: l,
+      className: x(
+        "inline-flex min-h-[30px] items-center gap-[6px] rounded-[6px] border border-transparent px-[8px] py-[6px]",
+        s
+      ),
+      style: {
+        ...p,
+        borderColor: n ? t(n) : void 0,
+        color: e
+      },
+      ...c,
+      children: a
+    }
+  );
+}
+export {
+  k as StatusBadge
+};

package/dist/styles.css

@@ -0,0 +1 @@
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-\[var\(--bottom\)\]{bottom:var(--bottom)}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-\[var\(--left\)\]{left:var(--left)}.right-2{right:.5rem}.right-\[4px\]{right:4px}.right-\[var\(--right\)\]{right:var(--right)}.top-0{top:0}.top-1\/2{top:50%}.top-\[4px\]{top:4px}.top-\[var\(--top\)\]{top:var(--top)}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[var\(--z-index\)\]{z-index:var(--z-index)}.order-\[var\(--order\)\]{order:var(--order)}.m-\[var\(--margin\)\]{margin:var(--margin)}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mb-\[8px\]{margin-bottom:8px}.mb-\[var\(--margin-bottom\)\]{margin-bottom:var(--margin-bottom)}.ml-\[var\(--margin-left\)\]{margin-left:var(--margin-left)}.mr-\[var\(--margin-right\)\]{margin-right:var(--margin-right)}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-\[12px\]{margin-top:12px}.mt-\[24px\]{margin-top:24px}.mt-\[4px\]{margin-top:4px}.mt-\[8px\]{margin-top:8px}.mt-\[var\(--margin-top\)\]{margin-top:var(--margin-top)}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-5{width:1.25rem;height:1.25rem}.size-\[14px\]{width:14px;height:14px}.size-\[16px\]{width:16px;height:16px}.size-\[18px\]{width:18px;height:18px}.size-\[20px\]{width:20px;height:20px}.size-\[22px\]{width:22px;height:22px}.size-\[40px\]{width:40px;height:40px}.size-full{width:100%;height:100%}.h-\[12px\]{height:12px}.h-\[20px\]{height:20px}.h-\[28px\]{height:28px}.h-\[360px\]{height:360px}.h-\[45px\]{height:45px}.h-\[8px\]{height:8px}.h-\[9px\]{height:9px}.h-\[var\(--height\)\]{height:var(--height)}.h-full{height:100%}.max-h-\[204px\]{max-height:204px}.max-h-\[280px\]{max-height:280px}.max-h-\[var\(--max-height\)\]{max-height:var(--max-height)}.min-h-0{min-height:0}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-6{min-height:1.5rem}.min-h-\[109px\]{min-height:109px}.min-h-\[30px\]{min-height:30px}.min-h-\[41px\]{min-height:41px}.min-h-\[42px\]{min-height:42px}.min-h-\[45px\]{min-height:45px}.min-h-\[var\(--min-height\)\]{min-height:var(--min-height)}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-\[12px\]{width:12px}.w-\[240px\]{width:240px}.w-\[352px\]{width:352px}.w-\[40px\]{width:40px}.w-\[428px\]{width:428px}.w-\[520px\]{width:520px}.w-\[56px\]{width:56px}.w-\[672px\]{width:672px}.w-\[720px\]{width:720px}.w-\[8px\]{width:8px}.w-\[var\(--width\)\]{width:var(--width)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-\[0px\]{min-width:0}.min-w-\[41px\]{min-width:41px}.min-w-\[var\(--min-width\)\]{min-width:var(--min-width)}.max-w-\[360px\]{max-width:360px}.max-w-\[420px\]{max-width:420px}.max-w-\[460px\]{max-width:460px}.max-w-\[560px\]{max-width:560px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-\[820px\]{max-width:820px}.max-w-\[860px\]{max-width:860px}.max-w-\[926px\]{max-width:926px}.max-w-\[960px\]{max-width:960px}.max-w-\[var\(--max-width\)\]{max-width:var(--max-width)}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.shrink-\[var\(--flex-shrink\)\]{flex-shrink:var(--flex-shrink)}.grow{flex-grow:1}.grow-\[var\(--flex-grow\)\]{flex-grow:var(--flex-grow)}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-\[6px\]{--tw-border-spacing-x:6px;--tw-border-spacing-y:6px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-\[65\%\]{--tw-translate-y:-65%}.-translate-y-\[65\%\],.translate-x-\[0px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[0px\]{--tw-translate-x:0px}.translate-x-\[20px\]{--tw-translate-x:20px}.translate-x-\[20px\],.translate-y-\[-35\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-35\%\]{--tw-translate-y:-35%}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.rotate-\[225deg\]{--tw-rotate:225deg}.rotate-\[225deg\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-alias{cursor:alias}.cursor-all-scroll{cursor:all-scroll}.cursor-auto{cursor:auto}.cursor-cell{cursor:cell}.cursor-col-resize{cursor:col-resize}.cursor-context-menu{cursor:context-menu}.cursor-copy{cursor:copy}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-e-resize{cursor:e-resize}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-n-resize{cursor:n-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-nesw-resize{cursor:nesw-resize}.cursor-no-drop{cursor:no-drop}.cursor-none{cursor:none}.cursor-not-allowed{cursor:not-allowed}.cursor-ns-resize{cursor:ns-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.cursor-progress{cursor:progress}.cursor-row-resize{cursor:row-resize}.cursor-s-resize{cursor:s-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-text{cursor:text}.cursor-vertical-text{cursor:vertical-text}.cursor-w-resize{cursor:w-resize}.cursor-wait{cursor:wait}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[var\(--grid-template-columns\)\]{grid-template-columns:var(--grid-template-columns)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-0{gap:0}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[0px\]{gap:0}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[20px\]{gap:20px}.gap-\[24px\]{gap:24px}.gap-\[2px\]{gap:2px}.gap-\[4px\]{gap:4px}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.gap-\[var\(--gap\)\]{gap:var(--gap)}.gap-\[var\(--grid-gap\)\]{gap:var(--grid-gap)}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.space-y-\[16px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(16px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-\[var\(--color-background-subtle\)\]>:not([hidden])~:not([hidden]){border-color:var(--color-background-subtle)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[100px\]{border-radius:100px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[999px\]{border-radius:999px}.rounded-\[var\(--border-radius\)\]{border-radius:var(--border-radius)}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-bl-\[var\(--border-bottom-left-radius\)\]{border-bottom-left-radius:var(--border-bottom-left-radius)}.rounded-br-\[var\(--border-bottom-right-radius\)\]{border-bottom-right-radius:var(--border-bottom-right-radius)}.rounded-tl-\[var\(--border-top-left-radius\)\]{border-top-left-radius:var(--border-top-left-radius)}.rounded-tr-\[var\(--border-top-right-radius\)\]{border-top-right-radius:var(--border-top-right-radius)}.\!border{border-width:1px!important}.border{border-width:1px}.border-\[length\:var\(--border-width\)\]{border-width:var(--border-width)}.border-b{border-bottom-width:1px}.border-b-\[2px\]{border-bottom-width:2px}.border-b-\[length\:var\(--border-bottom-width\)\]{border-bottom-width:var(--border-bottom-width)}.border-l-\[length\:var\(--border-left-width\)\]{border-left-width:var(--border-left-width)}.border-r{border-right-width:1px}.border-r-\[2px\]{border-right-width:2px}.border-r-\[length\:var\(--border-right-width\)\]{border-right-width:var(--border-right-width)}.border-t{border-top-width:1px}.border-t-\[length\:var\(--border-top-width\)\]{border-top-width:var(--border-top-width)}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.border-\[color\:var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--color-background-subtle\)\]{border-color:var(--color-background-subtle)}.border-\[var\(--color-primary-accent\)\]{border-color:var(--color-primary-accent)}.border-\[var\(--color-secondary-accent-1\)\]{border-color:var(--color-secondary-accent-1)}.border-\[var\(--color-secondary-accent-2\)\]{border-color:var(--color-secondary-accent-2)}.border-\[var\(--color-secondary-accent-3\)\]{border-color:var(--color-secondary-accent-3)}.border-\[var\(--color-text-secondary\)\]{border-color:var(--color-text-secondary)}.border-current{border-color:currentColor}.border-transparent{border-color:transparent}.bg-\[var\(--background-color\)\]{background-color:var(--background-color)}.bg-\[var\(--button-bg\)\]{background-color:var(--button-bg)}.bg-\[var\(--color-background-default\)\]{background-color:var(--color-background-default)}.bg-\[var\(--color-background-inverted\)\]{background-color:var(--color-background-inverted)}.bg-\[var\(--color-background-muted\)\]{background-color:var(--color-background-muted)}.bg-\[var\(--color-background-subtle\)\]{background-color:var(--color-background-subtle)}.bg-\[var\(--color-primary-accent\)\]{background-color:var(--color-primary-accent)}.bg-\[var\(--color-secondary-accent-1\)\]{background-color:var(--color-secondary-accent-1)}.bg-\[var\(--color-secondary-accent-2\)\]{background-color:var(--color-secondary-accent-2)}.bg-\[var\(--color-text-primary\)\]{background-color:var(--color-text-primary)}.bg-background{background-color:var(--color-background-default)}.bg-transparent{background-color:transparent}.bg-\[length\:var\(--background-size\)\]{background-size:var(--background-size)}.bg-auto{background-size:auto}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-\[position\:var\(--background-position\)\]{background-position:var(--background-position)}.bg-bottom{background-position:bottom}.bg-center{background-position:50%}.bg-left{background-position:0}.bg-left-bottom{background-position:0 100%}.bg-left-top{background-position:0 0}.bg-right{background-position:100%}.bg-right-bottom{background-position:100% 100%}.bg-right-top{background-position:100% 0}.bg-top{background-position:top}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[10px\]{padding:10px}.p-\[12px\]{padding:12px}.p-\[16px\]{padding:16px}.p-\[20px\]{padding:20px}.p-\[2px\]{padding:2px}.p-\[4px\]{padding:4px}.p-\[8px\]{padding:8px}.p-\[var\(--padding\)\]{padding:var(--padding)}.px-1{padding-left:.25rem;padding-right:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[8px\]{padding-left:8px;padding-right:8px}.py-0{padding-top:0;padding-bottom:0}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[12px\]{padding-top:12px;padding-bottom:12px}.py-\[20px\]{padding-top:20px;padding-bottom:20px}.py-\[32px\]{padding-top:32px;padding-bottom:32px}.py-\[4px\]{padding-top:4px;padding-bottom:4px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.pb-\[var\(--padding-bottom\)\]{padding-bottom:var(--padding-bottom)}.pl-12{padding-left:3rem}.pl-\[20px\]{padding-left:20px}.pl-\[var\(--padding-left\)\]{padding-left:var(--padding-left)}.pr-12{padding-right:3rem}.pr-\[4px\]{padding-right:4px}.pr-\[var\(--padding-right\)\]{padding-right:var(--padding-right)}.pt-\[var\(--padding-top\)\]{padding-top:var(--padding-top)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.text-\[length\:var\(--button-font-size\)\]{font-size:var(--button-font-size)}.text-\[length\:var\(--typography-font-size\)\]{font-size:var(--typography-font-size)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\[var\(--button-font-weight\)\]{font-weight:var(--button-font-weight)}.font-\[var\(--typography-font-weight\)\]{font-weight:var(--typography-font-weight)}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.leading-\[120\%\]{line-height:120%}.leading-\[140\%\]{line-height:140%}.leading-\[18px\]{line-height:18px}.leading-\[var\(--button-line-height\)\]{line-height:var(--button-line-height)}.leading-\[var\(--typography-line-height\)\]{line-height:var(--typography-line-height)}.tracking-\[var\(--typography-letter-spacing\)\]{letter-spacing:var(--typography-letter-spacing)}.tracking-normal{letter-spacing:0}.text-\[var\(--button-color\)\]{color:var(--button-color)}.text-\[var\(--color-background-default\)\]{color:var(--color-background-default)}.text-\[var\(--color-secondary-accent-1\)\]{color:var(--color-secondary-accent-1)}.text-\[var\(--color-secondary-accent-2\)\]{color:var(--color-secondary-accent-2)}.text-\[var\(--color-secondary-accent-3\)\]{color:var(--color-secondary-accent-3)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--typography-color\2c var\(--color-text-primary\)\)\]{color:var(--typography-color,var(--color-text-primary))}.text-foreground{color:var(--color-text-primary)}.text-transparent{color:transparent}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-dashed{outline-style:dashed}.outline-dotted{outline-style:dotted}.outline-double{outline-style:double}.outline-\[length\:var\(--outline-width\)\]{outline-width:var(--outline-width)}.outline-offset-\[var\(--outline-offset\)\]{outline-offset:var(--outline-offset)}.outline-\[color\:var\(--outline-color\)\]{outline-color:var(--outline-color)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[height\2c opacity\]{transition-property:height,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.\[--color-background-default\:var\(--base-color-background-default\)\]{--color-background-default:var(--base-color-background-default)}.\[--color-background-inverted\:var\(--base-color-background-inverted\)\]{--color-background-inverted:var(--base-color-background-inverted)}.\[--color-background-muted\:var\(--base-color-background-muted\)\]{--color-background-muted:var(--base-color-background-muted)}.\[--color-background-subtle\:var\(--base-color-background-subtle\)\]{--color-background-subtle:var(--base-color-background-subtle)}.\[--color-primary-accent\:var\(--base-color-primary-accent\)\]{--color-primary-accent:var(--base-color-primary-accent)}.\[--color-secondary-accent-1\:var\(--base-color-secondary-accent-1\)\]{--color-secondary-accent-1:var(--base-color-secondary-accent-1)}.\[--color-secondary-accent-2\:var\(--base-color-secondary-accent-2\)\]{--color-secondary-accent-2:var(--base-color-secondary-accent-2)}.\[--color-secondary-accent-3\:var\(--base-color-secondary-accent-3\)\]{--color-secondary-accent-3:var(--base-color-secondary-accent-3)}.\[--color-text-primary\:var\(--base-color-text-primary\)\]{--color-text-primary:var(--base-color-text-primary)}.\[--color-text-secondary\:var\(--base-color-text-secondary\)\]{--color-text-secondary:var(--base-color-text-secondary)}.\[--typo-fs-b1-lg\:var\(--base-typo-fs-b1-lg\)\]{--typo-fs-b1-lg:var(--base-typo-fs-b1-lg)}.\[--typo-fs-b1-md\:var\(--base-typo-fs-b1-md\)\]{--typo-fs-b1-md:var(--base-typo-fs-b1-md)}.\[--typo-fs-b2-lg\:var\(--base-typo-fs-b2-lg\)\]{--typo-fs-b2-lg:var(--base-typo-fs-b2-lg)}.\[--typo-fs-b2-md\:var\(--base-typo-fs-b2-md\)\]{--typo-fs-b2-md:var(--base-typo-fs-b2-md)}.\[--typo-fs-b3-lg\:var\(--base-typo-fs-b3-lg\)\]{--typo-fs-b3-lg:var(--base-typo-fs-b3-lg)}.\[--typo-fs-b3-md\:var\(--base-typo-fs-b3-md\)\]{--typo-fs-b3-md:var(--base-typo-fs-b3-md)}.\[--typo-fs-caption-lg\:var\(--base-typo-fs-caption-lg\)\]{--typo-fs-caption-lg:var(--base-typo-fs-caption-lg)}.\[--typo-fs-h1-lg\:var\(--base-typo-fs-h1-lg\)\]{--typo-fs-h1-lg:var(--base-typo-fs-h1-lg)}.\[--typo-fs-h1-md\:var\(--base-typo-fs-h1-md\)\]{--typo-fs-h1-md:var(--base-typo-fs-h1-md)}.\[--typo-fs-h1-sm\:var\(--base-typo-fs-h1-sm\)\]{--typo-fs-h1-sm:var(--base-typo-fs-h1-sm)}.\[--typo-fs-h2-lg\:var\(--base-typo-fs-h2-lg\)\]{--typo-fs-h2-lg:var(--base-typo-fs-h2-lg)}.\[--typo-fs-h2-md\:var\(--base-typo-fs-h2-md\)\]{--typo-fs-h2-md:var(--base-typo-fs-h2-md)}.\[--typo-fs-h3-lg\:var\(--base-typo-fs-h3-lg\)\]{--typo-fs-h3-lg:var(--base-typo-fs-h3-lg)}.\[--typo-fs-h3-md\:var\(--base-typo-fs-h3-md\)\]{--typo-fs-h3-md:var(--base-typo-fs-h3-md)}.\[--typo-fs-h4-lg\:var\(--base-typo-fs-h4-lg\)\]{--typo-fs-h4-lg:var(--base-typo-fs-h4-lg)}.\[--typo-fs-h4-md\:var\(--base-typo-fs-h4-md\)\]{--typo-fs-h4-md:var(--base-typo-fs-h4-md)}.\[--typo-fw-b1-lg\:var\(--base-typo-fw-b1-lg\)\]{--typo-fw-b1-lg:var(--base-typo-fw-b1-lg)}.\[--typo-fw-b1-md\:var\(--base-typo-fw-b1-md\)\]{--typo-fw-b1-md:var(--base-typo-fw-b1-md)}.\[--typo-fw-b2-lg\:var\(--base-typo-fw-b2-lg\)\]{--typo-fw-b2-lg:var(--base-typo-fw-b2-lg)}.\[--typo-fw-b2-md\:var\(--base-typo-fw-b2-md\)\]{--typo-fw-b2-md:var(--base-typo-fw-b2-md)}.\[--typo-fw-b3-lg\:var\(--base-typo-fw-b3-lg\)\]{--typo-fw-b3-lg:var(--base-typo-fw-b3-lg)}.\[--typo-fw-b3-md\:var\(--base-typo-fw-b3-md\)\]{--typo-fw-b3-md:var(--base-typo-fw-b3-md)}.\[--typo-fw-caption-lg\:var\(--base-typo-fw-caption-lg\)\]{--typo-fw-caption-lg:var(--base-typo-fw-caption-lg)}.\[--typo-fw-h1-lg\:var\(--base-typo-fw-h1-lg\)\]{--typo-fw-h1-lg:var(--base-typo-fw-h1-lg)}.\[--typo-fw-h1-md\:var\(--base-typo-fw-h1-md\)\]{--typo-fw-h1-md:var(--base-typo-fw-h1-md)}.\[--typo-fw-h1-sm\:var\(--base-typo-fw-h1-sm\)\]{--typo-fw-h1-sm:var(--base-typo-fw-h1-sm)}.\[--typo-fw-h2-lg\:var\(--base-typo-fw-h2-lg\)\]{--typo-fw-h2-lg:var(--base-typo-fw-h2-lg)}.\[--typo-fw-h2-md\:var\(--base-typo-fw-h2-md\)\]{--typo-fw-h2-md:var(--base-typo-fw-h2-md)}.\[--typo-fw-h3-lg\:var\(--base-typo-fw-h3-lg\)\]{--typo-fw-h3-lg:var(--base-typo-fw-h3-lg)}.\[--typo-fw-h3-md\:var\(--base-typo-fw-h3-md\)\]{--typo-fw-h3-md:var(--base-typo-fw-h3-md)}.\[--typo-fw-h4-lg\:var\(--base-typo-fw-h4-lg\)\]{--typo-fw-h4-lg:var(--base-typo-fw-h4-lg)}.\[--typo-fw-h4-md\:var\(--base-typo-fw-h4-md\)\]{--typo-fw-h4-md:var(--base-typo-fw-h4-md)}.\[--typo-lh-b1-lg\:var\(--base-typo-lh-b1-lg\)\]{--typo-lh-b1-lg:var(--base-typo-lh-b1-lg)}.\[--typo-lh-b1-md\:var\(--base-typo-lh-b1-md\)\]{--typo-lh-b1-md:var(--base-typo-lh-b1-md)}.\[--typo-lh-b2-lg\:var\(--base-typo-lh-b2-lg\)\]{--typo-lh-b2-lg:var(--base-typo-lh-b2-lg)}.\[--typo-lh-b2-md\:var\(--base-typo-lh-b2-md\)\]{--typo-lh-b2-md:var(--base-typo-lh-b2-md)}.\[--typo-lh-b3-lg\:var\(--base-typo-lh-b3-lg\)\]{--typo-lh-b3-lg:var(--base-typo-lh-b3-lg)}.\[--typo-lh-b3-md\:var\(--base-typo-lh-b3-md\)\]{--typo-lh-b3-md:var(--base-typo-lh-b3-md)}.\[--typo-lh-caption-lg\:var\(--base-typo-lh-caption-lg\)\]{--typo-lh-caption-lg:var(--base-typo-lh-caption-lg)}.\[--typo-lh-h1-lg\:var\(--base-typo-lh-h1-lg\)\]{--typo-lh-h1-lg:var(--base-typo-lh-h1-lg)}.\[--typo-lh-h1-md\:var\(--base-typo-lh-h1-md\)\]{--typo-lh-h1-md:var(--base-typo-lh-h1-md)}.\[--typo-lh-h1-sm\:var\(--base-typo-lh-h1-sm\)\]{--typo-lh-h1-sm:var(--base-typo-lh-h1-sm)}.\[--typo-lh-h2-lg\:var\(--base-typo-lh-h2-lg\)\]{--typo-lh-h2-lg:var(--base-typo-lh-h2-lg)}.\[--typo-lh-h2-md\:var\(--base-typo-lh-h2-md\)\]{--typo-lh-h2-md:var(--base-typo-lh-h2-md)}.\[--typo-lh-h3-lg\:var\(--base-typo-lh-h3-lg\)\]{--typo-lh-h3-lg:var(--base-typo-lh-h3-lg)}.\[--typo-lh-h3-md\:var\(--base-typo-lh-h3-md\)\]{--typo-lh-h3-md:var(--base-typo-lh-h3-md)}.\[--typo-lh-h4-lg\:var\(--base-typo-lh-h4-lg\)\]{--typo-lh-h4-lg:var(--base-typo-lh-h4-lg)}.\[--typo-lh-h4-md\:var\(--base-typo-lh-h4-md\)\]{--typo-lh-h4-md:var(--base-typo-lh-h4-md)}.\[align-items\:var\(--align-items\)\]{align-items:var(--align-items)}.\[background\:var\(--background\)\]{background:var(--background)}.\[flex-direction\:var\(--flex-direction\)\]{flex-direction:var(--flex-direction)}.\[flex-wrap\:var\(--flex-wrap\)\]{flex-wrap:var(--flex-wrap)}.\[font-family\:var\(--font-family\)\]{font-family:var(--font-family)}.\[font-family\:var\(--typography-font-family\2c var\(--font-family\)\)\]{font-family:var(--typography-font-family,var(--font-family))}.\[font-style\:var\(--typography-font-style\)\]{font-style:var(--typography-font-style)}.\[height\:var\(--typography-height\)\]{height:var(--typography-height)}.\[justify-content\:var\(--button-justify-content\)\]{justify-content:var(--button-justify-content)}.\[justify-content\:var\(--button-justify-content\2c center\)\]{justify-content:var(--button-justify-content,center)}.\[justify-content\:var\(--justify-content\)\]{justify-content:var(--justify-content)}.\[margin-bottom\:var\(--typography-margin-bottom\2c 0\)\]{margin-bottom:var(--typography-margin-bottom,0)}.\[margin-left\:var\(--typography-margin-left\2c 0\)\]{margin-left:var(--typography-margin-left,0)}.\[margin-right\:var\(--typography-margin-right\2c 0\)\]{margin-right:var(--typography-margin-right,0)}.\[margin-top\:var\(--typography-margin-top\2c 0\)\]{margin-top:var(--typography-margin-top,0)}.\[max-height\:var\(--typography-max-height\)\]{max-height:var(--typography-max-height)}.\[max-width\:var\(--typography-max-width\)\]{max-width:var(--typography-max-width)}.\[min-height\:var\(--typography-min-height\)\]{min-height:var(--typography-min-height)}.\[min-width\:var\(--typography-min-width\)\]{min-width:var(--typography-min-width)}.\[padding-bottom\:var\(--typography-padding-bottom\2c 0\)\]{padding-bottom:var(--typography-padding-bottom,0)}.\[padding-left\:var\(--typography-padding-left\2c 0\)\]{padding-left:var(--typography-padding-left,0)}.\[padding-right\:var\(--typography-padding-right\2c 0\)\]{padding-right:var(--typography-padding-right,0)}.\[padding-top\:var\(--typography-padding-top\2c 0\)\]{padding-top:var(--typography-padding-top,0)}.\[position\:inherit\]{position:inherit}.\[text-align\:var\(--typography-text-align\)\]{text-align:var(--typography-text-align)}.\[text-decoration\:var\(--typography-text-decoration\)\]{-webkit-text-decoration:var(--typography-text-decoration);text-decoration:var(--typography-text-decoration)}.\[text-overflow\:var\(--typography-text-overflow\)\]{text-overflow:var(--typography-text-overflow)}.\[text-transform\:var\(--typography-text-transform\)\]{text-transform:var(--typography-text-transform)}.\[vertical-align\:var\(--typography-vertical-align\)\]{vertical-align:var(--typography-vertical-align)}.\[white-space\:var\(--typography-white-space\)\]{white-space:var(--typography-white-space)}.\[width\:var\(--typography-width\)\]{width:var(--typography-width)}.\[word-break\:var\(--typography-word-break\)\]{word-break:var(--typography-word-break)}:root{--color-text-secondary:#9caac2;--color-text-primary:#152237;--color-primary-accent:#0070f3;--color-background-subtle:#edf0f3;--color-background-default:#fff;--color-background-inverted:#0f1322;--color-background-muted:#fafafa;--color-secondary-accent-1:#4bc91d;--color-secondary-accent-2:#ea4f4f;--color-secondary-accent-3:#f38200;--font-family-primary:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-secondary:"Marck Script",cursive;--font-family:var(--font-family-primary);--typo-fs-h1-sm:36px;--typo-fw-h1-sm:700;--typo-lh-h1-sm:120%;--typo-fs-h1-md:48px;--typo-fw-h1-md:700;--typo-lh-h1-md:120%;--typo-fs-h1-lg:64px;--typo-fw-h1-lg:700;--typo-lh-h1-lg:120%;--typo-fs-h2-md:32px;--typo-fw-h2-md:700;--typo-lh-h2-md:120%;--typo-fs-h2-lg:48px;--typo-fw-h2-lg:700;--typo-lh-h2-lg:120%;--typo-fs-h3-lg:24px;--typo-fw-h3-lg:700;--typo-lh-h3-lg:120%;--typo-fs-h3-md:20px;--typo-fw-h3-md:700;--typo-lh-h3-md:120%;--typo-fs-h4-lg:20px;--typo-fw-h4-lg:700;--typo-lh-h4-lg:120%;--typo-fs-h4-md:18px;--typo-fw-h4-md:700;--typo-lh-h4-md:120%;--typo-fs-b1-lg:18px;--typo-fw-b1-lg:400;--typo-lh-b1-lg:140%;--typo-fs-b1-md:16px;--typo-fw-b1-md:400;--typo-lh-b1-md:140%;--typo-fs-b2-lg:15px;--typo-fw-b2-lg:400;--typo-lh-b2-lg:140%;--typo-fs-b2-md:14px;--typo-fw-b2-md:400;--typo-lh-b2-md:140%;--typo-fs-b3-lg:13px;--typo-fw-b3-lg:400;--typo-lh-b3-lg:140%;--typo-fs-b3-md:12px;--typo-fw-b3-md:400;--typo-lh-b3-md:140%;--typo-fs-caption-lg:12px;--typo-fw-caption-lg:600;--typo-lh-caption-lg:120%}.placeholder\:text-\[var\(--color-text-secondary\)\]::-moz-placeholder{color:var(--color-text-secondary)}.placeholder\:text-\[var\(--color-text-secondary\)\]::placeholder{color:var(--color-text-secondary)}.hover\:bg-\[color-mix\(in_srgb\2c var\(--color-background-subtle\)_90\%\2c \#000\)\]:hover{background-color:color-mix(in srgb,var(--color-background-subtle) 90%,#000)}.hover\:bg-\[color-mix\(in_srgb\2c var\(--color-primary-accent\)_80\%\2c \#fff\)\]:hover{background-color:color-mix(in srgb,var(--color-primary-accent) 80%,#fff)}.hover\:bg-\[color-mix\(in_srgb\2c var\(--color-secondary-accent-1\)_80\%\2c \#fff\)\]:hover{background-color:color-mix(in srgb,var(--color-secondary-accent-1) 80%,#fff)}.hover\:bg-\[color-mix\(in_srgb\2c var\(--color-secondary-accent-2\)_80\%\2c \#fff\)\]:hover{background-color:color-mix(in srgb,var(--color-secondary-accent-2) 80%,#fff)}.hover\:bg-\[color-mix\(in_srgb\2c var\(--color-text-primary\)_80\%\2c \#fff\)\]:hover{background-color:color-mix(in srgb,var(--color-text-primary) 80%,#fff)}.hover\:bg-\[var\(--button-hover-bg\2c var\(--button-bg\)\)\]:hover{background-color:var(--button-hover-bg,var(--button-bg))}.hover\:bg-\[var\(--color-background-subtle\)\]:hover{background-color:var(--color-background-subtle)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:\[background\:var\(--group-background\)\]:hover{background:var(--group-background)}.focus-visible\:border-\[var\(--color-primary-accent\)\]:focus-visible{border-color:var(--color-primary-accent)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[color-mix\(in_srgb\2c var\(--color-primary-accent\)_35\%\2c transparent\)\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--color-primary-accent) 35%,transparent)}.focus-visible\:ring-\[var\(--color-secondary-accent-2\)\]:focus-visible{--tw-ring-color:var(--color-secondary-accent-2)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-\[var\(--color-background-default\)\]:focus-visible{--tw-ring-offset-color:var(--color-background-default)}.active\:bg-\[color-mix\(in_srgb\2c var\(--color-background-subtle\)_80\%\2c \#fff\)\]:active{background-color:color-mix(in srgb,var(--color-background-subtle) 80%,#fff)}.active\:bg-\[color-mix\(in_srgb\2c var\(--color-primary-accent\)_80\%\2c \#000\)\]:active{background-color:color-mix(in srgb,var(--color-primary-accent) 80%,#000)}.active\:bg-\[color-mix\(in_srgb\2c var\(--color-secondary-accent-1\)_80\%\2c \#000\)\]:active{background-color:color-mix(in srgb,var(--color-secondary-accent-1) 80%,#000)}.active\:bg-\[color-mix\(in_srgb\2c var\(--color-secondary-accent-2\)_80\%\2c \#000\)\]:active{background-color:color-mix(in srgb,var(--color-secondary-accent-2) 80%,#000)}.active\:bg-\[color-mix\(in_srgb\2c var\(--color-text-primary\)_80\%\2c \#000\)\]:active{background-color:color-mix(in srgb,var(--color-text-primary) 80%,#000)}.active\:bg-\[var\(--button-active-bg\2c var\(--button-hover-bg\2c var\(--button-bg\)\)\)\]:active{background-color:var(--button-active-bg,var(--button-hover-bg,var(--button-bg)))}.active\:bg-transparent:active{background-color:transparent}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group\/accordion-trigger:hover .group-hover\/accordion-trigger\:bg-\[color-mix\(in_srgb\2c var\(--color-background-default\)_90\%\2c \#000\)\]{background-color:color-mix(in srgb,var(--color-background-default) 90%,#000)}.group:hover .group-hover\:\[background\:var\(--group-background\)\]{background:var(--group-background)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[state\=checked\]\:translate-x-\[28px\][data-state=checked]{--tw-translate-x:28px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.md\:static{position:static}.md\:fixed{position:fixed}.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:sticky{position:sticky}.md\:bottom-\[var\(--md-bottom\)\]{bottom:var(--md-bottom)}.md\:left-\[var\(--md-left\)\]{left:var(--md-left)}.md\:right-\[var\(--md-right\)\]{right:var(--md-right)}.md\:top-\[var\(--md-top\)\]{top:var(--md-top)}.md\:z-\[var\(--md-z-index\)\]{z-index:var(--md-z-index)}.md\:order-\[var\(--md-order\)\]{order:var(--md-order)}.md\:m-\[var\(--md-margin\)\]{margin:var(--md-margin)}.md\:mb-0{margin-bottom:0}.md\:mb-\[var\(--md-margin-bottom\)\]{margin-bottom:var(--md-margin-bottom)}.md\:ml-\[var\(--md-margin-left\)\]{margin-left:var(--md-margin-left)}.md\:mr-\[var\(--md-margin-right\)\]{margin-right:var(--md-margin-right)}.md\:mt-\[var\(--md-margin-top\)\]{margin-top:var(--md-margin-top)}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:table{display:table}.md\:table-cell{display:table-cell}.md\:table-row{display:table-row}.md\:grid{display:grid}.md\:list-item{display:list-item}.md\:hidden{display:none}.md\:h-\[var\(--md-height\)\]{height:var(--md-height)}.md\:max-h-\[var\(--md-max-height\)\]{max-height:var(--md-max-height)}.md\:min-h-\[var\(--md-min-height\)\]{min-height:var(--md-min-height)}.md\:w-\[var\(--md-width\)\]{width:var(--md-width)}.md\:min-w-\[var\(--md-min-width\)\]{min-width:var(--md-min-width)}.md\:max-w-\[var\(--md-max-width\)\]{max-width:var(--md-max-width)}.md\:shrink-\[var\(--md-flex-shrink\)\]{flex-shrink:var(--md-flex-shrink)}.md\:grow-\[var\(--md-flex-grow\)\]{flex-grow:var(--md-flex-grow)}.md\:cursor-alias{cursor:alias}.md\:cursor-all-scroll{cursor:all-scroll}.md\:cursor-auto{cursor:auto}.md\:cursor-cell{cursor:cell}.md\:cursor-col-resize{cursor:col-resize}.md\:cursor-context-menu{cursor:context-menu}.md\:cursor-copy{cursor:copy}.md\:cursor-crosshair{cursor:crosshair}.md\:cursor-default{cursor:default}.md\:cursor-e-resize{cursor:e-resize}.md\:cursor-ew-resize{cursor:ew-resize}.md\:cursor-grab{cursor:grab}.md\:cursor-grabbing{cursor:grabbing}.md\:cursor-help{cursor:help}.md\:cursor-move{cursor:move}.md\:cursor-n-resize{cursor:n-resize}.md\:cursor-ne-resize{cursor:ne-resize}.md\:cursor-nesw-resize{cursor:nesw-resize}.md\:cursor-no-drop{cursor:no-drop}.md\:cursor-none{cursor:none}.md\:cursor-not-allowed{cursor:not-allowed}.md\:cursor-ns-resize{cursor:ns-resize}.md\:cursor-nw-resize{cursor:nw-resize}.md\:cursor-nwse-resize{cursor:nwse-resize}.md\:cursor-pointer{cursor:pointer}.md\:cursor-progress{cursor:progress}.md\:cursor-row-resize{cursor:row-resize}.md\:cursor-s-resize{cursor:s-resize}.md\:cursor-se-resize{cursor:se-resize}.md\:cursor-sw-resize{cursor:sw-resize}.md\:cursor-text{cursor:text}.md\:cursor-vertical-text{cursor:vertical-text}.md\:cursor-w-resize{cursor:w-resize}.md\:cursor-wait{cursor:wait}.md\:cursor-zoom-in{cursor:zoom-in}.md\:cursor-zoom-out{cursor:zoom-out}.md\:list-inside{list-style-position:inside}.md\:list-outside{list-style-position:outside}.md\:list-decimal{list-style-type:decimal}.md\:list-disc{list-style-type:disc}.md\:list-none{list-style-type:none}.md\:grid-cols-\[var\(--md-grid-template-columns\)\]{grid-template-columns:var(--md-grid-template-columns)}.md\:flex-row{flex-direction:row}.md\:gap-\[var\(--md-gap\)\]{gap:var(--md-gap)}.md\:gap-\[var\(--md-grid-gap\)\]{gap:var(--md-grid-gap)}.md\:rounded-\[var\(--md-border-radius\)\]{border-radius:var(--md-border-radius)}.md\:rounded-bl-\[var\(--md-border-bottom-left-radius\)\]{border-bottom-left-radius:var(--md-border-bottom-left-radius)}.md\:rounded-br-\[var\(--md-border-bottom-right-radius\)\]{border-bottom-right-radius:var(--md-border-bottom-right-radius)}.md\:rounded-tl-\[var\(--md-border-top-left-radius\)\]{border-top-left-radius:var(--md-border-top-left-radius)}.md\:rounded-tr-\[var\(--md-border-top-right-radius\)\]{border-top-right-radius:var(--md-border-top-right-radius)}.md\:border-\[length\:var\(--md-border-width\)\]{border-width:var(--md-border-width)}.md\:border-b-\[length\:var\(--md-border-bottom-width\)\]{border-bottom-width:var(--md-border-bottom-width)}.md\:border-l-\[length\:var\(--md-border-left-width\)\]{border-left-width:var(--md-border-left-width)}.md\:border-r-\[length\:var\(--md-border-right-width\)\]{border-right-width:var(--md-border-right-width)}.md\:border-t-\[length\:var\(--md-border-top-width\)\]{border-top-width:var(--md-border-top-width)}.md\:border-solid{border-style:solid}.md\:border-dashed{border-style:dashed}.md\:border-dotted{border-style:dotted}.md\:border-double{border-style:double}.md\:border-hidden{border-style:hidden}.md\:border-none{border-style:none}.md\:border-\[color\:var\(--md-border-color\)\]{border-color:var(--md-border-color)}.md\:bg-\[var\(--md-background-color\)\]{background-color:var(--md-background-color)}.md\:bg-\[var\(--md-button-bg\)\]{background-color:var(--md-button-bg)}.md\:bg-\[length\:var\(--md-background-size\)\]{background-size:var(--md-background-size)}.md\:bg-auto{background-size:auto}.md\:bg-contain{background-size:contain}.md\:bg-cover{background-size:cover}.md\:bg-\[position\:var\(--md-background-position\)\]{background-position:var(--md-background-position)}.md\:bg-bottom{background-position:bottom}.md\:bg-center{background-position:50%}.md\:bg-left{background-position:0}.md\:bg-left-bottom{background-position:0 100%}.md\:bg-left-top{background-position:0 0}.md\:bg-right{background-position:100%}.md\:bg-right-bottom{background-position:100% 100%}.md\:bg-right-top{background-position:100% 0}.md\:bg-top{background-position:top}.md\:bg-repeat{background-repeat:repeat}.md\:bg-no-repeat{background-repeat:no-repeat}.md\:bg-repeat-x{background-repeat:repeat-x}.md\:bg-repeat-y{background-repeat:repeat-y}.md\:bg-repeat-round{background-repeat:round}.md\:bg-repeat-space{background-repeat:space}.md\:p-\[var\(--md-padding\)\]{padding:var(--md-padding)}.md\:pb-\[var\(--md-padding-bottom\)\]{padding-bottom:var(--md-padding-bottom)}.md\:pl-\[var\(--md-padding-left\)\]{padding-left:var(--md-padding-left)}.md\:pr-\[var\(--md-padding-right\)\]{padding-right:var(--md-padding-right)}.md\:pt-\[var\(--md-padding-top\)\]{padding-top:var(--md-padding-top)}.md\:text-\[length\:var\(--md-button-font-size\)\]{font-size:var(--md-button-font-size)}.md\:font-\[var\(--md-button-font-weight\)\]{font-weight:var(--md-button-font-weight)}.md\:leading-\[var\(--md-button-line-height\)\]{line-height:var(--md-button-line-height)}.md\:text-\[var\(--md-button-color\)\]{color:var(--md-button-color)}.md\:outline-none{outline:2px solid transparent;outline-offset:2px}.md\:outline-dashed{outline-style:dashed}.md\:outline-dotted{outline-style:dotted}.md\:outline-double{outline-style:double}.md\:outline-\[length\:var\(--md-outline-width\)\]{outline-width:var(--md-outline-width)}.md\:outline-offset-\[var\(--md-outline-offset\)\]{outline-offset:var(--md-outline-offset)}.md\:outline-\[color\:var\(--md-outline-color\)\]{outline-color:var(--md-outline-color)}.md\:\[--color-background-default\:var\(--md-color-background-default\)\]{--color-background-default:var(--md-color-background-default)}.md\:\[--color-background-inverted\:var\(--md-color-background-inverted\)\]{--color-background-inverted:var(--md-color-background-inverted)}.md\:\[--color-background-muted\:var\(--md-color-background-muted\)\]{--color-background-muted:var(--md-color-background-muted)}.md\:\[--color-background-subtle\:var\(--md-color-background-subtle\)\]{--color-background-subtle:var(--md-color-background-subtle)}.md\:\[--color-primary-accent\:var\(--md-color-primary-accent\)\]{--color-primary-accent:var(--md-color-primary-accent)}.md\:\[--color-secondary-accent-1\:var\(--md-color-secondary-accent-1\)\]{--color-secondary-accent-1:var(--md-color-secondary-accent-1)}.md\:\[--color-secondary-accent-2\:var\(--md-color-secondary-accent-2\)\]{--color-secondary-accent-2:var(--md-color-secondary-accent-2)}.md\:\[--color-secondary-accent-3\:var\(--md-color-secondary-accent-3\)\]{--color-secondary-accent-3:var(--md-color-secondary-accent-3)}.md\:\[--color-text-primary\:var\(--md-color-text-primary\)\]{--color-text-primary:var(--md-color-text-primary)}.md\:\[--color-text-secondary\:var\(--md-color-text-secondary\)\]{--color-text-secondary:var(--md-color-text-secondary)}.md\:\[--typo-fs-b1-lg\:var\(--md-typo-fs-b1-lg\)\]{--typo-fs-b1-lg:var(--md-typo-fs-b1-lg)}.md\:\[--typo-fs-b1-md\:var\(--md-typo-fs-b1-md\)\]{--typo-fs-b1-md:var(--md-typo-fs-b1-md)}.md\:\[--typo-fs-b2-lg\:var\(--md-typo-fs-b2-lg\)\]{--typo-fs-b2-lg:var(--md-typo-fs-b2-lg)}.md\:\[--typo-fs-b2-md\:var\(--md-typo-fs-b2-md\)\]{--typo-fs-b2-md:var(--md-typo-fs-b2-md)}.md\:\[--typo-fs-b3-lg\:var\(--md-typo-fs-b3-lg\)\]{--typo-fs-b3-lg:var(--md-typo-fs-b3-lg)}.md\:\[--typo-fs-b3-md\:var\(--md-typo-fs-b3-md\)\]{--typo-fs-b3-md:var(--md-typo-fs-b3-md)}.md\:\[--typo-fs-caption-lg\:var\(--md-typo-fs-caption-lg\)\]{--typo-fs-caption-lg:var(--md-typo-fs-caption-lg)}.md\:\[--typo-fs-h1-lg\:var\(--md-typo-fs-h1-lg\)\]{--typo-fs-h1-lg:var(--md-typo-fs-h1-lg)}.md\:\[--typo-fs-h1-md\:var\(--md-typo-fs-h1-md\)\]{--typo-fs-h1-md:var(--md-typo-fs-h1-md)}.md\:\[--typo-fs-h1-sm\:var\(--md-typo-fs-h1-sm\)\]{--typo-fs-h1-sm:var(--md-typo-fs-h1-sm)}.md\:\[--typo-fs-h2-lg\:var\(--md-typo-fs-h2-lg\)\]{--typo-fs-h2-lg:var(--md-typo-fs-h2-lg)}.md\:\[--typo-fs-h2-md\:var\(--md-typo-fs-h2-md\)\]{--typo-fs-h2-md:var(--md-typo-fs-h2-md)}.md\:\[--typo-fs-h3-lg\:var\(--md-typo-fs-h3-lg\)\]{--typo-fs-h3-lg:var(--md-typo-fs-h3-lg)}.md\:\[--typo-fs-h3-md\:var\(--md-typo-fs-h3-md\)\]{--typo-fs-h3-md:var(--md-typo-fs-h3-md)}.md\:\[--typo-fs-h4-lg\:var\(--md-typo-fs-h4-lg\)\]{--typo-fs-h4-lg:var(--md-typo-fs-h4-lg)}.md\:\[--typo-fs-h4-md\:var\(--md-typo-fs-h4-md\)\]{--typo-fs-h4-md:var(--md-typo-fs-h4-md)}.md\:\[--typo-fw-b1-lg\:var\(--md-typo-fw-b1-lg\)\]{--typo-fw-b1-lg:var(--md-typo-fw-b1-lg)}.md\:\[--typo-fw-b1-md\:var\(--md-typo-fw-b1-md\)\]{--typo-fw-b1-md:var(--md-typo-fw-b1-md)}.md\:\[--typo-fw-b2-lg\:var\(--md-typo-fw-b2-lg\)\]{--typo-fw-b2-lg:var(--md-typo-fw-b2-lg)}.md\:\[--typo-fw-b2-md\:var\(--md-typo-fw-b2-md\)\]{--typo-fw-b2-md:var(--md-typo-fw-b2-md)}.md\:\[--typo-fw-b3-lg\:var\(--md-typo-fw-b3-lg\)\]{--typo-fw-b3-lg:var(--md-typo-fw-b3-lg)}.md\:\[--typo-fw-b3-md\:var\(--md-typo-fw-b3-md\)\]{--typo-fw-b3-md:var(--md-typo-fw-b3-md)}.md\:\[--typo-fw-caption-lg\:var\(--md-typo-fw-caption-lg\)\]{--typo-fw-caption-lg:var(--md-typo-fw-caption-lg)}.md\:\[--typo-fw-h1-lg\:var\(--md-typo-fw-h1-lg\)\]{--typo-fw-h1-lg:var(--md-typo-fw-h1-lg)}.md\:\[--typo-fw-h1-md\:var\(--md-typo-fw-h1-md\)\]{--typo-fw-h1-md:var(--md-typo-fw-h1-md)}.md\:\[--typo-fw-h1-sm\:var\(--md-typo-fw-h1-sm\)\]{--typo-fw-h1-sm:var(--md-typo-fw-h1-sm)}.md\:\[--typo-fw-h2-lg\:var\(--md-typo-fw-h2-lg\)\]{--typo-fw-h2-lg:var(--md-typo-fw-h2-lg)}.md\:\[--typo-fw-h2-md\:var\(--md-typo-fw-h2-md\)\]{--typo-fw-h2-md:var(--md-typo-fw-h2-md)}.md\:\[--typo-fw-h3-lg\:var\(--md-typo-fw-h3-lg\)\]{--typo-fw-h3-lg:var(--md-typo-fw-h3-lg)}.md\:\[--typo-fw-h3-md\:var\(--md-typo-fw-h3-md\)\]{--typo-fw-h3-md:var(--md-typo-fw-h3-md)}.md\:\[--typo-fw-h4-lg\:var\(--md-typo-fw-h4-lg\)\]{--typo-fw-h4-lg:var(--md-typo-fw-h4-lg)}.md\:\[--typo-fw-h4-md\:var\(--md-typo-fw-h4-md\)\]{--typo-fw-h4-md:var(--md-typo-fw-h4-md)}.md\:\[--typo-lh-b1-lg\:var\(--md-typo-lh-b1-lg\)\]{--typo-lh-b1-lg:var(--md-typo-lh-b1-lg)}.md\:\[--typo-lh-b1-md\:var\(--md-typo-lh-b1-md\)\]{--typo-lh-b1-md:var(--md-typo-lh-b1-md)}.md\:\[--typo-lh-b2-lg\:var\(--md-typo-lh-b2-lg\)\]{--typo-lh-b2-lg:var(--md-typo-lh-b2-lg)}.md\:\[--typo-lh-b2-md\:var\(--md-typo-lh-b2-md\)\]{--typo-lh-b2-md:var(--md-typo-lh-b2-md)}.md\:\[--typo-lh-b3-lg\:var\(--md-typo-lh-b3-lg\)\]{--typo-lh-b3-lg:var(--md-typo-lh-b3-lg)}.md\:\[--typo-lh-b3-md\:var\(--md-typo-lh-b3-md\)\]{--typo-lh-b3-md:var(--md-typo-lh-b3-md)}.md\:\[--typo-lh-caption-lg\:var\(--md-typo-lh-caption-lg\)\]{--typo-lh-caption-lg:var(--md-typo-lh-caption-lg)}.md\:\[--typo-lh-h1-lg\:var\(--md-typo-lh-h1-lg\)\]{--typo-lh-h1-lg:var(--md-typo-lh-h1-lg)}.md\:\[--typo-lh-h1-md\:var\(--md-typo-lh-h1-md\)\]{--typo-lh-h1-md:var(--md-typo-lh-h1-md)}.md\:\[--typo-lh-h1-sm\:var\(--md-typo-lh-h1-sm\)\]{--typo-lh-h1-sm:var(--md-typo-lh-h1-sm)}.md\:\[--typo-lh-h2-lg\:var\(--md-typo-lh-h2-lg\)\]{--typo-lh-h2-lg:var(--md-typo-lh-h2-lg)}.md\:\[--typo-lh-h2-md\:var\(--md-typo-lh-h2-md\)\]{--typo-lh-h2-md:var(--md-typo-lh-h2-md)}.md\:\[--typo-lh-h3-lg\:var\(--md-typo-lh-h3-lg\)\]{--typo-lh-h3-lg:var(--md-typo-lh-h3-lg)}.md\:\[--typo-lh-h3-md\:var\(--md-typo-lh-h3-md\)\]{--typo-lh-h3-md:var(--md-typo-lh-h3-md)}.md\:\[--typo-lh-h4-lg\:var\(--md-typo-lh-h4-lg\)\]{--typo-lh-h4-lg:var(--md-typo-lh-h4-lg)}.md\:\[--typo-lh-h4-md\:var\(--md-typo-lh-h4-md\)\]{--typo-lh-h4-md:var(--md-typo-lh-h4-md)}.md\:\[align-items\:var\(--md-align-items\)\]{align-items:var(--md-align-items)}.md\:\[background\:var\(--md-background\)\]{background:var(--md-background)}.md\:\[color\:var\(--md-typography-color\)\]{color:var(--md-typography-color)}.md\:\[flex-direction\:var\(--md-flex-direction\)\]{flex-direction:var(--md-flex-direction)}.md\:\[flex-wrap\:var\(--md-flex-wrap\)\]{flex-wrap:var(--md-flex-wrap)}.md\:\[font-family\:var\(--md-typography-font-family\)\]{font-family:var(--md-typography-font-family)}.md\:\[font-size\:var\(--md-typography-font-size\)\]{font-size:var(--md-typography-font-size)}.md\:\[font-style\:var\(--md-typography-font-style\)\]{font-style:var(--md-typography-font-style)}.md\:\[font-weight\:var\(--md-typography-font-weight\)\]{font-weight:var(--md-typography-font-weight)}.md\:\[height\:var\(--md-typography-height\)\]{height:var(--md-typography-height)}.md\:\[justify-content\:var\(--md-button-justify-content\)\]{justify-content:var(--md-button-justify-content)}.md\:\[justify-content\:var\(--md-justify-content\)\]{justify-content:var(--md-justify-content)}.md\:\[letter-spacing\:var\(--md-typography-letter-spacing\)\]{letter-spacing:var(--md-typography-letter-spacing)}.md\:\[line-height\:var\(--md-typography-line-height\)\]{line-height:var(--md-typography-line-height)}.md\:\[margin-bottom\:var\(--md-typography-margin-bottom\)\]{margin-bottom:var(--md-typography-margin-bottom)}.md\:\[margin-left\:var\(--md-typography-margin-left\)\]{margin-left:var(--md-typography-margin-left)}.md\:\[margin-right\:var\(--md-typography-margin-right\)\]{margin-right:var(--md-typography-margin-right)}.md\:\[margin-top\:var\(--md-typography-margin-top\)\]{margin-top:var(--md-typography-margin-top)}.md\:\[max-height\:var\(--md-typography-max-height\)\]{max-height:var(--md-typography-max-height)}.md\:\[max-width\:var\(--md-typography-max-width\)\]{max-width:var(--md-typography-max-width)}.md\:\[min-height\:var\(--md-typography-min-height\)\]{min-height:var(--md-typography-min-height)}.md\:\[min-width\:var\(--md-typography-min-width\)\]{min-width:var(--md-typography-min-width)}.md\:\[padding-bottom\:var\(--md-typography-padding-bottom\)\]{padding-bottom:var(--md-typography-padding-bottom)}.md\:\[padding-left\:var\(--md-typography-padding-left\)\]{padding-left:var(--md-typography-padding-left)}.md\:\[padding-right\:var\(--md-typography-padding-right\)\]{padding-right:var(--md-typography-padding-right)}.md\:\[padding-top\:var\(--md-typography-padding-top\)\]{padding-top:var(--md-typography-padding-top)}.md\:\[position\:inherit\]{position:inherit}.md\:\[text-align\:var\(--md-typography-text-align\)\]{text-align:var(--md-typography-text-align)}.md\:\[text-decoration\:var\(--md-typography-text-decoration\)\]{-webkit-text-decoration:var(--md-typography-text-decoration);text-decoration:var(--md-typography-text-decoration)}.md\:\[text-overflow\:var\(--md-typography-text-overflow\)\]{text-overflow:var(--md-typography-text-overflow)}.md\:\[text-transform\:var\(--md-typography-text-transform\)\]{text-transform:var(--md-typography-text-transform)}.md\:\[vertical-align\:var\(--md-typography-vertical-align\)\]{vertical-align:var(--md-typography-vertical-align)}.md\:\[white-space\:var\(--md-typography-white-space\)\]{white-space:var(--md-typography-white-space)}.md\:\[width\:var\(--md-typography-width\)\]{width:var(--md-typography-width)}.md\:\[word-break\:var\(--md-typography-word-break\)\]{word-break:var(--md-typography-word-break)}.md\:hover\:bg-\[var\(--md-button-hover-bg\2c var\(--md-button-bg\)\)\]:hover{background-color:var(--md-button-hover-bg,var(--md-button-bg))}.md\:hover\:\[background\:var\(--md-group-background\)\]:hover{background:var(--md-group-background)}.md\:active\:bg-\[var\(--md-button-active-bg\2c var\(--md-button-hover-bg\2c var\(--md-button-bg\)\)\)\]:active{background-color:var(--md-button-active-bg,var(--md-button-hover-bg,var(--md-button-bg)))}.group:hover .md\:group-hover\:\[background\:var\(--md-group-background\)\]{background:var(--md-group-background)}}@media (min-width:1024px){.lg\:static{position:static}.lg\:fixed{position:fixed}.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:sticky{position:sticky}.lg\:bottom-\[var\(--lg-bottom\)\]{bottom:var(--lg-bottom)}.lg\:left-\[var\(--lg-left\)\]{left:var(--lg-left)}.lg\:right-\[var\(--lg-right\)\]{right:var(--lg-right)}.lg\:top-\[var\(--lg-top\)\]{top:var(--lg-top)}.lg\:z-\[var\(--lg-z-index\)\]{z-index:var(--lg-z-index)}.lg\:order-\[var\(--lg-order\)\]{order:var(--lg-order)}.lg\:m-\[var\(--lg-margin\)\]{margin:var(--lg-margin)}.lg\:mb-\[var\(--lg-margin-bottom\)\]{margin-bottom:var(--lg-margin-bottom)}.lg\:ml-\[var\(--lg-margin-left\)\]{margin-left:var(--lg-margin-left)}.lg\:mr-\[var\(--lg-margin-right\)\]{margin-right:var(--lg-margin-right)}.lg\:mt-\[var\(--lg-margin-top\)\]{margin-top:var(--lg-margin-top)}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:table{display:table}.lg\:table-cell{display:table-cell}.lg\:table-row{display:table-row}.lg\:grid{display:grid}.lg\:list-item{display:list-item}.lg\:hidden{display:none}.lg\:h-\[var\(--lg-height\)\]{height:var(--lg-height)}.lg\:max-h-\[var\(--lg-max-height\)\]{max-height:var(--lg-max-height)}.lg\:min-h-\[var\(--lg-min-height\)\]{min-height:var(--lg-min-height)}.lg\:w-\[var\(--lg-width\)\]{width:var(--lg-width)}.lg\:min-w-\[var\(--lg-min-width\)\]{min-width:var(--lg-min-width)}.lg\:max-w-\[var\(--lg-max-width\)\]{max-width:var(--lg-max-width)}.lg\:shrink-\[var\(--lg-flex-shrink\)\]{flex-shrink:var(--lg-flex-shrink)}.lg\:grow-\[var\(--lg-flex-grow\)\]{flex-grow:var(--lg-flex-grow)}.lg\:cursor-alias{cursor:alias}.lg\:cursor-all-scroll{cursor:all-scroll}.lg\:cursor-auto{cursor:auto}.lg\:cursor-cell{cursor:cell}.lg\:cursor-col-resize{cursor:col-resize}.lg\:cursor-context-menu{cursor:context-menu}.lg\:cursor-copy{cursor:copy}.lg\:cursor-crosshair{cursor:crosshair}.lg\:cursor-default{cursor:default}.lg\:cursor-e-resize{cursor:e-resize}.lg\:cursor-ew-resize{cursor:ew-resize}.lg\:cursor-grab{cursor:grab}.lg\:cursor-grabbing{cursor:grabbing}.lg\:cursor-help{cursor:help}.lg\:cursor-move{cursor:move}.lg\:cursor-n-resize{cursor:n-resize}.lg\:cursor-ne-resize{cursor:ne-resize}.lg\:cursor-nesw-resize{cursor:nesw-resize}.lg\:cursor-no-drop{cursor:no-drop}.lg\:cursor-none{cursor:none}.lg\:cursor-not-allowed{cursor:not-allowed}.lg\:cursor-ns-resize{cursor:ns-resize}.lg\:cursor-nw-resize{cursor:nw-resize}.lg\:cursor-nwse-resize{cursor:nwse-resize}.lg\:cursor-pointer{cursor:pointer}.lg\:cursor-progress{cursor:progress}.lg\:cursor-row-resize{cursor:row-resize}.lg\:cursor-s-resize{cursor:s-resize}.lg\:cursor-se-resize{cursor:se-resize}.lg\:cursor-sw-resize{cursor:sw-resize}.lg\:cursor-text{cursor:text}.lg\:cursor-vertical-text{cursor:vertical-text}.lg\:cursor-w-resize{cursor:w-resize}.lg\:cursor-wait{cursor:wait}.lg\:cursor-zoom-in{cursor:zoom-in}.lg\:cursor-zoom-out{cursor:zoom-out}.lg\:list-inside{list-style-position:inside}.lg\:list-outside{list-style-position:outside}.lg\:list-decimal{list-style-type:decimal}.lg\:list-disc{list-style-type:disc}.lg\:list-none{list-style-type:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[var\(--lg-grid-template-columns\)\]{grid-template-columns:var(--lg-grid-template-columns)}.lg\:gap-\[var\(--lg-gap\)\]{gap:var(--lg-gap)}.lg\:gap-\[var\(--lg-grid-gap\)\]{gap:var(--lg-grid-gap)}.lg\:rounded-\[var\(--lg-border-radius\)\]{border-radius:var(--lg-border-radius)}.lg\:rounded-bl-\[var\(--lg-border-bottom-left-radius\)\]{border-bottom-left-radius:var(--lg-border-bottom-left-radius)}.lg\:rounded-br-\[var\(--lg-border-bottom-right-radius\)\]{border-bottom-right-radius:var(--lg-border-bottom-right-radius)}.lg\:rounded-tl-\[var\(--lg-border-top-left-radius\)\]{border-top-left-radius:var(--lg-border-top-left-radius)}.lg\:rounded-tr-\[var\(--lg-border-top-right-radius\)\]{border-top-right-radius:var(--lg-border-top-right-radius)}.lg\:border-\[length\:var\(--lg-border-width\)\]{border-width:var(--lg-border-width)}.lg\:border-b-\[length\:var\(--lg-border-bottom-width\)\]{border-bottom-width:var(--lg-border-bottom-width)}.lg\:border-l-\[length\:var\(--lg-border-left-width\)\]{border-left-width:var(--lg-border-left-width)}.lg\:border-r-\[length\:var\(--lg-border-right-width\)\]{border-right-width:var(--lg-border-right-width)}.lg\:border-t-\[length\:var\(--lg-border-top-width\)\]{border-top-width:var(--lg-border-top-width)}.lg\:border-solid{border-style:solid}.lg\:border-dashed{border-style:dashed}.lg\:border-dotted{border-style:dotted}.lg\:border-double{border-style:double}.lg\:border-hidden{border-style:hidden}.lg\:border-none{border-style:none}.lg\:border-\[color\:var\(--lg-border-color\)\]{border-color:var(--lg-border-color)}.lg\:bg-\[var\(--lg-background-color\)\]{background-color:var(--lg-background-color)}.lg\:bg-\[var\(--lg-button-bg\)\]{background-color:var(--lg-button-bg)}.lg\:bg-\[length\:var\(--lg-background-size\)\]{background-size:var(--lg-background-size)}.lg\:bg-auto{background-size:auto}.lg\:bg-contain{background-size:contain}.lg\:bg-cover{background-size:cover}.lg\:bg-\[position\:var\(--lg-background-position\)\]{background-position:var(--lg-background-position)}.lg\:bg-bottom{background-position:bottom}.lg\:bg-center{background-position:50%}.lg\:bg-left{background-position:0}.lg\:bg-left-bottom{background-position:0 100%}.lg\:bg-left-top{background-position:0 0}.lg\:bg-right{background-position:100%}.lg\:bg-right-bottom{background-position:100% 100%}.lg\:bg-right-top{background-position:100% 0}.lg\:bg-top{background-position:top}.lg\:bg-repeat{background-repeat:repeat}.lg\:bg-no-repeat{background-repeat:no-repeat}.lg\:bg-repeat-x{background-repeat:repeat-x}.lg\:bg-repeat-y{background-repeat:repeat-y}.lg\:bg-repeat-round{background-repeat:round}.lg\:bg-repeat-space{background-repeat:space}.lg\:p-\[var\(--lg-padding\)\]{padding:var(--lg-padding)}.lg\:pb-\[var\(--lg-padding-bottom\)\]{padding-bottom:var(--lg-padding-bottom)}.lg\:pl-\[var\(--lg-padding-left\)\]{padding-left:var(--lg-padding-left)}.lg\:pr-\[var\(--lg-padding-right\)\]{padding-right:var(--lg-padding-right)}.lg\:pt-\[var\(--lg-padding-top\)\]{padding-top:var(--lg-padding-top)}.lg\:text-\[length\:var\(--lg-button-font-size\)\]{font-size:var(--lg-button-font-size)}.lg\:font-\[var\(--lg-button-font-weight\)\]{font-weight:var(--lg-button-font-weight)}.lg\:leading-\[var\(--lg-button-line-height\)\]{line-height:var(--lg-button-line-height)}.lg\:text-\[var\(--lg-button-color\)\]{color:var(--lg-button-color)}.lg\:outline-none{outline:2px solid transparent;outline-offset:2px}.lg\:outline-dashed{outline-style:dashed}.lg\:outline-dotted{outline-style:dotted}.lg\:outline-double{outline-style:double}.lg\:outline-\[length\:var\(--lg-outline-width\)\]{outline-width:var(--lg-outline-width)}.lg\:outline-offset-\[var\(--lg-outline-offset\)\]{outline-offset:var(--lg-outline-offset)}.lg\:outline-\[color\:var\(--lg-outline-color\)\]{outline-color:var(--lg-outline-color)}.lg\:\[--color-background-default\:var\(--lg-color-background-default\)\]{--color-background-default:var(--lg-color-background-default)}.lg\:\[--color-background-inverted\:var\(--lg-color-background-inverted\)\]{--color-background-inverted:var(--lg-color-background-inverted)}.lg\:\[--color-background-muted\:var\(--lg-color-background-muted\)\]{--color-background-muted:var(--lg-color-background-muted)}.lg\:\[--color-background-subtle\:var\(--lg-color-background-subtle\)\]{--color-background-subtle:var(--lg-color-background-subtle)}.lg\:\[--color-primary-accent\:var\(--lg-color-primary-accent\)\]{--color-primary-accent:var(--lg-color-primary-accent)}.lg\:\[--color-secondary-accent-1\:var\(--lg-color-secondary-accent-1\)\]{--color-secondary-accent-1:var(--lg-color-secondary-accent-1)}.lg\:\[--color-secondary-accent-2\:var\(--lg-color-secondary-accent-2\)\]{--color-secondary-accent-2:var(--lg-color-secondary-accent-2)}.lg\:\[--color-secondary-accent-3\:var\(--lg-color-secondary-accent-3\)\]{--color-secondary-accent-3:var(--lg-color-secondary-accent-3)}.lg\:\[--color-text-primary\:var\(--lg-color-text-primary\)\]{--color-text-primary:var(--lg-color-text-primary)}.lg\:\[--color-text-secondary\:var\(--lg-color-text-secondary\)\]{--color-text-secondary:var(--lg-color-text-secondary)}.lg\:\[--typo-fs-b1-lg\:var\(--lg-typo-fs-b1-lg\)\]{--typo-fs-b1-lg:var(--lg-typo-fs-b1-lg)}.lg\:\[--typo-fs-b1-md\:var\(--lg-typo-fs-b1-md\)\]{--typo-fs-b1-md:var(--lg-typo-fs-b1-md)}.lg\:\[--typo-fs-b2-lg\:var\(--lg-typo-fs-b2-lg\)\]{--typo-fs-b2-lg:var(--lg-typo-fs-b2-lg)}.lg\:\[--typo-fs-b2-md\:var\(--lg-typo-fs-b2-md\)\]{--typo-fs-b2-md:var(--lg-typo-fs-b2-md)}.lg\:\[--typo-fs-b3-lg\:var\(--lg-typo-fs-b3-lg\)\]{--typo-fs-b3-lg:var(--lg-typo-fs-b3-lg)}.lg\:\[--typo-fs-b3-md\:var\(--lg-typo-fs-b3-md\)\]{--typo-fs-b3-md:var(--lg-typo-fs-b3-md)}.lg\:\[--typo-fs-caption-lg\:var\(--lg-typo-fs-caption-lg\)\]{--typo-fs-caption-lg:var(--lg-typo-fs-caption-lg)}.lg\:\[--typo-fs-h1-lg\:var\(--lg-typo-fs-h1-lg\)\]{--typo-fs-h1-lg:var(--lg-typo-fs-h1-lg)}.lg\:\[--typo-fs-h1-md\:var\(--lg-typo-fs-h1-md\)\]{--typo-fs-h1-md:var(--lg-typo-fs-h1-md)}.lg\:\[--typo-fs-h1-sm\:var\(--lg-typo-fs-h1-sm\)\]{--typo-fs-h1-sm:var(--lg-typo-fs-h1-sm)}.lg\:\[--typo-fs-h2-lg\:var\(--lg-typo-fs-h2-lg\)\]{--typo-fs-h2-lg:var(--lg-typo-fs-h2-lg)}.lg\:\[--typo-fs-h2-md\:var\(--lg-typo-fs-h2-md\)\]{--typo-fs-h2-md:var(--lg-typo-fs-h2-md)}.lg\:\[--typo-fs-h3-lg\:var\(--lg-typo-fs-h3-lg\)\]{--typo-fs-h3-lg:var(--lg-typo-fs-h3-lg)}.lg\:\[--typo-fs-h3-md\:var\(--lg-typo-fs-h3-md\)\]{--typo-fs-h3-md:var(--lg-typo-fs-h3-md)}.lg\:\[--typo-fs-h4-lg\:var\(--lg-typo-fs-h4-lg\)\]{--typo-fs-h4-lg:var(--lg-typo-fs-h4-lg)}.lg\:\[--typo-fs-h4-md\:var\(--lg-typo-fs-h4-md\)\]{--typo-fs-h4-md:var(--lg-typo-fs-h4-md)}.lg\:\[--typo-fw-b1-lg\:var\(--lg-typo-fw-b1-lg\)\]{--typo-fw-b1-lg:var(--lg-typo-fw-b1-lg)}.lg\:\[--typo-fw-b1-md\:var\(--lg-typo-fw-b1-md\)\]{--typo-fw-b1-md:var(--lg-typo-fw-b1-md)}.lg\:\[--typo-fw-b2-lg\:var\(--lg-typo-fw-b2-lg\)\]{--typo-fw-b2-lg:var(--lg-typo-fw-b2-lg)}.lg\:\[--typo-fw-b2-md\:var\(--lg-typo-fw-b2-md\)\]{--typo-fw-b2-md:var(--lg-typo-fw-b2-md)}.lg\:\[--typo-fw-b3-lg\:var\(--lg-typo-fw-b3-lg\)\]{--typo-fw-b3-lg:var(--lg-typo-fw-b3-lg)}.lg\:\[--typo-fw-b3-md\:var\(--lg-typo-fw-b3-md\)\]{--typo-fw-b3-md:var(--lg-typo-fw-b3-md)}.lg\:\[--typo-fw-caption-lg\:var\(--lg-typo-fw-caption-lg\)\]{--typo-fw-caption-lg:var(--lg-typo-fw-caption-lg)}.lg\:\[--typo-fw-h1-lg\:var\(--lg-typo-fw-h1-lg\)\]{--typo-fw-h1-lg:var(--lg-typo-fw-h1-lg)}.lg\:\[--typo-fw-h1-md\:var\(--lg-typo-fw-h1-md\)\]{--typo-fw-h1-md:var(--lg-typo-fw-h1-md)}.lg\:\[--typo-fw-h1-sm\:var\(--lg-typo-fw-h1-sm\)\]{--typo-fw-h1-sm:var(--lg-typo-fw-h1-sm)}.lg\:\[--typo-fw-h2-lg\:var\(--lg-typo-fw-h2-lg\)\]{--typo-fw-h2-lg:var(--lg-typo-fw-h2-lg)}.lg\:\[--typo-fw-h2-md\:var\(--lg-typo-fw-h2-md\)\]{--typo-fw-h2-md:var(--lg-typo-fw-h2-md)}.lg\:\[--typo-fw-h3-lg\:var\(--lg-typo-fw-h3-lg\)\]{--typo-fw-h3-lg:var(--lg-typo-fw-h3-lg)}.lg\:\[--typo-fw-h3-md\:var\(--lg-typo-fw-h3-md\)\]{--typo-fw-h3-md:var(--lg-typo-fw-h3-md)}.lg\:\[--typo-fw-h4-lg\:var\(--lg-typo-fw-h4-lg\)\]{--typo-fw-h4-lg:var(--lg-typo-fw-h4-lg)}.lg\:\[--typo-fw-h4-md\:var\(--lg-typo-fw-h4-md\)\]{--typo-fw-h4-md:var(--lg-typo-fw-h4-md)}.lg\:\[--typo-lh-b1-lg\:var\(--lg-typo-lh-b1-lg\)\]{--typo-lh-b1-lg:var(--lg-typo-lh-b1-lg)}.lg\:\[--typo-lh-b1-md\:var\(--lg-typo-lh-b1-md\)\]{--typo-lh-b1-md:var(--lg-typo-lh-b1-md)}.lg\:\[--typo-lh-b2-lg\:var\(--lg-typo-lh-b2-lg\)\]{--typo-lh-b2-lg:var(--lg-typo-lh-b2-lg)}.lg\:\[--typo-lh-b2-md\:var\(--lg-typo-lh-b2-md\)\]{--typo-lh-b2-md:var(--lg-typo-lh-b2-md)}.lg\:\[--typo-lh-b3-lg\:var\(--lg-typo-lh-b3-lg\)\]{--typo-lh-b3-lg:var(--lg-typo-lh-b3-lg)}.lg\:\[--typo-lh-b3-md\:var\(--lg-typo-lh-b3-md\)\]{--typo-lh-b3-md:var(--lg-typo-lh-b3-md)}.lg\:\[--typo-lh-caption-lg\:var\(--lg-typo-lh-caption-lg\)\]{--typo-lh-caption-lg:var(--lg-typo-lh-caption-lg)}.lg\:\[--typo-lh-h1-lg\:var\(--lg-typo-lh-h1-lg\)\]{--typo-lh-h1-lg:var(--lg-typo-lh-h1-lg)}.lg\:\[--typo-lh-h1-md\:var\(--lg-typo-lh-h1-md\)\]{--typo-lh-h1-md:var(--lg-typo-lh-h1-md)}.lg\:\[--typo-lh-h1-sm\:var\(--lg-typo-lh-h1-sm\)\]{--typo-lh-h1-sm:var(--lg-typo-lh-h1-sm)}.lg\:\[--typo-lh-h2-lg\:var\(--lg-typo-lh-h2-lg\)\]{--typo-lh-h2-lg:var(--lg-typo-lh-h2-lg)}.lg\:\[--typo-lh-h2-md\:var\(--lg-typo-lh-h2-md\)\]{--typo-lh-h2-md:var(--lg-typo-lh-h2-md)}.lg\:\[--typo-lh-h3-lg\:var\(--lg-typo-lh-h3-lg\)\]{--typo-lh-h3-lg:var(--lg-typo-lh-h3-lg)}.lg\:\[--typo-lh-h3-md\:var\(--lg-typo-lh-h3-md\)\]{--typo-lh-h3-md:var(--lg-typo-lh-h3-md)}.lg\:\[--typo-lh-h4-lg\:var\(--lg-typo-lh-h4-lg\)\]{--typo-lh-h4-lg:var(--lg-typo-lh-h4-lg)}.lg\:\[--typo-lh-h4-md\:var\(--lg-typo-lh-h4-md\)\]{--typo-lh-h4-md:var(--lg-typo-lh-h4-md)}.lg\:\[align-items\:var\(--lg-align-items\)\]{align-items:var(--lg-align-items)}.lg\:\[background\:var\(--lg-background\)\]{background:var(--lg-background)}.lg\:\[color\:var\(--lg-typography-color\)\]{color:var(--lg-typography-color)}.lg\:\[flex-direction\:var\(--lg-flex-direction\)\]{flex-direction:var(--lg-flex-direction)}.lg\:\[flex-wrap\:var\(--lg-flex-wrap\)\]{flex-wrap:var(--lg-flex-wrap)}.lg\:\[font-family\:var\(--lg-typography-font-family\)\]{font-family:var(--lg-typography-font-family)}.lg\:\[font-size\:var\(--lg-typography-font-size\)\]{font-size:var(--lg-typography-font-size)}.lg\:\[font-style\:var\(--lg-typography-font-style\)\]{font-style:var(--lg-typography-font-style)}.lg\:\[font-weight\:var\(--lg-typography-font-weight\)\]{font-weight:var(--lg-typography-font-weight)}.lg\:\[height\:var\(--lg-typography-height\)\]{height:var(--lg-typography-height)}.lg\:\[justify-content\:var\(--lg-button-justify-content\)\]{justify-content:var(--lg-button-justify-content)}.lg\:\[justify-content\:var\(--lg-justify-content\)\]{justify-content:var(--lg-justify-content)}.lg\:\[letter-spacing\:var\(--lg-typography-letter-spacing\)\]{letter-spacing:var(--lg-typography-letter-spacing)}.lg\:\[line-height\:var\(--lg-typography-line-height\)\]{line-height:var(--lg-typography-line-height)}.lg\:\[margin-bottom\:var\(--lg-typography-margin-bottom\)\]{margin-bottom:var(--lg-typography-margin-bottom)}.lg\:\[margin-left\:var\(--lg-typography-margin-left\)\]{margin-left:var(--lg-typography-margin-left)}.lg\:\[margin-right\:var\(--lg-typography-margin-right\)\]{margin-right:var(--lg-typography-margin-right)}.lg\:\[margin-top\:var\(--lg-typography-margin-top\)\]{margin-top:var(--lg-typography-margin-top)}.lg\:\[max-height\:var\(--lg-typography-max-height\)\]{max-height:var(--lg-typography-max-height)}.lg\:\[max-width\:var\(--lg-typography-max-width\)\]{max-width:var(--lg-typography-max-width)}.lg\:\[min-height\:var\(--lg-typography-min-height\)\]{min-height:var(--lg-typography-min-height)}.lg\:\[min-width\:var\(--lg-typography-min-width\)\]{min-width:var(--lg-typography-min-width)}.lg\:\[padding-bottom\:var\(--lg-typography-padding-bottom\)\]{padding-bottom:var(--lg-typography-padding-bottom)}.lg\:\[padding-left\:var\(--lg-typography-padding-left\)\]{padding-left:var(--lg-typography-padding-left)}.lg\:\[padding-right\:var\(--lg-typography-padding-right\)\]{padding-right:var(--lg-typography-padding-right)}.lg\:\[padding-top\:var\(--lg-typography-padding-top\)\]{padding-top:var(--lg-typography-padding-top)}.lg\:\[position\:inherit\]{position:inherit}.lg\:\[text-align\:var\(--lg-typography-text-align\)\]{text-align:var(--lg-typography-text-align)}.lg\:\[text-decoration\:var\(--lg-typography-text-decoration\)\]{-webkit-text-decoration:var(--lg-typography-text-decoration);text-decoration:var(--lg-typography-text-decoration)}.lg\:\[text-overflow\:var\(--lg-typography-text-overflow\)\]{text-overflow:var(--lg-typography-text-overflow)}.lg\:\[text-transform\:var\(--lg-typography-text-transform\)\]{text-transform:var(--lg-typography-text-transform)}.lg\:\[vertical-align\:var\(--lg-typography-vertical-align\)\]{vertical-align:var(--lg-typography-vertical-align)}.lg\:\[white-space\:var\(--lg-typography-white-space\)\]{white-space:var(--lg-typography-white-space)}.lg\:\[width\:var\(--lg-typography-width\)\]{width:var(--lg-typography-width)}.lg\:\[word-break\:var\(--lg-typography-word-break\)\]{word-break:var(--lg-typography-word-break)}.lg\:hover\:bg-\[var\(--lg-button-hover-bg\2c var\(--lg-button-bg\)\)\]:hover{background-color:var(--lg-button-hover-bg,var(--lg-button-bg))}.lg\:hover\:\[background\:var\(--lg-group-background\)\]:hover{background:var(--lg-group-background)}.lg\:active\:bg-\[var\(--lg-button-active-bg\2c var\(--lg-button-hover-bg\2c var\(--lg-button-bg\)\)\)\]:active{background-color:var(--lg-button-active-bg,var(--lg-button-hover-bg,var(--lg-button-bg)))}.group:hover .lg\:group-hover\:\[background\:var\(--lg-group-background\)\]{background:var(--lg-group-background)}}@media (min-width:1440px){.xl\:static{position:static}.xl\:fixed{position:fixed}.xl\:absolute{position:absolute}.xl\:relative{position:relative}.xl\:sticky{position:sticky}.xl\:bottom-\[var\(--xl-bottom\)\]{bottom:var(--xl-bottom)}.xl\:left-\[var\(--xl-left\)\]{left:var(--xl-left)}.xl\:right-\[var\(--xl-right\)\]{right:var(--xl-right)}.xl\:top-\[var\(--xl-top\)\]{top:var(--xl-top)}.xl\:z-\[var\(--xl-z-index\)\]{z-index:var(--xl-z-index)}.xl\:order-\[var\(--xl-order\)\]{order:var(--xl-order)}.xl\:m-\[var\(--xl-margin\)\]{margin:var(--xl-margin)}.xl\:mb-\[var\(--xl-margin-bottom\)\]{margin-bottom:var(--xl-margin-bottom)}.xl\:ml-\[var\(--xl-margin-left\)\]{margin-left:var(--xl-margin-left)}.xl\:mr-\[var\(--xl-margin-right\)\]{margin-right:var(--xl-margin-right)}.xl\:mt-\[var\(--xl-margin-top\)\]{margin-top:var(--xl-margin-top)}.xl\:block{display:block}.xl\:inline-block{display:inline-block}.xl\:inline{display:inline}.xl\:flex{display:flex}.xl\:inline-flex{display:inline-flex}.xl\:table{display:table}.xl\:table-cell{display:table-cell}.xl\:table-row{display:table-row}.xl\:grid{display:grid}.xl\:list-item{display:list-item}.xl\:hidden{display:none}.xl\:h-\[var\(--xl-height\)\]{height:var(--xl-height)}.xl\:max-h-\[var\(--xl-max-height\)\]{max-height:var(--xl-max-height)}.xl\:min-h-\[var\(--xl-min-height\)\]{min-height:var(--xl-min-height)}.xl\:w-\[var\(--xl-width\)\]{width:var(--xl-width)}.xl\:min-w-\[var\(--xl-min-width\)\]{min-width:var(--xl-min-width)}.xl\:max-w-\[var\(--xl-max-width\)\]{max-width:var(--xl-max-width)}.xl\:shrink-\[var\(--xl-flex-shrink\)\]{flex-shrink:var(--xl-flex-shrink)}.xl\:grow-\[var\(--xl-flex-grow\)\]{flex-grow:var(--xl-flex-grow)}.xl\:cursor-alias{cursor:alias}.xl\:cursor-all-scroll{cursor:all-scroll}.xl\:cursor-auto{cursor:auto}.xl\:cursor-cell{cursor:cell}.xl\:cursor-col-resize{cursor:col-resize}.xl\:cursor-context-menu{cursor:context-menu}.xl\:cursor-copy{cursor:copy}.xl\:cursor-crosshair{cursor:crosshair}.xl\:cursor-default{cursor:default}.xl\:cursor-e-resize{cursor:e-resize}.xl\:cursor-ew-resize{cursor:ew-resize}.xl\:cursor-grab{cursor:grab}.xl\:cursor-grabbing{cursor:grabbing}.xl\:cursor-help{cursor:help}.xl\:cursor-move{cursor:move}.xl\:cursor-n-resize{cursor:n-resize}.xl\:cursor-ne-resize{cursor:ne-resize}.xl\:cursor-nesw-resize{cursor:nesw-resize}.xl\:cursor-no-drop{cursor:no-drop}.xl\:cursor-none{cursor:none}.xl\:cursor-not-allowed{cursor:not-allowed}.xl\:cursor-ns-resize{cursor:ns-resize}.xl\:cursor-nw-resize{cursor:nw-resize}.xl\:cursor-nwse-resize{cursor:nwse-resize}.xl\:cursor-pointer{cursor:pointer}.xl\:cursor-progress{cursor:progress}.xl\:cursor-row-resize{cursor:row-resize}.xl\:cursor-s-resize{cursor:s-resize}.xl\:cursor-se-resize{cursor:se-resize}.xl\:cursor-sw-resize{cursor:sw-resize}.xl\:cursor-text{cursor:text}.xl\:cursor-vertical-text{cursor:vertical-text}.xl\:cursor-w-resize{cursor:w-resize}.xl\:cursor-wait{cursor:wait}.xl\:cursor-zoom-in{cursor:zoom-in}.xl\:cursor-zoom-out{cursor:zoom-out}.xl\:list-inside{list-style-position:inside}.xl\:list-outside{list-style-position:outside}.xl\:list-decimal{list-style-type:decimal}.xl\:list-disc{list-style-type:disc}.xl\:list-none{list-style-type:none}.xl\:grid-cols-\[var\(--xl-grid-template-columns\)\]{grid-template-columns:var(--xl-grid-template-columns)}.xl\:gap-\[var\(--xl-gap\)\]{gap:var(--xl-gap)}.xl\:gap-\[var\(--xl-grid-gap\)\]{gap:var(--xl-grid-gap)}.xl\:rounded-\[var\(--xl-border-radius\)\]{border-radius:var(--xl-border-radius)}.xl\:rounded-bl-\[var\(--xl-border-bottom-left-radius\)\]{border-bottom-left-radius:var(--xl-border-bottom-left-radius)}.xl\:rounded-br-\[var\(--xl-border-bottom-right-radius\)\]{border-bottom-right-radius:var(--xl-border-bottom-right-radius)}.xl\:rounded-tl-\[var\(--xl-border-top-left-radius\)\]{border-top-left-radius:var(--xl-border-top-left-radius)}.xl\:rounded-tr-\[var\(--xl-border-top-right-radius\)\]{border-top-right-radius:var(--xl-border-top-right-radius)}.xl\:border-\[length\:var\(--xl-border-width\)\]{border-width:var(--xl-border-width)}.xl\:border-b-\[length\:var\(--xl-border-bottom-width\)\]{border-bottom-width:var(--xl-border-bottom-width)}.xl\:border-l-\[length\:var\(--xl-border-left-width\)\]{border-left-width:var(--xl-border-left-width)}.xl\:border-r-\[length\:var\(--xl-border-right-width\)\]{border-right-width:var(--xl-border-right-width)}.xl\:border-t-\[length\:var\(--xl-border-top-width\)\]{border-top-width:var(--xl-border-top-width)}.xl\:border-solid{border-style:solid}.xl\:border-dashed{border-style:dashed}.xl\:border-dotted{border-style:dotted}.xl\:border-double{border-style:double}.xl\:border-hidden{border-style:hidden}.xl\:border-none{border-style:none}.xl\:border-\[color\:var\(--xl-border-color\)\]{border-color:var(--xl-border-color)}.xl\:bg-\[var\(--xl-background-color\)\]{background-color:var(--xl-background-color)}.xl\:bg-\[var\(--xl-button-bg\)\]{background-color:var(--xl-button-bg)}.xl\:bg-\[length\:var\(--xl-background-size\)\]{background-size:var(--xl-background-size)}.xl\:bg-auto{background-size:auto}.xl\:bg-contain{background-size:contain}.xl\:bg-cover{background-size:cover}.xl\:bg-\[position\:var\(--xl-background-position\)\]{background-position:var(--xl-background-position)}.xl\:bg-bottom{background-position:bottom}.xl\:bg-center{background-position:50%}.xl\:bg-left{background-position:0}.xl\:bg-left-bottom{background-position:0 100%}.xl\:bg-left-top{background-position:0 0}.xl\:bg-right{background-position:100%}.xl\:bg-right-bottom{background-position:100% 100%}.xl\:bg-right-top{background-position:100% 0}.xl\:bg-top{background-position:top}.xl\:bg-repeat{background-repeat:repeat}.xl\:bg-no-repeat{background-repeat:no-repeat}.xl\:bg-repeat-x{background-repeat:repeat-x}.xl\:bg-repeat-y{background-repeat:repeat-y}.xl\:bg-repeat-round{background-repeat:round}.xl\:bg-repeat-space{background-repeat:space}.xl\:p-\[var\(--xl-padding\)\]{padding:var(--xl-padding)}.xl\:pb-\[var\(--xl-padding-bottom\)\]{padding-bottom:var(--xl-padding-bottom)}.xl\:pl-\[var\(--xl-padding-left\)\]{padding-left:var(--xl-padding-left)}.xl\:pr-\[var\(--xl-padding-right\)\]{padding-right:var(--xl-padding-right)}.xl\:pt-\[var\(--xl-padding-top\)\]{padding-top:var(--xl-padding-top)}.xl\:text-\[length\:var\(--xl-button-font-size\)\]{font-size:var(--xl-button-font-size)}.xl\:font-\[var\(--xl-button-font-weight\)\]{font-weight:var(--xl-button-font-weight)}.xl\:leading-\[var\(--xl-button-line-height\)\]{line-height:var(--xl-button-line-height)}.xl\:text-\[var\(--xl-button-color\)\]{color:var(--xl-button-color)}.xl\:outline-none{outline:2px solid transparent;outline-offset:2px}.xl\:outline-dashed{outline-style:dashed}.xl\:outline-dotted{outline-style:dotted}.xl\:outline-double{outline-style:double}.xl\:outline-\[length\:var\(--xl-outline-width\)\]{outline-width:var(--xl-outline-width)}.xl\:outline-offset-\[var\(--xl-outline-offset\)\]{outline-offset:var(--xl-outline-offset)}.xl\:outline-\[color\:var\(--xl-outline-color\)\]{outline-color:var(--xl-outline-color)}.xl\:\[--color-background-default\:var\(--xl-color-background-default\)\]{--color-background-default:var(--xl-color-background-default)}.xl\:\[--color-background-inverted\:var\(--xl-color-background-inverted\)\]{--color-background-inverted:var(--xl-color-background-inverted)}.xl\:\[--color-background-muted\:var\(--xl-color-background-muted\)\]{--color-background-muted:var(--xl-color-background-muted)}.xl\:\[--color-background-subtle\:var\(--xl-color-background-subtle\)\]{--color-background-subtle:var(--xl-color-background-subtle)}.xl\:\[--color-primary-accent\:var\(--xl-color-primary-accent\)\]{--color-primary-accent:var(--xl-color-primary-accent)}.xl\:\[--color-secondary-accent-1\:var\(--xl-color-secondary-accent-1\)\]{--color-secondary-accent-1:var(--xl-color-secondary-accent-1)}.xl\:\[--color-secondary-accent-2\:var\(--xl-color-secondary-accent-2\)\]{--color-secondary-accent-2:var(--xl-color-secondary-accent-2)}.xl\:\[--color-secondary-accent-3\:var\(--xl-color-secondary-accent-3\)\]{--color-secondary-accent-3:var(--xl-color-secondary-accent-3)}.xl\:\[--color-text-primary\:var\(--xl-color-text-primary\)\]{--color-text-primary:var(--xl-color-text-primary)}.xl\:\[--color-text-secondary\:var\(--xl-color-text-secondary\)\]{--color-text-secondary:var(--xl-color-text-secondary)}.xl\:\[--typo-fs-b1-lg\:var\(--xl-typo-fs-b1-lg\)\]{--typo-fs-b1-lg:var(--xl-typo-fs-b1-lg)}.xl\:\[--typo-fs-b1-md\:var\(--xl-typo-fs-b1-md\)\]{--typo-fs-b1-md:var(--xl-typo-fs-b1-md)}.xl\:\[--typo-fs-b2-lg\:var\(--xl-typo-fs-b2-lg\)\]{--typo-fs-b2-lg:var(--xl-typo-fs-b2-lg)}.xl\:\[--typo-fs-b2-md\:var\(--xl-typo-fs-b2-md\)\]{--typo-fs-b2-md:var(--xl-typo-fs-b2-md)}.xl\:\[--typo-fs-b3-lg\:var\(--xl-typo-fs-b3-lg\)\]{--typo-fs-b3-lg:var(--xl-typo-fs-b3-lg)}.xl\:\[--typo-fs-b3-md\:var\(--xl-typo-fs-b3-md\)\]{--typo-fs-b3-md:var(--xl-typo-fs-b3-md)}.xl\:\[--typo-fs-caption-lg\:var\(--xl-typo-fs-caption-lg\)\]{--typo-fs-caption-lg:var(--xl-typo-fs-caption-lg)}.xl\:\[--typo-fs-h1-lg\:var\(--xl-typo-fs-h1-lg\)\]{--typo-fs-h1-lg:var(--xl-typo-fs-h1-lg)}.xl\:\[--typo-fs-h1-md\:var\(--xl-typo-fs-h1-md\)\]{--typo-fs-h1-md:var(--xl-typo-fs-h1-md)}.xl\:\[--typo-fs-h1-sm\:var\(--xl-typo-fs-h1-sm\)\]{--typo-fs-h1-sm:var(--xl-typo-fs-h1-sm)}.xl\:\[--typo-fs-h2-lg\:var\(--xl-typo-fs-h2-lg\)\]{--typo-fs-h2-lg:var(--xl-typo-fs-h2-lg)}.xl\:\[--typo-fs-h2-md\:var\(--xl-typo-fs-h2-md\)\]{--typo-fs-h2-md:var(--xl-typo-fs-h2-md)}.xl\:\[--typo-fs-h3-lg\:var\(--xl-typo-fs-h3-lg\)\]{--typo-fs-h3-lg:var(--xl-typo-fs-h3-lg)}.xl\:\[--typo-fs-h3-md\:var\(--xl-typo-fs-h3-md\)\]{--typo-fs-h3-md:var(--xl-typo-fs-h3-md)}.xl\:\[--typo-fs-h4-lg\:var\(--xl-typo-fs-h4-lg\)\]{--typo-fs-h4-lg:var(--xl-typo-fs-h4-lg)}.xl\:\[--typo-fs-h4-md\:var\(--xl-typo-fs-h4-md\)\]{--typo-fs-h4-md:var(--xl-typo-fs-h4-md)}.xl\:\[--typo-fw-b1-lg\:var\(--xl-typo-fw-b1-lg\)\]{--typo-fw-b1-lg:var(--xl-typo-fw-b1-lg)}.xl\:\[--typo-fw-b1-md\:var\(--xl-typo-fw-b1-md\)\]{--typo-fw-b1-md:var(--xl-typo-fw-b1-md)}.xl\:\[--typo-fw-b2-lg\:var\(--xl-typo-fw-b2-lg\)\]{--typo-fw-b2-lg:var(--xl-typo-fw-b2-lg)}.xl\:\[--typo-fw-b2-md\:var\(--xl-typo-fw-b2-md\)\]{--typo-fw-b2-md:var(--xl-typo-fw-b2-md)}.xl\:\[--typo-fw-b3-lg\:var\(--xl-typo-fw-b3-lg\)\]{--typo-fw-b3-lg:var(--xl-typo-fw-b3-lg)}.xl\:\[--typo-fw-b3-md\:var\(--xl-typo-fw-b3-md\)\]{--typo-fw-b3-md:var(--xl-typo-fw-b3-md)}.xl\:\[--typo-fw-caption-lg\:var\(--xl-typo-fw-caption-lg\)\]{--typo-fw-caption-lg:var(--xl-typo-fw-caption-lg)}.xl\:\[--typo-fw-h1-lg\:var\(--xl-typo-fw-h1-lg\)\]{--typo-fw-h1-lg:var(--xl-typo-fw-h1-lg)}.xl\:\[--typo-fw-h1-md\:var\(--xl-typo-fw-h1-md\)\]{--typo-fw-h1-md:var(--xl-typo-fw-h1-md)}.xl\:\[--typo-fw-h1-sm\:var\(--xl-typo-fw-h1-sm\)\]{--typo-fw-h1-sm:var(--xl-typo-fw-h1-sm)}.xl\:\[--typo-fw-h2-lg\:var\(--xl-typo-fw-h2-lg\)\]{--typo-fw-h2-lg:var(--xl-typo-fw-h2-lg)}.xl\:\[--typo-fw-h2-md\:var\(--xl-typo-fw-h2-md\)\]{--typo-fw-h2-md:var(--xl-typo-fw-h2-md)}.xl\:\[--typo-fw-h3-lg\:var\(--xl-typo-fw-h3-lg\)\]{--typo-fw-h3-lg:var(--xl-typo-fw-h3-lg)}.xl\:\[--typo-fw-h3-md\:var\(--xl-typo-fw-h3-md\)\]{--typo-fw-h3-md:var(--xl-typo-fw-h3-md)}.xl\:\[--typo-fw-h4-lg\:var\(--xl-typo-fw-h4-lg\)\]{--typo-fw-h4-lg:var(--xl-typo-fw-h4-lg)}.xl\:\[--typo-fw-h4-md\:var\(--xl-typo-fw-h4-md\)\]{--typo-fw-h4-md:var(--xl-typo-fw-h4-md)}.xl\:\[--typo-lh-b1-lg\:var\(--xl-typo-lh-b1-lg\)\]{--typo-lh-b1-lg:var(--xl-typo-lh-b1-lg)}.xl\:\[--typo-lh-b1-md\:var\(--xl-typo-lh-b1-md\)\]{--typo-lh-b1-md:var(--xl-typo-lh-b1-md)}.xl\:\[--typo-lh-b2-lg\:var\(--xl-typo-lh-b2-lg\)\]{--typo-lh-b2-lg:var(--xl-typo-lh-b2-lg)}.xl\:\[--typo-lh-b2-md\:var\(--xl-typo-lh-b2-md\)\]{--typo-lh-b2-md:var(--xl-typo-lh-b2-md)}.xl\:\[--typo-lh-b3-lg\:var\(--xl-typo-lh-b3-lg\)\]{--typo-lh-b3-lg:var(--xl-typo-lh-b3-lg)}.xl\:\[--typo-lh-b3-md\:var\(--xl-typo-lh-b3-md\)\]{--typo-lh-b3-md:var(--xl-typo-lh-b3-md)}.xl\:\[--typo-lh-caption-lg\:var\(--xl-typo-lh-caption-lg\)\]{--typo-lh-caption-lg:var(--xl-typo-lh-caption-lg)}.xl\:\[--typo-lh-h1-lg\:var\(--xl-typo-lh-h1-lg\)\]{--typo-lh-h1-lg:var(--xl-typo-lh-h1-lg)}.xl\:\[--typo-lh-h1-md\:var\(--xl-typo-lh-h1-md\)\]{--typo-lh-h1-md:var(--xl-typo-lh-h1-md)}.xl\:\[--typo-lh-h1-sm\:var\(--xl-typo-lh-h1-sm\)\]{--typo-lh-h1-sm:var(--xl-typo-lh-h1-sm)}.xl\:\[--typo-lh-h2-lg\:var\(--xl-typo-lh-h2-lg\)\]{--typo-lh-h2-lg:var(--xl-typo-lh-h2-lg)}.xl\:\[--typo-lh-h2-md\:var\(--xl-typo-lh-h2-md\)\]{--typo-lh-h2-md:var(--xl-typo-lh-h2-md)}.xl\:\[--typo-lh-h3-lg\:var\(--xl-typo-lh-h3-lg\)\]{--typo-lh-h3-lg:var(--xl-typo-lh-h3-lg)}.xl\:\[--typo-lh-h3-md\:var\(--xl-typo-lh-h3-md\)\]{--typo-lh-h3-md:var(--xl-typo-lh-h3-md)}.xl\:\[--typo-lh-h4-lg\:var\(--xl-typo-lh-h4-lg\)\]{--typo-lh-h4-lg:var(--xl-typo-lh-h4-lg)}.xl\:\[--typo-lh-h4-md\:var\(--xl-typo-lh-h4-md\)\]{--typo-lh-h4-md:var(--xl-typo-lh-h4-md)}.xl\:\[align-items\:var\(--xl-align-items\)\]{align-items:var(--xl-align-items)}.xl\:\[background\:var\(--xl-background\)\]{background:var(--xl-background)}.xl\:\[color\:var\(--xl-typography-color\)\]{color:var(--xl-typography-color)}.xl\:\[flex-direction\:var\(--xl-flex-direction\)\]{flex-direction:var(--xl-flex-direction)}.xl\:\[flex-wrap\:var\(--xl-flex-wrap\)\]{flex-wrap:var(--xl-flex-wrap)}.xl\:\[font-family\:var\(--xl-typography-font-family\)\]{font-family:var(--xl-typography-font-family)}.xl\:\[font-size\:var\(--xl-typography-font-size\)\]{font-size:var(--xl-typography-font-size)}.xl\:\[font-style\:var\(--xl-typography-font-style\)\]{font-style:var(--xl-typography-font-style)}.xl\:\[font-weight\:var\(--xl-typography-font-weight\)\]{font-weight:var(--xl-typography-font-weight)}.xl\:\[height\:var\(--xl-typography-height\)\]{height:var(--xl-typography-height)}.xl\:\[justify-content\:var\(--xl-button-justify-content\)\]{justify-content:var(--xl-button-justify-content)}.xl\:\[justify-content\:var\(--xl-justify-content\)\]{justify-content:var(--xl-justify-content)}.xl\:\[letter-spacing\:var\(--xl-typography-letter-spacing\)\]{letter-spacing:var(--xl-typography-letter-spacing)}.xl\:\[line-height\:var\(--xl-typography-line-height\)\]{line-height:var(--xl-typography-line-height)}.xl\:\[margin-bottom\:var\(--xl-typography-margin-bottom\)\]{margin-bottom:var(--xl-typography-margin-bottom)}.xl\:\[margin-left\:var\(--xl-typography-margin-left\)\]{margin-left:var(--xl-typography-margin-left)}.xl\:\[margin-right\:var\(--xl-typography-margin-right\)\]{margin-right:var(--xl-typography-margin-right)}.xl\:\[margin-top\:var\(--xl-typography-margin-top\)\]{margin-top:var(--xl-typography-margin-top)}.xl\:\[max-height\:var\(--xl-typography-max-height\)\]{max-height:var(--xl-typography-max-height)}.xl\:\[max-width\:var\(--xl-typography-max-width\)\]{max-width:var(--xl-typography-max-width)}.xl\:\[min-height\:var\(--xl-typography-min-height\)\]{min-height:var(--xl-typography-min-height)}.xl\:\[min-width\:var\(--xl-typography-min-width\)\]{min-width:var(--xl-typography-min-width)}.xl\:\[padding-bottom\:var\(--xl-typography-padding-bottom\)\]{padding-bottom:var(--xl-typography-padding-bottom)}.xl\:\[padding-left\:var\(--xl-typography-padding-left\)\]{padding-left:var(--xl-typography-padding-left)}.xl\:\[padding-right\:var\(--xl-typography-padding-right\)\]{padding-right:var(--xl-typography-padding-right)}.xl\:\[padding-top\:var\(--xl-typography-padding-top\)\]{padding-top:var(--xl-typography-padding-top)}.xl\:\[position\:inherit\]{position:inherit}.xl\:\[text-align\:var\(--xl-typography-text-align\)\]{text-align:var(--xl-typography-text-align)}.xl\:\[text-decoration\:var\(--xl-typography-text-decoration\)\]{-webkit-text-decoration:var(--xl-typography-text-decoration);text-decoration:var(--xl-typography-text-decoration)}.xl\:\[text-overflow\:var\(--xl-typography-text-overflow\)\]{text-overflow:var(--xl-typography-text-overflow)}.xl\:\[text-transform\:var\(--xl-typography-text-transform\)\]{text-transform:var(--xl-typography-text-transform)}.xl\:\[vertical-align\:var\(--xl-typography-vertical-align\)\]{vertical-align:var(--xl-typography-vertical-align)}.xl\:\[white-space\:var\(--xl-typography-white-space\)\]{white-space:var(--xl-typography-white-space)}.xl\:\[width\:var\(--xl-typography-width\)\]{width:var(--xl-typography-width)}.xl\:\[word-break\:var\(--xl-typography-word-break\)\]{word-break:var(--xl-typography-word-break)}.xl\:hover\:bg-\[var\(--xl-button-hover-bg\2c var\(--xl-button-bg\)\)\]:hover{background-color:var(--xl-button-hover-bg,var(--xl-button-bg))}.xl\:hover\:\[background\:var\(--xl-group-background\)\]:hover{background:var(--xl-group-background)}.xl\:active\:bg-\[var\(--xl-button-active-bg\2c var\(--xl-button-hover-bg\2c var\(--xl-button-bg\)\)\)\]:active{background-color:var(--xl-button-active-bg,var(--xl-button-hover-bg,var(--xl-button-bg)))}.group:hover .xl\:group-hover\:\[background\:var\(--xl-group-background\)\]{background:var(--xl-group-background)}}.\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator{display:none}.\[\&\:\:-webkit-calendar-picker-indicator\]\:appearance-none::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:size-\[20px\] svg{width:20px;height:20px}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}@media (min-width:768px){.md\:\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.md\:\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}}@media (min-width:1024px){.lg\:\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.lg\:\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}}@media (min-width:1440px){.xl\:\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.xl\:\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}}.\[\&_tbody_tr\:nth-child\(even\)\]\:bg-\[var\(--color-background-muted\)\] tbody tr:nth-child(2n){background-color:var(--color-background-muted)}.\[\&_tr\:last-child\]\:border-b-0 tr:last-child{border-bottom-width:0}

package/dist/switch/switch.d.ts

@@ -0,0 +1,34 @@
+import { ButtonHTMLAttributes, JSX, ReactNode } from 'react';
+export interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'value'> {
+    /** Controlled-состояние переключателя. */
+    checked?: boolean;
+    /** Класс внешнего контейнера вместе с label, description и control. */
+    containerClassName?: string;
+    /** Начальное состояние uncontrolled-переключателя. */
+    defaultChecked?: boolean;
+    /** Описание под label. Используется как `aria-describedby`. */
+    description?: ReactNode;
+    /** Сообщение об ошибке под control. Также переводит switch в invalid-состояние. */
+    errorMessage?: ReactNode;
+    /** Подсказка под control, показывается когда нет `errorMessage`. */
+    helperText?: ReactNode;
+    /** Видимый label рядом с переключателем. */
+    label?: ReactNode;
+    /** Позиция switch относительно label. */
+    labelPosition?: 'left' | 'right';
+    /** Имя hidden checkbox для отправки значения вместе с формой. */
+    name?: string;
+    /** Callback с новым boolean-состоянием без synthetic event. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Запрещает изменение состояния, но оставляет control доступным для фокуса. */
+    readOnly?: boolean;
+    /** Помечает hidden checkbox как required для native form validation. */
+    required?: boolean;
+    /** Класс круглого thumb внутри switch. */
+    thumbClassName?: string;
+    /** Класс track-элемента switch. */
+    trackClassName?: string;
+    /** Значение hidden checkbox при отправке формы. */
+    value?: string;
+}
+export declare function Switch({ checked, className, containerClassName, defaultChecked, description, disabled, errorMessage, helperText, id, label, labelPosition, name, onCheckedChange, readOnly, required, thumbClassName, trackClassName, value, ...props }: SwitchProps): JSX.Element;

package/dist/switch.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),s=require("./responsive-style.config-B2m9jVlX.cjs"),d=require("./typography.cjs");function A({checked:u,className:j,containerClassName:w,defaultChecked:N=!1,description:c,disabled:a=!1,errorMessage:n,helperText:p,id:I,label:o,labelPosition:x="right",name:v,onCheckedChange:S,readOnly:f=!1,required:C,thumbClassName:q,trackClassName:B,value:T="on",...l}){const _=k.useId(),i=I??_,h=o?`${i}-label`:void 0,b=c?`${i}-description`:void 0,g=n||p?`${i}-message`:void 0,[$,R]=k.useState(N),r=u??$,y=n??p,z=[b,g].filter(Boolean).join(" ")||void 0;function O(t){a||f||(u===void 0&&R(t),S?.(t))}function P(t){l.onClick?.(t),t.defaultPrevented||O(!r)}const m=e.jsx("button",{"aria-checked":r,"aria-describedby":z,"aria-invalid":!!n||l["aria-invalid"],"aria-labelledby":h,className:s.cn("relative inline-flex h-[20px] w-[40px] shrink-0 items-center rounded-[100px] border p-[2px] outline-none transition-colors duration-150","focus-visible:ring-2 focus-visible:ring-[color-mix(in_srgb,var(--color-primary-accent)_35%,transparent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-background-default)]",r?"border-[var(--color-primary-accent)] bg-[var(--color-primary-accent)]":"border-[var(--color-background-subtle)] bg-transparent",n&&"border-[var(--color-secondary-accent-2)]",a&&"cursor-not-allowed opacity-50",f&&!a&&"cursor-default",B,j),"data-state":r?"checked":"unchecked",disabled:a,id:i,role:"switch",type:"button",...l,onClick:P,children:e.jsx("span",{className:s.cn("block size-[16px] rounded-[999px] bg-[var(--color-background-default)] shadow-sm transition-transform duration-150",r?"translate-x-[20px]":"translate-x-[0px]",!r&&"border border-[var(--color-background-subtle)]",q),"data-state":r?"checked":"unchecked"})});return e.jsxs("div",{className:s.cn("grid w-full gap-[6px]",w),children:[e.jsxs("div",{className:"flex items-start gap-[10px]",children:[x==="left"?m:null,o||c?e.jsxs("div",{className:"grid min-w-0 flex-1 gap-[2px]",children:[o?e.jsx(d.Typography,{as:"span",className:"text-[var(--color-text-primary)]",id:h,variant:"b2",children:o}):null,c?e.jsx(d.Typography,{as:"span",className:"text-[var(--color-text-secondary)]",id:b,variant:"b3",children:c}):null]}):null,x==="right"?m:null]}),y?e.jsx(d.Typography,{as:"p",className:s.cn(n?"text-[var(--color-secondary-accent-2)]":"text-[var(--color-text-secondary)]"),id:g,variant:"b3",children:y}):null,v?e.jsx("input",{checked:r,disabled:a,name:v,readOnly:!0,required:C,type:"checkbox",value:T,hidden:!0}):null]})}exports.Switch=A;

package/dist/switch.js

@@ -0,0 +1,127 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { useId as G, useState as H } from "react";
+import { c as l } from "./responsive-style.config-DFuATrIM.js";
+import { Typography as u } from "./typography.js";
+function P({
+  checked: f,
+  className: w,
+  containerClassName: N,
+  defaultChecked: I = !1,
+  description: o,
+  disabled: e = !1,
+  errorMessage: t,
+  helperText: p,
+  id: C,
+  label: c,
+  labelPosition: v = "right",
+  name: m,
+  onCheckedChange: j,
+  readOnly: b = !1,
+  required: B,
+  thumbClassName: $,
+  trackClassName: S,
+  value: _ = "on",
+  ...s
+}) {
+  const z = G(), i = C ?? z, x = c ? `${i}-label` : void 0, h = o ? `${i}-description` : void 0, g = t || p ? `${i}-message` : void 0, [q, A] = H(I), r = f ?? q, k = t ?? p, D = [h, g].filter(Boolean).join(" ") || void 0;
+  function E(n) {
+    e || b || (f === void 0 && A(n), j?.(n));
+  }
+  function F(n) {
+    s.onClick?.(n), n.defaultPrevented || E(!r);
+  }
+  const y = /* @__PURE__ */ a(
+    "button",
+    {
+      "aria-checked": r,
+      "aria-describedby": D,
+      "aria-invalid": !!t || s["aria-invalid"],
+      "aria-labelledby": x,
+      className: l(
+        "relative inline-flex h-[20px] w-[40px] shrink-0 items-center rounded-[100px] border p-[2px] outline-none transition-colors duration-150",
+        "focus-visible:ring-2 focus-visible:ring-[color-mix(in_srgb,var(--color-primary-accent)_35%,transparent)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-background-default)]",
+        r ? "border-[var(--color-primary-accent)] bg-[var(--color-primary-accent)]" : "border-[var(--color-background-subtle)] bg-transparent",
+        t && "border-[var(--color-secondary-accent-2)]",
+        e && "cursor-not-allowed opacity-50",
+        b && !e && "cursor-default",
+        S,
+        w
+      ),
+      "data-state": r ? "checked" : "unchecked",
+      disabled: e,
+      id: i,
+      role: "switch",
+      type: "button",
+      ...s,
+      onClick: F,
+      children: /* @__PURE__ */ a(
+        "span",
+        {
+          className: l(
+            "block size-[16px] rounded-[999px] bg-[var(--color-background-default)] shadow-sm transition-transform duration-150",
+            r ? "translate-x-[20px]" : "translate-x-[0px]",
+            !r && "border border-[var(--color-background-subtle)]",
+            $
+          ),
+          "data-state": r ? "checked" : "unchecked"
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ d("div", { className: l("grid w-full gap-[6px]", N), children: [
+    /* @__PURE__ */ d("div", { className: "flex items-start gap-[10px]", children: [
+      v === "left" ? y : null,
+      c || o ? /* @__PURE__ */ d("div", { className: "grid min-w-0 flex-1 gap-[2px]", children: [
+        c ? /* @__PURE__ */ a(
+          u,
+          {
+            as: "span",
+            className: "text-[var(--color-text-primary)]",
+            id: x,
+            variant: "b2",
+            children: c
+          }
+        ) : null,
+        o ? /* @__PURE__ */ a(
+          u,
+          {
+            as: "span",
+            className: "text-[var(--color-text-secondary)]",
+            id: h,
+            variant: "b3",
+            children: o
+          }
+        ) : null
+      ] }) : null,
+      v === "right" ? y : null
+    ] }),
+    k ? /* @__PURE__ */ a(
+      u,
+      {
+        as: "p",
+        className: l(
+          t ? "text-[var(--color-secondary-accent-2)]" : "text-[var(--color-text-secondary)]"
+        ),
+        id: g,
+        variant: "b3",
+        children: k
+      }
+    ) : null,
+    m ? /* @__PURE__ */ a(
+      "input",
+      {
+        checked: r,
+        disabled: e,
+        name: m,
+        readOnly: !0,
+        required: B,
+        type: "checkbox",
+        value: _,
+        hidden: !0
+      }
+    ) : null
+  ] });
+}
+export {
+  P as Switch
+};

package/dist/table/data-table.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+import { DataTableProps } from './table.types';
+export declare function DataTable<TData>({ caption, columns, data, emptyDescription, emptyTitle, fixed, footer, getRowKey, isLoading, loadingTitle, onRowClick, rowClassName, striped, tableClassName, }: DataTableProps<TData>): JSX.Element;

package/dist/table/table-container.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, JSX } from 'react';
+export interface TableContainerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Отключает внутренний `overflow-x-auto`, если прокрутка контролируется снаружи. */
+    scrollable?: boolean;
+}
+export declare function TableContainer({ children, className, scrollable, ...props }: TableContainerProps): JSX.Element;
+export declare function TableScrollArea({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+export declare function TableToolbar({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;

package/dist/table/table-primitives.d.ts

@@ -0,0 +1,40 @@
+import { HTMLAttributes, JSX, ReactNode, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import { TableAlign } from './table.types';
+export interface TableProps extends HTMLAttributes<HTMLTableElement> {
+    /** Фиксирует ширины колонок по первой строке. Полезно для плотных административных таблиц. */
+    fixed?: boolean;
+    /** Добавляет легкую подложку каждой второй строке. */
+    striped?: boolean;
+}
+export declare function Table({ className, fixed, striped, ...props }: TableProps): JSX.Element;
+export declare function TableCaption({ className, ...props }: HTMLAttributes<HTMLTableCaptionElement>): JSX.Element;
+export interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {
+    /** Делает header sticky внутри ближайшего scroll container. */
+    sticky?: boolean;
+}
+export declare function TableHeader({ className, sticky, ...props }: TableHeaderProps): JSX.Element;
+export declare function TableBody({ className, ...props }: HTMLAttributes<HTMLTableSectionElement>): JSX.Element;
+export declare function TableFooter({ className, ...props }: HTMLAttributes<HTMLTableSectionElement>): JSX.Element;
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    /** Содержимое строки таблицы. */
+    children?: ReactNode;
+    /** Добавляет hover background для интерактивных строк. */
+    interactive?: boolean;
+    /** Визуально выделяет строку как выбранную. */
+    selected?: boolean;
+}
+export declare function TableRow({ className, interactive, selected, ...props }: TableRowProps): JSX.Element;
+export interface TableHeadProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'> {
+    /** Горизонтальное выравнивание содержимого ячейки. */
+    align?: TableAlign;
+    /** Позволяет визуально показать, что колонка сортируемая. */
+    sortable?: boolean;
+}
+export declare function TableHead({ align, className, sortable, ...props }: TableHeadProps): JSX.Element;
+export interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'> {
+    /** Горизонтальное выравнивание содержимого ячейки. */
+    align?: TableAlign;
+    /** Уменьшает вертикальные отступы для плотных таблиц. */
+    compact?: boolean;
+}
+export declare function TableCell({ align, className, compact, ...props }: TableCellProps): JSX.Element;

package/dist/table/table-status.d.ts

@@ -0,0 +1,12 @@
+import { JSX, ReactNode, TdHTMLAttributes } from 'react';
+export interface TableStatusProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align' | 'colSpan' | 'title'> {
+    /** Действие справа или под описанием: кнопка обновления, ссылка, retry. */
+    action?: ReactNode;
+    /** Количество колонок, которые должен занять status row. */
+    colSpan: number;
+    /** Дополнительное описание состояния. */
+    description?: ReactNode;
+    /** Основной текст состояния. */
+    title: ReactNode;
+}
+export declare function TableStatus({ action, className, colSpan, description, title, ...props }: TableStatusProps): JSX.Element;

package/dist/table/table.d.ts

@@ -0,0 +1,8 @@
+export { DataTable } from './data-table';
+export type { DataTableProps, TableAlign, TableColumn } from './table.types';
+export { TableContainer, TableScrollArea, TableToolbar } from './table-container';
+export type { TableContainerProps } from './table-container';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './table-primitives';
+export type { TableCellProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, } from './table-primitives';
+export { TableStatus } from './table-status';
+export type { TableStatusProps } from './table-status';

package/dist/table/table.types.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+export type TableAlign = 'center' | 'left' | 'right';
+export type TableColumn<TData> = {
+    /** Выравнивание header и cell для этой колонки. */
+    align?: TableAlign;
+    /** Дополнительный класс для body cell. */
+    cellClassName?: string;
+    /** Уникальный id колонки. Используется как React key. */
+    id: string;
+    /** Заголовок колонки. */
+    header: ReactNode;
+    /** Дополнительный класс для head cell. */
+    headClassName?: string;
+    /** Рендер содержимого body cell. */
+    render: (item: TData, index: number) => ReactNode;
+    /** Ширина колонки. Можно передать px, %, rem или CSS-переменную. */
+    width?: string | number;
+};
+export interface DataTableProps<TData> {
+    /** Текст или ReactNode для `<caption>`. */
+    caption?: ReactNode;
+    /** Список колонок. */
+    columns: TableColumn<TData>[];
+    /** Данные строк. */
+    data: TData[];
+    /** Описание empty-state. */
+    emptyDescription?: ReactNode;
+    /** Заголовок empty-state. */
+    emptyTitle?: ReactNode;
+    /** Включает table-layout: fixed. */
+    fixed?: boolean;
+    /** Футер под body, например summary row. */
+    footer?: ReactNode;
+    /** Функция получения стабильного React key для строки. */
+    getRowKey: (item: TData, index: number) => string | number;
+    /** Показывает loading-state вместо строк. */
+    isLoading?: boolean;
+    /** Текст loading-state. */
+    loadingTitle?: ReactNode;
+    /** Callback клика по строке. Если передан, строка получает interactive hover. */
+    onRowClick?: (item: TData, index: number) => void;
+    /** Класс строки или функция от item. */
+    rowClassName?: string | ((item: TData, index: number) => string | undefined);
+    /** Добавляет striped background. */
+    striped?: boolean;
+    /** Класс нативного table. */
+    tableClassName?: string;
+}