@blotoutio/providers-blotout-popup-sdk 1.72.0 → 1.74.0

package/index.cjs.js

@@ -86,6 +86,35 @@ const evaluateCondition$1 = (condition, signals, onUnknownOperator) => {
     }
 };
 
+/**
+ * ISO 3166-1 alpha-2 to E.164 country calling code, kept as one delimited
+ * string rather than a 250-line object so the SDK bundle carries the table
+ * rather than the punctuation around it — the same shape `phone_meta.ts` uses
+ * for its area codes.
+ *
+ * Shared by the SDK's phone field and the builder's country picker, so both
+ * offer the same list and a stored country resolves to the same dial code in
+ * preview and on the storefront.
+ */
+const DIAL_CODES = 'AC:247,AD:376,AE:971,AF:93,AG:1,AI:1,AL:355,AM:374,AO:244,AR:54,AS:1,AT:43,AU:61,AW:297,AX:358,AZ:994,BA:387,BB:1,BD:880,BE:32,BF:226,BG:359,BH:973,BI:257,BJ:229,BL:590,BM:1,BN:673,BO:591,BQ:599,BR:55,BS:1,BT:975,BW:267,BY:375,BZ:501,CA:1,CD:243,CF:236,CG:242,CH:41,CI:225,CK:682,CL:56,CM:237,CN:86,CO:57,CR:506,CU:53,CV:238,CW:599,CY:357,CZ:420,DE:49,DJ:253,DK:45,DM:1,DO:1,DZ:213,EC:593,EE:372,EG:20,EH:212,ER:291,ES:34,ET:251,FI:358,FJ:679,FK:500,FM:691,FO:298,FR:33,GA:241,GB:44,GD:1,GE:995,GF:594,GG:44,GH:233,GI:350,GL:299,GM:220,GN:224,GP:590,GQ:240,GR:30,GT:502,GU:1,GW:245,GY:592,HK:852,HN:504,HR:385,HT:509,HU:36,ID:62,IE:353,IL:972,IM:44,IN:91,IO:246,IQ:964,IR:98,IS:354,IT:39,JE:44,JM:1,JO:962,JP:81,KE:254,KG:996,KH:855,KI:686,KM:269,KN:1,KP:850,KR:82,KW:965,KY:1,KZ:7,LA:856,LB:961,LC:1,LI:423,LK:94,LR:231,LS:266,LT:370,LU:352,LV:371,LY:218,MA:212,MC:377,MD:373,ME:382,MF:590,MG:261,MH:692,MK:389,ML:223,MM:95,MN:976,MO:853,MP:1,MQ:596,MR:222,MS:1,MT:356,MU:230,MV:960,MW:265,MX:52,MY:60,MZ:258,NA:264,NC:687,NE:227,NF:672,NG:234,NI:505,NL:31,NO:47,NP:977,NR:674,NU:683,NZ:64,OM:968,PA:507,PE:51,PF:689,PG:675,PH:63,PK:92,PL:48,PM:508,PR:1,PS:970,PT:351,PW:680,PY:595,QA:974,RE:262,RO:40,RS:381,RU:7,RW:250,SA:966,SB:677,SC:248,SD:249,SE:46,SG:65,SH:290,SI:386,SJ:47,SK:421,SL:232,SM:378,SN:221,SO:252,SR:597,SS:211,ST:239,SV:503,SX:1,SY:963,SZ:268,TC:1,TD:235,TG:228,TH:66,TJ:992,TK:690,TL:670,TM:993,TN:216,TO:676,TR:90,TT:1,TV:688,TW:886,TZ:255,UA:380,UG:256,US:1,UY:598,UZ:998,VA:39,VC:1,VE:58,VG:1,VI:1,VN:84,VU:678,WF:681,WS:685,XK:383,YE:967,YT:262,ZA:27,ZM:260,ZW:263';
+const COUNTRY_DIAL_CODES = Object.fromEntries(DIAL_CODES.split(',').map((entry) => entry.split(':')));
+const DEFAULT_PHONE_COUNTRY = 'US';
+/**
+ * First candidate we hold a dial code for, so geo, the merchant's configured
+ * country and the fallback can be offered in priority order. Tolerates the
+ * lowercase and padded values the old free-text `defaultCountry` box allowed.
+ */
+const resolveCountry = (...candidates) => {
+    for (const candidate of candidates) {
+        const iso = candidate === null || candidate === void 0 ? void 0 : candidate.trim().toUpperCase();
+        if (iso && COUNTRY_DIAL_CODES[iso]) {
+            return iso;
+        }
+    }
+    return DEFAULT_PHONE_COUNTRY;
+};
+const dialCode = (iso) => { var _a; return (_a = COUNTRY_DIAL_CODES[iso]) !== null && _a !== void 0 ? _a : COUNTRY_DIAL_CODES[DEFAULT_PHONE_COUNTRY]; };
+
 const BLOTOUT_POPUP_RULES_KEY = 'blotoutPopup:rules';
 const emptyRulesState = () => ({
     v: 1,
@@ -232,6 +261,7 @@ const STEP_TRANSITIONS = ['next', 'submit', 'close'];
 
 const BOOLEAN_SIGNAL_IDS = [
     'visitor.isNew',
+    'customer.isSignedIn',
     'behavior.exitIntent',
     'cart.hasItems',
     // Momentary, unlike every other cart signal: true only for the evaluation
@@ -260,6 +290,23 @@ const CART_SIGNAL_IDS = [
     'cart.itemAdded',
     'cart.itemRemoved',
 ];
+/**
+ * Signals the store's customer adapter owns. Deferred like cart signals: the
+ * platform writes its customer global as the page renders, so reading it in the
+ * static gate can catch the moment before it exists.
+ *
+ * Restricted to `equals` by `validateCondition`, and that restriction is the
+ * whole safety property rather than a nicety. `notEquals` matches an absent
+ * signal — deliberately, see `evaluateCondition` — so `isSignedIn notEquals
+ * true` is satisfied by a read that has not resolved yet, and the popup written
+ * for strangers opens on a signed-in customer. `equals false` says the same
+ * thing for a resolved signal and stays inert for an unresolved one, so nothing
+ * is lost by withholding the negative form. It also holds on a tag pinned to an
+ * older SDK, which never learns this id at all and sees the signal as absent.
+ */
+const SIGN_IN_SIGNAL_IDS = [
+    'customer.isSignedIn',
+];
 // Signals the trigger engine evaluates lazily (deferred past the static gate).
 // Declared explicitly so a future non-behavior number signal isn't auto-deferred.
 const BEHAVIOR_SIGNAL_IDS = [
@@ -317,6 +364,394 @@ const IDENTITY_SIGNAL_IDS = [
     'customer.firstName',
 ];
 
+/** Where a token resolves: SDK at render, worker, or an async product fetch. */
+/** Record keys popup copy may read. `email`/`phone` deliberately excluded. */
+/** Sub-fields a product token exposes as `{{token.field}}`. */
+const PRODUCT_FIELDS = [
+    'title',
+    'price',
+    'compareAtPrice',
+    'vendor',
+    'type',
+];
+// Per field: the token's own fallback names the product, not the field, so
+// `{{lastViewedProduct.price}}` cannot borrow "what you were viewing".
+// `title` is the exception — there the product name IS the answer.
+const PRODUCT_FIELD_FALLBACKS = {
+    title: null,
+    price: 'the current price',
+    compareAtPrice: 'the full price',
+    vendor: 'the brand',
+    type: 'this range',
+};
+const TOKENS = [
+    {
+        id: 'city',
+        tier: 'signal',
+        label: 'City (from this request)',
+        signalId: 'location.city',
+        defaultFallback: 'your area',
+    },
+    {
+        id: 'region',
+        tier: 'signal',
+        label: 'Region (from this request)',
+        signalId: 'location.region',
+        defaultFallback: 'your region',
+    },
+    {
+        id: 'country',
+        tier: 'signal',
+        label: 'Country (from this request)',
+        signalId: 'location.country',
+        defaultFallback: 'your country',
+    },
+    {
+        id: 'utmSource',
+        tier: 'signal',
+        label: 'UTM source',
+        signalId: 'source.utmSource',
+        defaultFallback: 'the web',
+    },
+    {
+        id: 'utmMedium',
+        tier: 'signal',
+        label: 'UTM medium',
+        signalId: 'source.utmMedium',
+        defaultFallback: 'online',
+    },
+    {
+        id: 'utmCampaign',
+        tier: 'signal',
+        label: 'UTM campaign',
+        signalId: 'source.utmCampaign',
+        defaultFallback: 'our latest offer',
+    },
+    {
+        id: 'utmTerm',
+        tier: 'signal',
+        label: 'UTM term',
+        signalId: 'source.utmTerm',
+        defaultFallback: 'your search',
+    },
+    {
+        id: 'utmContent',
+        tier: 'signal',
+        label: 'UTM content',
+        signalId: 'source.utmContent',
+        defaultFallback: 'our offer',
+    },
+    {
+        id: 'cartItemCount',
+        tier: 'signal',
+        label: 'Cart item count',
+        signalId: 'cart.itemCount',
+        defaultFallback: 'a few',
+    },
+    {
+        id: 'cartTotalValue',
+        tier: 'signal',
+        label: 'Cart total value',
+        signalId: 'cart.totalValue',
+        defaultFallback: 'your total',
+    },
+    {
+        id: 'firstName',
+        tier: 'identity',
+        userKey: 'firstName',
+        label: 'First name',
+        defaultFallback: 'there',
+    },
+    {
+        id: 'lastName',
+        tier: 'identity',
+        userKey: 'lastName',
+        label: 'Last name',
+        defaultFallback: 'friend',
+    },
+    // Not `city`: that answers from the request, this from the stored record.
+    {
+        id: 'customerCity',
+        tier: 'identity',
+        userKey: 'city',
+        label: 'City (from the customer record)',
+        defaultFallback: 'your city',
+    },
+    {
+        id: 'customerState',
+        tier: 'identity',
+        userKey: 'state',
+        label: 'State (from the customer record)',
+        defaultFallback: 'your state',
+    },
+    {
+        id: 'customerCountry',
+        tier: 'identity',
+        userKey: 'country',
+        label: 'Country (from the customer record)',
+        defaultFallback: 'your country',
+    },
+    {
+        id: 'productName',
+        tier: 'product',
+        label: 'Product on this page',
+        defaultFallback: 'this item',
+        fields: PRODUCT_FIELDS,
+    },
+    {
+        id: 'lastViewedProduct',
+        tier: 'product',
+        label: 'Last viewed product',
+        defaultFallback: 'what you were viewing',
+        fields: PRODUCT_FIELDS,
+    },
+];
+const TOKEN_BY_ID = new Map(TOKENS.map((token) => [token.id, token]));
+/** Shopper-visible props. URLs, codes and handles are deliberately excluded. */
+const TOKEN_TEXT_PROPS = [
+    'text',
+    'label',
+    'placeholder',
+    'expiredText',
+    'reviewText',
+    'customerName',
+    'alt',
+];
+// Module scope; never `.test()` — `lastIndex` is stateful on a /g regex.
+// One optional dotted segment: `{{lastViewedProduct.price}}`.
+const TOKEN_PATTERN = /\{\{(\w+(?:\.\w+)?)\}\}/g;
+const parseTokenId = (id) => {
+    const dot = id.indexOf('.');
+    if (dot < 0) {
+        return { base: id };
+    }
+    return { base: id.slice(0, dot), field: id.slice(dot + 1) };
+};
+/** `lastViewedProduct.price` → `lastViewedProduct`. */
+const tokenBaseId = (id) => parseTokenId(id).base;
+/** The definition behind an id, dotted or not. */
+const getToken = (id) => TOKEN_BY_ID.get(parseTokenId(id).base);
+const isKnownToken = (id) => {
+    var _a, _b;
+    const { base, field } = parseTokenId(id);
+    const def = TOKEN_BY_ID.get(base);
+    if (!def) {
+        return false;
+    }
+    if (field === undefined) {
+        return true;
+    }
+    return (_b = (_a = def.fields) === null || _a === void 0 ? void 0 : _a.includes(field)) !== null && _b !== void 0 ? _b : false;
+};
+/** Registry fallback for an id. Never empty for a known token. */
+const tokenDefaultFallback = (id) => {
+    const { base, field } = parseTokenId(id);
+    const def = TOKEN_BY_ID.get(base);
+    if (!def) {
+        return '';
+    }
+    return (field && PRODUCT_FIELD_FALLBACKS[field]) || def.defaultFallback;
+};
+/** Known token ids used in a string, in first-seen order, deduped. */
+const collectTokens = (text) => {
+    if (typeof text !== 'string' || !text.includes('{{')) {
+        return [];
+    }
+    const found = [];
+    for (const match of text.matchAll(TOKEN_PATTERN)) {
+        const id = match[1];
+        if (isKnownToken(id) && !found.includes(id)) {
+            found.push(id);
+        }
+    }
+    return found;
+};
+/** Value, else merchant fallback, else default. Unknown tokens resolve to ''. */
+const resolveTokens = (text, values, fallbacks) => {
+    if (typeof text !== 'string' || !text.includes('{{')) {
+        return text;
+    }
+    return text.replace(TOKEN_PATTERN, (_raw, id) => resolveToken(id, values, fallbacks));
+};
+/**
+ * One token's value: stored value, else merchant fallback, else the registry
+ * default. An unknown token is '' — never braces at a shopper. Save rejects
+ * unknown tokens; a rule stored before a registry change can still reach here.
+ */
+const resolveToken = (id, values, fallbacks) => {
+    if (!isKnownToken(id)) {
+        return '';
+    }
+    const value = values[id];
+    if (typeof value === 'string' && value !== '') {
+        return value;
+    }
+    const fallback = fallbacks === null || fallbacks === void 0 ? void 0 : fallbacks[id];
+    if (typeof fallback === 'string' && fallback !== '') {
+        return fallback;
+    }
+    return tokenDefaultFallback(id);
+};
+/**
+ * `resolveTokens`, plus the offset each token's value landed at. The SDK marks
+ * those ranges so a later swap edits only the token, never the copy around it.
+ */
+const resolveTokenSpans = (text, values, fallbacks) => {
+    var _a;
+    if (typeof text !== 'string' || !text.includes('{{')) {
+        return { text, spans: [] };
+    }
+    const spans = [];
+    let out = '';
+    let last = 0;
+    for (const match of text.matchAll(TOKEN_PATTERN)) {
+        const id = match[1];
+        const at = (_a = match.index) !== null && _a !== void 0 ? _a : 0;
+        out += text.slice(last, at);
+        last = at + match[0].length;
+        const value = resolveToken(id, values, fallbacks);
+        if (isKnownToken(id)) {
+            spans.push({ id, start: out.length, end: out.length + value.length });
+        }
+        out += value;
+    }
+    out += text.slice(last);
+    return { text: out, spans };
+};
+const resolveOptionLabels = (raw, values, fallbacks) => {
+    if (!Array.isArray(raw)) {
+        return null;
+    }
+    let changed = false;
+    const next = raw.map((option) => {
+        if (!option || typeof option !== 'object') {
+            return option;
+        }
+        const label = option.label;
+        if (typeof label !== 'string') {
+            return option;
+        }
+        const resolved = resolveTokens(label, values, fallbacks);
+        if (resolved === label) {
+            return option;
+        }
+        changed = true;
+        return { ...option, label: resolved };
+    });
+    return changed ? next : null;
+};
+/**
+ * Text props with merge fields substituted; null when nothing changed.
+ * Shared by the SDK dispatcher and the builder preview — a second copy of this
+ * is the bug this feature fixes.
+ */
+const resolveProps = (props, values) => {
+    if (!props) {
+        return null;
+    }
+    const fallbacks = props['tokenFallbacks'];
+    let next = null;
+    for (const field of TOKEN_TEXT_PROPS) {
+        const value = props[field];
+        if (typeof value !== 'string') {
+            continue;
+        }
+        const resolved = resolveTokens(value, values, fallbacks);
+        if (resolved === value) {
+            continue;
+        }
+        next !== null && next !== void 0 ? next : (next = { ...props });
+        next[field] = resolved;
+    }
+    const options = resolveOptionLabels(props['options'], values, fallbacks);
+    if (options) {
+        next !== null && next !== void 0 ? next : (next = { ...props });
+        next['options'] = options;
+    }
+    return next;
+};
+/** `resolveProps` for a whole block; returns the original when unchanged. */
+const resolveBlockProps = (block, values) => {
+    const next = resolveProps(block.props, values);
+    return next ? { ...block, props: next } : block;
+};
+/** Every shopper-visible string on a props bag. */
+const tokenTextsOf = (props) => {
+    if (!props) {
+        return [];
+    }
+    const texts = [];
+    for (const field of TOKEN_TEXT_PROPS) {
+        const value = props[field];
+        if (typeof value === 'string') {
+            texts.push(value);
+        }
+    }
+    const options = props['options'];
+    if (Array.isArray(options)) {
+        for (const option of options) {
+            if (option && typeof option === 'object') {
+                const label = option.label;
+                if (typeof label === 'string') {
+                    texts.push(label);
+                }
+            }
+        }
+    }
+    return texts;
+};
+const blockTexts = (blocks, into) => {
+    for (const block of blocks) {
+        into.push(...tokenTextsOf(block.props));
+        if (block.type === 'container' && block.children) {
+            blockTexts(block.children, into);
+        }
+    }
+};
+/** Every shopper-visible string in a rule. */
+const ruleTexts = (rule) => {
+    var _a, _b, _c, _d;
+    const texts = [];
+    const contents = [
+        rule.content,
+        ...((_a = rule.variants) !== null && _a !== void 0 ? _a : []).map((v) => v.contentOverride),
+    ];
+    for (const content of contents) {
+        for (const step of (_b = content === null || content === void 0 ? void 0 : content.steps) !== null && _b !== void 0 ? _b : []) {
+            blockTexts((_c = step.blocks) !== null && _c !== void 0 ? _c : [], texts);
+        }
+    }
+    if ((_d = rule.teaser) === null || _d === void 0 ? void 0 : _d.text) {
+        texts.push(rule.teaser.text);
+    }
+    return texts;
+};
+/** Known tokens a rule references, across steps, variants and teaser. */
+const collectRuleTokens = (rule) => {
+    const found = new Set();
+    for (const text of ruleTexts(rule)) {
+        for (const id of collectTokens(text)) {
+            found.add(id);
+        }
+    }
+    return [...found];
+};
+const tokensInTier = (ids, tier) => ids.filter((id) => { var _a; return ((_a = getToken(id)) === null || _a === void 0 ? void 0 : _a.tier) === tier; });
+/** Signal-tier values. Absent signals are omitted so the token falls back. */
+const signalTokenValues = (signals) => {
+    const values = {};
+    for (const token of TOKENS) {
+        if (token.tier !== 'signal' || !token.signalId) {
+            continue;
+        }
+        const value = signals[token.signalId];
+        if (value !== undefined && value !== null && value !== '') {
+            values[token.id] = String(value);
+        }
+    }
+    return values;
+};
+
 const DEFAULT_THEME = {
     brand: { primary: '#0f172a', secondary: '#475569', accent: '#3b82f6' },
     font: { family: 'system-ui, sans-serif', baseSize: '16px' },
@@ -442,6 +877,7 @@ const DISPLAY_FORMATS = [
     'bar',
     'floatingBox',
     'fullscreenTakeover',
+    'inline',
 ];
 const MODAL_POSITIONS = [
     'center',
@@ -482,6 +918,17 @@ const TRIGGER_TYPES = ['click'];
  * the SDK opened it on page load.
  */
 const isTriggerDriven = (rule) => rule.trigger !== undefined;
+/**
+ * The matching answer to "is this rule a section of the merchant's page rather
+ * than something shown over it?", and it lives here for the same reason: the
+ * edge and the browser have to agree.
+ *
+ * An inline rule is placed in the theme, so nothing that decides *whether* to
+ * show a popup applies to it. The edge must not prune it by path, and the SDK
+ * must keep it out of the static gate, the trigger engine and the public open
+ * API. Asking the question separately in each place is how the two drift.
+ */
+const isInlineRule = (rule) => rule.display.format === 'inline';
 const RULE_OPERATORS = ['AND', 'OR'];
 
 const uiActions = new Set([
@@ -571,6 +1018,7 @@ new Set(ENUM_OPERATORS);
 new Set(NUMBER_SIGNAL_IDS);
 new Set(NUMBER_OPERATORS);
 new Set(IDENTITY_SIGNAL_IDS);
+new Set(SIGN_IN_SIGNAL_IDS);
 new Set(PAGE_TYPES);
 new Set(DEVICE_TYPES);
 new Set(TEASER_POSITIONS);
@@ -638,7 +1086,7 @@ const expand = (str) => str.split(',').flatMap((entry) => {
  *   .map(cell => cell.textContent.trim()).join(',')
  * ```
  */
-new Set([
+const invalidNANPAreaCodes = new Set([
     ...expand('200,211,221,222,230,232,233,235,237-238,241,243,244,245,247,255,257,258-259,261,265,266,271,273,274,275,277,278,280,282,283,285-287,288,290-299'),
     ...expand('300,311,322,324,327,328,333,335,338,342,344,348-349,353,355,356,357-359,362,366,369,370-379,381,382,383-384,387,388,389,390-399'),
     ...expand('400,411,420,421-422,426-427,428,429,433,439,444,446,449,451-454,455,456,457,459,460,461-462,465,466,467,471,476,477,481-483,485-486,487,488,489,490-499'),
@@ -648,6 +1096,89 @@ new Set([
     ...expand('811,821,822,823-824,827,834,836,841-842,846,851,852-853,871,874-875,879,880-887,889,890-899'),
     ...expand('911,921,922,923,924,926,927,932,933,935,942,944,946,950,953,955,957-958,960-969,974,975,976,977,981-982,987,988,990-999'),
 ]);
+const isValidZone1AreaCode = (num) => {
+    if (!/^[2-9]\d{2}$/.test(num)) {
+        return false;
+    }
+    return !invalidNANPAreaCodes.has(num);
+};
+
+// North America; assume local numbers as NANP
+const ZONE_1 = /^[+]1([2-9][0-8][0-9])[2-9][0-9]{6}$/;
+// Africa
+const ZONE_2 = /^[+]2([07][0-9]{4,13}|(1[12368]|[234][0-9]|5[0-8]|6[0-9]|9[01789])[0-9]{4,12})$/;
+// Europe
+const EU_TWO_DIGIT = `(3[0-469]|4[013-9])[0-9]{4,15}`;
+const EU_THREE_DIGIT = `((3[578]|42)[0-9])[0-9]{4,12}`;
+const ZONE_3_4 = new RegExp(`^[+](${EU_TWO_DIGIT}|${EU_THREE_DIGIT})$`);
+// South America
+const ZONE_5 = /^[+]5([1-8][0-9]{4,13}|[09][0-9][0-9]{4,12})$/;
+// Southeast Asia & Oceania
+const ZONE_6 = /^[+]6([0-6][0-9]{4,13}|(7[02-9]|8[0-35-9]|9[0-2])[0-9]{4,12})$/;
+// Russia & Kazakhstan
+const ZONE_7 = /^[+]7([1-9])[0-9]{4,13}$/;
+// East & South Asia
+const ZONE_8 = /^[+]8([1246][0-9]{4,13}|(0[08]|5[02356]|70|8[0-36])[0-9]{4,12})$/;
+// Middle East, West & Central Asia, South Asia, Eastern Europe
+const ZONE_9 = /^[+]9([0123458][0-9]{4,13}|(6[0-8]|7[0-79]|9[2-8])[0-9]{4,12})$/;
+const checkers = [
+    (num) => {
+        const match = num.match(ZONE_1);
+        if (!match) {
+            return false;
+        }
+        return isValidZone1AreaCode(match[1]);
+    },
+    (num) => ZONE_2.test(num),
+    (num) => ZONE_3_4.test(num),
+    (num) => ZONE_5.test(num),
+    (num) => ZONE_6.test(num),
+    (num) => ZONE_7.test(num),
+    (num) => ZONE_8.test(num),
+    (num) => ZONE_9.test(num),
+];
+/**
+ * Returns a boolean indicating whether or not a phone number conforms to a
+ * plausible E.164 phone number. It does not guarantee validity as each national
+ * operator may have various phone number lengths per area code or national
+ * scheme. It only validates currently active country codes and length
+ * restrictions.
+ *
+ * > *NOTE:* `E.164` format requires a leading plus sign, so you must set
+ * > `keepPlus` to `true` when normalising numbers:
+ *
+ * @example
+ * ```ts
+ * const number = isPlausibleE164Number(normalizePhoneNumber(str, true))
+ * ```
+ */
+const isPlausibleE164Number = (str) => str.startsWith('+') && checkers.some((check) => check(str));
+const INTL_PREFIX = /^00|[+]+/;
+/**
+ * Attempts to convert a given phone number string into an E.164 formatted
+ * number. In order to check whether the number is plausibly a real number, it
+ * must be checked with `isPlausibleE164Number` after normalising.
+ */
+const normalizePhoneNumber = (str, keepPlus = false) => {
+    if (!str) {
+        return '';
+    }
+    let normalized = str;
+    // assume non-international numbers are US numbers
+    if (!INTL_PREFIX.test(normalized)) {
+        normalized = `+1${normalized}`;
+    }
+    normalized = normalized.replace(/[^+0-9]/g, '').replace(INTL_PREFIX, '+');
+    return keepPlus ? normalized : normalized.slice(1);
+};
+
+const EMAIL_RE = /^[\w!#$%&'*+/=?^`{|}~-]+(:?\.[\w!#$%&'*+/=?^`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i;
+const isValidEmail = (email) => {
+    if (!email) {
+        return false;
+    }
+    return EMAIL_RE.test(email);
+};
 
 /**
  * ISO-3166 2-leter country codes and their names
@@ -1470,8 +2001,9 @@ const isInSchedule = (schedule) => {
 };
 
 // eslint-disable-next-line @nx/enforce-module-boundaries
-// Signals not decidable before the server read: identity (resolved server-side),
-// behavior (collected after init) and cart (read after init). Conditions on
+// Signals not decidable before the server read: identity (resolved
+// server-side), behavior (collected after init), cart (read after init) and
+// sign-in (the store global behind it may not be written yet). Conditions on
 // these are skipped here.
 //
 // Spread from the config tuples rather than listed by hand. `cart.hasItems` is
@@ -1484,6 +2016,7 @@ const NON_LOCAL_SIGNALS = new Set([
     ...NUMBER_SIGNAL_IDS,
     ...BEHAVIOR_SIGNAL_IDS,
     ...CART_SIGNAL_IDS,
+    ...SIGN_IN_SIGNAL_IDS,
 ]);
 // False only when a rule provably cannot fire without server data: out of
 // schedule, or an AND rule with a locally-decidable condition that is false.
@@ -1818,20 +2351,292 @@ const createPopupPacing = (now = Date.now) => {
     };
 };
 
+const INTERNAL_EVENTS = new Set(['dismiss', 'gotostep']);
+const triggerDismiss = (popupRoot, source = 'closeButton') => {
+    try {
+        popupRoot.dispatchEvent(new CustomEvent('blotoutPopup:dismiss', { detail: { source } }));
+    }
+    finally {
+        // An inline form is a section of the merchant's page, not a dismissible
+        // surface, so removing it would tear a hole where that section was. Guarded
+        // here rather than at each caller because every dismissal path ends up in
+        // this one `remove()`: the `closePopup` action, a close-button block a
+        // merchant dragged onto the canvas before switching the rule to inline, and
+        // the post-submit auto-close.
+        if (popupRoot.getAttribute('data-format') !== 'inline') {
+            popupRoot.remove();
+        }
+    }
+};
+const dispatchPopupEvent = (popupRoot, type, detail) => {
+    const isInternal = INTERNAL_EVENTS.has(type);
+    popupRoot.dispatchEvent(new CustomEvent(`blotoutPopup:${type}`, {
+        detail,
+        bubbles: !isInternal,
+        composed: !isInternal,
+    }));
+};
+
+/**
+ * The merchant's selection as a `ProvidersConfig`, or `null` for "send nothing".
+ *
+ * Off is the default and it has three spellings, all of which land here as
+ * `null`: no `eventChannels` at all, `enabled: false`, or the toggle on with
+ * nothing picked yet.
+ */
+const toProvidersConfig = (targeting) => {
+    var _a;
+    if (!(targeting === null || targeting === void 0 ? void 0 : targeting.enabled)) {
+        return null;
+    }
+    if (targeting.allChannels) {
+        // Not blotoutPopup: the popup's own Analytics Engine write counts
+        // storedUiActions and the two commerce actions, and an outbound Lead is
+        // neither. Letting it through would double-count conversions on our side.
+        return { all: true, blotoutPopup: false };
+    }
+    const config = {};
+    for (const [provider, selection] of Object.entries((_a = targeting.providers) !== null && _a !== void 0 ? _a : {})) {
+        // Same reason as the allChannels branch above: the popup tag stores an
+        // inbound blotoutPopupImpression, so picking it double-counts impressions.
+        if (provider === 'blotoutPopup') {
+            continue;
+        }
+        if (selection === 'all') {
+            config[provider] = { all: true };
+            continue;
+        }
+        if (!Array.isArray(selection) || selection.length === 0) {
+            continue;
+        }
+        // Keyed by name, not scriptId: the edge matches a selection against
+        // `variable.tagName`. The scriptId rides along in the stored pick so the
+        // selection stays traceable to the channel it was made from.
+        config[provider] = Object.fromEntries(selection.map((pick) => [pick.name, true]));
+    }
+    return Object.keys(config).length > 0 ? config : null;
+};
+/**
+ * Sends the popup event a second time, to the merchant's channels.
+ *
+ * Deliberately `window.edgetag('tag', …)` rather than the provider `sendTag`
+ * every provider is handed. That `sendTag` posts straight to the edge and never
+ * runs `processTag`, so it fires no browser pixel — which would leave Meta with
+ * a CAPI-only event and nothing to deduplicate against.
+ */
+const emitToChannels = (rule, baseUrl, eventName, data) => {
+    const providers = toProvidersConfig(rule.eventChannels);
+    if (!providers) {
+        return;
+    }
+    try {
+        if (typeof window.edgetag !== 'function') {
+            return;
+        }
+        // No eventId here on purpose. processTag generates one and gives the same
+        // value to the browser tag and to the edge payload, which is what makes
+        // Meta's pixel/CAPI deduplication work.
+        //
+        // `destination` is the tag the popup was loaded from, so the event goes to
+        // that tag and no other. Without it `handleTag` fans out to every
+        // initialised destination, which is the same thing on a one-tag page and
+        // the wrong thing on a page carrying two.
+        if (baseUrl) {
+            window.edgetag('tag', eventName, data, providers, {
+                destination: baseUrl,
+            });
+            return;
+        }
+        window.edgetag('tag', eventName, data, providers);
+    }
+    catch {
+        // analytics must never break the popup
+    }
+};
+
 // eslint-disable-next-line @nx/enforce-module-boundaries
+// Emits the impression analytics event, stamped with the deterministically
+// selected variant. Separate from the recording below because an inline form is
+// analytics-visible but never fatigue-gated: it has no impression cap to spend
+// and no engagement state to accumulate, so recording one would report an
+// always-on section as a popup working through its allowance.
+const emitImpression = (rule, userId, sendTag, baseUrl, popupRoot) => {
+    const { variantId } = selectVariant(rule, userId !== null && userId !== void 0 ? userId : '');
+    const detail = {
+        ruleId: rule.id,
+        variantId,
+        displayFormat: rule.display.format,
+    };
+    // Blotout's own copy. Always sent, and the popup dashboard counts it.
+    sendPopupEvent(sendTag, 'blotoutPopupImpression', detail);
+    // The merchant's channels, only when they have turned this on and picked some.
+    emitToChannels(rule, baseUrl, 'blotoutPopupImpression', detail);
+    if (popupRoot) {
+        dispatchPopupEvent(popupRoot, 'impression', detail);
+    }
+};
 // Records the local fatigue impression, persists the server-side impression,
 // and emits the analytics event stamped with the deterministically selected
 // variant. Kept out of render.ts so it stays free of the lit/DOM import chain
 // and is unit-testable in jsdom.
-const recordAndEmitImpression = (rule, userId, sendTag, getEdgeData, sendEdgeData) => {
-    const { variantId } = selectVariant(rule, userId !== null && userId !== void 0 ? userId : '');
+const recordAndEmitImpression = (rule, userId, popupRoot, baseUrl, sendTag, getEdgeData, sendEdgeData) => {
     recordImpression(rule);
     persistRuleEvent(rule, 'impression', getEdgeData, sendEdgeData);
-    sendPopupEvent(sendTag, 'blotoutPopupImpression', {
-        ruleId: rule.id,
-        variantId,
-        displayFormat: rule.display.format,
-    });
+    emitImpression(rule, userId, sendTag, baseUrl, popupRoot);
+};
+
+/**
+ * Placing and mounting the inline format.
+ *
+ * Every other format is mounted by `fireRule`, which owns the gates that only
+ * make sense for something that floats over the page: the pacing floor, the
+ * one-popup-at-a-time refusal, fatigue and the impression cap. An inline form
+ * is a permanent part of the merchant's layout, so it takes none of them — it
+ * renders wherever the merchant put its anchor, on every page that has one.
+ *
+ * Kept out of `init.ts` so that file stays the orchestrator it is, and so the
+ * anchor contract has one owner. A Shopify theme app block would emit the same
+ * marker, making it a placement source rather than a change to this module.
+ */
+/**
+ * The marker a merchant places in their theme. Its value is the rule id, so one
+ * anchor addresses exactly one rule and a page can host several.
+ */
+const INLINE_ANCHOR_ATTR = 'data-blotout-popup-inline';
+const anchorsOnPage = () => Array.from(document.querySelectorAll(`[${INLINE_ANCHOR_ATTR}]`));
+/**
+ * Rule ids whose anchor currently holds a mounted form.
+ *
+ * Read from the DOM rather than tracked, for the same reason `fillAnchors`
+ * asks the anchor whether it is filled: a theme that re-renders its footer
+ * takes the form with it without telling us.
+ */
+const mountedInlineRuleIds = () => anchorsOnPage()
+    .filter((anchor) => anchor.querySelector(POPUP_TAG))
+    .map((anchor) => anchor.getAttribute(INLINE_ANCHOR_ATTR))
+    .filter((id) => !!id);
+const fillAnchors = (params) => {
+    // One form per rule per page. Two anchors for the same rule would each render
+    // an independently submittable form, so the shopper could send the same lead
+    // twice — while the impression is counted once, quietly skewing the ratio.
+    // Seeded from what is already mounted so a re-render refills its own anchor.
+    const placed = new Set(mountedInlineRuleIds());
+    for (const anchor of anchorsOnPage()) {
+        // Already filled. Asked of the anchor rather than tracked in a set, because
+        // a theme that re-renders its footer hands back a fresh, empty anchor that
+        // a set would consider done.
+        if (anchor.querySelector(POPUP_TAG)) {
+            continue;
+        }
+        const ruleId = anchor.getAttribute(INLINE_ANCHOR_ATTR);
+        const rule = params.rules.find((r) => r.id === ruleId);
+        if (!rule) {
+            logger.info(`BlotoutPopup SDK: no inline rule '${ruleId}' for the anchor on this page`);
+            continue;
+        }
+        if (placed.has(rule.id)) {
+            logger.info(`BlotoutPopup SDK: inline rule '${rule.id}' is already placed on this page; extra anchor left empty`);
+            continue;
+        }
+        const host = params.render(rule);
+        if (!host) {
+            continue;
+        }
+        anchor.replaceChildren(host);
+        placed.add(rule.id);
+        params.onMount(rule, host);
+    }
+};
+const holdsAnchor = (nodes) => 
+// `Array.from` rather than a spread: NodeList is ArrayLike here but not
+// iterable, the same reason `fillAnchors` wraps its querySelectorAll.
+Array.from(nodes).some((node) => node instanceof Element &&
+    (node.hasAttribute(INLINE_ANCHOR_ATTR) ||
+        node.querySelector(`[${INLINE_ANCHOR_ATTR}]`) !== null));
+/** True when a mutation could have left an anchor on this page unfilled. */
+const touchesAnchor = (record) => {
+    // A whole section carrying an anchor was swapped in or out — the Shopify
+    // section rendering case, where the replacement arrives empty.
+    if (holdsAnchor(record.addedNodes) || holdsAnchor(record.removedNodes)) {
+        return true;
+    }
+    // Or a theme emptied an anchor that stayed where it was, taking the mounted
+    // form with it. Removals only: a fill that lands in an empty anchor is pure
+    // addition and must not re-arm the scan it just satisfied.
+    return (record.removedNodes.length > 0 &&
+        record.target instanceof Element &&
+        record.target.closest(`[${INLINE_ANCHOR_ATTR}]`) !== null);
+};
+/**
+ * Fills every anchor on the page and keeps filling them.
+ *
+ * Returns a rescan so the caller can also drive it from a page-view boundary,
+ * and a stop so the observer does not outlive its caller — the same handle
+ * shape `startClickTriggers` and `startDeferredRules` hand back.
+ */
+const startInlineForms = (params) => {
+    const rescan = () => fillAnchors(params);
+    let observer;
+    let stopped = false;
+    const start = () => {
+        if (stopped) {
+            return;
+        }
+        rescan();
+        // A one-shot scan is not enough: themes render footers and drawers after
+        // the tag runs, and Shopify's section rendering API swaps a whole section
+        // for a fresh copy, taking the mounted form with it and leaving an empty
+        // anchor.
+        let queued = false;
+        observer = new MutationObserver((records) => {
+            // Coalesced to one scan per frame. The observer sees the page's own churn
+            // plus the mutation each fill makes, so scanning per record would walk the
+            // document far more often than anything changed for us.
+            if (queued) {
+                return;
+            }
+            // Most of what this observer sees on a real storefront is someone else's
+            // churn — a chat widget, a carousel, a sticky header — and walking the
+            // whole document for it is pure cost. A batch only matters if it moved an
+            // anchor, so the document scan is spent on the batch that changed
+            // something for us rather than on every batch for the whole visit.
+            //
+            // Cheaper than a rescan even when it matches, because it walks only the
+            // nodes that actually moved. A fill into an empty anchor is pure addition
+            // and does not match; one that replaced merchant placeholder content
+            // matches once and finds the anchor already filled.
+            if (!records.some(touchesAnchor)) {
+                return;
+            }
+            queued = true;
+            requestAnimationFrame(() => {
+                queued = false;
+                rescan();
+            });
+        });
+        observer.observe(document.body, { childList: true, subtree: true });
+    };
+    // The tag can be loaded from `<head>`, where there is no `document.body` to
+    // observe yet and `observe` would throw. That throw reaches init's catch and
+    // takes every remaining popup down with it, not just the inline forms — and
+    // there is nothing to scan before the body exists anyway. A missing body
+    // means the parser is still running, so DOMContentLoaded is still to come.
+    if (document.body) {
+        start();
+    }
+    else {
+        document.addEventListener('DOMContentLoaded', start, { once: true });
+    }
+    return {
+        rescan,
+        stop: () => {
+            // Latched, because `start` may still be pending on DOMContentLoaded and
+            // would otherwise attach an observer nothing holds a reference to.
+            stopped = true;
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+            observer = undefined;
+        },
+    };
 };
 
 const installPublicApi = (params) => {
@@ -1968,11 +2773,158 @@ const renderBodyBlock = (block) => {
     return wrapWithLink(el, (_a = block.props.textStyle) === null || _a === void 0 ? void 0 : _a.link);
 };
 
+// Dispatched by the submit action so every managed field reveals its message at
+// once. Without it the browser surfaces only the first failure, in a bubble.
+const REVEAL_ERRORS_EVENT = 'blotoutPopup:revealerrors';
+const INTERNATIONAL_PREFIX = /^(\+|00)/;
+/**
+ * The trunk prefix a shopper dials inside their own country, which E.164 drops.
+ * Most countries use a single `0`. Italy and the Vatican share +39 and San
+ * Marino has +378; all keep the zero, so they have no prefix to strip. The
+ * others are the known non-`0` prefixes: `8` in Russia and Kazakhstan, `8 0` in
+ * Belarus and `06` in Hungary. The `8` is only a prefix on a number one digit
+ * longer than a national one, because Russian area codes start with 8 too.
+ */
+const TRUNK_PREFIXES = {
+    '7': /^8(?=\d{10}$)/,
+    '36': /^06?/,
+    '39': null,
+    '375': /^8?0(?=\d{9}$)/,
+    '378': null,
+};
+const DEFAULT_TRUNK_PREFIX = /^0/;
+// `+44 (0)7911 123456` marks the trunk zero a caller from abroad must skip. It
+// is not part of the number, except where the zero is kept.
+const OPTIONAL_TRUNK_ZERO = /\(0\)/g;
+const KEEPS_ZERO = /^(\+|00)\s*(39|378)/;
+let errorSeq = 0;
+/**
+ * Joins the picked dial code to what the shopper typed, unless they typed a
+ * country code themselves — an explicit `+44` or `0044` always wins over the
+ * selector, so a shopper who pastes a full international number is not given a
+ * second country code.
+ *
+ * Never call `normalizePhoneNumber` on a bare local number without doing this
+ * first: it assumes NANP and prefixes `+1`, which turns a Mexico City number
+ * into a valid New Jersey one.
+ */
+const toE164 = (raw, dial) => {
+    const typed = raw.trim();
+    if (!typed) {
+        return '';
+    }
+    if (INTERNATIONAL_PREFIX.test(typed)) {
+        return normalizePhoneNumber(KEEPS_ZERO.test(typed) ? typed : typed.replace(OPTIONAL_TRUNK_ZERO, ''), true);
+    }
+    // With no country to read it against, a bare number cannot be made E.164.
+    if (!dial) {
+        return '';
+    }
+    // `07911 123456` is how a London shopper writes their own number, and the
+    // trunk prefix has to go before the country code goes on — `+4407911123456`
+    // is not their number, and it is long enough to pass a plausibility check,
+    // so it would be wrong rather than rejected.
+    const trunk = dial in TRUNK_PREFIXES ? TRUNK_PREFIXES[dial] : DEFAULT_TRUNK_PREFIX;
+    const digits = typed.replace(/\D/g, '');
+    const national = trunk ? digits.replace(trunk, '') : digits;
+    return normalizePhoneNumber(`+${dial}${national}`, true);
+};
+const isValidPhone = (raw, dial) => isPlausibleE164Number(toE164(raw, dial));
+const emailCheck = (message) => (value) => {
+    const email = value.trim();
+    if (!email || isValidEmail(email)) {
+        return null;
+    }
+    return message || 'Enter a valid email address';
+};
+const phoneCheck = (getDial, message, required = false) => (value) => {
+    // The browser does not trim a `type=tel` value, so native `required`
+    // accepts a field holding nothing but spaces and the lead goes through
+    // with no phone. A genuinely empty field is still the browser's job.
+    const acceptable = value.trim()
+        ? isValidPhone(value, getDial())
+        : !(required && value);
+    return acceptable ? null : message || 'Enter a valid phone number';
+};
+/**
+ * Wires one input to a format check.
+ *
+ * `setCustomValidity` is what does the blocking: the submit action already
+ * calls `checkValidity()` on every input, so a field that reports itself
+ * invalid stops the form without the action layer knowing this exists.
+ *
+ * The message is computed on every keystroke but only shown once the shopper
+ * has left the field or tried to submit — telling someone their address is
+ * invalid while they are still typing the first letter of it is noise. Once
+ * shown it updates live, so it clears the moment the value is fixed.
+ */
+const attachFieldValidation = (options) => {
+    const { input, wrapper, root, check, onValue } = options;
+    let revealed = false;
+    let error;
+    const showError = (message) => {
+        if (!error) {
+            error = document.createElement('p');
+            error.id = `bop-field-error-${++errorSeq}`;
+            error.setAttribute('role', 'alert');
+            applyStyles(error, {
+                margin: '0.2em 0 0',
+                'font-size': '0.75em',
+                'line-height': '1.3',
+                color: '#b3252b',
+            });
+            wrapper.appendChild(error);
+        }
+        error.textContent = message;
+        error.hidden = false;
+    };
+    const run = () => {
+        const message = check(input.value);
+        input.setCustomValidity(message !== null && message !== void 0 ? message : '');
+        onValue === null || onValue === void 0 ? void 0 : onValue(input.value);
+        if (message && revealed) {
+            input.setAttribute('aria-invalid', 'true');
+            showError(message);
+            if (error) {
+                input.setAttribute('aria-describedby', error.id);
+            }
+            return;
+        }
+        input.removeAttribute('aria-invalid');
+        input.removeAttribute('aria-describedby');
+        if (error) {
+            error.hidden = true;
+        }
+    };
+    input.addEventListener('input', run);
+    input.addEventListener('blur', () => {
+        revealed = true;
+        run();
+    });
+    // The popup root outlives a step change, which replaces the block DOM, so a
+    // multi-step popup leaves handlers behind holding detached inputs. Each one
+    // drops itself the first time it sees its own input is gone, so a later
+    // submit neither acts on a field nobody can see nor walks a growing list.
+    const onReveal = () => {
+        if (!input.isConnected) {
+            root.removeEventListener(REVEAL_ERRORS_EVENT, onReveal);
+            return;
+        }
+        revealed = true;
+        run();
+    };
+    root.addEventListener(REVEAL_ERRORS_EVENT, onReveal);
+    run();
+};
+
 const buildLeadBody = (input) => {
     const { formData, ruleId, stepId, variantId, pageUrl, referrer, eventId, submittedAt, } = input;
     const fields = {};
     for (const [key, value] of Object.entries(formData)) {
-        if (key === 'email' || key === 'phone' || key === 'consentGiven') {
+        if (key === 'email' ||
+            key === 'phone' ||
+            key === 'consentGiven' ||
+            key === 'smsConsentGiven') {
             continue;
         }
         if (typeof value === 'string' || typeof value === 'boolean') {
@@ -1984,6 +2936,9 @@ const buildLeadBody = (input) => {
     const consentGiven = typeof formData['consentGiven'] === 'boolean'
         ? formData['consentGiven']
         : null;
+    const smsConsentGiven = typeof formData['smsConsentGiven'] === 'boolean'
+        ? formData['smsConsentGiven']
+        : null;
     return {
         eventId,
         ruleId,
@@ -1993,12 +2948,45 @@ const buildLeadBody = (input) => {
         phone,
         fields,
         consentGiven,
+        smsConsentGiven,
         pageUrl,
         referrer,
         submittedAt,
     };
 };
 
+/**
+ * The dedupe key for one submit, or `null` when there is nothing to send.
+ *
+ * Excludes eventId/submittedAt so a double-click or an identical resubmit lands
+ * on the same key. Exported because the identity push and the outbound `Lead`
+ * share this guard: `run-action` computes the key once for all three sends.
+ *
+ * The placeholders below are exactly the fields the key ignores, so building a
+ * throwaway body is how the key stays in step with `buildLeadBody`.
+ */
+const leadSendKey = (stepId, formData) => {
+    const body = buildLeadBody({
+        formData,
+        ruleId: '',
+        stepId,
+        pageUrl: '',
+        referrer: '',
+        eventId: '',
+        submittedAt: 0,
+    });
+    if (!body.email && !body.phone) {
+        return null;
+    }
+    return JSON.stringify([
+        stepId,
+        body.email,
+        body.phone,
+        body.consentGiven,
+        body.smsConsentGiven,
+        body.fields,
+    ]);
+};
 // Fire-and-forget forward of the captured lead to the blotout-popup CDN, which
 // enriches and posts it to the leads backend. Never throws into the popup flow.
 const sendLead = (input) => {
@@ -2007,6 +2995,13 @@ const sendLead = (input) => {
         if (!baseUrl) {
             return;
         }
+        const sendKey = leadSendKey(stepId, formData);
+        if (!sendKey) {
+            return;
+        }
+        if (state && state.lastSentKey === sendKey) {
+            return;
+        }
         const body = buildLeadBody({
             formData,
             ruleId,
@@ -2017,20 +3012,6 @@ const sendLead = (input) => {
             eventId: crypto.randomUUID(),
             submittedAt: Date.now(),
         });
-        if (!body.email && !body.phone) {
-            return;
-        }
-        // Key excludes eventId/submittedAt so double-clicks and identical resubmits dedupe.
-        const sendKey = JSON.stringify([
-            stepId,
-            body.email,
-            body.phone,
-            body.consentGiven,
-            body.fields,
-        ]);
-        if (state && state.lastSentKey === sendKey) {
-            return;
-        }
         // EdgeTagUserId + credentials carry the visitor identity so the CDN stamps
         // the real visitorId/sessionId instead of minting a new user (shop-gpt parity).
         const headers = new Headers({ 'Content-Type': 'application/json' });
@@ -2054,6 +3035,53 @@ const sendLead = (input) => {
     }
 };
 
+// Identity fields the popup can plausibly capture, named to match `UserData`
+// on the edge (`libs/cdn/types/src/api.ts:148`). Anything else the form
+// collects stays a lead field and is not part of the visitor's identity.
+const IDENTITY_FIELDS = ['email', 'phone', 'firstName', 'lastName'];
+/**
+ * Stores the submitted identity on the visitor's EdgeTag profile.
+ *
+ * Without this the email never reaches the edge's user store, and every channel
+ * that identifies a person before it will accept an event bails out: Klaviyo
+ * logs "User needs email or phone number first." and drops the event, and
+ * Listrak and Omnisend do the same. The lead itself still lands in Blotout's
+ * leads backend, so the popup looks like it worked.
+ *
+ * Called before the outbound `Lead`, the same order the Shopify custom pixel
+ * uses (`apps/edgetag/app-api/src/app/api/shopify/templates/custom-pixel.ts:535`):
+ * `edgetag('data', …)` first, then the event.
+ */
+const sendUserData = (formData, baseUrl) => {
+    try {
+        if (typeof window.edgetag !== 'function') {
+            return;
+        }
+        const userData = {};
+        for (const field of IDENTITY_FIELDS) {
+            const value = formData[field];
+            if (typeof value === 'string' && value.trim().length > 0) {
+                userData[field] = value.trim();
+            }
+        }
+        // A name on its own identifies nobody, and the providers this exists for
+        // key on email or phone.
+        if (!userData['email'] && !userData['phone']) {
+            return;
+        }
+        // Same destination as the event that follows, so the identity lands on the
+        // tag the popup belongs to rather than on every tag on the page.
+        if (baseUrl) {
+            window.edgetag('data', userData, undefined, { destination: baseUrl });
+            return;
+        }
+        window.edgetag('data', userData);
+    }
+    catch {
+        // identity must never break the popup
+    }
+};
+
 const collectFormData = (popupRoot) => {
     var _a;
     const fields = {};
@@ -2080,27 +3108,10 @@ const collectFormData = (popupRoot) => {
     return fields;
 };
 
-const INTERNAL_EVENTS = new Set(['dismiss', 'gotostep']);
-const triggerDismiss = (popupRoot, source = 'closeButton') => {
-    try {
-        popupRoot.dispatchEvent(new CustomEvent('blotoutPopup:dismiss', { detail: { source } }));
-    }
-    finally {
-        popupRoot.remove();
-    }
-};
-const dispatchPopupEvent = (popupRoot, type, detail) => {
-    const isInternal = INTERNAL_EVENTS.has(type);
-    popupRoot.dispatchEvent(new CustomEvent(`blotoutPopup:${type}`, {
-        detail,
-        bubbles: !isInternal,
-        composed: !isInternal,
-    }));
-};
-
+// eslint-disable-next-line @nx/enforce-module-boundaries
 const SHOP_GPT_REGISTRY_KEY = Symbol.for('shop-gpt');
 const runAction = (action, ctx) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     sendPopupEvent(ctx.sendTag, 'blotoutPopupCtaClick', {
         ruleId: ctx.rule.id,
         variantId: ctx.variantId,
@@ -2131,10 +3142,28 @@ const runAction = (action, ctx) => {
             return;
         }
         case 'submitForm': {
+            // An inline form has no close: when its last step has no `next` to a
+            // confirmation, submitting leaves the filled form sitting in the page.
+            // Without this the shopper clicks again, sends a second lead and fires a
+            // second convert. Only inline, because every other format is either gone
+            // or dismissible by the time this could happen.
+            if (isInlineRule(ctx.rule) && isConverted(ctx.rule.id)) {
+                return;
+            }
             const inputs = Array.from((_c = (_b = ctx.popupRoot.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('input, select')) !== null && _c !== void 0 ? _c : []);
+            // Ask every managed field to show its own message first, so a form with
+            // two bad fields surfaces both instead of the browser bubbling only the
+            // first one it finds.
+            ctx.popupRoot.dispatchEvent(new CustomEvent(REVEAL_ERRORS_EVENT));
             const invalid = inputs.find((input) => !input.checkValidity());
             if (invalid) {
-                invalid.reportValidity();
+                invalid.focus();
+                // A field with an inline message has already said its piece; anything
+                // else — a required checkbox, a merchant's own input — still needs the
+                // native bubble.
+                if (invalid.getAttribute('aria-invalid') !== 'true') {
+                    invalid.reportValidity();
+                }
                 return;
             }
             const formData = collectFormData(ctx.popupRoot);
@@ -2148,15 +3177,28 @@ const runAction = (action, ctx) => {
             const leadData = ctx.leadState
                 ? Object.assign(ctx.leadState.data, formData)
                 : formData;
-            sendLead({
-                baseUrl: ctx.baseUrl,
-                userId: ctx.userId,
-                ruleId: ctx.rule.id,
-                stepId: ctx.currentStep.id,
-                variantId: ctx.variantId,
-                formData: leadData,
-                state: ctx.leadState,
-            });
+            // One guard for all three sends. A step whose `transition` is undefined
+            // or 'submit' leaves the popup mounted with a live click listener, so a
+            // second click re-enters this branch. `sendLead` deduped on its own key;
+            // the identity push and the outbound `Lead` did not, and `emitToChannels`
+            // mints a fresh eventId per call, so Meta had nothing to dedupe on.
+            const sendKey = leadSendKey(ctx.currentStep.id, leadData);
+            const isResend = sendKey !== null && ((_d = ctx.leadState) === null || _d === void 0 ? void 0 : _d.lastSentKey) === sendKey;
+            // Identity first, then the lead and the outbound event: the edge has to
+            // already hold the email when the `Lead` arrives, or Klaviyo and friends
+            // drop it for want of an identifier.
+            if (!isResend) {
+                sendUserData(leadData, ctx.baseUrl);
+                sendLead({
+                    baseUrl: ctx.baseUrl,
+                    userId: ctx.userId,
+                    ruleId: ctx.rule.id,
+                    stepId: ctx.currentStep.id,
+                    variantId: ctx.variantId,
+                    formData: leadData,
+                    state: ctx.leadState,
+                });
+            }
             const transition = ctx.currentStep.transition;
             const nextStep = transition === 'next' && currentIdx >= 0
                 ? steps[currentIdx + 1]
@@ -2168,26 +3210,50 @@ const runAction = (action, ctx) => {
                     ? ['cta', 'convert']
                     : ['convert'];
                 persistRuleEvent(ctx.rule, events, ctx.getEdgeData, ctx.sendEdgeData);
-                sendPopupEvent(ctx.sendTag, 'blotoutPopupConvert', {
+                const convertDetail = {
                     ruleId: ctx.rule.id,
                     variantId: ctx.variantId,
                     displayFormat: ctx.rule.display.format,
                     contentVersion: ctx.rule.contentVersion,
                     stepId: ctx.currentStep.id,
-                    consentGiven: typeof formData['consentGiven'] === 'boolean'
-                        ? formData['consentGiven']
-                        : false,
+                };
+                sendPopupEvent(ctx.sendTag, 'blotoutPopupConvert', {
+                    ...convertDetail,
+                    // Any consent the shopper gave, not the email box specifically —
+                    // an SMS-only popup has no `consentGiven` field at all, and before
+                    // consent carried a channel its single box was always this one. The
+                    // per-channel record lives on the lead; this stays "did they agree
+                    // to something" so the existing metric keeps its meaning.
+                    consentGiven: [
+                        formData['consentGiven'],
+                        formData['smsConsentGiven'],
+                    ].some((value) => value === true),
                 });
-            }
-            if (transition === 'close') {
-                triggerDismiss(ctx.popupRoot, 'auto');
-                return;
+                // Sent as `Lead`: a Meta standard event, and GA4 maps it to
+                // `generate_lead`, so the merchant can optimise on it without either
+                // provider needing to know what a popup is. `consentGiven` is the
+                // merchant's marketing checkbox, not a routing signal, so it stays out.
+                if (!isResend) {
+                    emitToChannels(ctx.rule, ctx.baseUrl, 'Lead', convertDetail);
+                }
+                dispatchPopupEvent(ctx.popupRoot, 'convert', convertDetail);
             }
             if (nextStep) {
                 dispatchPopupEvent(ctx.popupRoot, 'gotostep', {
                     ruleId: ctx.rule.id,
                     stepId: nextStep.id,
                 });
+                return;
+            }
+            // A submit with nowhere left to go ends the flow, so close. Only a step
+            // that hands off to another one stays open: `transition` is unset on the
+            // last step of every template, and a popup still sitting there after a
+            // successful submit reads to the shopper as a submit that failed.
+            // Closing an inline form would tear a hole in the merchant's page where
+            // a permanent section used to be, so its last step stays on screen as the
+            // confirmation. The lead and the conversion above are already recorded.
+            if (!isInlineRule(ctx.rule)) {
+                triggerDismiss(ctx.popupRoot, 'auto');
             }
             return;
         }
@@ -2202,7 +3268,7 @@ const runAction = (action, ctx) => {
                 ? ctx.codes.get(action.couponBlockId)
                 : [...ctx.codes.values()][0];
             if (code) {
-                (_d = navigator.clipboard) === null || _d === void 0 ? void 0 : _d.writeText(code);
+                (_e = navigator.clipboard) === null || _e === void 0 ? void 0 : _e.writeText(code);
                 dispatchPopupEvent(ctx.popupRoot, 'couponcopied', {
                     ruleId: ctx.rule.id,
                     code,
@@ -2312,7 +3378,11 @@ const renderConsentBlock = (block) => {
     });
     const checkbox = document.createElement('input');
     checkbox.type = 'checkbox';
-    checkbox.name = 'consentGiven';
+    // An SMS block submits under its own name so agreeing to email is never read
+    // as agreeing to texts. No channel means email, which is what every rule
+    // saved before this existed carries.
+    checkbox.name =
+        block.props.channel === 'sms' ? 'smsConsentGiven' : 'consentGiven';
     checkbox.required = block.props.required;
     applyStyles(checkbox, { 'margin-top': '0.2em' });
     const text = document.createElement('span');
@@ -2695,6 +3765,12 @@ const renderEmailInputBlock = (block, ctx) => {
         ...getInputStyles(ctx.theme),
     });
     wrapper.appendChild(input);
+    attachFieldValidation({
+        input,
+        wrapper,
+        root: ctx.popupRoot,
+        check: emailCheck(),
+    });
     return wrapper;
 };
 
@@ -2703,10 +3779,23 @@ const renderFloatingImageBlock = (block) => {
     if (!block.props.url || !isSafeImageUrl(block.props.url)) {
         return null;
     }
+    // Out of flow for the same reason as the image block, and because floating
+    // is the point: it overlaps its neighbours rather than growing the rows and
+    // pushing them down. The wrapper is the grid item, so it carries the z-index.
+    const wrapper = document.createElement('div');
+    applyStyles(wrapper, {
+        position: 'relative',
+        width: '100%',
+        height: '100%',
+        'z-index': block.props.zIndex != null ? String(block.props.zIndex) : undefined,
+    });
     const img = document.createElement('img');
     img.src = block.props.url;
     img.alt = (_a = block.props.alt) !== null && _a !== void 0 ? _a : '';
     applyStyles(img, {
+        position: 'absolute',
+        top: '0',
+        left: '0',
         width: (_b = block.props.width) !== null && _b !== void 0 ? _b : '100%',
         height: (_c = block.props.height) !== null && _c !== void 0 ? _c : 'auto',
         display: 'block',
@@ -2715,12 +3804,13 @@ const renderFloatingImageBlock = (block) => {
         transform: block.props.rotation != null
             ? `rotate(${block.props.rotation}deg)`
             : undefined,
-        'z-index': block.props.zIndex != null ? String(block.props.zIndex) : undefined,
         'box-shadow': block.props.shadow,
     });
-    return img;
+    wrapper.appendChild(img);
+    return wrapper;
 };
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
 const TYPE_MAP = {
     text: 'text',
     email: 'email',
@@ -2728,8 +3818,8 @@ const TYPE_MAP = {
     number: 'number',
     date: 'date',
 };
-const renderFormInputBlock = (block) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+const renderFormInputBlock = (block, ctx) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const wrapper = document.createElement('div');
     applyStyles(wrapper, { margin: (_a = block.props.margin) !== null && _a !== void 0 ? _a : '0 0 0.5em' });
     if (block.props.label) {
@@ -2770,6 +3860,46 @@ const renderFormInputBlock = (block) => {
         'font-size': '0.875em',
     });
     wrapper.appendChild(input);
+    // The generic block is a second route to an email or phone field, so it gets
+    // the same checks. It has no country picker of its own, so the shopper's own
+    // country is what a bare number is read as. With no geo there is none, and
+    // falling back to US would store a plausible wrong number, so only an
+    // explicit international number is accepted.
+    if (block.props.fieldType === 'email') {
+        attachFieldValidation({
+            input,
+            wrapper,
+            root: ctx.popupRoot,
+            check: emailCheck(),
+        });
+    }
+    else if (block.props.fieldType === 'phone') {
+        const geo = resolveCountry(ctx.geoCountry);
+        const dial = geo === ((_j = ctx.geoCountry) === null || _j === void 0 ? void 0 : _j.trim().toUpperCase()) ? dialCode(geo) : '';
+        // Submitted from a hidden field like the dedicated phone block, so this
+        // route cannot send a bare local number the lead route would refuse. The
+        // visible input gives up its name to the hidden one to make that the only
+        // value collected.
+        let canonical;
+        if (block.props.name) {
+            canonical = document.createElement('input');
+            canonical.type = 'hidden';
+            canonical.name = block.props.name;
+            input.removeAttribute('name');
+            wrapper.appendChild(canonical);
+        }
+        attachFieldValidation({
+            input,
+            wrapper,
+            root: ctx.popupRoot,
+            check: phoneCheck(() => dial, dial ? undefined : 'Include your country code, e.g. +44', block.props.required),
+            onValue: (value) => {
+                if (canonical) {
+                    canonical.value = toE164(value, dial);
+                }
+            },
+        });
+    }
     return wrapper;
 };
 
@@ -2794,7 +3924,7 @@ const renderHeadingBlock = (block) => {
     return wrapWithLink(el, (_a = block.props.textStyle) === null || _a === void 0 ? void 0 : _a.link);
 };
 
-var css_248z = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-50: oklch(97.1% 0.013 17.38);\n    --color-red-100: oklch(93.6% 0.032 17.717);\n    --color-red-200: oklch(88.5% 0.062 18.334);\n    --color-red-300: oklch(80.8% 0.114 19.571);\n    --color-red-400: oklch(70.4% 0.191 22.216);\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-red-600: oklch(57.7% 0.245 27.325);\n    --color-red-700: oklch(50.5% 0.213 27.518);\n    --color-red-800: oklch(44.4% 0.177 26.899);\n    --color-red-900: oklch(39.6% 0.141 25.723);\n    --color-red-950: oklch(25.8% 0.092 26.042);\n    --color-orange-50: #f25c2b;\n    --color-orange-100: #520c03;\n    --color-orange-200: oklch(90.1% 0.076 70.697);\n    --color-orange-300: oklch(83.7% 0.128 66.29);\n    --color-orange-400: oklch(75% 0.183 55.934);\n    --color-orange-500: oklch(70.5% 0.213 47.604);\n    --color-orange-600: oklch(64.6% 0.222 41.116);\n    --color-orange-700: oklch(55.3% 0.195 38.402);\n    --color-orange-800: oklch(47% 0.157 37.304);\n    --color-orange-950: oklch(26.6% 0.079 36.259);\n    --color-amber-50: oklch(98.7% 0.022 95.277);\n    --color-amber-100: oklch(96.2% 0.059 95.617);\n    --color-amber-200: oklch(92.4% 0.12 95.746);\n    --color-amber-300: oklch(87.9% 0.169 91.605);\n    --color-amber-400: oklch(82.8% 0.189 84.429);\n    --color-amber-500: oklch(76.9% 0.188 70.08);\n    --color-amber-600: oklch(66.6% 0.179 58.318);\n    --color-amber-700: oklch(55.5% 0.163 48.998);\n    --color-amber-800: oklch(47.3% 0.137 46.201);\n    --color-amber-900: oklch(41.4% 0.112 45.904);\n    --color-amber-950: oklch(27.9% 0.077 45.635);\n    --color-yellow-50: oklch(98.7% 0.026 102.212);\n    --color-yellow-100: oklch(97.3% 0.071 103.193);\n    --color-yellow-200: oklch(94.5% 0.129 101.54);\n    --color-yellow-300: oklch(90.5% 0.182 98.111);\n    --color-yellow-400: oklch(85.2% 0.199 91.936);\n    --color-yellow-500: oklch(79.5% 0.184 86.047);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-yellow-700: oklch(55.4% 0.135 66.442);\n    --color-yellow-800: oklch(47.6% 0.114 61.907);\n    --color-yellow-900: oklch(42.1% 0.095 57.708);\n    --color-green-50: oklch(98.2% 0.018 155.826);\n    --color-green-100: oklch(96.2% 0.044 156.743);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-300: oklch(87.1% 0.15 154.449);\n    --color-green-400: oklch(79.2% 0.209 151.711);\n    --color-green-500: oklch(72.3% 0.219 149.579);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-green-700: oklch(52.7% 0.154 150.069);\n    --color-green-800: oklch(44.8% 0.119 151.328);\n    --color-green-900: oklch(39.3% 0.095 152.535);\n    --color-green-950: oklch(26.6% 0.065 152.934);\n    --color-emerald-50: oklch(97.9% 0.021 166.113);\n    --color-emerald-200: oklch(90.5% 0.093 164.15);\n    --color-emerald-300: oklch(84.5% 0.143 164.978);\n    --color-emerald-500: oklch(69.6% 0.17 162.48);\n    --color-emerald-600: oklch(59.6% 0.145 163.225);\n    --color-emerald-700: oklch(50.8% 0.118 165.612);\n    --color-emerald-900: oklch(37.8% 0.077 168.94);\n    --color-emerald-950: oklch(26.2% 0.051 172.552);\n    --color-teal-50: oklch(98.4% 0.014 180.72);\n    --color-teal-100: oklch(95.3% 0.051 180.801);\n    --color-teal-400: oklch(77.7% 0.152 181.912);\n    --color-teal-500: oklch(70.4% 0.14 182.503);\n    --color-teal-600: oklch(60% 0.118 184.704);\n    --color-teal-700: oklch(51.1% 0.096 186.391);\n    --color-teal-900: oklch(38.6% 0.063 188.416);\n    --color-teal-950: oklch(27.7% 0.046 192.524);\n    --color-cyan-500: oklch(71.5% 0.143 215.221);\n    --color-cyan-950: oklch(30.2% 0.056 229.695);\n    --color-sky-500: oklch(68.5% 0.169 237.323);\n    --color-sky-600: oklch(58.8% 0.158 241.966);\n    --color-sky-700: oklch(50% 0.134 242.749);\n    --color-blue-50: #3b82f6;\n    --color-blue-100: #172554;\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-300: oklch(80.9% 0.105 251.813);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-blue-500: oklch(62.3% 0.214 259.815);\n    --color-blue-600: oklch(54.6% 0.245 262.881);\n    --color-blue-700: oklch(48.8% 0.243 264.376);\n    --color-blue-800: oklch(42.4% 0.199 265.638);\n    --color-blue-900: oklch(37.9% 0.146 265.522);\n    --color-blue-950: oklch(28.2% 0.091 267.935);\n    --color-indigo-50: oklch(96.2% 0.018 272.314);\n    --color-indigo-100: oklch(93% 0.034 272.788);\n    --color-indigo-200: oklch(87% 0.065 274.039);\n    --color-indigo-300: oklch(78.5% 0.115 274.713);\n    --color-indigo-400: oklch(67.3% 0.182 276.935);\n    --color-indigo-500: oklch(58.5% 0.233 277.117);\n    --color-indigo-600: oklch(51.1% 0.262 276.966);\n    --color-indigo-700: oklch(45.7% 0.24 277.023);\n    --color-violet-50: oklch(96.9% 0.016 293.756);\n    --color-violet-100: oklch(94.3% 0.029 294.588);\n    --color-violet-200: oklch(89.4% 0.057 293.283);\n    --color-violet-300: oklch(81.1% 0.111 293.571);\n    --color-violet-500: oklch(60.6% 0.25 292.717);\n    --color-violet-600: oklch(54.1% 0.281 293.009);\n    --color-violet-700: oklch(49.1% 0.27 292.581);\n    --color-violet-800: oklch(43.2% 0.232 292.759);\n    --color-purple-50: oklch(97.7% 0.014 308.299);\n    --color-purple-100: oklch(94.6% 0.033 307.174);\n    --color-purple-200: oklch(90.2% 0.063 306.703);\n    --color-purple-300: oklch(82.7% 0.119 306.383);\n    --color-purple-400: oklch(71.4% 0.203 305.504);\n    --color-purple-500: oklch(62.7% 0.265 303.9);\n    --color-purple-600: oklch(55.8% 0.288 302.321);\n    --color-purple-700: oklch(49.6% 0.265 301.924);\n    --color-purple-800: oklch(43.8% 0.218 303.724);\n    --color-purple-900: oklch(38.1% 0.176 304.987);\n    --color-purple-950: oklch(29.1% 0.149 302.717);\n    --color-fuchsia-500: oklch(66.7% 0.295 322.15);\n    --color-pink-600: oklch(59.2% 0.249 0.584);\n    --color-rose-50: oklch(96.9% 0.015 12.422);\n    --color-rose-200: oklch(89.2% 0.058 10.001);\n    --color-rose-500: oklch(64.5% 0.246 16.439);\n    --color-rose-600: oklch(58.6% 0.253 17.585);\n    --color-rose-700: oklch(51.4% 0.222 16.935);\n    --color-slate-50: oklch(98.4% 0.003 247.858);\n    --color-slate-100: oklch(96.8% 0.007 247.896);\n    --color-slate-200: oklch(92.9% 0.013 255.508);\n    --color-slate-300: oklch(86.9% 0.022 252.894);\n    --color-slate-400: oklch(70.4% 0.04 256.788);\n    --color-slate-500: oklch(55.4% 0.046 257.417);\n    --color-slate-600: oklch(44.6% 0.043 257.281);\n    --color-slate-700: oklch(37.2% 0.044 257.287);\n    --color-slate-800: oklch(27.9% 0.041 260.031);\n    --color-slate-900: oklch(20.8% 0.042 265.755);\n    --color-slate-950: oklch(12.9% 0.042 264.695);\n    --color-gray-50: oklch(98.5% 0.002 247.839);\n    --color-gray-100: oklch(96.7% 0.003 264.542);\n    --color-gray-200: oklch(92.8% 0.006 264.531);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-400: oklch(70.7% 0.022 261.325);\n    --color-gray-500: oklch(55.1% 0.027 264.364);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-gray-700: oklch(37.3% 0.034 259.733);\n    --color-gray-800: oklch(27.8% 0.033 256.848);\n    --color-gray-900: oklch(21% 0.034 264.665);\n    --color-zinc-100: oklch(96.7% 0.001 286.375);\n    --color-zinc-200: oklch(92% 0.004 286.32);\n    --color-zinc-300: oklch(87.1% 0.006 286.286);\n    --color-zinc-500: oklch(55.2% 0.016 285.938);\n    --color-zinc-600: oklch(44.2% 0.017 285.786);\n    --color-zinc-800: oklch(27.4% 0.006 286.033);\n    --color-zinc-900: oklch(21% 0.006 285.885);\n    --color-neutral-50: #8799af;\n    --color-neutral-100: #172a41;\n    --color-neutral-200: oklch(92.2% 0 0);\n    --color-neutral-300: oklch(87% 0 0);\n    --color-neutral-400: oklch(70.8% 0 0);\n    --color-neutral-500: oklch(55.6% 0 0);\n    --color-neutral-600: oklch(43.9% 0 0);\n    --color-neutral-700: oklch(37.1% 0 0);\n    --color-neutral-800: oklch(26.9% 0 0);\n    --color-neutral-900: oklch(20.5% 0 0);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-xs: 20rem;\n    --container-sm: 24rem;\n    --container-md: 28rem;\n    --container-lg: 32rem;\n    --container-xl: 36rem;\n    --container-2xl: 42rem;\n    --container-3xl: 48rem;\n    --container-4xl: 56rem;\n    --container-5xl: 64rem;\n    --container-6xl: 72rem;\n    --container-7xl: 80rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --text-4xl: 2.25rem;\n    --text-4xl--line-height: calc(2.5 / 2.25);\n    --text-5xl: 3rem;\n    --text-5xl--line-height: 1;\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --text-7xl: 4.5rem;\n    --text-7xl--line-height: 1;\n    --font-weight-light: 300;\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --font-weight-extrabold: 800;\n    --font-weight-black: 900;\n    --tracking-tight: -0.025em;\n    --tracking-normal: 0em;\n    --tracking-wide: 0.025em;\n    --tracking-wider: 0.05em;\n    --tracking-widest: 0.1em;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --leading-normal: 1.5;\n    --leading-relaxed: 1.625;\n    --radius-xs: 0.125rem;\n    --radius-sm: 0.25rem;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --radius-xl: 0.75rem;\n    --radius-2xl: 1rem;\n    --radius-3xl: 1.5rem;\n    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n    --ease-in: cubic-bezier(0.4, 0, 1, 1);\n    --ease-out: cubic-bezier(0, 0, 0.2, 1);\n    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --animate-bounce: bounce 1s infinite;\n    --blur-sm: 8px;\n    --blur-xl: 24px;\n    --blur-2xl: 40px;\n    --blur-3xl: 64px;\n    --aspect-video: 16 / 9;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-primary: #18181b;\n    --color-primary-foreground: #fafafa;\n    --color-secondary: #f4f4f5;\n    --color-secondary-foreground: #18181b;\n    --color-destructive: #dc2626;\n    --color-destructive-foreground: #fef2f2;\n    --color-background: #ffffff;\n    --color-input: #e4e4e7;\n    --color-accent: #f4f4f5;\n    --color-accent-foreground: #18181b;\n    --color-card: #ffffff;\n    --color-card-foreground: #09090b;\n    --color-border: #e4e4e7;\n    --color-sidebar-ring: #a1a1aa;\n    --color-muted: #f7f7f6;\n    --color-muted-foreground: #74716e;\n    --color-orange-10: #fff3e6;\n    --color-orange-20: #ffdfbf;\n    --color-orange-30: #ffb47f;\n    --color-orange-40: #ff8446;\n    --color-orange-60: #cd4b27;\n    --color-orange-70: #b03719;\n    --color-orange-80: #892c0f;\n    --color-orange-90: #61170d;\n    --color-neutral-10: #f1f4f8;\n    --color-neutral-20: #dbe2eb;\n    --color-neutral-30: #bfccda;\n    --color-neutral-40: #a3b2c6;\n    --color-neutral-60: #677c95;\n    --color-neutral-70: #4e647f;\n    --color-neutral-80: #394d66;\n    --color-neutral-90: #293b51;\n    --color-blue-10: #dbeafe;\n    --color-blue-20: #bfdbfe;\n    --color-blue-30: #93c5fd;\n    --color-blue-40: #60a5fa;\n    --color-blue-60: #2563eb;\n    --color-blue-70: #1d4ed8;\n    --color-blue-80: #1e40af;\n    --color-blue-90: #1e3a8a;\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .\\@container\\/card-header {\n    container-type: inline-size;\n    container-name: card-header;\n  }\n  .\\@container\\/strip {\n    container-type: inline-size;\n    container-name: strip;\n  }\n  .\\@container {\n    container-type: inline-size;\n  }\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .invisible {\n    visibility: hidden;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .visible\\! {\n    visibility: visible !important;\n  }\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .-inset-6 {\n    inset: calc(var(--spacing) * -6);\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .inset-x-0 {\n    inset-inline: calc(var(--spacing) * 0);\n  }\n  .inset-y-0 {\n    inset-block: calc(var(--spacing) * 0);\n  }\n  .\\!top-0 {\n    top: calc(var(--spacing) * 0) !important;\n  }\n  .-top-0\\.5 {\n    top: calc(var(--spacing) * -0.5);\n  }\n  .-top-1\\.5 {\n    top: calc(var(--spacing) * -1.5);\n  }\n  .-top-2 {\n    top: calc(var(--spacing) * -2);\n  }\n  .-top-2\\.5 {\n    top: calc(var(--spacing) * -2.5);\n  }\n  .-top-4 {\n    top: calc(var(--spacing) * -4);\n  }\n  .-top-5 {\n    top: calc(var(--spacing) * -5);\n  }\n  .-top-\\[3px\\] {\n    top: calc(3px * -1);\n  }\n  .-top-\\[7px\\] {\n    top: calc(7px * -1);\n  }\n  .-top-\\[100px\\] {\n    top: calc(100px * -1);\n  }\n  .-top-\\[200px\\] {\n    top: calc(200px * -1);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-1 {\n    top: calc(var(--spacing) * 1);\n  }\n  .top-1\\.5 {\n    top: calc(var(--spacing) * 1.5);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .top-2 {\n    top: calc(var(--spacing) * 2);\n  }\n  .top-3 {\n    top: calc(var(--spacing) * 3);\n  }\n  .top-3\\.5 {\n    top: calc(var(--spacing) * 3.5);\n  }\n  .top-4 {\n    top: calc(var(--spacing) * 4);\n  }\n  .top-5 {\n    top: calc(var(--spacing) * 5);\n  }\n  .top-6 {\n    top: calc(var(--spacing) * 6);\n  }\n  .top-8 {\n    top: calc(var(--spacing) * 8);\n  }\n  .top-9 {\n    top: calc(var(--spacing) * 9);\n  }\n  .top-10 {\n    top: calc(var(--spacing) * 10);\n  }\n  .top-20 {\n    top: calc(var(--spacing) * 20);\n  }\n  .top-24 {\n    top: calc(var(--spacing) * 24);\n  }\n  .top-50 {\n    top: calc(var(--spacing) * 50);\n  }\n  .top-200 {\n    top: calc(var(--spacing) * 200);\n  }\n  .top-\\[-2px\\] {\n    top: -2px;\n  }\n  .top-\\[2px\\] {\n    top: 2px;\n  }\n  .top-\\[5px\\] {\n    top: 5px;\n  }\n  .top-\\[6px\\] {\n    top: 6px;\n  }\n  .top-\\[7px\\] {\n    top: 7px;\n  }\n  .top-\\[10px\\] {\n    top: 10px;\n  }\n  .top-\\[15px\\] {\n    top: 15px;\n  }\n  .top-\\[16px\\] {\n    top: 16px;\n  }\n  .top-\\[50\\%\\] {\n    top: 50%;\n  }\n  .top-\\[50px\\] {\n    top: 50px;\n  }\n  .top-\\[96px\\] {\n    top: 96px;\n  }\n  .top-\\[176px\\] {\n    top: 176px;\n  }\n  .top-\\[340px\\] {\n    top: 340px;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .-right-0\\.5 {\n    right: calc(var(--spacing) * -0.5);\n  }\n  .-right-4 {\n    right: calc(var(--spacing) * -4);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .right-1 {\n    right: calc(var(--spacing) * 1);\n  }\n  .right-1\\.5 {\n    right: calc(var(--spacing) * 1.5);\n  }\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n  .right-2\\.5 {\n    right: calc(var(--spacing) * 2.5);\n  }\n  .right-3 {\n    right: calc(var(--spacing) * 3);\n  }\n  .right-3\\.5 {\n    right: calc(var(--spacing) * 3.5);\n  }\n  .right-4 {\n    right: calc(var(--spacing) * 4);\n  }\n  .right-5 {\n    right: calc(var(--spacing) * 5);\n  }\n  .right-6 {\n    right: calc(var(--spacing) * 6);\n  }\n  .right-12 {\n    right: calc(var(--spacing) * 12);\n  }\n  .right-16 {\n    right: calc(var(--spacing) * 16);\n  }\n  .right-30 {\n    right: calc(var(--spacing) * 30);\n  }\n  .right-\\[-100px\\] {\n    right: -100px;\n  }\n  .right-\\[-390px\\] {\n    right: -390px;\n  }\n  .right-\\[8px\\] {\n    right: 8px;\n  }\n  .right-\\[10px\\] {\n    right: 10px;\n  }\n  .right-\\[12px\\] {\n    right: 12px;\n  }\n  .right-\\[14px\\] {\n    right: 14px;\n  }\n  .right-\\[40px\\] {\n    right: 40px;\n  }\n  .bottom-0 {\n    bottom: calc(var(--spacing) * 0);\n  }\n  .bottom-2 {\n    bottom: calc(var(--spacing) * 2);\n  }\n  .bottom-4 {\n    bottom: calc(var(--spacing) * 4);\n  }\n  .bottom-\\[-2px\\] {\n    bottom: -2px;\n  }\n  .bottom-\\[-32px\\] {\n    bottom: -32px;\n  }\n  .bottom-\\[5px\\] {\n    bottom: 5px;\n  }\n  .bottom-\\[7px\\] {\n    bottom: 7px;\n  }\n  .bottom-\\[10px\\] {\n    bottom: 10px;\n  }\n  .bottom-\\[12px\\] {\n    bottom: 12px;\n  }\n  .bottom-full {\n    bottom: 100%;\n  }\n  .\\!left-0 {\n    left: calc(var(--spacing) * 0) !important;\n  }\n  .-left-\\[7px\\] {\n    left: calc(7px * -1);\n  }\n  .-left-\\[9px\\] {\n    left: calc(9px * -1);\n  }\n  .-left-\\[26px\\] {\n    left: calc(26px * -1);\n  }\n  .-left-\\[200px\\] {\n    left: calc(200px * -1);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-1 {\n    left: calc(var(--spacing) * 1);\n  }\n  .left-1\\.5 {\n    left: calc(var(--spacing) * 1.5);\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%);\n  }\n  .left-2 {\n    left: calc(var(--spacing) * 2);\n  }\n  .left-2\\.5 {\n    left: calc(var(--spacing) * 2.5);\n  }\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n  .left-\\[2px\\] {\n    left: 2px;\n  }\n  .left-\\[4\\.5px\\] {\n    left: 4.5px;\n  }\n  .left-\\[9px\\] {\n    left: 9px;\n  }\n  .left-\\[11px\\] {\n    left: 11px;\n  }\n  .left-\\[12px\\] {\n    left: 12px;\n  }\n  .left-\\[14px\\] {\n    left: 14px;\n  }\n  .left-\\[18px\\] {\n    left: 18px;\n  }\n  .left-\\[30\\%\\] {\n    left: 30%;\n  }\n  .left-\\[50\\%\\] {\n    left: 50%;\n  }\n  .left-\\[80px\\] {\n    left: 80px;\n  }\n  .left-\\[680px\\] {\n    left: 680px;\n  }\n  .left-full {\n    left: 100%;\n  }\n  .isolate {\n    isolation: isolate;\n  }\n  .z-0 {\n    z-index: 0;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-5 {\n    z-index: 5;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-20 {\n    z-index: 20;\n  }\n  .z-30 {\n    z-index: 30;\n  }\n  .z-40 {\n    z-index: 40;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-55 {\n    z-index: 55;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .z-\\[3\\] {\n    z-index: 3;\n  }\n  .z-\\[5\\] {\n    z-index: 5;\n  }\n  .z-\\[50\\] {\n    z-index: 50;\n  }\n  .z-\\[55\\] {\n    z-index: 55;\n  }\n  .z-\\[60\\] {\n    z-index: 60;\n  }\n  .z-\\[70\\] {\n    z-index: 70;\n  }\n  .z-\\[200\\] {\n    z-index: 200;\n  }\n  .z-\\[1000\\] {\n    z-index: 1000;\n  }\n  .z-\\[9200\\] {\n    z-index: 9200;\n  }\n  .z-\\[9999\\] {\n    z-index: 9999;\n  }\n  .order-1 {\n    order: 1;\n  }\n  .order-2 {\n    order: 2;\n  }\n  .order-9 {\n    order: 9;\n  }\n  .order-10 {\n    order: 10;\n  }\n  .order-42 {\n    order: 42;\n  }\n  .order-77 {\n    order: 77;\n  }\n  .order-123 {\n    order: 123;\n  }\n  .order-456 {\n    order: 456;\n  }\n  .order-9749 {\n    order: 9749;\n  }\n  .order-12345 {\n    order: 12345;\n  }\n  .col-span-1 {\n    grid-column: span 1 / span 1;\n  }\n  .col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n  .col-span-6 {\n    grid-column: span 6 / span 6;\n  }\n  .col-span-full {\n    grid-column: 1 / -1;\n  }\n  .col-start-1 {\n    grid-column-start: 1;\n  }\n  .col-start-2 {\n    grid-column-start: 2;\n  }\n  .col-end-1 {\n    grid-column-end: 1;\n  }\n  .col-end-2 {\n    grid-column-end: 2;\n  }\n  .row-auto {\n    grid-row: auto;\n  }\n  .row-span-2 {\n    grid-row: span 2 / span 2;\n  }\n  .row-span-full {\n    grid-row: 1 / -1;\n  }\n  .row-start-1 {\n    grid-row-start: 1;\n  }\n  .float-left {\n    float: left;\n  }\n  .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .-m-2\\.5 {\n    margin: calc(var(--spacing) * -2.5);\n  }\n  .m-0 {\n    margin: calc(var(--spacing) * 0);\n  }\n  .m-1 {\n    margin: calc(var(--spacing) * 1);\n  }\n  .m-2 {\n    margin: calc(var(--spacing) * 2);\n  }\n  .m-4 {\n    margin: calc(var(--spacing) * 4);\n  }\n  .m-8 {\n    margin: calc(var(--spacing) * 8);\n  }\n  .-mx-1 {\n    margin-inline: calc(var(--spacing) * -1);\n  }\n  .-mx-1\\.5 {\n    margin-inline: calc(var(--spacing) * -1.5);\n  }\n  .-mx-2 {\n    margin-inline: calc(var(--spacing) * -2);\n  }\n  .-mx-4 {\n    margin-inline: calc(var(--spacing) * -4);\n  }\n  .-mx-6 {\n    margin-inline: calc(var(--spacing) * -6);\n  }\n  .-mx-\\[2px\\] {\n    margin-inline: calc(2px * -1);\n  }\n  .-mx-\\[16px\\] {\n    margin-inline: calc(16px * -1);\n  }\n  .-mx-\\[17px\\] {\n    margin-inline: calc(17px * -1);\n  }\n  .mx-0 {\n    margin-inline: calc(var(--spacing) * 0);\n  }\n  .mx-0\\.5 {\n    margin-inline: calc(var(--spacing) * 0.5);\n  }\n  .mx-1 {\n    margin-inline: calc(var(--spacing) * 1);\n  }\n  .mx-2 {\n    margin-inline: calc(var(--spacing) * 2);\n  }\n  .mx-3 {\n    margin-inline: calc(var(--spacing) * 3);\n  }\n  .mx-3\\.5 {\n    margin-inline: calc(var(--spacing) * 3.5);\n  }\n  .mx-4 {\n    margin-inline: calc(var(--spacing) * 4);\n  }\n  .mx-5 {\n    margin-inline: calc(var(--spacing) * 5);\n  }\n  .mx-\\[2px\\] {\n    margin-inline: 2px;\n  }\n  .mx-\\[6px\\] {\n    margin-inline: 6px;\n  }\n  .mx-\\[20px\\] {\n    margin-inline: 20px;\n  }\n  .mx-\\[22px\\] {\n    margin-inline: 22px;\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .-my-1\\.5 {\n    margin-block: calc(var(--spacing) * -1.5);\n  }\n  .-my-2 {\n    margin-block: calc(var(--spacing) * -2);\n  }\n  .-my-3 {\n    margin-block: calc(var(--spacing) * -3);\n  }\n  .-my-5 {\n    margin-block: calc(var(--spacing) * -5);\n  }\n  .my-0 {\n    margin-block: calc(var(--spacing) * 0);\n  }\n  .my-0\\.5 {\n    margin-block: calc(var(--spacing) * 0.5);\n  }\n  .my-1 {\n    margin-block: calc(var(--spacing) * 1);\n  }\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2);\n  }\n  .my-3 {\n    margin-block: calc(var(--spacing) * 3);\n  }\n  .my-4 {\n    margin-block: calc(var(--spacing) * 4);\n  }\n  .my-5 {\n    margin-block: calc(var(--spacing) * 5);\n  }\n  .my-6 {\n    margin-block: calc(var(--spacing) * 6);\n  }\n  .my-10 {\n    margin-block: calc(var(--spacing) * 10);\n  }\n  .my-\\[1px\\] {\n    margin-block: 1px;\n  }\n  .my-\\[10px\\] {\n    margin-block: 10px;\n  }\n  .-mt-0\\.5 {\n    margin-top: calc(var(--spacing) * -0.5);\n  }\n  .-mt-1 {\n    margin-top: calc(var(--spacing) * -1);\n  }\n  .-mt-2 {\n    margin-top: calc(var(--spacing) * -2);\n  }\n  .-mt-4 {\n    margin-top: calc(var(--spacing) * -4);\n  }\n  .-mt-6 {\n    margin-top: calc(var(--spacing) * -6);\n  }\n  .-mt-\\[6px\\] {\n    margin-top: calc(6px * -1);\n  }\n  .mt-0 {\n    margin-top: calc(var(--spacing) * 0);\n  }\n  .mt-0\\.5 {\n    margin-top: calc(var(--spacing) * 0.5);\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-2\\.5 {\n    margin-top: calc(var(--spacing) * 2.5);\n  }\n  .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n  .mt-3\\.5 {\n    margin-top: calc(var(--spacing) * 3.5);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-5 {\n    margin-top: calc(var(--spacing) * 5);\n  }\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n  .mt-7 {\n    margin-top: calc(var(--spacing) * 7);\n  }\n  .mt-8 {\n    margin-top: calc(var(--spacing) * 8);\n  }\n  .mt-9 {\n    margin-top: calc(var(--spacing) * 9);\n  }\n  .mt-10 {\n    margin-top: calc(var(--spacing) * 10);\n  }\n  .mt-11 {\n    margin-top: calc(var(--spacing) * 11);\n  }\n  .mt-12 {\n    margin-top: calc(var(--spacing) * 12);\n  }\n  .mt-14 {\n    margin-top: calc(var(--spacing) * 14);\n  }\n  .mt-\\[-2px\\] {\n    margin-top: -2px;\n  }\n  .mt-\\[1px\\] {\n    margin-top: 1px;\n  }\n  .mt-\\[2px\\] {\n    margin-top: 2px;\n  }\n  .mt-\\[3px\\] {\n    margin-top: 3px;\n  }\n  .mt-\\[4px\\] {\n    margin-top: 4px;\n  }\n  .mt-\\[5px\\] {\n    margin-top: 5px;\n  }\n  .mt-\\[6px\\] {\n    margin-top: 6px;\n  }\n  .mt-\\[7px\\] {\n    margin-top: 7px;\n  }\n  .mt-\\[8px\\] {\n    margin-top: 8px;\n  }\n  .mt-\\[10px\\] {\n    margin-top: 10px;\n  }\n  .mt-\\[11px\\] {\n    margin-top: 11px;\n  }\n  .mt-\\[12px\\] {\n    margin-top: 12px;\n  }\n  .mt-\\[14px\\] {\n    margin-top: 14px;\n  }\n  .mt-\\[16px\\] {\n    margin-top: 16px;\n  }\n  .mt-\\[18px\\] {\n    margin-top: 18px;\n  }\n  .mt-\\[20px\\] {\n    margin-top: 20px;\n  }\n  .mt-\\[22px\\] {\n    margin-top: 22px;\n  }\n  .mt-auto {\n    margin-top: auto;\n  }\n  .mt-px {\n    margin-top: 1px;\n  }\n  .-mr-4 {\n    margin-right: calc(var(--spacing) * -4);\n  }\n  .-mr-px {\n    margin-right: -1px;\n  }\n  .mr-0 {\n    margin-right: calc(var(--spacing) * 0);\n  }\n  .mr-0\\.5 {\n    margin-right: calc(var(--spacing) * 0.5);\n  }\n  .mr-1 {\n    margin-right: calc(var(--spacing) * 1);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(var(--spacing) * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mr-2\\.5 {\n    margin-right: calc(var(--spacing) * 2.5);\n  }\n  .mr-3 {\n    margin-right: calc(var(--spacing) * 3);\n  }\n  .mr-4 {\n    margin-right: calc(var(--spacing) * 4);\n  }\n  .mr-16 {\n    margin-right: calc(var(--spacing) * 16);\n  }\n  .mr-\\[4px\\] {\n    margin-right: 4px;\n  }\n  .mr-\\[6px\\] {\n    margin-right: 6px;\n  }\n  .mr-\\[7px\\] {\n    margin-right: 7px;\n  }\n  .mr-\\[24px\\] {\n    margin-right: 24px;\n  }\n  .mr-auto {\n    margin-right: auto;\n  }\n  .-mb-\\[1\\.5px\\] {\n    margin-bottom: calc(1.5px * -1);\n  }\n  .-mb-\\[16px\\] {\n    margin-bottom: calc(16px * -1);\n  }\n  .-mb-px {\n    margin-bottom: -1px;\n  }\n  .mb-0 {\n    margin-bottom: calc(var(--spacing) * 0);\n  }\n  .mb-0\\.5 {\n    margin-bottom: calc(var(--spacing) * 0.5);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-1\\.5 {\n    margin-bottom: calc(var(--spacing) * 1.5);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-2\\.5 {\n    margin-bottom: calc(var(--spacing) * 2.5);\n  }\n  .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n  .mb-3\\.5 {\n    margin-bottom: calc(var(--spacing) * 3.5);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-5 {\n    margin-bottom: calc(var(--spacing) * 5);\n  }\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n  .mb-7 {\n    margin-bottom: calc(var(--spacing) * 7);\n  }\n  .mb-8 {\n    margin-bottom: calc(var(--spacing) * 8);\n  }\n  .mb-10 {\n    margin-bottom: calc(var(--spacing) * 10);\n  }\n  .mb-\\[1px\\] {\n    margin-bottom: 1px;\n  }\n  .mb-\\[2px\\] {\n    margin-bottom: 2px;\n  }\n  .mb-\\[3px\\] {\n    margin-bottom: 3px;\n  }\n  .mb-\\[4px\\] {\n    margin-bottom: 4px;\n  }\n  .mb-\\[5px\\] {\n    margin-bottom: 5px;\n  }\n  .mb-\\[6px\\] {\n    margin-bottom: 6px;\n  }\n  .mb-\\[7px\\] {\n    margin-bottom: 7px;\n  }\n  .mb-\\[8px\\] {\n    margin-bottom: 8px;\n  }\n  .mb-\\[9px\\] {\n    margin-bottom: 9px;\n  }\n  .mb-\\[10px\\] {\n    margin-bottom: 10px;\n  }\n  .mb-\\[11px\\] {\n    margin-bottom: 11px;\n  }\n  .mb-\\[12px\\] {\n    margin-bottom: 12px;\n  }\n  .mb-\\[14px\\] {\n    margin-bottom: 14px;\n  }\n  .mb-\\[16px\\] {\n    margin-bottom: 16px;\n  }\n  .mb-\\[18px\\] {\n    margin-bottom: 18px;\n  }\n  .mb-\\[20px\\] {\n    margin-bottom: 20px;\n  }\n  .mb-\\[24px\\] {\n    margin-bottom: 24px;\n  }\n  .mb-\\[32px\\] {\n    margin-bottom: 32px;\n  }\n  .-ml-0\\.5 {\n    margin-left: calc(var(--spacing) * -0.5);\n  }\n  .-ml-1 {\n    margin-left: calc(var(--spacing) * -1);\n  }\n  .-ml-2 {\n    margin-left: calc(var(--spacing) * -2);\n  }\n  .-ml-\\[3px\\] {\n    margin-left: calc(3px * -1);\n  }\n  .ml-0 {\n    margin-left: calc(var(--spacing) * 0);\n  }\n  .ml-0\\.5 {\n    margin-left: calc(var(--spacing) * 0.5);\n  }\n  .ml-1 {\n    margin-left: calc(var(--spacing) * 1);\n  }\n  .ml-1\\.5 {\n    margin-left: calc(var(--spacing) * 1.5);\n  }\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n  .ml-3 {\n    margin-left: calc(var(--spacing) * 3);\n  }\n  .ml-4 {\n    margin-left: calc(var(--spacing) * 4);\n  }\n  .ml-5 {\n    margin-left: calc(var(--spacing) * 5);\n  }\n  .ml-6 {\n    margin-left: calc(var(--spacing) * 6);\n  }\n  .ml-7 {\n    margin-left: calc(var(--spacing) * 7);\n  }\n  .ml-10 {\n    margin-left: calc(var(--spacing) * 10);\n  }\n  .ml-28 {\n    margin-left: calc(var(--spacing) * 28);\n  }\n  .ml-43 {\n    margin-left: calc(var(--spacing) * 43);\n  }\n  .ml-\\[2px\\] {\n    margin-left: 2px;\n  }\n  .ml-\\[4px\\] {\n    margin-left: 4px;\n  }\n  .ml-\\[5px\\] {\n    margin-left: 5px;\n  }\n  .ml-\\[6px\\] {\n    margin-left: 6px;\n  }\n  .ml-\\[7px\\] {\n    margin-left: 7px;\n  }\n  .ml-\\[8px\\] {\n    margin-left: 8px;\n  }\n  .ml-\\[18px\\] {\n    margin-left: 18px;\n  }\n  .ml-\\[28px\\] {\n    margin-left: 28px;\n  }\n  .ml-\\[40px\\] {\n    margin-left: 40px;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .box-border {\n    box-sizing: border-box;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .block {\n    display: block;\n  }\n  .contents {\n    display: contents;\n  }\n  .contents\\! {\n    display: contents !important;\n  }\n  .flex {\n    display: flex;\n  }\n  .flow-root {\n    display: flow-root;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .list-item {\n    display: list-item;\n  }\n  .table {\n    display: table;\n  }\n  .table-caption {\n    display: table-caption;\n  }\n  .table-cell {\n    display: table-cell;\n  }\n  .table-row {\n    display: table-row;\n  }\n  .field-sizing-content {\n    field-sizing: content;\n  }\n  .aspect-\\[4\\/5\\] {\n    aspect-ratio: 4/5;\n  }\n  .aspect-\\[5\\/2\\] {\n    aspect-ratio: 5/2;\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .aspect-video {\n    aspect-ratio: var(--aspect-video);\n  }\n  .size-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n    height: calc(var(--spacing) * 1.5);\n  }\n  .size-2 {\n    width: calc(var(--spacing) * 2);\n    height: calc(var(--spacing) * 2);\n  }\n  .size-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n    height: calc(var(--spacing) * 2.5);\n  }\n  .size-3 {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n  .size-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n  .size-4 {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n  .size-5 {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n  .size-6 {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n  .size-7 {\n    width: calc(var(--spacing) * 7);\n    height: calc(var(--spacing) * 7);\n  }\n  .size-8 {\n    width: calc(var(--spacing) * 8);\n    height: calc(var(--spacing) * 8);\n  }\n  .size-9 {\n    width: calc(var(--spacing) * 9);\n    height: calc(var(--spacing) * 9);\n  }\n  .size-10 {\n    width: calc(var(--spacing) * 10);\n    height: calc(var(--spacing) * 10);\n  }\n  .size-12 {\n    width: calc(var(--spacing) * 12);\n    height: calc(var(--spacing) * 12);\n  }\n  .size-14 {\n    width: calc(var(--spacing) * 14);\n    height: calc(var(--spacing) * 14);\n  }\n  .size-\\[6px\\] {\n    width: 6px;\n    height: 6px;\n  }\n  .size-\\[7px\\] {\n    width: 7px;\n    height: 7px;\n  }\n  .size-\\[8px\\] {\n    width: 8px;\n    height: 8px;\n  }\n  .size-\\[9px\\] {\n    width: 9px;\n    height: 9px;\n  }\n  .size-\\[10px\\] {\n    width: 10px;\n    height: 10px;\n  }\n  .size-\\[11px\\] {\n    width: 11px;\n    height: 11px;\n  }\n  .size-\\[12px\\] {\n    width: 12px;\n    height: 12px;\n  }\n  .size-\\[13px\\] {\n    width: 13px;\n    height: 13px;\n  }\n  .size-\\[14px\\] {\n    width: 14px;\n    height: 14px;\n  }\n  .size-\\[15px\\] {\n    width: 15px;\n    height: 15px;\n  }\n  .size-\\[18px\\] {\n    width: 18px;\n    height: 18px;\n  }\n  .size-\\[20px\\] {\n    width: 20px;\n    height: 20px;\n  }\n  .size-\\[22px\\] {\n    width: 22px;\n    height: 22px;\n  }\n  .size-\\[30px\\] {\n    width: 30px;\n    height: 30px;\n  }\n  .size-\\[40px\\] {\n    width: 40px;\n    height: 40px;\n  }\n  .size-\\[44px\\] {\n    width: 44px;\n    height: 44px;\n  }\n  .size-\\[60px\\] {\n    width: 60px;\n    height: 60px;\n  }\n  .size-full {\n    width: 100%;\n    height: 100%;\n  }\n  .\\!h-screen {\n    height: 100vh !important;\n  }\n  .h-0 {\n    height: calc(var(--spacing) * 0);\n  }\n  .h-0\\.5 {\n    height: calc(var(--spacing) * 0.5);\n  }\n  .h-1 {\n    height: calc(var(--spacing) * 1);\n  }\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n  .h-2\\.5 {\n    height: calc(var(--spacing) * 2.5);\n  }\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-4\\.5 {\n    height: calc(var(--spacing) * 4.5);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n  .h-11 {\n    height: calc(var(--spacing) * 11);\n  }\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n  .h-14 {\n    height: calc(var(--spacing) * 14);\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n  .h-20 {\n    height: calc(var(--spacing) * 20);\n  }\n  .h-24 {\n    height: calc(var(--spacing) * 24);\n  }\n  .h-28 {\n    height: calc(var(--spacing) * 28);\n  }\n  .h-32 {\n    height: calc(var(--spacing) * 32);\n  }\n  .h-40 {\n    height: calc(var(--spacing) * 40);\n  }\n  .h-44 {\n    height: calc(var(--spacing) * 44);\n  }\n  .h-48 {\n    height: calc(var(--spacing) * 48);\n  }\n  .h-64 {\n    height: calc(var(--spacing) * 64);\n  }\n  .h-72 {\n    height: calc(var(--spacing) * 72);\n  }\n  .h-80 {\n    height: calc(var(--spacing) * 80);\n  }\n  .h-96 {\n    height: calc(var(--spacing) * 96);\n  }\n  .h-\\[2\\.5px\\] {\n    height: 2.5px;\n  }\n  .h-\\[2px\\] {\n    height: 2px;\n  }\n  .h-\\[3px\\] {\n    height: 3px;\n  }\n  .h-\\[4px\\] {\n    height: 4px;\n  }\n  .h-\\[5px\\] {\n    height: 5px;\n  }\n  .h-\\[6px\\] {\n    height: 6px;\n  }\n  .h-\\[7px\\] {\n    height: 7px;\n  }\n  .h-\\[8px\\] {\n    height: 8px;\n  }\n  .h-\\[9px\\] {\n    height: 9px;\n  }\n  .h-\\[10px\\] {\n    height: 10px;\n  }\n  .h-\\[11px\\] {\n    height: 11px;\n  }\n  .h-\\[12px\\] {\n    height: 12px;\n  }\n  .h-\\[13px\\] {\n    height: 13px;\n  }\n  .h-\\[14px\\] {\n    height: 14px;\n  }\n  .h-\\[15\\.33px\\] {\n    height: 15.33px;\n  }\n  .h-\\[15px\\] {\n    height: 15px;\n  }\n  .h-\\[16px\\] {\n    height: 16px;\n  }\n  .h-\\[17px\\] {\n    height: 17px;\n  }\n  .h-\\[18px\\] {\n    height: 18px;\n  }\n  .h-\\[20px\\] {\n    height: 20px;\n  }\n  .h-\\[22px\\] {\n    height: 22px;\n  }\n  .h-\\[24px\\] {\n    height: 24px;\n  }\n  .h-\\[25px\\] {\n    height: 25px;\n  }\n  .h-\\[26px\\] {\n    height: 26px;\n  }\n  .h-\\[28px\\] {\n    height: 28px;\n  }\n  .h-\\[29px\\] {\n    height: 29px;\n  }\n  .h-\\[30px\\] {\n    height: 30px;\n  }\n  .h-\\[32px\\] {\n    height: 32px;\n  }\n  .h-\\[34px\\] {\n    height: 34px;\n  }\n  .h-\\[35px\\] {\n    height: 35px;\n  }\n  .h-\\[36px\\] {\n    height: 36px;\n  }\n  .h-\\[38px\\] {\n    height: 38px;\n  }\n  .h-\\[40px\\] {\n    height: 40px;\n  }\n  .h-\\[41px\\] {\n    height: 41px;\n  }\n  .h-\\[42px\\] {\n    height: 42px;\n  }\n  .h-\\[48px\\] {\n    height: 48px;\n  }\n  .h-\\[50px\\] {\n    height: 50px;\n  }\n  .h-\\[52px\\] {\n    height: 52px;\n  }\n  .h-\\[53px\\] {\n    height: 53px;\n  }\n  .h-\\[54px\\] {\n    height: 54px;\n  }\n  .h-\\[60px\\] {\n    height: 60px;\n  }\n  .h-\\[60vh\\] {\n    height: 60vh;\n  }\n  .h-\\[64px\\] {\n    height: 64px;\n  }\n  .h-\\[68px\\] {\n    height: 68px;\n  }\n  .h-\\[70px\\] {\n    height: 70px;\n  }\n  .h-\\[70vh\\] {\n    height: 70vh;\n  }\n  .h-\\[74px\\] {\n    height: 74px;\n  }\n  .h-\\[85vh\\] {\n    height: 85vh;\n  }\n  .h-\\[90px\\] {\n    height: 90px;\n  }\n  .h-\\[92vh\\] {\n    height: 92vh;\n  }\n  .h-\\[100vh\\] {\n    height: 100vh;\n  }\n  .h-\\[108px\\] {\n    height: 108px;\n  }\n  .h-\\[110px\\] {\n    height: 110px;\n  }\n  .h-\\[150px\\] {\n    height: 150px;\n  }\n  .h-\\[162px\\] {\n    height: 162px;\n  }\n  .h-\\[180px\\] {\n    height: 180px;\n  }\n  .h-\\[190px\\] {\n    height: 190px;\n  }\n  .h-\\[200px\\] {\n    height: 200px;\n  }\n  .h-\\[225px\\] {\n    height: 225px;\n  }\n  .h-\\[250px\\] {\n    height: 250px;\n  }\n  .h-\\[260px\\] {\n    height: 260px;\n  }\n  .h-\\[262px\\] {\n    height: 262px;\n  }\n  .h-\\[280px\\] {\n    height: 280px;\n  }\n  .h-\\[300px\\] {\n    height: 300px;\n  }\n  .h-\\[320px\\] {\n    height: 320px;\n  }\n  .h-\\[340px\\] {\n    height: 340px;\n  }\n  .h-\\[390px\\] {\n    height: 390px;\n  }\n  .h-\\[400px\\] {\n    height: 400px;\n  }\n  .h-\\[500px\\] {\n    height: 500px;\n  }\n  .h-\\[600px\\] {\n    height: 600px;\n  }\n  .h-\\[640px\\] {\n    height: 640px;\n  }\n  .h-\\[720px\\] {\n    height: 720px;\n  }\n  .h-\\[800px\\] {\n    height: 800px;\n  }\n  .h-\\[calc-size\\(max-content\\,size\\)\\] {\n    height: calc-size(max-content,size);\n  }\n  .h-\\[var\\(--radix-select-trigger-height\\)\\] {\n    height: var(--radix-select-trigger-height);\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-fit {\n    height: fit-content;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .h-px {\n    height: 1px;\n  }\n  .h-screen {\n    height: 100vh;\n  }\n  .h-svh {\n    height: 100svh;\n  }\n  .max-h-0 {\n    max-height: calc(var(--spacing) * 0);\n  }\n  .max-h-4 {\n    max-height: calc(var(--spacing) * 4);\n  }\n  .max-h-40 {\n    max-height: calc(var(--spacing) * 40);\n  }\n  .max-h-48 {\n    max-height: calc(var(--spacing) * 48);\n  }\n  .max-h-56 {\n    max-height: calc(var(--spacing) * 56);\n  }\n  .max-h-60 {\n    max-height: calc(var(--spacing) * 60);\n  }\n  .max-h-64 {\n    max-height: calc(var(--spacing) * 64);\n  }\n  .max-h-72 {\n    max-height: calc(var(--spacing) * 72);\n  }\n  .max-h-80 {\n    max-height: calc(var(--spacing) * 80);\n  }\n  .max-h-96 {\n    max-height: calc(var(--spacing) * 96);\n  }\n  .max-h-\\[--radix-select-content-available-height\\] {\n    max-height: --radix-select-content-available-height;\n  }\n  .max-h-\\[20\\.5rem\\] {\n    max-height: 20.5rem;\n  }\n  .max-h-\\[28px\\] {\n    max-height: 28px;\n  }\n  .max-h-\\[40em\\] {\n    max-height: 40em;\n  }\n  .max-h-\\[40vh\\] {\n    max-height: 40vh;\n  }\n  .max-h-\\[45vh\\] {\n    max-height: 45vh;\n  }\n  .max-h-\\[56vh\\] {\n    max-height: 56vh;\n  }\n  .max-h-\\[60vh\\] {\n    max-height: 60vh;\n  }\n  .max-h-\\[75vh\\] {\n    max-height: 75vh;\n  }\n  .max-h-\\[80vh\\] {\n    max-height: 80vh;\n  }\n  .max-h-\\[85vh\\] {\n    max-height: 85vh;\n  }\n  .max-h-\\[86vh\\] {\n    max-height: 86vh;\n  }\n  .max-h-\\[90vh\\] {\n    max-height: 90vh;\n  }\n  .max-h-\\[92vh\\] {\n    max-height: 92vh;\n  }\n  .max-h-\\[95vh\\] {\n    max-height: 95vh;\n  }\n  .max-h-\\[180px\\] {\n    max-height: 180px;\n  }\n  .max-h-\\[190px\\] {\n    max-height: 190px;\n  }\n  .max-h-\\[200px\\] {\n    max-height: 200px;\n  }\n  .max-h-\\[206px\\] {\n    max-height: 206px;\n  }\n  .max-h-\\[248px\\] {\n    max-height: 248px;\n  }\n  .max-h-\\[260px\\] {\n    max-height: 260px;\n  }\n  .max-h-\\[280px\\] {\n    max-height: 280px;\n  }\n  .max-h-\\[300px\\] {\n    max-height: 300px;\n  }\n  .max-h-\\[420px\\] {\n    max-height: 420px;\n  }\n  .max-h-\\[460px\\] {\n    max-height: 460px;\n  }\n  .max-h-\\[611px\\] {\n    max-height: 611px;\n  }\n  .max-h-\\[612px\\] {\n    max-height: 612px;\n  }\n  .max-h-\\[700px\\] {\n    max-height: 700px;\n  }\n  .max-h-\\[calc\\(100vh-320px\\)\\] {\n    max-height: calc(100vh - 320px);\n  }\n  .max-h-\\[var\\(--radix-dropdown-menu-content-available-height\\)\\] {\n    max-height: var(--radix-dropdown-menu-content-available-height);\n  }\n  .min-h-0 {\n    min-height: calc(var(--spacing) * 0);\n  }\n  .min-h-6 {\n    min-height: calc(var(--spacing) * 6);\n  }\n  .min-h-8 {\n    min-height: calc(var(--spacing) * 8);\n  }\n  .min-h-9 {\n    min-height: calc(var(--spacing) * 9);\n  }\n  .min-h-10 {\n    min-height: calc(var(--spacing) * 10);\n  }\n  .min-h-16 {\n    min-height: calc(var(--spacing) * 16);\n  }\n  .min-h-48 {\n    min-height: calc(var(--spacing) * 48);\n  }\n  .min-h-\\[1rem\\] {\n    min-height: 1rem;\n  }\n  .min-h-\\[2\\.25rem\\] {\n    min-height: 2.25rem;\n  }\n  .min-h-\\[7rem\\] {\n    min-height: 7rem;\n  }\n  .min-h-\\[24px\\] {\n    min-height: 24px;\n  }\n  .min-h-\\[28px\\] {\n    min-height: 28px;\n  }\n  .min-h-\\[32px\\] {\n    min-height: 32px;\n  }\n  .min-h-\\[48px\\] {\n    min-height: 48px;\n  }\n  .min-h-\\[50vh\\] {\n    min-height: 50vh;\n  }\n  .min-h-\\[60px\\] {\n    min-height: 60px;\n  }\n  .min-h-\\[60vh\\] {\n    min-height: 60vh;\n  }\n  .min-h-\\[120px\\] {\n    min-height: 120px;\n  }\n  .min-h-\\[180px\\] {\n    min-height: 180px;\n  }\n  .min-h-\\[190px\\] {\n    min-height: 190px;\n  }\n  .min-h-\\[220px\\] {\n    min-height: 220px;\n  }\n  .min-h-\\[300px\\] {\n    min-height: 300px;\n  }\n  .min-h-\\[360px\\] {\n    min-height: 360px;\n  }\n  .min-h-\\[400px\\] {\n    min-height: 400px;\n  }\n  .min-h-\\[420px\\] {\n    min-height: 420px;\n  }\n  .min-h-\\[600px\\] {\n    min-height: 600px;\n  }\n  .min-h-\\[calc\\(100svh-20px\\)\\] {\n    min-height: calc(100svh - 20px);\n  }\n  .min-h-\\[calc\\(100vh-56px\\)\\] {\n    min-height: calc(100vh - 56px);\n  }\n  .min-h-full {\n    min-height: 100%;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .min-h-svh {\n    min-height: 100svh;\n  }\n  .\\!w-screen {\n    width: 100vw !important;\n  }\n  .w-\\(--radix-dropdown-menu-trigger-width\\) {\n    width: var(--radix-dropdown-menu-trigger-width);\n  }\n  .w-\\(--sidebar-width\\) {\n    width: var(--sidebar-width);\n  }\n  .w-1 {\n    width: calc(var(--spacing) * 1);\n  }\n  .w-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n  }\n  .w-1\\/2 {\n    width: calc(1/2 * 100%);\n  }\n  .w-1\\/4 {\n    width: calc(1/4 * 100%);\n  }\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n  .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n  .w-3\\/4 {\n    width: calc(3/4 * 100%);\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-4\\.5 {\n    width: calc(var(--spacing) * 4.5);\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n  .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n  .w-11 {\n    width: calc(var(--spacing) * 11);\n  }\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n  .w-13 {\n    width: calc(var(--spacing) * 13);\n  }\n  .w-14 {\n    width: calc(var(--spacing) * 14);\n  }\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n  .w-20 {\n    width: calc(var(--spacing) * 20);\n  }\n  .w-24 {\n    width: calc(var(--spacing) * 24);\n  }\n  .w-28 {\n    width: calc(var(--spacing) * 28);\n  }\n  .w-30 {\n    width: calc(var(--spacing) * 30);\n  }\n  .w-32 {\n    width: calc(var(--spacing) * 32);\n  }\n  .w-36 {\n    width: calc(var(--spacing) * 36);\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n  .w-44 {\n    width: calc(var(--spacing) * 44);\n  }\n  .w-48 {\n    width: calc(var(--spacing) * 48);\n  }\n  .w-55 {\n    width: calc(var(--spacing) * 55);\n  }\n  .w-56 {\n    width: calc(var(--spacing) * 56);\n  }\n  .w-60 {\n    width: calc(var(--spacing) * 60);\n  }\n  .w-64 {\n    width: calc(var(--spacing) * 64);\n  }\n  .w-72 {\n    width: calc(var(--spacing) * 72);\n  }\n  .w-80 {\n    width: calc(var(--spacing) * 80);\n  }\n  .w-96 {\n    width: calc(var(--spacing) * 96);\n  }\n  .w-240 {\n    width: calc(var(--spacing) * 240);\n  }\n  .w-\\[--radix-popover-trigger-width\\] {\n    width: --radix-popover-trigger-width;\n  }\n  .w-\\[1\\%\\] {\n    width: 1%;\n  }\n  .w-\\[1\\.5px\\] {\n    width: 1.5px;\n  }\n  .w-\\[1px\\] {\n    width: 1px;\n  }\n  .w-\\[2\\.5px\\] {\n    width: 2.5px;\n  }\n  .w-\\[2px\\] {\n    width: 2px;\n  }\n  .w-\\[3px\\] {\n    width: 3px;\n  }\n  .w-\\[5px\\] {\n    width: 5px;\n  }\n  .w-\\[7px\\] {\n    width: 7px;\n  }\n  .w-\\[8px\\] {\n    width: 8px;\n  }\n  .w-\\[9px\\] {\n    width: 9px;\n  }\n  .w-\\[10px\\] {\n    width: 10px;\n  }\n  .w-\\[11px\\] {\n    width: 11px;\n  }\n  .w-\\[12px\\] {\n    width: 12px;\n  }\n  .w-\\[13px\\] {\n    width: 13px;\n  }\n  .w-\\[14\\.8\\%\\] {\n    width: 14.8%;\n  }\n  .w-\\[14px\\] {\n    width: 14px;\n  }\n  .w-\\[15\\.33px\\] {\n    width: 15.33px;\n  }\n  .w-\\[15px\\] {\n    width: 15px;\n  }\n  .w-\\[16px\\] {\n    width: 16px;\n  }\n  .w-\\[18px\\] {\n    width: 18px;\n  }\n  .w-\\[20px\\] {\n    width: 20px;\n  }\n  .w-\\[22px\\] {\n    width: 22px;\n  }\n  .w-\\[24px\\] {\n    width: 24px;\n  }\n  .w-\\[26\\%\\] {\n    width: 26%;\n  }\n  .w-\\[26px\\] {\n    width: 26px;\n  }\n  .w-\\[28px\\] {\n    width: 28px;\n  }\n  .w-\\[30\\%\\] {\n    width: 30%;\n  }\n  .w-\\[30px\\] {\n    width: 30px;\n  }\n  .w-\\[35px\\] {\n    width: 35px;\n  }\n  .w-\\[38\\%\\] {\n    width: 38%;\n  }\n  .w-\\[38px\\] {\n    width: 38px;\n  }\n  .w-\\[40px\\] {\n    width: 40px;\n  }\n  .w-\\[42px\\] {\n    width: 42px;\n  }\n  .w-\\[44px\\] {\n    width: 44px;\n  }\n  .w-\\[45\\%\\] {\n    width: 45%;\n  }\n  .w-\\[46px\\] {\n    width: 46px;\n  }\n  .w-\\[48px\\] {\n    width: 48px;\n  }\n  .w-\\[50px\\] {\n    width: 50px;\n  }\n  .w-\\[52px\\] {\n    width: 52px;\n  }\n  .w-\\[54px\\] {\n    width: 54px;\n  }\n  .w-\\[60px\\] {\n    width: 60px;\n  }\n  .w-\\[62px\\] {\n    width: 62px;\n  }\n  .w-\\[64px\\] {\n    width: 64px;\n  }\n  .w-\\[66px\\] {\n    width: 66px;\n  }\n  .w-\\[70\\%\\] {\n    width: 70%;\n  }\n  .w-\\[70px\\] {\n    width: 70px;\n  }\n  .w-\\[72px\\] {\n    width: 72px;\n  }\n  .w-\\[74px\\] {\n    width: 74px;\n  }\n  .w-\\[75px\\] {\n    width: 75px;\n  }\n  .w-\\[80px\\] {\n    width: 80px;\n  }\n  .w-\\[84px\\] {\n    width: 84px;\n  }\n  .w-\\[86px\\] {\n    width: 86px;\n  }\n  .w-\\[88px\\] {\n    width: 88px;\n  }\n  .w-\\[90px\\] {\n    width: 90px;\n  }\n  .w-\\[95vw\\] {\n    width: 95vw;\n  }\n  .w-\\[96px\\] {\n    width: 96px;\n  }\n  .w-\\[100px\\] {\n    width: 100px;\n  }\n  .w-\\[100vw\\] {\n    width: 100vw;\n  }\n  .w-\\[110px\\] {\n    width: 110px;\n  }\n  .w-\\[112px\\] {\n    width: 112px;\n  }\n  .w-\\[120px\\] {\n    width: 120px;\n  }\n  .w-\\[124px\\] {\n    width: 124px;\n  }\n  .w-\\[126px\\] {\n    width: 126px;\n  }\n  .w-\\[128px\\] {\n    width: 128px;\n  }\n  .w-\\[130px\\] {\n    width: 130px;\n  }\n  .w-\\[132px\\] {\n    width: 132px;\n  }\n  .w-\\[140px\\] {\n    width: 140px;\n  }\n  .w-\\[145px\\] {\n    width: 145px;\n  }\n  .w-\\[148px\\] {\n    width: 148px;\n  }\n  .w-\\[150px\\] {\n    width: 150px;\n  }\n  .w-\\[158px\\] {\n    width: 158px;\n  }\n  .w-\\[160px\\] {\n    width: 160px;\n  }\n  .w-\\[165px\\] {\n    width: 165px;\n  }\n  .w-\\[168px\\] {\n    width: 168px;\n  }\n  .w-\\[170px\\] {\n    width: 170px;\n  }\n  .w-\\[178px\\] {\n    width: 178px;\n  }\n  .w-\\[180px\\] {\n    width: 180px;\n  }\n  .w-\\[190px\\] {\n    width: 190px;\n  }\n  .w-\\[200px\\] {\n    width: 200px;\n  }\n  .w-\\[210px\\] {\n    width: 210px;\n  }\n  .w-\\[220px\\] {\n    width: 220px;\n  }\n  .w-\\[230px\\] {\n    width: 230px;\n  }\n  .w-\\[240px\\] {\n    width: 240px;\n  }\n  .w-\\[250px\\] {\n    width: 250px;\n  }\n  .w-\\[260px\\] {\n    width: 260px;\n  }\n  .w-\\[268px\\] {\n    width: 268px;\n  }\n  .w-\\[280px\\] {\n    width: 280px;\n  }\n  .w-\\[300px\\] {\n    width: 300px;\n  }\n  .w-\\[301px\\] {\n    width: 301px;\n  }\n  .w-\\[320px\\] {\n    width: 320px;\n  }\n  .w-\\[333px\\] {\n    width: 333px;\n  }\n  .w-\\[336px\\] {\n    width: 336px;\n  }\n  .w-\\[340px\\] {\n    width: 340px;\n  }\n  .w-\\[370px\\] {\n    width: 370px;\n  }\n  .w-\\[380px\\] {\n    width: 380px;\n  }\n  .w-\\[400px\\] {\n    width: 400px;\n  }\n  .w-\\[420px\\] {\n    width: 420px;\n  }\n  .w-\\[440px\\] {\n    width: 440px;\n  }\n  .w-\\[480px\\] {\n    width: 480px;\n  }\n  .w-\\[492px\\] {\n    width: 492px;\n  }\n  .w-\\[500px\\] {\n    width: 500px;\n  }\n  .w-\\[520px\\] {\n    width: 520px;\n  }\n  .w-\\[540px\\] {\n    width: 540px;\n  }\n  .w-\\[544px\\] {\n    width: 544px;\n  }\n  .w-\\[573px\\] {\n    width: 573px;\n  }\n  .w-\\[600px\\] {\n    width: 600px;\n  }\n  .w-\\[688px\\] {\n    width: 688px;\n  }\n  .w-\\[880px\\] {\n    width: 880px;\n  }\n  .w-\\[1080px\\] {\n    width: 1080px;\n  }\n  .w-\\[calc\\(100\\%\\+0\\.5rem\\)\\] {\n    width: calc(100% + 0.5rem);\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-auto\\! {\n    width: auto !important;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .w-max {\n    width: max-content;\n  }\n  .w-min {\n    width: min-content;\n  }\n  .w-px {\n    width: 1px;\n  }\n  .w-screen {\n    width: 100vw;\n  }\n  .\\!max-w-\\[860px\\] {\n    max-width: 860px !important;\n  }\n  .\\!max-w-none {\n    max-width: none !important;\n  }\n  .max-w-\\(--skeleton-width\\) {\n    max-width: var(--skeleton-width);\n  }\n  .max-w-0 {\n    max-width: calc(var(--spacing) * 0);\n  }\n  .max-w-2xl {\n    max-width: var(--container-2xl);\n  }\n  .max-w-3xl {\n    max-width: var(--container-3xl);\n  }\n  .max-w-4 {\n    max-width: calc(var(--spacing) * 4);\n  }\n  .max-w-4xl {\n    max-width: var(--container-4xl);\n  }\n  .max-w-5xl {\n    max-width: var(--container-5xl);\n  }\n  .max-w-5xl\\! {\n    max-width: var(--container-5xl) !important;\n  }\n  .max-w-6xl {\n    max-width: var(--container-6xl);\n  }\n  .max-w-7xl {\n    max-width: var(--container-7xl);\n  }\n  .max-w-12 {\n    max-width: calc(var(--spacing) * 12);\n  }\n  .max-w-80 {\n    max-width: calc(var(--spacing) * 80);\n  }\n  .max-w-\\[10rem\\] {\n    max-width: 10rem;\n  }\n  .max-w-\\[12rem\\] {\n    max-width: 12rem;\n  }\n  .max-w-\\[30px\\] {\n    max-width: 30px;\n  }\n  .max-w-\\[40px\\] {\n    max-width: 40px;\n  }\n  .max-w-\\[50\\%\\] {\n    max-width: 50%;\n  }\n  .max-w-\\[60\\%\\] {\n    max-width: 60%;\n  }\n  .max-w-\\[62\\%\\] {\n    max-width: 62%;\n  }\n  .max-w-\\[65ch\\] {\n    max-width: 65ch;\n  }\n  .max-w-\\[78\\%\\] {\n    max-width: 78%;\n  }\n  .max-w-\\[80\\%\\] {\n    max-width: 80%;\n  }\n  .max-w-\\[92\\%\\] {\n    max-width: 92%;\n  }\n  .max-w-\\[92vw\\] {\n    max-width: 92vw;\n  }\n  .max-w-\\[95vw\\] {\n    max-width: 95vw;\n  }\n  .max-w-\\[100\\%\\] {\n    max-width: 100%;\n  }\n  .max-w-\\[130px\\] {\n    max-width: 130px;\n  }\n  .max-w-\\[140px\\] {\n    max-width: 140px;\n  }\n  .max-w-\\[150px\\] {\n    max-width: 150px;\n  }\n  .max-w-\\[160px\\] {\n    max-width: 160px;\n  }\n  .max-w-\\[170px\\] {\n    max-width: 170px;\n  }\n  .max-w-\\[177px\\] {\n    max-width: 177px;\n  }\n  .max-w-\\[180px\\] {\n    max-width: 180px;\n  }\n  .max-w-\\[190px\\] {\n    max-width: 190px;\n  }\n  .max-w-\\[200px\\] {\n    max-width: 200px;\n  }\n  .max-w-\\[220px\\] {\n    max-width: 220px;\n  }\n  .max-w-\\[240px\\] {\n    max-width: 240px;\n  }\n  .max-w-\\[250px\\] {\n    max-width: 250px;\n  }\n  .max-w-\\[260px\\] {\n    max-width: 260px;\n  }\n  .max-w-\\[280px\\] {\n    max-width: 280px;\n  }\n  .max-w-\\[320px\\] {\n    max-width: 320px;\n  }\n  .max-w-\\[354px\\] {\n    max-width: 354px;\n  }\n  .max-w-\\[380px\\] {\n    max-width: 380px;\n  }\n  .max-w-\\[384px\\] {\n    max-width: 384px;\n  }\n  .max-w-\\[400px\\] {\n    max-width: 400px;\n  }\n  .max-w-\\[420px\\] {\n    max-width: 420px;\n  }\n  .max-w-\\[440px\\] {\n    max-width: 440px;\n  }\n  .max-w-\\[450px\\] {\n    max-width: 450px;\n  }\n  .max-w-\\[460px\\] {\n    max-width: 460px;\n  }\n  .max-w-\\[480px\\] {\n    max-width: 480px;\n  }\n  .max-w-\\[500px\\] {\n    max-width: 500px;\n  }\n  .max-w-\\[512px\\] {\n    max-width: 512px;\n  }\n  .max-w-\\[520px\\] {\n    max-width: 520px;\n  }\n  .max-w-\\[540px\\] {\n    max-width: 540px;\n  }\n  .max-w-\\[544px\\] {\n    max-width: 544px;\n  }\n  .max-w-\\[560px\\] {\n    max-width: 560px;\n  }\n  .max-w-\\[580px\\] {\n    max-width: 580px;\n  }\n  .max-w-\\[600px\\] {\n    max-width: 600px;\n  }\n  .max-w-\\[640px\\] {\n    max-width: 640px;\n  }\n  .max-w-\\[660px\\] {\n    max-width: 660px;\n  }\n  .max-w-\\[680px\\] {\n    max-width: 680px;\n  }\n  .max-w-\\[700px\\] {\n    max-width: 700px;\n  }\n  .max-w-\\[720px\\] {\n    max-width: 720px;\n  }\n  .max-w-\\[760px\\] {\n    max-width: 760px;\n  }\n  .max-w-\\[791px\\] {\n    max-width: 791px;\n  }\n  .max-w-\\[800px\\] {\n    max-width: 800px;\n  }\n  .max-w-\\[960px\\] {\n    max-width: 960px;\n  }\n  .max-w-\\[1080px\\] {\n    max-width: 1080px;\n  }\n  .max-w-\\[1180px\\] {\n    max-width: 1180px;\n  }\n  .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n    max-width: calc(100% - 2rem);\n  }\n  .max-w-\\[min\\(100\\%\\,11rem\\)\\] {\n    max-width: min(100%, 11rem);\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-lg {\n    max-width: var(--container-lg);\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .max-w-none {\n    max-width: none;\n  }\n  .max-w-sm {\n    max-width: var(--container-sm);\n  }\n  .max-w-xl {\n    max-width: var(--container-xl);\n  }\n  .max-w-xs {\n    max-width: var(--container-xs);\n  }\n  .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n  .min-w-5 {\n    min-width: calc(var(--spacing) * 5);\n  }\n  .min-w-7 {\n    min-width: calc(var(--spacing) * 7);\n  }\n  .min-w-8 {\n    min-width: calc(var(--spacing) * 8);\n  }\n  .min-w-9 {\n    min-width: calc(var(--spacing) * 9);\n  }\n  .min-w-24 {\n    min-width: calc(var(--spacing) * 24);\n  }\n  .min-w-56 {\n    min-width: calc(var(--spacing) * 56);\n  }\n  .min-w-60 {\n    min-width: calc(var(--spacing) * 60);\n  }\n  .min-w-\\[3px\\] {\n    min-width: 3px;\n  }\n  .min-w-\\[4px\\] {\n    min-width: 4px;\n  }\n  .min-w-\\[8rem\\] {\n    min-width: 8rem;\n  }\n  .min-w-\\[20px\\] {\n    min-width: 20px;\n  }\n  .min-w-\\[22px\\] {\n    min-width: 22px;\n  }\n  .min-w-\\[34px\\] {\n    min-width: 34px;\n  }\n  .min-w-\\[44px\\] {\n    min-width: 44px;\n  }\n  .min-w-\\[48px\\] {\n    min-width: 48px;\n  }\n  .min-w-\\[60px\\] {\n    min-width: 60px;\n  }\n  .min-w-\\[85px\\] {\n    min-width: 85px;\n  }\n  .min-w-\\[86px\\] {\n    min-width: 86px;\n  }\n  .min-w-\\[88px\\] {\n    min-width: 88px;\n  }\n  .min-w-\\[96px\\] {\n    min-width: 96px;\n  }\n  .min-w-\\[104px\\] {\n    min-width: 104px;\n  }\n  .min-w-\\[120px\\] {\n    min-width: 120px;\n  }\n  .min-w-\\[140px\\] {\n    min-width: 140px;\n  }\n  .min-w-\\[150px\\] {\n    min-width: 150px;\n  }\n  .min-w-\\[160px\\] {\n    min-width: 160px;\n  }\n  .min-w-\\[168px\\] {\n    min-width: 168px;\n  }\n  .min-w-\\[170px\\] {\n    min-width: 170px;\n  }\n  .min-w-\\[180px\\] {\n    min-width: 180px;\n  }\n  .min-w-\\[200px\\] {\n    min-width: 200px;\n  }\n  .min-w-\\[220px\\] {\n    min-width: 220px;\n  }\n  .min-w-\\[240px\\] {\n    min-width: 240px;\n  }\n  .min-w-\\[270px\\] {\n    min-width: 270px;\n  }\n  .min-w-\\[320px\\] {\n    min-width: 320px;\n  }\n  .min-w-\\[600px\\] {\n    min-width: 600px;\n  }\n  .min-w-\\[700px\\] {\n    min-width: 700px;\n  }\n  .min-w-\\[860px\\] {\n    min-width: 860px;\n  }\n  .min-w-\\[var\\(--radix-select-trigger-width\\)\\] {\n    min-width: var(--radix-select-trigger-width);\n  }\n  .min-w-fit {\n    min-width: fit-content;\n  }\n  .min-w-full {\n    min-width: 100%;\n  }\n  .min-w-max {\n    min-width: max-content;\n  }\n  .min-w-xs {\n    min-width: var(--container-xs);\n  }\n  .flex-0 {\n    flex: 0;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-2 {\n    flex: 2;\n  }\n  .flex-\\[0\\] {\n    flex: 0;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .\\!shrink-1 {\n    flex-shrink: 1 !important;\n  }\n  .flex-shrink {\n    flex-shrink: 1;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .shrink {\n    flex-shrink: 1;\n  }\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n  .\\!grow-0 {\n    flex-grow: 0 !important;\n  }\n  .flex-grow {\n    flex-grow: 1;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .\\!basis-auto {\n    flex-basis: auto !important;\n  }\n  .table-auto {\n    table-layout: auto;\n  }\n  .table-fixed {\n    table-layout: fixed;\n  }\n  .caption-bottom {\n    caption-side: bottom;\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .border-separate {\n    border-collapse: separate;\n  }\n  .border-spacing-0 {\n    --tw-border-spacing-x: calc(var(--spacing) * 0);\n    --tw-border-spacing-y: calc(var(--spacing) * 0);\n    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);\n  }\n  .border-spacing-\\[2px\\] {\n    --tw-border-spacing-x: 2px;\n    --tw-border-spacing-y: 2px;\n    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);\n  }\n  .origin-\\(--radix-tooltip-content-transform-origin\\) {\n    transform-origin: var(--radix-tooltip-content-transform-origin);\n  }\n  .origin-\\[--radix-dropdown-menu-content-transform-origin\\] {\n    transform-origin: --radix-dropdown-menu-content-transform-origin;\n  }\n  .origin-\\[--radix-popover-content-transform-origin\\] {\n    transform-origin: --radix-popover-content-transform-origin;\n  }\n  .origin-\\[--radix-select-content-transform-origin\\] {\n    transform-origin: --radix-select-content-transform-origin;\n  }\n  .origin-bottom-right {\n    transform-origin: 100% 100%;\n  }\n  .\\!translate-x-0 {\n    --tw-translate-x: calc(var(--spacing) * 0) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-x-2 {\n    --tw-translate-x: calc(var(--spacing) * -2);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-x-full {\n    --tw-translate-x: -100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-x-px {\n    --tw-translate-x: -1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-0 {\n    --tw-translate-x: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-1 {\n    --tw-translate-x: calc(var(--spacing) * 1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-1\\/2 {\n    --tw-translate-x: calc(1/2 * 100%);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-6 {\n    --tw-translate-x: calc(var(--spacing) * 6);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[-50\\%\\] {\n    --tw-translate-x: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-full {\n    --tw-translate-x: 100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-px {\n    --tw-translate-x: 1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .\\!translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-2\\/3 {\n    --tw-translate-y: calc(calc(2/3 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-0\\.5 {\n    --tw-translate-y: calc(var(--spacing) * 0.5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-2 {\n    --tw-translate-y: calc(var(--spacing) * 2);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[-50\\%\\] {\n    --tw-translate-y: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[6px\\] {\n    --tw-translate-y: 6px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[calc\\(-50\\%_-_2px\\)\\] {\n    --tw-translate-y: calc(-50% - 2px);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .scale-75 {\n    --tw-scale-x: 75%;\n    --tw-scale-y: 75%;\n    --tw-scale-z: 75%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-95 {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .-rotate-90 {\n    rotate: calc(90deg * -1);\n  }\n  .rotate-0 {\n    rotate: 0deg;\n  }\n  .rotate-45 {\n    rotate: 45deg;\n  }\n  .rotate-90 {\n    rotate: 90deg;\n  }\n  .rotate-180 {\n    rotate: 180deg;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-\\[slide-in-from-left_0\\.22s_ease-out\\] {\n    animation: slide-in-from-left 0.22s ease-out;\n  }\n  .animate-\\[slide-in-from-right_0\\.22s_ease-out\\] {\n    animation: slide-in-from-right 0.22s ease-out;\n  }\n  .animate-bounce {\n    animation: var(--animate-bounce);\n  }\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .cursor-col-resize {\n    cursor: col-resize;\n  }\n  .cursor-crosshair {\n    cursor: crosshair;\n  }\n  .cursor-default {\n    cursor: default;\n  }\n  .cursor-grab {\n    cursor: grab;\n  }\n  .cursor-help {\n    cursor: help;\n  }\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .cursor-zoom-in {\n    cursor: zoom-in;\n  }\n  .touch-none {\n    touch-action: none;\n  }\n  .resize {\n    resize: both;\n  }\n  .resize-none {\n    resize: none;\n  }\n  .resize-y {\n    resize: vertical;\n  }\n  .snap-x {\n    scroll-snap-type: x var(--tw-scroll-snap-strictness);\n  }\n  .snap-mandatory {\n    --tw-scroll-snap-strictness: mandatory;\n  }\n  .list-inside {\n    list-style-position: inside;\n  }\n  .list-decimal {\n    list-style-type: decimal;\n  }\n  .list-disc {\n    list-style-type: disc;\n  }\n  .list-none {\n    list-style-type: none;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .grid-flow-row {\n    grid-auto-flow: row;\n  }\n  .auto-rows-min {\n    grid-auto-rows: min-content;\n  }\n  .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n  .grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n  .grid-cols-5 {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }\n  .grid-cols-\\[0\\.75rem_minmax\\(7rem\\,9rem\\)_minmax\\(8rem\\,12rem\\)_1fr\\] {\n    grid-template-columns: 0.75rem minmax(7rem,9rem) minmax(8rem,12rem) 1fr;\n  }\n  .grid-cols-\\[1fr_2fr\\] {\n    grid-template-columns: 1fr 2fr;\n  }\n  .grid-cols-\\[1fr_auto\\] {\n    grid-template-columns: 1fr auto;\n  }\n  .grid-cols-\\[1fr_auto_auto\\] {\n    grid-template-columns: 1fr auto auto;\n  }\n  .grid-cols-\\[1fr_auto_auto_auto\\] {\n    grid-template-columns: 1fr auto auto auto;\n  }\n  .grid-cols-\\[12rem_1fr\\] {\n    grid-template-columns: 12rem 1fr;\n  }\n  .grid-cols-\\[16px_1fr\\] {\n    grid-template-columns: 16px 1fr;\n  }\n  .grid-cols-\\[96px_1fr_auto\\] {\n    grid-template-columns: 96px 1fr auto;\n  }\n  .grid-cols-\\[132px_1fr_48px\\] {\n    grid-template-columns: 132px 1fr 48px;\n  }\n  .grid-cols-\\[auto_1fr_auto\\] {\n    grid-template-columns: auto 1fr auto;\n  }\n  .grid-cols-\\[auto_1fr_auto_auto\\] {\n    grid-template-columns: auto 1fr auto auto;\n  }\n  .grid-cols-subgrid {\n    grid-template-columns: subgrid;\n  }\n  .grid-rows-\\[0fr\\] {\n    grid-template-rows: 0fr;\n  }\n  .grid-rows-\\[1fr\\] {\n    grid-template-rows: 1fr;\n  }\n  .grid-rows-\\[auto_auto\\] {\n    grid-template-rows: auto auto;\n  }\n  .grid-rows-\\[repeat\\(6\\,auto\\)\\] {\n    grid-template-rows: repeat(6,auto);\n  }\n  .grid-rows-subgrid {\n    grid-template-rows: subgrid;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .place-items-center {\n    place-items: center;\n  }\n  .\\!items-start {\n    align-items: flex-start !important;\n  }\n  .items-baseline {\n    align-items: baseline;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-end {\n    align-items: flex-end;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .items-stretch {\n    align-items: stretch;\n  }\n  .\\!justify-start {\n    justify-content: flex-start !important;\n  }\n  .justify-around {\n    justify-content: space-around;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .justify-stretch {\n    justify-content: stretch;\n  }\n  .\\!gap-0 {\n    gap: calc(var(--spacing) * 0) !important;\n  }\n  .gap-0 {\n    gap: calc(var(--spacing) * 0);\n  }\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * 0.5);\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-2\\.5 {\n    gap: calc(var(--spacing) * 2.5);\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .gap-3\\.5 {\n    gap: calc(var(--spacing) * 3.5);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .gap-4\\.5 {\n    gap: calc(var(--spacing) * 4.5);\n  }\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n  .gap-8 {\n    gap: calc(var(--spacing) * 8);\n  }\n  .gap-10 {\n    gap: calc(var(--spacing) * 10);\n  }\n  .gap-12 {\n    gap: calc(var(--spacing) * 12);\n  }\n  .gap-14 {\n    gap: calc(var(--spacing) * 14);\n  }\n  .gap-20 {\n    gap: calc(var(--spacing) * 20);\n  }\n  .gap-\\[--spacing\\(var\\(--gap\\)\\)\\] {\n    gap: calc(var(--spacing) * var(--gap));\n  }\n  .gap-\\[1px\\] {\n    gap: 1px;\n  }\n  .gap-\\[2px\\] {\n    gap: 2px;\n  }\n  .gap-\\[3px\\] {\n    gap: 3px;\n  }\n  .gap-\\[4px\\] {\n    gap: 4px;\n  }\n  .gap-\\[5px\\] {\n    gap: 5px;\n  }\n  .gap-\\[6px\\] {\n    gap: 6px;\n  }\n  .gap-\\[7px\\] {\n    gap: 7px;\n  }\n  .gap-\\[8px\\] {\n    gap: 8px;\n  }\n  .gap-\\[9px\\] {\n    gap: 9px;\n  }\n  .gap-\\[10px\\] {\n    gap: 10px;\n  }\n  .gap-\\[11px\\] {\n    gap: 11px;\n  }\n  .gap-\\[12px\\] {\n    gap: 12px;\n  }\n  .gap-\\[14px\\] {\n    gap: 14px;\n  }\n  .gap-\\[15px\\] {\n    gap: 15px;\n  }\n  .gap-\\[16px\\] {\n    gap: 16px;\n  }\n  .gap-\\[18px\\] {\n    gap: 18px;\n  }\n  .gap-\\[20px\\] {\n    gap: 20px;\n  }\n  .gap-\\[24px\\] {\n    gap: 24px;\n  }\n  .gap-\\[40px\\] {\n    gap: 40px;\n  }\n  .gap-px {\n    gap: 1px;\n  }\n  .space-y-0 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-0\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-1\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-8 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-\\[6px\\] {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(6px * var(--tw-space-y-reverse));\n      margin-block-end: calc(6px * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-\\[7px\\] {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(7px * var(--tw-space-y-reverse));\n      margin-block-end: calc(7px * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-\\[12px\\] {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(12px * var(--tw-space-y-reverse));\n      margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-\\[14px\\] {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(14px * var(--tw-space-y-reverse));\n      margin-block-end: calc(14px * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .gap-x-1\\.5 {\n    column-gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-x-2 {\n    column-gap: calc(var(--spacing) * 2);\n  }\n  .gap-x-2\\.5 {\n    column-gap: calc(var(--spacing) * 2.5);\n  }\n  .gap-x-3 {\n    column-gap: calc(var(--spacing) * 3);\n  }\n  .gap-x-4 {\n    column-gap: calc(var(--spacing) * 4);\n  }\n  .gap-x-5 {\n    column-gap: calc(var(--spacing) * 5);\n  }\n  .gap-x-6 {\n    column-gap: calc(var(--spacing) * 6);\n  }\n  .gap-x-12 {\n    column-gap: calc(var(--spacing) * 12);\n  }\n  .gap-x-\\[12px\\] {\n    column-gap: 12px;\n  }\n  .gap-x-\\[14px\\] {\n    column-gap: 14px;\n  }\n  .gap-x-\\[18px\\] {\n    column-gap: 18px;\n  }\n  .-space-x-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .-space-x-px {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(-1px * var(--tw-space-x-reverse));\n      margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .space-x-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .space-x-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .space-x-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .space-x-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .space-x-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .gap-y-1 {\n    row-gap: calc(var(--spacing) * 1);\n  }\n  .gap-y-1\\.5 {\n    row-gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-y-2 {\n    row-gap: calc(var(--spacing) * 2);\n  }\n  .gap-y-3 {\n    row-gap: calc(var(--spacing) * 3);\n  }\n  .gap-y-4 {\n    row-gap: calc(var(--spacing) * 4);\n  }\n  .gap-y-5 {\n    row-gap: calc(var(--spacing) * 5);\n  }\n  .gap-y-6 {\n    row-gap: calc(var(--spacing) * 6);\n  }\n  .gap-y-7 {\n    row-gap: calc(var(--spacing) * 7);\n  }\n  .gap-y-8 {\n    row-gap: calc(var(--spacing) * 8);\n  }\n  .gap-y-\\[2px\\] {\n    row-gap: 2px;\n  }\n  .gap-y-\\[4px\\] {\n    row-gap: 4px;\n  }\n  .gap-y-\\[6px\\] {\n    row-gap: 6px;\n  }\n  .gap-y-\\[10px\\] {\n    row-gap: 10px;\n  }\n  .divide-y {\n    :where(& > :not(:last-child)) {\n      --tw-divide-y-reverse: 0;\n      border-bottom-style: var(--tw-border-style);\n      border-top-style: var(--tw-border-style);\n      border-top-width: calc(1px * var(--tw-divide-y-reverse));\n      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n    }\n  }\n  .divide-border {\n    :where(& > :not(:last-child)) {\n      border-color: var(--color-border);\n    }\n  }\n  .divide-gray-100 {\n    :where(& > :not(:last-child)) {\n      border-color: var(--color-gray-100);\n    }\n  }\n  .divide-gray-200 {\n    :where(& > :not(:last-child)) {\n      border-color: var(--color-gray-200);\n    }\n  }\n  .divide-gray-300 {\n    :where(& > :not(:last-child)) {\n      border-color: var(--color-gray-300);\n    }\n  }\n  .self-center {\n    align-self: center;\n  }\n  .self-end {\n    align-self: flex-end;\n  }\n  .self-start {\n    align-self: flex-start;\n  }\n  .self-stretch {\n    align-self: stretch;\n  }\n  .justify-self-end {\n    justify-self: flex-end;\n  }\n  .justify-self-start {\n    justify-self: flex-start;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-visible {\n    overflow: visible;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .overflow-y-scroll {\n    overflow-y: scroll;\n  }\n  .overscroll-contain {\n    overscroll-behavior: contain;\n  }\n  .\\!rounded-none {\n    border-radius: 0 !important;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-2xl {\n    border-radius: var(--radius-2xl);\n  }\n  .rounded-3xl {\n    border-radius: var(--radius-3xl);\n  }\n  .rounded-\\[2px\\] {\n    border-radius: 2px;\n  }\n  .rounded-\\[3px\\] {\n    border-radius: 3px;\n  }\n  .rounded-\\[4px\\] {\n    border-radius: 4px;\n  }\n  .rounded-\\[5px\\] {\n    border-radius: 5px;\n  }\n  .rounded-\\[6px\\] {\n    border-radius: 6px;\n  }\n  .rounded-\\[7px\\] {\n    border-radius: 7px;\n  }\n  .rounded-\\[8px\\] {\n    border-radius: 8px;\n  }\n  .rounded-\\[9px\\] {\n    border-radius: 9px;\n  }\n  .rounded-\\[10px\\] {\n    border-radius: 10px;\n  }\n  .rounded-\\[11px\\] {\n    border-radius: 11px;\n  }\n  .rounded-\\[12px\\] {\n    border-radius: 12px;\n  }\n  .rounded-\\[13px_13px_4px_13px\\] {\n    border-radius: 13px 13px 4px 13px;\n  }\n  .rounded-\\[13px_13px_13px_4px\\] {\n    border-radius: 13px 13px 13px 4px;\n  }\n  .rounded-\\[14px\\] {\n    border-radius: 14px;\n  }\n  .rounded-\\[16px\\] {\n    border-radius: 16px;\n  }\n  .rounded-\\[18px\\] {\n    border-radius: 18px;\n  }\n  .rounded-\\[18px_18px_4px_18px\\] {\n    border-radius: 18px 18px 4px 18px;\n  }\n  .rounded-\\[50px\\] {\n    border-radius: 50px;\n  }\n  .rounded-\\[100\\%\\] {\n    border-radius: 100%;\n  }\n  .rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\] {\n    border-radius: min(var(--radius-md), 12px);\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n  .rounded-xl {\n    border-radius: var(--radius-xl);\n  }\n  .rounded-xs {\n    border-radius: var(--radius-xs);\n  }\n  .rounded-t {\n    border-top-left-radius: 0.25rem;\n    border-top-right-radius: 0.25rem;\n  }\n  .rounded-t-2xl {\n    border-top-left-radius: var(--radius-2xl);\n    border-top-right-radius: var(--radius-2xl);\n  }\n  .rounded-t-\\[3px\\] {\n    border-top-left-radius: 3px;\n    border-top-right-radius: 3px;\n  }\n  .rounded-t-lg {\n    border-top-left-radius: var(--radius-lg);\n    border-top-right-radius: var(--radius-lg);\n  }\n  .rounded-t-md {\n    border-top-left-radius: var(--radius-md);\n    border-top-right-radius: var(--radius-md);\n  }\n  .rounded-t-sm {\n    border-top-left-radius: var(--radius-sm);\n    border-top-right-radius: var(--radius-sm);\n  }\n  .rounded-l-full {\n    border-top-left-radius: calc(infinity * 1px);\n    border-bottom-left-radius: calc(infinity * 1px);\n  }\n  .rounded-l-md {\n    border-top-left-radius: var(--radius-md);\n    border-bottom-left-radius: var(--radius-md);\n  }\n  .rounded-l-none {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n  .rounded-tl-xl {\n    border-top-left-radius: var(--radius-xl);\n  }\n  .rounded-r-\\[2px\\] {\n    border-top-right-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n  .rounded-r-\\[3px\\] {\n    border-top-right-radius: 3px;\n    border-bottom-right-radius: 3px;\n  }\n  .rounded-r-\\[10px\\] {\n    border-top-right-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n  .rounded-r-full {\n    border-top-right-radius: calc(infinity * 1px);\n    border-bottom-right-radius: calc(infinity * 1px);\n  }\n  .rounded-r-md {\n    border-top-right-radius: var(--radius-md);\n    border-bottom-right-radius: var(--radius-md);\n  }\n  .rounded-r-none {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .rounded-b-\\[14px\\] {\n    border-bottom-right-radius: 14px;\n    border-bottom-left-radius: 14px;\n  }\n  .rounded-b-lg {\n    border-bottom-right-radius: var(--radius-lg);\n    border-bottom-left-radius: var(--radius-lg);\n  }\n  .rounded-bl-xl {\n    border-bottom-left-radius: var(--radius-xl);\n  }\n  .\\!border-0 {\n    border-style: var(--tw-border-style) !important;\n    border-width: 0px !important;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-1 {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-3 {\n    border-style: var(--tw-border-style);\n    border-width: 3px;\n  }\n  .border-4 {\n    border-style: var(--tw-border-style);\n    border-width: 4px;\n  }\n  .border-\\[0\\.2px\\] {\n    border-style: var(--tw-border-style);\n    border-width: 0.2px;\n  }\n  .border-\\[0\\.5\\] {\n    border-style: var(--tw-border-style);\n    border-width: 0.5;\n  }\n  .border-\\[0\\.5px\\] {\n    border-style: var(--tw-border-style);\n    border-width: 0.5px;\n  }\n  .border-\\[0px\\] {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-\\[1\\.5px\\] {\n    border-style: var(--tw-border-style);\n    border-width: 1.5px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-t-1 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .border-r-1 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0px;\n  }\n  .border-b-1 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-b-3 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 3px;\n  }\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0px;\n  }\n  .border-l-2 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 2px;\n  }\n  .border-l-\\[3px\\] {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 3px;\n  }\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-\\[\\#0d1f35\\] {\n    border-color: #0d1f35;\n  }\n  .border-\\[\\#1e3556\\] {\n    border-color: #1e3556;\n  }\n  .border-\\[\\#22c55e\\]\\/35 {\n    border-color: color-mix(in oklab, #22c55e 35%, transparent);\n  }\n  .border-\\[\\#86efac\\] {\n    border-color: #86efac;\n  }\n  .border-\\[\\#1877F2\\] {\n    border-color: #1877F2;\n  }\n  .border-\\[\\#2563eb\\] {\n    border-color: #2563eb;\n  }\n  .border-\\[\\#18181b\\] {\n    border-color: #18181b;\n  }\n  .border-\\[\\#707070\\] {\n    border-color: #707070;\n  }\n  .border-\\[\\#747775\\] {\n    border-color: #747775;\n  }\n  .border-\\[\\#DBE2EB\\] {\n    border-color: #DBE2EB;\n  }\n  .border-\\[\\#E4E4E7\\] {\n    border-color: #E4E4E7;\n  }\n  .border-\\[\\#E88B00\\] {\n    border-color: #E88B00;\n  }\n  .border-\\[\\#bbf7d0\\] {\n    border-color: #bbf7d0;\n  }\n  .border-\\[\\#cbd5e1\\] {\n    border-color: #cbd5e1;\n  }\n  .border-\\[\\#d1d5db\\] {\n    border-color: #d1d5db;\n  }\n  .border-\\[\\#d6e3ff\\] {\n    border-color: #d6e3ff;\n  }\n  .border-\\[\\#dbe4f3\\] {\n    border-color: #dbe4f3;\n  }\n  .border-\\[\\#e2e4e9\\] {\n    border-color: #e2e4e9;\n  }\n  .border-\\[\\#e2e6ea\\] {\n    border-color: #e2e6ea;\n  }\n  .border-\\[\\#e4e4e7\\] {\n    border-color: #e4e4e7;\n  }\n  .border-\\[\\#eef2f7\\] {\n    border-color: #eef2f7;\n  }\n  .border-\\[\\#f0f0f0\\] {\n    border-color: #f0f0f0;\n  }\n  .border-\\[\\#f4f6f8\\] {\n    border-color: #f4f6f8;\n  }\n  .border-\\[\\#f8f9fa\\] {\n    border-color: #f8f9fa;\n  }\n  .border-\\[\\#fcd34d\\] {\n    border-color: #fcd34d;\n  }\n  .border-\\[color\\:var\\(--ob-bd\\)\\] {\n    border-color: var(--ob-bd);\n  }\n  .border-\\[var\\(--bc-text-color\\,\\#18181B\\)\\] {\n    border-color: var(--bc-text-color,#18181B);\n  }\n  .border-accent {\n    border-color: var(--color-accent);\n  }\n  .border-accent\\/30 {\n    border-color: color-mix(in srgb, #f4f4f5 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-accent) 30%, transparent);\n    }\n  }\n  .border-accent\\/40 {\n    border-color: color-mix(in srgb, #f4f4f5 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-accent) 40%, transparent);\n    }\n  }\n  .border-amber-200 {\n    border-color: var(--color-amber-200);\n  }\n  .border-amber-300 {\n    border-color: var(--color-amber-300);\n  }\n  .border-amber-300\\/60 {\n    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent);\n    }\n  }\n  .border-amber-400 {\n    border-color: var(--color-amber-400);\n  }\n  .border-amber-500\\/40 {\n    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);\n    }\n  }\n  .border-amber-500\\/50 {\n    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);\n    }\n  }\n  .border-black {\n    border-color: var(--color-black);\n  }\n  .border-black\\/12 {\n    border-color: color-mix(in srgb, #000 12%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-black) 12%, transparent);\n    }\n  }\n  .border-blue-100 {\n    border-color: var(--color-blue-100);\n  }\n  .border-blue-200 {\n    border-color: var(--color-blue-200);\n  }\n  .border-blue-300 {\n    border-color: var(--color-blue-300);\n  }\n  .border-blue-500 {\n    border-color: var(--color-blue-500);\n  }\n  .border-blue-600 {\n    border-color: var(--color-blue-600);\n  }\n  .border-border {\n    border-color: var(--color-border);\n  }\n  .border-border\\/30 {\n    border-color: color-mix(in srgb, #e4e4e7 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-border) 30%, transparent);\n    }\n  }\n  .border-border\\/60 {\n    border-color: color-mix(in srgb, #e4e4e7 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);\n    }\n  }\n  .border-border\\/80 {\n    border-color: color-mix(in srgb, #e4e4e7 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);\n    }\n  }\n  .border-current {\n    border-color: currentcolor;\n  }\n  .border-current\\/30 {\n    border-color: currentcolor;\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, currentcolor 30%, transparent);\n    }\n  }\n  .border-destructive {\n    border-color: var(--color-destructive);\n  }\n  .border-destructive\\/30 {\n    border-color: color-mix(in srgb, #dc2626 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);\n    }\n  }\n  .border-destructive\\/50 {\n    border-color: color-mix(in srgb, #dc2626 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);\n    }\n  }\n  .border-emerald-200 {\n    border-color: var(--color-emerald-200);\n  }\n  .border-emerald-300 {\n    border-color: var(--color-emerald-300);\n  }\n  .border-emerald-500 {\n    border-color: var(--color-emerald-500);\n  }\n  .border-gray-100 {\n    border-color: var(--color-gray-100);\n  }\n  .border-gray-200 {\n    border-color: var(--color-gray-200);\n  }\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n  .border-gray-400 {\n    border-color: var(--color-gray-400);\n  }\n  .border-gray-900\\/5 {\n    border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);\n    }\n  }\n  .border-gray-900\\/25 {\n    border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 25%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-gray-900) 25%, transparent);\n    }\n  }\n  .border-green-200 {\n    border-color: var(--color-green-200);\n  }\n  .border-green-300 {\n    border-color: var(--color-green-300);\n  }\n  .border-green-400 {\n    border-color: var(--color-green-400);\n  }\n  .border-green-500 {\n    border-color: var(--color-green-500);\n  }\n  .border-indigo-200 {\n    border-color: var(--color-indigo-200);\n  }\n  .border-indigo-300 {\n    border-color: var(--color-indigo-300);\n  }\n  .border-input {\n    border-color: var(--color-input);\n  }\n  .border-muted-foreground\\/40 {\n    border-color: color-mix(in srgb, #74716e 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);\n    }\n  }\n  .border-neutral-10 {\n    border-color: var(--color-neutral-10);\n  }\n  .border-neutral-20 {\n    border-color: var(--color-neutral-20);\n  }\n  .border-neutral-40 {\n    border-color: var(--color-neutral-40);\n  }\n  .border-neutral-200 {\n    border-color: var(--color-neutral-200);\n  }\n  .border-orange-100 {\n    border-color: var(--color-orange-100);\n  }\n  .border-orange-200 {\n    border-color: var(--color-orange-200);\n  }\n  .border-orange-300 {\n    border-color: var(--color-orange-300);\n  }\n  .border-orange-400 {\n    border-color: var(--color-orange-400);\n  }\n  .border-primary {\n    border-color: var(--color-primary);\n  }\n  .border-primary\\/30 {\n    border-color: color-mix(in srgb, #18181b 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);\n    }\n  }\n  .border-primary\\/50 {\n    border-color: color-mix(in srgb, #18181b 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);\n    }\n  }\n  .border-purple-100 {\n    border-color: var(--color-purple-100);\n  }\n  .border-purple-200 {\n    border-color: var(--color-purple-200);\n  }\n  .border-purple-300 {\n    border-color: var(--color-purple-300);\n  }\n  .border-purple-500 {\n    border-color: var(--color-purple-500);\n  }\n  .border-red-200 {\n    border-color: var(--color-red-200);\n  }\n  .border-red-300 {\n    border-color: var(--color-red-300);\n  }\n  .border-red-400 {\n    border-color: var(--color-red-400);\n  }\n  .border-red-500 {\n    border-color: var(--color-red-500);\n  }\n  .border-red-600 {\n    border-color: var(--color-red-600);\n  }\n  .border-rose-200 {\n    border-color: var(--color-rose-200);\n  }\n  .border-sidebar-ring {\n    border-color: var(--color-sidebar-ring);\n  }\n  .border-slate-100 {\n    border-color: var(--color-slate-100);\n  }\n  .border-slate-200 {\n    border-color: var(--color-slate-200);\n  }\n  .border-slate-300 {\n    border-color: var(--color-slate-300);\n  }\n  .border-slate-400 {\n    border-color: var(--color-slate-400);\n  }\n  .border-slate-500 {\n    border-color: var(--color-slate-500);\n  }\n  .border-slate-900 {\n    border-color: var(--color-slate-900);\n  }\n  .border-teal-600\\/30 {\n    border-color: color-mix(in srgb, oklch(60% 0.118 184.704) 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-teal-600) 30%, transparent);\n    }\n  }\n  .border-transparent {\n    border-color: transparent;\n  }\n  .border-violet-100 {\n    border-color: var(--color-violet-100);\n  }\n  .border-violet-300 {\n    border-color: var(--color-violet-300);\n  }\n  .border-violet-600 {\n    border-color: var(--color-violet-600);\n  }\n  .border-white {\n    border-color: var(--color-white);\n  }\n  .border-white\\/10 {\n    border-color: color-mix(in srgb, #fff 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n  .border-white\\/20 {\n    border-color: color-mix(in srgb, #fff 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n    }\n  }\n  .border-white\\/30 {\n    border-color: color-mix(in srgb, #fff 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\n    }\n  }\n  .border-yellow-200 {\n    border-color: var(--color-yellow-200);\n  }\n  .border-zinc-200 {\n    border-color: var(--color-zinc-200);\n  }\n  .border-zinc-900 {\n    border-color: var(--color-zinc-900);\n  }\n  .border-t-accent {\n    border-top-color: var(--color-accent);\n  }\n  .border-t-gray-900 {\n    border-top-color: var(--color-gray-900);\n  }\n  .border-t-transparent {\n    border-top-color: transparent;\n  }\n  .border-t-white {\n    border-top-color: var(--color-white);\n  }\n  .border-b-\\[\\#e2e4e9\\] {\n    border-bottom-color: #e2e4e9;\n  }\n  .border-b-blue-20 {\n    border-bottom-color: var(--color-blue-20);\n  }\n  .border-b-neutral-20 {\n    border-bottom-color: var(--color-neutral-20);\n  }\n  .border-b-transparent {\n    border-bottom-color: transparent;\n  }\n  .border-b-zinc-300 {\n    border-bottom-color: var(--color-zinc-300);\n  }\n  .border-l-blue-500\\/40 {\n    border-left-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-left-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);\n    }\n  }\n  .border-l-primary {\n    border-left-color: var(--color-primary);\n  }\n  .\\!bg-\\[\\#1877F2\\] {\n    background-color: #1877F2 !important;\n  }\n  .\\!bg-\\[\\#ff7a59\\] {\n    background-color: #ff7a59 !important;\n  }\n  .\\!bg-\\[var\\(--b-tooltip-bg\\)\\] {\n    background-color: var(--b-tooltip-bg) !important;\n  }\n  .bg-\\[\\#\\.\\.\\.\\] {\n    background-color: #...;\n  }\n  .bg-\\[\\#0d1b2a\\] {\n    background-color: #0d1b2a;\n  }\n  .bg-\\[\\#0001\\] {\n    background-color: #0001;\n  }\n  .bg-\\[\\#2A9D90\\] {\n    background-color: #2A9D90;\n  }\n  .bg-\\[\\#16a34a\\] {\n    background-color: #16a34a;\n  }\n  .bg-\\[\\#22c55e\\] {\n    background-color: #22c55e;\n  }\n  .bg-\\[\\#22c55e\\]\\/15 {\n    background-color: color-mix(in oklab, #22c55e 15%, transparent);\n  }\n  .bg-\\[\\#1877F2\\] {\n    background-color: #1877F2;\n  }\n  .bg-\\[\\#2563eb\\] {\n    background-color: #2563eb;\n  }\n  .bg-\\[\\#18181b\\] {\n    background-color: #18181b;\n  }\n  .bg-\\[\\#222831\\] {\n    background-color: #222831;\n  }\n  .bg-\\[\\#DBE2EB\\] {\n    background-color: #DBE2EB;\n  }\n  .bg-\\[\\#E0E6EE\\] {\n    background-color: #E0E6EE;\n  }\n  .bg-\\[\\#F1F4F8\\] {\n    background-color: #F1F4F8;\n  }\n  .bg-\\[\\#FF9900\\] {\n    background-color: #FF9900;\n  }\n  .bg-\\[\\#dbeafe\\] {\n    background-color: #dbeafe;\n  }\n  .bg-\\[\\#e2e6ea\\] {\n    background-color: #e2e6ea;\n  }\n  .bg-\\[\\#e76d4e\\] {\n    background-color: #e76d4e;\n  }\n  .bg-\\[\\#eaf1ff\\] {\n    background-color: #eaf1ff;\n  }\n  .bg-\\[\\#eff6ff\\] {\n    background-color: #eff6ff;\n  }\n  .bg-\\[\\#f0fdf4\\] {\n    background-color: #f0fdf4;\n  }\n  .bg-\\[\\#f1f4f8\\] {\n    background-color: #f1f4f8;\n  }\n  .bg-\\[\\#f1f5f9\\] {\n    background-color: #f1f5f9;\n  }\n  .bg-\\[\\#f3e8ff\\] {\n    background-color: #f3e8ff;\n  }\n  .bg-\\[\\#f4f4f5\\] {\n    background-color: #f4f4f5;\n  }\n  .bg-\\[\\#f4f4f5\\]\\/60 {\n    background-color: color-mix(in oklab, #f4f4f5 60%, transparent);\n  }\n  .bg-\\[\\#f5f6f8\\] {\n    background-color: #f5f6f8;\n  }\n  .bg-\\[\\#f8f9fa\\] {\n    background-color: #f8f9fa;\n  }\n  .bg-\\[\\#f8fafb\\] {\n    background-color: #f8fafb;\n  }\n  .bg-\\[\\#f9fafb\\] {\n    background-color: #f9fafb;\n  }\n  .bg-\\[\\#f59e0b\\] {\n    background-color: #f59e0b;\n  }\n  .bg-\\[\\#fafafa\\] {\n    background-color: #fafafa;\n  }\n  .bg-\\[\\#fef3c7\\] {\n    background-color: #fef3c7;\n  }\n  .bg-\\[\\#fffa\\] {\n    background-color: #fffa;\n  }\n  .bg-\\[\\#fffbeb\\] {\n    background-color: #fffbeb;\n  }\n  .bg-\\[\\#ffffff\\] {\n    background-color: #ffffff;\n  }\n  .bg-\\[color\\:var\\(--ob-bg\\)\\] {\n    background-color: var(--ob-bg);\n  }\n  .bg-\\[rgb\\(243_244_246\\)\\]\\/90 {\n    background-color: color-mix(in oklab, rgb(243 244 246) 90%, transparent);\n  }\n  .bg-\\[rgba\\(28\\,25\\,23\\,0\\.08\\)\\] {\n    background-color: rgba(28,25,23,0.08);\n  }\n  .bg-\\[var\\(--b-tooltip-bg\\)\\] {\n    background-color: var(--b-tooltip-bg);\n  }\n  .bg-\\[var\\(--bc-primary-button-background-color\\)\\] {\n    background-color: var(--bc-primary-button-background-color);\n  }\n  .bg-\\[var\\(--bc-secondary-button-background-color\\)\\] {\n    background-color: var(--bc-secondary-button-background-color);\n  }\n  .bg-accent {\n    background-color: var(--color-accent);\n  }\n  .bg-accent\\/5 {\n    background-color: color-mix(in srgb, #f4f4f5 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-accent) 5%, transparent);\n    }\n  }\n  .bg-accent\\/10 {\n    background-color: color-mix(in srgb, #f4f4f5 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);\n    }\n  }\n  .bg-accent\\/40 {\n    background-color: color-mix(in srgb, #f4f4f5 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);\n    }\n  }\n  .bg-accent\\/80 {\n    background-color: color-mix(in srgb, #f4f4f5 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-accent) 80%, transparent);\n    }\n  }\n  .bg-amber-50 {\n    background-color: var(--color-amber-50);\n  }\n  .bg-amber-100 {\n    background-color: var(--color-amber-100);\n  }\n  .bg-amber-500 {\n    background-color: var(--color-amber-500);\n  }\n  .bg-amber-500\\/5 {\n    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);\n    }\n  }\n  .bg-amber-600 {\n    background-color: var(--color-amber-600);\n  }\n  .bg-background {\n    background-color: var(--color-background);\n  }\n  .bg-background\\/70 {\n    background-color: color-mix(in srgb, #ffffff 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-background) 70%, transparent);\n    }\n  }\n  .bg-background\\/95 {\n    background-color: color-mix(in srgb, #ffffff 95%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-background) 95%, transparent);\n    }\n  }\n  .bg-black {\n    background-color: var(--color-black);\n  }\n  .bg-black\\/0 {\n    background-color: color-mix(in srgb, #000 0%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 0%, transparent);\n    }\n  }\n  .bg-black\\/10 {\n    background-color: color-mix(in srgb, #000 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n    }\n  }\n  .bg-black\\/30 {\n    background-color: color-mix(in srgb, #000 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\n    }\n  }\n  .bg-black\\/40 {\n    background-color: color-mix(in srgb, #000 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n    }\n  }\n  .bg-black\\/50 {\n    background-color: color-mix(in srgb, #000 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n    }\n  }\n  .bg-black\\/60 {\n    background-color: color-mix(in srgb, #000 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);\n    }\n  }\n  .bg-black\\/70 {\n    background-color: color-mix(in srgb, #000 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n    }\n  }\n  .bg-blue-10 {\n    background-color: var(--color-blue-10);\n  }\n  .bg-blue-20 {\n    background-color: var(--color-blue-20);\n  }\n  .bg-blue-30 {\n    background-color: var(--color-blue-30);\n  }\n  .bg-blue-40 {\n    background-color: var(--color-blue-40);\n  }\n  .bg-blue-50 {\n    background-color: var(--color-blue-50);\n  }\n  .bg-blue-50\\/30 {\n    background-color: color-mix(in srgb, #3b82f6 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);\n    }\n  }\n  .bg-blue-60 {\n    background-color: var(--color-blue-60);\n  }\n  .bg-blue-70 {\n    background-color: var(--color-blue-70);\n  }\n  .bg-blue-80 {\n    background-color: var(--color-blue-80);\n  }\n  .bg-blue-90 {\n    background-color: var(--color-blue-90);\n  }\n  .bg-blue-100 {\n    background-color: var(--color-blue-100);\n  }\n  .bg-blue-200 {\n    background-color: var(--color-blue-200);\n  }\n  .bg-blue-500 {\n    background-color: var(--color-blue-500);\n  }\n  .bg-blue-600 {\n    background-color: var(--color-blue-600);\n  }\n  .bg-border {\n    background-color: var(--color-border);\n  }\n  .bg-card {\n    background-color: var(--color-card);\n  }\n  .bg-card\\/70 {\n    background-color: color-mix(in srgb, #ffffff 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-card) 70%, transparent);\n    }\n  }\n  .bg-card\\/95 {\n    background-color: color-mix(in srgb, #ffffff 95%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-card) 95%, transparent);\n    }\n  }\n  .bg-current {\n    background-color: currentcolor;\n  }\n  .bg-destructive {\n    background-color: var(--color-destructive);\n  }\n  .bg-destructive\\/5 {\n    background-color: color-mix(in srgb, #dc2626 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);\n    }\n  }\n  .bg-destructive\\/10 {\n    background-color: color-mix(in srgb, #dc2626 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);\n    }\n  }\n  .bg-destructive\\/15 {\n    background-color: color-mix(in srgb, #dc2626 15%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-destructive) 15%, transparent);\n    }\n  }\n  .bg-emerald-50 {\n    background-color: var(--color-emerald-50);\n  }\n  .bg-emerald-500 {\n    background-color: var(--color-emerald-500);\n  }\n  .bg-emerald-600 {\n    background-color: var(--color-emerald-600);\n  }\n  .bg-fuchsia-500 {\n    background-color: var(--color-fuchsia-500);\n  }\n  .bg-gray-50 {\n    background-color: var(--color-gray-50);\n  }\n  .bg-gray-100 {\n    background-color: var(--color-gray-100);\n  }\n  .bg-gray-200 {\n    background-color: var(--color-gray-200);\n  }\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n  .bg-gray-400 {\n    background-color: var(--color-gray-400);\n  }\n  .bg-gray-500 {\n    background-color: var(--color-gray-500);\n  }\n  .bg-gray-800 {\n    background-color: var(--color-gray-800);\n  }\n  .bg-gray-900 {\n    background-color: var(--color-gray-900);\n  }\n  .bg-gray-900\\/40 {\n    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent);\n    }\n  }\n  .bg-gray-900\\/80 {\n    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);\n    }\n  }\n  .bg-green-50 {\n    background-color: var(--color-green-50);\n  }\n  .bg-green-100 {\n    background-color: var(--color-green-100);\n  }\n  .bg-green-500 {\n    background-color: var(--color-green-500);\n  }\n  .bg-green-600 {\n    background-color: var(--color-green-600);\n  }\n  .bg-indigo-50 {\n    background-color: var(--color-indigo-50);\n  }\n  .bg-indigo-50\\/70 {\n    background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-indigo-50) 70%, transparent);\n    }\n  }\n  .bg-indigo-100 {\n    background-color: var(--color-indigo-100);\n  }\n  .bg-indigo-500 {\n    background-color: var(--color-indigo-500);\n  }\n  .bg-muted {\n    background-color: var(--color-muted);\n  }\n  .bg-muted-foreground {\n    background-color: var(--color-muted-foreground);\n  }\n  .bg-muted\\/20 {\n    background-color: color-mix(in srgb, #f7f7f6 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);\n    }\n  }\n  .bg-muted\\/30 {\n    background-color: color-mix(in srgb, #f7f7f6 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);\n    }\n  }\n  .bg-muted\\/40 {\n    background-color: color-mix(in srgb, #f7f7f6 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);\n    }\n  }\n  .bg-muted\\/50 {\n    background-color: color-mix(in srgb, #f7f7f6 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);\n    }\n  }\n  .bg-muted\\/70 {\n    background-color: color-mix(in srgb, #f7f7f6 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);\n    }\n  }\n  .bg-neutral-10 {\n    background-color: var(--color-neutral-10);\n  }\n  .bg-neutral-20 {\n    background-color: var(--color-neutral-20);\n  }\n  .bg-neutral-30 {\n    background-color: var(--color-neutral-30);\n  }\n  .bg-neutral-40 {\n    background-color: var(--color-neutral-40);\n  }\n  .bg-neutral-50 {\n    background-color: var(--color-neutral-50);\n  }\n  .bg-neutral-60 {\n    background-color: var(--color-neutral-60);\n  }\n  .bg-neutral-70 {\n    background-color: var(--color-neutral-70);\n  }\n  .bg-neutral-80 {\n    background-color: var(--color-neutral-80);\n  }\n  .bg-neutral-90 {\n    background-color: var(--color-neutral-90);\n  }\n  .bg-neutral-100 {\n    background-color: var(--color-neutral-100);\n  }\n  .bg-neutral-200 {\n    background-color: var(--color-neutral-200);\n  }\n  .bg-neutral-800 {\n    background-color: var(--color-neutral-800);\n  }\n  .bg-orange-10 {\n    background-color: var(--color-orange-10);\n  }\n  .bg-orange-20 {\n    background-color: var(--color-orange-20);\n  }\n  .bg-orange-30 {\n    background-color: var(--color-orange-30);\n  }\n  .bg-orange-40 {\n    background-color: var(--color-orange-40);\n  }\n  .bg-orange-50 {\n    background-color: var(--color-orange-50);\n  }\n  .bg-orange-60 {\n    background-color: var(--color-orange-60);\n  }\n  .bg-orange-70 {\n    background-color: var(--color-orange-70);\n  }\n  .bg-orange-80 {\n    background-color: var(--color-orange-80);\n  }\n  .bg-orange-90 {\n    background-color: var(--color-orange-90);\n  }\n  .bg-orange-100 {\n    background-color: var(--color-orange-100);\n  }\n  .bg-orange-400 {\n    background-color: var(--color-orange-400);\n  }\n  .bg-orange-500 {\n    background-color: var(--color-orange-500);\n  }\n  .bg-orange-600 {\n    background-color: var(--color-orange-600);\n  }\n  .bg-pink-600 {\n    background-color: var(--color-pink-600);\n  }\n  .bg-primary {\n    background-color: var(--color-primary);\n  }\n  .bg-primary\\/5 {\n    background-color: color-mix(in srgb, #18181b 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);\n    }\n  }\n  .bg-primary\\/10 {\n    background-color: color-mix(in srgb, #18181b 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n    }\n  }\n  .bg-purple-50 {\n    background-color: var(--color-purple-50);\n  }\n  .bg-purple-100 {\n    background-color: var(--color-purple-100);\n  }\n  .bg-purple-500 {\n    background-color: var(--color-purple-500);\n  }\n  .bg-purple-600 {\n    background-color: var(--color-purple-600);\n  }\n  .bg-red-50 {\n    background-color: var(--color-red-50);\n  }\n  .bg-red-100 {\n    background-color: var(--color-red-100);\n  }\n  .bg-red-500 {\n    background-color: var(--color-red-500);\n  }\n  .bg-red-600 {\n    background-color: var(--color-red-600);\n  }\n  .bg-rose-50 {\n    background-color: var(--color-rose-50);\n  }\n  .bg-rose-500 {\n    background-color: var(--color-rose-500);\n  }\n  .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .bg-sky-500 {\n    background-color: var(--color-sky-500);\n  }\n  .bg-sky-600 {\n    background-color: var(--color-sky-600);\n  }\n  .bg-slate-50 {\n    background-color: var(--color-slate-50);\n  }\n  .bg-slate-50\\/60 {\n    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);\n    }\n  }\n  .bg-slate-50\\/70 {\n    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);\n    }\n  }\n  .bg-slate-100 {\n    background-color: var(--color-slate-100);\n  }\n  .bg-slate-200 {\n    background-color: var(--color-slate-200);\n  }\n  .bg-slate-700 {\n    background-color: var(--color-slate-700);\n  }\n  .bg-slate-900 {\n    background-color: var(--color-slate-900);\n  }\n  .bg-slate-900\\/20 {\n    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-900) 20%, transparent);\n    }\n  }\n  .bg-teal-50 {\n    background-color: var(--color-teal-50);\n  }\n  .bg-teal-500 {\n    background-color: var(--color-teal-500);\n  }\n  .bg-teal-600 {\n    background-color: var(--color-teal-600);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .bg-violet-50 {\n    background-color: var(--color-violet-50);\n  }\n  .bg-violet-100 {\n    background-color: var(--color-violet-100);\n  }\n  .bg-violet-200 {\n    background-color: var(--color-violet-200);\n  }\n  .bg-violet-500 {\n    background-color: var(--color-violet-500);\n  }\n  .bg-violet-600 {\n    background-color: var(--color-violet-600);\n  }\n  .bg-violet-700 {\n    background-color: var(--color-violet-700);\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .bg-white\\/5 {\n    background-color: color-mix(in srgb, #fff 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n    }\n  }\n  .bg-white\\/10 {\n    background-color: color-mix(in srgb, #fff 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n  .bg-white\\/20 {\n    background-color: color-mix(in srgb, #fff 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n    }\n  }\n  .bg-white\\/90 {\n    background-color: color-mix(in srgb, #fff 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n    }\n  }\n  .bg-yellow-50 {\n    background-color: var(--color-yellow-50);\n  }\n  .bg-yellow-100 {\n    background-color: var(--color-yellow-100);\n  }\n  .bg-yellow-200 {\n    background-color: var(--color-yellow-200);\n  }\n  .bg-yellow-500 {\n    background-color: var(--color-yellow-500);\n  }\n  .bg-yellow-600 {\n    background-color: var(--color-yellow-600);\n  }\n  .bg-zinc-200 {\n    background-color: var(--color-zinc-200);\n  }\n  .bg-zinc-300 {\n    background-color: var(--color-zinc-300);\n  }\n  .bg-zinc-900 {\n    background-color: var(--color-zinc-900);\n  }\n  .bg-linear-to-r {\n    --tw-gradient-position: to right;\n    @supports (background-image: linear-gradient(in lab, red, red)) {\n      --tw-gradient-position: to right in oklab;\n    }\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-b {\n    --tw-gradient-position: to bottom in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-br {\n    --tw-gradient-position: to bottom right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-l {\n    --tw-gradient-position: to left in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-r {\n    --tw-gradient-position: to right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-t {\n    --tw-gradient-position: to top in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-\\[linear-gradient\\(90deg\\,\\#FF0000\\,\\#FFFF00\\,\\#00FF00\\,\\#00FFFF\\,\\#0000FF\\,\\#FF00FF\\,\\#FF0000\\)\\] {\n    background-image: linear-gradient(90deg,#FF0000,#FFFF00,#00FF00,#00FFFF,#0000FF,#FF00FF,#FF0000);\n  }\n  .bg-\\[linear-gradient\\(135deg\\,\\#0d1b2a\\,\\#1a3050\\)\\] {\n    background-image: linear-gradient(135deg,#0d1b2a,#1a3050);\n  }\n  .bg-\\[linear-gradient\\(135deg\\,\\#0d1b2a_0\\%\\,\\#1a2e4a_100\\%\\)\\] {\n    background-image: linear-gradient(135deg,#0d1b2a 0%,#1a2e4a 100%);\n  }\n  .bg-\\[linear-gradient\\(160deg\\,\\#07111f_0\\%\\,\\#0c1e3a_55\\%\\,\\#060e1a_100\\%\\)\\] {\n    background-image: linear-gradient(160deg,#07111f 0%,#0c1e3a 55%,#060e1a 100%);\n  }\n  .bg-\\[linear-gradient\\(160deg\\,\\#07111f_0\\%\\,\\#0d2040_60\\%\\,\\#060e1a_100\\%\\)\\] {\n    background-image: linear-gradient(160deg,#07111f 0%,#0d2040 60%,#060e1a 100%);\n  }\n  .bg-\\[radial-gradient\\(circle\\,\\#cbd5e1_1px\\,transparent_1px\\)\\] {\n    background-image: radial-gradient(circle,#cbd5e1 1px,transparent 1px);\n  }\n  .bg-\\[repeating-linear-gradient\\(-45deg\\,var\\(--card\\)\\,var\\(--card\\)_5px\\,var\\(--card2\\)_5px\\,var\\(--card2\\)_10px\\)\\] {\n    background-image: repeating-linear-gradient(-45deg,var(--card),var(--card) 5px,var(--card2) 5px,var(--card2) 10px);\n  }\n  .bg-none {\n    background-image: none;\n  }\n  .from-\\[\\#2B5876\\] {\n    --tw-gradient-from: #2B5876;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-\\[\\#a78bfa\\] {\n    --tw-gradient-from: #a78bfa;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-\\[\\#c084fc\\] {\n    --tw-gradient-from: #c084fc;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-\\[\\#e76d4e\\] {\n    --tw-gradient-from: #e76d4e;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-\\[\\#f5fdf9\\] {\n    --tw-gradient-from: #f5fdf9;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-\\[\\#fdba74\\] {\n    --tw-gradient-from: #fdba74;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-blue-50 {\n    --tw-gradient-from: var(--color-blue-50);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-cyan-500 {\n    --tw-gradient-from: var(--color-cyan-500);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-emerald-50 {\n    --tw-gradient-from: var(--color-emerald-50);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-slate-950 {\n    --tw-gradient-from: var(--color-slate-950);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-teal-400 {\n    --tw-gradient-from: var(--color-teal-400);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-transparent {\n    --tw-gradient-from: transparent;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-white {\n    --tw-gradient-from: var(--color-white);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-white\\/40 {\n    --tw-gradient-from: color-mix(in srgb, #fff 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-white) 40%, transparent);\n    }\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .via-cyan-950 {\n    --tw-gradient-via: var(--color-cyan-950);\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .via-white {\n    --tw-gradient-via: var(--color-white);\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .to-\\[\\#4E4376\\] {\n    --tw-gradient-to: #4E4376;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-\\[\\#818cf8\\] {\n    --tw-gradient-to: #818cf8;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-\\[\\#6366f1\\] {\n    --tw-gradient-to: #6366f1;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-\\[\\#f6c344\\] {\n    --tw-gradient-to: #f6c344;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-\\[\\#f472b6\\] {\n    --tw-gradient-to: #f472b6;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-black\\/50 {\n    --tw-gradient-to: color-mix(in srgb, #000 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--color-black) 50%, transparent);\n    }\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-blue-500 {\n    --tw-gradient-to: var(--color-blue-500);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-indigo-50 {\n    --tw-gradient-to: var(--color-indigo-50);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-indigo-50\\/40 {\n    --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.018 272.314) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-50) 40%, transparent);\n    }\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-slate-950 {\n    --tw-gradient-to: var(--color-slate-950);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-transparent {\n    --tw-gradient-to: transparent;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-white {\n    --tw-gradient-to: var(--color-white);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-yellow-500\\/40 {\n    --tw-gradient-to: color-mix(in srgb, oklch(79.5% 0.184 86.047) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--color-yellow-500) 40%, transparent);\n    }\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .bg-\\[length\\:24px_24px\\] {\n    background-size: 24px 24px;\n  }\n  .bg-cover {\n    background-size: cover;\n  }\n  .bg-clip-text {\n    background-clip: text;\n  }\n  .bg-center {\n    background-position: center;\n  }\n  .bg-no-repeat {\n    background-repeat: no-repeat;\n  }\n  .fill-\\[var\\(--b-tooltip-bg\\)\\] {\n    fill: var(--b-tooltip-bg);\n  }\n  .fill-amber-400 {\n    fill: var(--color-amber-400);\n  }\n  .fill-blue-500 {\n    fill: var(--color-blue-500);\n  }\n  .fill-card {\n    fill: var(--color-card);\n  }\n  .fill-current {\n    fill: currentcolor;\n  }\n  .fill-green-500 {\n    fill: var(--color-green-500);\n  }\n  .fill-primary {\n    fill: var(--color-primary);\n  }\n  .fill-red-500 {\n    fill: var(--color-red-500);\n  }\n  .fill-slate-500 {\n    fill: var(--color-slate-500);\n  }\n  .fill-slate-900 {\n    fill: var(--color-slate-900);\n  }\n  .stroke-card {\n    stroke: var(--color-card);\n  }\n  .stroke-slate-500 {\n    stroke: var(--color-slate-500);\n  }\n  .object-contain {\n    object-fit: contain;\n  }\n  .object-cover {\n    object-fit: cover;\n  }\n  .object-center {\n    object-position: center;\n  }\n  .\\!p-0 {\n    padding: calc(var(--spacing) * 0) !important;\n  }\n  .p-0 {\n    padding: calc(var(--spacing) * 0);\n  }\n  .p-0\\.5 {\n    padding: calc(var(--spacing) * 0.5);\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-2\\.5 {\n    padding: calc(var(--spacing) * 2.5);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-3\\.5 {\n    padding: calc(var(--spacing) * 3.5);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .p-7 {\n    padding: calc(var(--spacing) * 7);\n  }\n  .p-8 {\n    padding: calc(var(--spacing) * 8);\n  }\n  .p-9 {\n    padding: calc(var(--spacing) * 9);\n  }\n  .p-10 {\n    padding: calc(var(--spacing) * 10);\n  }\n  .p-12 {\n    padding: calc(var(--spacing) * 12);\n  }\n  .p-16 {\n    padding: calc(var(--spacing) * 16);\n  }\n  .p-1234 {\n    padding: calc(var(--spacing) * 1234);\n  }\n  .p-4321 {\n    padding: calc(var(--spacing) * 4321);\n  }\n  .p-9999 {\n    padding: calc(var(--spacing) * 9999);\n  }\n  .p-\\[2px\\] {\n    padding: 2px;\n  }\n  .p-\\[3px\\] {\n    padding: 3px;\n  }\n  .p-\\[4px\\] {\n    padding: 4px;\n  }\n  .p-\\[6px\\] {\n    padding: 6px;\n  }\n  .p-\\[8px\\] {\n    padding: 8px;\n  }\n  .p-\\[8px_10px\\] {\n    padding: 8px 10px;\n  }\n  .p-\\[9\\.7px\\] {\n    padding: 9.7px;\n  }\n  .p-\\[9px\\] {\n    padding: 9px;\n  }\n  .p-\\[9px_10px\\] {\n    padding: 9px 10px;\n  }\n  .p-\\[10px\\] {\n    padding: 10px;\n  }\n  .p-\\[12px\\] {\n    padding: 12px;\n  }\n  .p-\\[14px\\] {\n    padding: 14px;\n  }\n  .p-\\[16px\\] {\n    padding: 16px;\n  }\n  .p-\\[17px\\] {\n    padding: 17px;\n  }\n  .p-\\[18px\\] {\n    padding: 18px;\n  }\n  .p-\\[20px\\] {\n    padding: 20px;\n  }\n  .p-\\[22px\\] {\n    padding: 22px;\n  }\n  .p-\\[24px\\] {\n    padding: 24px;\n  }\n  .p-\\[26px\\] {\n    padding: 26px;\n  }\n  .px-0 {\n    padding-inline: calc(var(--spacing) * 0);\n  }\n  .px-0\\.5 {\n    padding-inline: calc(var(--spacing) * 0.5);\n  }\n  .px-1 {\n    padding-inline: calc(var(--spacing) * 1);\n  }\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-3\\.5 {\n    padding-inline: calc(var(--spacing) * 3.5);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n  .px-7 {\n    padding-inline: calc(var(--spacing) * 7);\n  }\n  .px-8 {\n    padding-inline: calc(var(--spacing) * 8);\n  }\n  .px-9 {\n    padding-inline: calc(var(--spacing) * 9);\n  }\n  .px-10 {\n    padding-inline: calc(var(--spacing) * 10);\n  }\n  .px-11 {\n    padding-inline: calc(var(--spacing) * 11);\n  }\n  .px-123 {\n    padding-inline: calc(var(--spacing) * 123);\n  }\n  .px-\\[2px\\] {\n    padding-inline: 2px;\n  }\n  .px-\\[4px\\] {\n    padding-inline: 4px;\n  }\n  .px-\\[5px\\] {\n    padding-inline: 5px;\n  }\n  .px-\\[6px\\] {\n    padding-inline: 6px;\n  }\n  .px-\\[7px\\] {\n    padding-inline: 7px;\n  }\n  .px-\\[8px\\] {\n    padding-inline: 8px;\n  }\n  .px-\\[9px\\] {\n    padding-inline: 9px;\n  }\n  .px-\\[10px\\] {\n    padding-inline: 10px;\n  }\n  .px-\\[11px\\] {\n    padding-inline: 11px;\n  }\n  .px-\\[12px\\] {\n    padding-inline: 12px;\n  }\n  .px-\\[13px\\] {\n    padding-inline: 13px;\n  }\n  .px-\\[14px\\] {\n    padding-inline: 14px;\n  }\n  .px-\\[15px\\] {\n    padding-inline: 15px;\n  }\n  .px-\\[16px\\] {\n    padding-inline: 16px;\n  }\n  .px-\\[17px\\] {\n    padding-inline: 17px;\n  }\n  .px-\\[18px\\] {\n    padding-inline: 18px;\n  }\n  .px-\\[20px\\] {\n    padding-inline: 20px;\n  }\n  .px-\\[22px\\] {\n    padding-inline: 22px;\n  }\n  .px-\\[26px\\] {\n    padding-inline: 26px;\n  }\n  .px-\\[30px\\] {\n    padding-inline: 30px;\n  }\n  .px-\\[40px\\] {\n    padding-inline: 40px;\n  }\n  .py-0 {\n    padding-block: calc(var(--spacing) * 0);\n  }\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .py-3\\.5 {\n    padding-block: calc(var(--spacing) * 3.5);\n  }\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n  .py-5 {\n    padding-block: calc(var(--spacing) * 5);\n  }\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n  .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n  .py-9 {\n    padding-block: calc(var(--spacing) * 9);\n  }\n  .py-10 {\n    padding-block: calc(var(--spacing) * 10);\n  }\n  .py-12 {\n    padding-block: calc(var(--spacing) * 12);\n  }\n  .py-14 {\n    padding-block: calc(var(--spacing) * 14);\n  }\n  .py-16 {\n    padding-block: calc(var(--spacing) * 16);\n  }\n  .py-20 {\n    padding-block: calc(var(--spacing) * 20);\n  }\n  .py-24 {\n    padding-block: calc(var(--spacing) * 24);\n  }\n  .py-\\[1\\.5px\\] {\n    padding-block: 1.5px;\n  }\n  .py-\\[1px\\] {\n    padding-block: 1px;\n  }\n  .py-\\[2\\.5px\\] {\n    padding-block: 2.5px;\n  }\n  .py-\\[2px\\] {\n    padding-block: 2px;\n  }\n  .py-\\[3px\\] {\n    padding-block: 3px;\n  }\n  .py-\\[4\\.5px\\] {\n    padding-block: 4.5px;\n  }\n  .py-\\[4px\\] {\n    padding-block: 4px;\n  }\n  .py-\\[5px\\] {\n    padding-block: 5px;\n  }\n  .py-\\[6\\.5px\\] {\n    padding-block: 6.5px;\n  }\n  .py-\\[6px\\] {\n    padding-block: 6px;\n  }\n  .py-\\[7px\\] {\n    padding-block: 7px;\n  }\n  .py-\\[8px\\] {\n    padding-block: 8px;\n  }\n  .py-\\[9px\\] {\n    padding-block: 9px;\n  }\n  .py-\\[10\\.5px\\] {\n    padding-block: 10.5px;\n  }\n  .py-\\[10px\\] {\n    padding-block: 10px;\n  }\n  .py-\\[11px\\] {\n    padding-block: 11px;\n  }\n  .py-\\[12px\\] {\n    padding-block: 12px;\n  }\n  .py-\\[13px\\] {\n    padding-block: 13px;\n  }\n  .py-\\[14px\\] {\n    padding-block: 14px;\n  }\n  .py-\\[15px\\] {\n    padding-block: 15px;\n  }\n  .py-\\[16px\\] {\n    padding-block: 16px;\n  }\n  .py-\\[18px\\] {\n    padding-block: 18px;\n  }\n  .py-\\[20px\\] {\n    padding-block: 20px;\n  }\n  .py-\\[24px\\] {\n    padding-block: 24px;\n  }\n  .py-\\[28px\\] {\n    padding-block: 28px;\n  }\n  .py-\\[30px\\] {\n    padding-block: 30px;\n  }\n  .py-\\[32px\\] {\n    padding-block: 32px;\n  }\n  .py-\\[40px\\] {\n    padding-block: 40px;\n  }\n  .py-\\[46px\\] {\n    padding-block: 46px;\n  }\n  .py-\\[48px\\] {\n    padding-block: 48px;\n  }\n  .py-\\[64px\\] {\n    padding-block: 64px;\n  }\n  .py-\\[80px\\] {\n    padding-block: 80px;\n  }\n  .py-px {\n    padding-block: 1px;\n  }\n  .ps-0 {\n    padding-inline-start: calc(var(--spacing) * 0);\n  }\n  .pt-0 {\n    padding-top: calc(var(--spacing) * 0);\n  }\n  .pt-0\\.5 {\n    padding-top: calc(var(--spacing) * 0.5);\n  }\n  .pt-1 {\n    padding-top: calc(var(--spacing) * 1);\n  }\n  .pt-1\\.5 {\n    padding-top: calc(var(--spacing) * 1.5);\n  }\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n  .pt-2\\.5 {\n    padding-top: calc(var(--spacing) * 2.5);\n  }\n  .pt-3 {\n    padding-top: calc(var(--spacing) * 3);\n  }\n  .pt-3\\.5 {\n    padding-top: calc(var(--spacing) * 3.5);\n  }\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n  .pt-5 {\n    padding-top: calc(var(--spacing) * 5);\n  }\n  .pt-6 {\n    padding-top: calc(var(--spacing) * 6);\n  }\n  .pt-7 {\n    padding-top: calc(var(--spacing) * 7);\n  }\n  .pt-8 {\n    padding-top: calc(var(--spacing) * 8);\n  }\n  .pt-10 {\n    padding-top: calc(var(--spacing) * 10);\n  }\n  .pt-11 {\n    padding-top: calc(var(--spacing) * 11);\n  }\n  .pt-12 {\n    padding-top: calc(var(--spacing) * 12);\n  }\n  .pt-14 {\n    padding-top: calc(var(--spacing) * 14);\n  }\n  .pt-16 {\n    padding-top: calc(var(--spacing) * 16);\n  }\n  .pt-24 {\n    padding-top: calc(var(--spacing) * 24);\n  }\n  .pt-\\[2px\\] {\n    padding-top: 2px;\n  }\n  .pt-\\[3px\\] {\n    padding-top: 3px;\n  }\n  .pt-\\[4px\\] {\n    padding-top: 4px;\n  }\n  .pt-\\[5px\\] {\n    padding-top: 5px;\n  }\n  .pt-\\[6px\\] {\n    padding-top: 6px;\n  }\n  .pt-\\[8px\\] {\n    padding-top: 8px;\n  }\n  .pt-\\[10px\\] {\n    padding-top: 10px;\n  }\n  .pt-\\[11px\\] {\n    padding-top: 11px;\n  }\n  .pt-\\[14px\\] {\n    padding-top: 14px;\n  }\n  .pt-\\[18px\\] {\n    padding-top: 18px;\n  }\n  .pt-\\[22px\\] {\n    padding-top: 22px;\n  }\n  .pt-\\[26px\\] {\n    padding-top: 26px;\n  }\n  .pr-0 {\n    padding-right: calc(var(--spacing) * 0);\n  }\n  .pr-1 {\n    padding-right: calc(var(--spacing) * 1);\n  }\n  .pr-1\\.5 {\n    padding-right: calc(var(--spacing) * 1.5);\n  }\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n  .pr-3 {\n    padding-right: calc(var(--spacing) * 3);\n  }\n  .pr-4 {\n    padding-right: calc(var(--spacing) * 4);\n  }\n  .pr-5 {\n    padding-right: calc(var(--spacing) * 5);\n  }\n  .pr-6 {\n    padding-right: calc(var(--spacing) * 6);\n  }\n  .pr-8 {\n    padding-right: calc(var(--spacing) * 8);\n  }\n  .pr-9 {\n    padding-right: calc(var(--spacing) * 9);\n  }\n  .pr-10 {\n    padding-right: calc(var(--spacing) * 10);\n  }\n  .pr-\\[6px\\] {\n    padding-right: 6px;\n  }\n  .pr-\\[8px\\] {\n    padding-right: 8px;\n  }\n  .pr-\\[10px\\] {\n    padding-right: 10px;\n  }\n  .pr-\\[12px\\] {\n    padding-right: 12px;\n  }\n  .pr-\\[14px\\] {\n    padding-right: 14px;\n  }\n  .pr-\\[16px\\] {\n    padding-right: 16px;\n  }\n  .pr-\\[17px\\] {\n    padding-right: 17px;\n  }\n  .pr-\\[40px\\] {\n    padding-right: 40px;\n  }\n  .pb-0 {\n    padding-bottom: calc(var(--spacing) * 0);\n  }\n  .pb-0\\.5 {\n    padding-bottom: calc(var(--spacing) * 0.5);\n  }\n  .pb-1 {\n    padding-bottom: calc(var(--spacing) * 1);\n  }\n  .pb-1\\.5 {\n    padding-bottom: calc(var(--spacing) * 1.5);\n  }\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n  .pb-2\\.5 {\n    padding-bottom: calc(var(--spacing) * 2.5);\n  }\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n  .pb-3\\.5 {\n    padding-bottom: calc(var(--spacing) * 3.5);\n  }\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n  .pb-5 {\n    padding-bottom: calc(var(--spacing) * 5);\n  }\n  .pb-6 {\n    padding-bottom: calc(var(--spacing) * 6);\n  }\n  .pb-7 {\n    padding-bottom: calc(var(--spacing) * 7);\n  }\n  .pb-8 {\n    padding-bottom: calc(var(--spacing) * 8);\n  }\n  .pb-\\[3px\\] {\n    padding-bottom: 3px;\n  }\n  .pb-\\[4px\\] {\n    padding-bottom: 4px;\n  }\n  .pb-\\[6px\\] {\n    padding-bottom: 6px;\n  }\n  .pb-\\[8px\\] {\n    padding-bottom: 8px;\n  }\n  .pb-\\[10px\\] {\n    padding-bottom: 10px;\n  }\n  .pb-\\[11px\\] {\n    padding-bottom: 11px;\n  }\n  .pb-\\[12px\\] {\n    padding-bottom: 12px;\n  }\n  .pb-\\[13px\\] {\n    padding-bottom: 13px;\n  }\n  .pb-\\[14px\\] {\n    padding-bottom: 14px;\n  }\n  .pb-\\[16px\\] {\n    padding-bottom: 16px;\n  }\n  .pb-\\[18px\\] {\n    padding-bottom: 18px;\n  }\n  .pb-\\[22px\\] {\n    padding-bottom: 22px;\n  }\n  .pb-\\[24px\\] {\n    padding-bottom: 24px;\n  }\n  .pb-\\[30px\\] {\n    padding-bottom: 30px;\n  }\n  .pb-\\[40px\\] {\n    padding-bottom: 40px;\n  }\n  .pl-0 {\n    padding-left: calc(var(--spacing) * 0);\n  }\n  .pl-0\\.5 {\n    padding-left: calc(var(--spacing) * 0.5);\n  }\n  .pl-1 {\n    padding-left: calc(var(--spacing) * 1);\n  }\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n  .pl-3 {\n    padding-left: calc(var(--spacing) * 3);\n  }\n  .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n  .pl-5 {\n    padding-left: calc(var(--spacing) * 5);\n  }\n  .pl-6 {\n    padding-left: calc(var(--spacing) * 6);\n  }\n  .pl-7 {\n    padding-left: calc(var(--spacing) * 7);\n  }\n  .pl-8 {\n    padding-left: calc(var(--spacing) * 8);\n  }\n  .pl-9 {\n    padding-left: calc(var(--spacing) * 9);\n  }\n  .pl-10 {\n    padding-left: calc(var(--spacing) * 10);\n  }\n  .pl-11 {\n    padding-left: calc(var(--spacing) * 11);\n  }\n  .pl-14 {\n    padding-left: calc(var(--spacing) * 14);\n  }\n  .pl-\\[2px\\] {\n    padding-left: 2px;\n  }\n  .pl-\\[4px\\] {\n    padding-left: 4px;\n  }\n  .pl-\\[6px\\] {\n    padding-left: 6px;\n  }\n  .pl-\\[9px\\] {\n    padding-left: 9px;\n  }\n  .pl-\\[10px\\] {\n    padding-left: 10px;\n  }\n  .pl-\\[11px\\] {\n    padding-left: 11px;\n  }\n  .pl-\\[16px\\] {\n    padding-left: 16px;\n  }\n  .pl-\\[17px\\] {\n    padding-left: 17px;\n  }\n  .pl-\\[20px\\] {\n    padding-left: 20px;\n  }\n  .pl-\\[28px\\] {\n    padding-left: 28px;\n  }\n  .pl-\\[32px\\] {\n    padding-left: 32px;\n  }\n  .pl-\\[42px\\] {\n    padding-left: 42px;\n  }\n  .pl-\\[84px\\] {\n    padding-left: 84px;\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .text-start {\n    text-align: start;\n  }\n  .align-baseline {\n    vertical-align: baseline;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-\\[inherit\\] {\n    font-family: inherit;\n  }\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n  .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n  .text-4xl {\n    font-size: var(--text-4xl);\n    line-height: var(--tw-leading, var(--text-4xl--line-height));\n  }\n  .text-5xl {\n    font-size: var(--text-5xl);\n    line-height: var(--tw-leading, var(--text-5xl--line-height));\n  }\n  .text-6xl {\n    font-size: var(--text-6xl);\n    line-height: var(--tw-leading, var(--text-6xl--line-height));\n  }\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-sm\\/6 {\n    font-size: var(--text-sm);\n    line-height: calc(var(--spacing) * 6);\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xl\\/7 {\n    font-size: var(--text-xl);\n    line-height: calc(var(--spacing) * 7);\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .text-xs\\/5 {\n    font-size: var(--text-xs);\n    line-height: calc(var(--spacing) * 5);\n  }\n  .text-\\[0\\.7rem\\] {\n    font-size: 0.7rem;\n  }\n  .text-\\[0\\.8rem\\] {\n    font-size: 0.8rem;\n  }\n  .text-\\[0\\.56rem\\] {\n    font-size: 0.56rem;\n  }\n  .text-\\[0\\.85em\\] {\n    font-size: 0.85em;\n  }\n  .text-\\[8\\.5px\\] {\n    font-size: 8.5px;\n  }\n  .text-\\[8px\\] {\n    font-size: 8px;\n  }\n  .text-\\[9\\.5px\\] {\n    font-size: 9.5px;\n  }\n  .text-\\[9px\\] {\n    font-size: 9px;\n  }\n  .text-\\[10\\.5px\\] {\n    font-size: 10.5px;\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .text-\\[11\\.5px\\] {\n    font-size: 11.5px;\n  }\n  .text-\\[11px\\] {\n    font-size: 11px;\n  }\n  .text-\\[12\\.5px\\] {\n    font-size: 12.5px;\n  }\n  .text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .text-\\[13\\.5px\\] {\n    font-size: 13.5px;\n  }\n  .text-\\[13px\\] {\n    font-size: 13px;\n  }\n  .text-\\[14px\\] {\n    font-size: 14px;\n  }\n  .text-\\[15px\\] {\n    font-size: 15px;\n  }\n  .text-\\[16px\\] {\n    font-size: 16px;\n  }\n  .text-\\[17px\\] {\n    font-size: 17px;\n  }\n  .text-\\[18px\\] {\n    font-size: 18px;\n  }\n  .text-\\[20px\\] {\n    font-size: 20px;\n  }\n  .text-\\[21px\\] {\n    font-size: 21px;\n  }\n  .text-\\[22px\\] {\n    font-size: 22px;\n  }\n  .text-\\[23px\\] {\n    font-size: 23px;\n  }\n  .text-\\[24px\\] {\n    font-size: 24px;\n  }\n  .text-\\[26px\\] {\n    font-size: 26px;\n  }\n  .text-\\[28px\\] {\n    font-size: 28px;\n  }\n  .text-\\[30px\\] {\n    font-size: 30px;\n  }\n  .text-\\[32px\\] {\n    font-size: 32px;\n  }\n  .text-\\[48px\\] {\n    font-size: 48px;\n  }\n  .leading-1 {\n    --tw-leading: calc(var(--spacing) * 1);\n    line-height: calc(var(--spacing) * 1);\n  }\n  .leading-4 {\n    --tw-leading: calc(var(--spacing) * 4);\n    line-height: calc(var(--spacing) * 4);\n  }\n  .leading-5 {\n    --tw-leading: calc(var(--spacing) * 5);\n    line-height: calc(var(--spacing) * 5);\n  }\n  .leading-6 {\n    --tw-leading: calc(var(--spacing) * 6);\n    line-height: calc(var(--spacing) * 6);\n  }\n  .leading-7 {\n    --tw-leading: calc(var(--spacing) * 7);\n    line-height: calc(var(--spacing) * 7);\n  }\n  .leading-8 {\n    --tw-leading: calc(var(--spacing) * 8);\n    line-height: calc(var(--spacing) * 8);\n  }\n  .leading-9 {\n    --tw-leading: calc(var(--spacing) * 9);\n    line-height: calc(var(--spacing) * 9);\n  }\n  .leading-\\[1\\.1\\] {\n    --tw-leading: 1.1;\n    line-height: 1.1;\n  }\n  .leading-\\[1\\.2\\] {\n    --tw-leading: 1.2;\n    line-height: 1.2;\n  }\n  .leading-\\[1\\.3\\] {\n    --tw-leading: 1.3;\n    line-height: 1.3;\n  }\n  .leading-\\[1\\.5\\] {\n    --tw-leading: 1.5;\n    line-height: 1.5;\n  }\n  .leading-\\[1\\.6\\] {\n    --tw-leading: 1.6;\n    line-height: 1.6;\n  }\n  .leading-\\[1\\.7\\] {\n    --tw-leading: 1.7;\n    line-height: 1.7;\n  }\n  .leading-\\[1\\.08\\] {\n    --tw-leading: 1.08;\n    line-height: 1.08;\n  }\n  .leading-\\[1\\.12\\] {\n    --tw-leading: 1.12;\n    line-height: 1.12;\n  }\n  .leading-\\[1\\.15\\] {\n    --tw-leading: 1.15;\n    line-height: 1.15;\n  }\n  .leading-\\[1\\.25\\] {\n    --tw-leading: 1.25;\n    line-height: 1.25;\n  }\n  .leading-\\[1\\.35\\] {\n    --tw-leading: 1.35;\n    line-height: 1.35;\n  }\n  .leading-\\[1\\.55\\] {\n    --tw-leading: 1.55;\n    line-height: 1.55;\n  }\n  .leading-\\[1\\.65\\] {\n    --tw-leading: 1.65;\n    line-height: 1.65;\n  }\n  .leading-\\[1\\.75\\] {\n    --tw-leading: 1.75;\n    line-height: 1.75;\n  }\n  .leading-\\[1\\.95\\] {\n    --tw-leading: 1.95;\n    line-height: 1.95;\n  }\n  .leading-\\[1\\] {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .leading-\\[18px\\] {\n    --tw-leading: 18px;\n    line-height: 18px;\n  }\n  .leading-\\[21px\\] {\n    --tw-leading: 21px;\n    line-height: 21px;\n  }\n  .leading-\\[24px\\] {\n    --tw-leading: 24px;\n    line-height: 24px;\n  }\n  .leading-\\[32px\\] {\n    --tw-leading: 32px;\n    line-height: 32px;\n  }\n  .leading-\\[36px\\] {\n    --tw-leading: 36px;\n    line-height: 36px;\n  }\n  .leading-\\[40px\\] {\n    --tw-leading: 40px;\n    line-height: 40px;\n  }\n  .leading-\\[56px\\] {\n    --tw-leading: 56px;\n    line-height: 56px;\n  }\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .leading-normal {\n    --tw-leading: var(--leading-normal);\n    line-height: var(--leading-normal);\n  }\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n  .font-\\[400\\] {\n    --tw-font-weight: 400;\n    font-weight: 400;\n  }\n  .font-\\[450\\] {\n    --tw-font-weight: 450;\n    font-weight: 450;\n  }\n  .font-\\[500\\] {\n    --tw-font-weight: 500;\n    font-weight: 500;\n  }\n  .font-black {\n    --tw-font-weight: var(--font-weight-black);\n    font-weight: var(--font-weight-black);\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-extrabold {\n    --tw-font-weight: var(--font-weight-extrabold);\n    font-weight: var(--font-weight-extrabold);\n  }\n  .font-light {\n    --tw-font-weight: var(--font-weight-light);\n    font-weight: var(--font-weight-light);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .tracking-\\[-0\\.01em\\] {\n    --tw-tracking: -0.01em;\n    letter-spacing: -0.01em;\n  }\n  .tracking-\\[-0\\.02em\\] {\n    --tw-tracking: -0.02em;\n    letter-spacing: -0.02em;\n  }\n  .tracking-\\[-0\\.2px\\] {\n    --tw-tracking: -0.2px;\n    letter-spacing: -0.2px;\n  }\n  .tracking-\\[-0\\.5px\\] {\n    --tw-tracking: -0.5px;\n    letter-spacing: -0.5px;\n  }\n  .tracking-\\[-0\\.6px\\] {\n    --tw-tracking: -0.6px;\n    letter-spacing: -0.6px;\n  }\n  .tracking-\\[-0\\.015em\\] {\n    --tw-tracking: -0.015em;\n    letter-spacing: -0.015em;\n  }\n  .tracking-\\[-0\\.028em\\] {\n    --tw-tracking: -0.028em;\n    letter-spacing: -0.028em;\n  }\n  .tracking-\\[0\\.01em\\] {\n    --tw-tracking: 0.01em;\n    letter-spacing: 0.01em;\n  }\n  .tracking-\\[0\\.1em\\] {\n    --tw-tracking: 0.1em;\n    letter-spacing: 0.1em;\n  }\n  .tracking-\\[0\\.02em\\] {\n    --tw-tracking: 0.02em;\n    letter-spacing: 0.02em;\n  }\n  .tracking-\\[0\\.03em\\] {\n    --tw-tracking: 0.03em;\n    letter-spacing: 0.03em;\n  }\n  .tracking-\\[0\\.04em\\] {\n    --tw-tracking: 0.04em;\n    letter-spacing: 0.04em;\n  }\n  .tracking-\\[0\\.4px\\] {\n    --tw-tracking: 0.4px;\n    letter-spacing: 0.4px;\n  }\n  .tracking-\\[0\\.05em\\] {\n    --tw-tracking: 0.05em;\n    letter-spacing: 0.05em;\n  }\n  .tracking-\\[0\\.06em\\] {\n    --tw-tracking: 0.06em;\n    letter-spacing: 0.06em;\n  }\n  .tracking-\\[0\\.6px\\] {\n    --tw-tracking: 0.6px;\n    letter-spacing: 0.6px;\n  }\n  .tracking-\\[0\\.07em\\] {\n    --tw-tracking: 0.07em;\n    letter-spacing: 0.07em;\n  }\n  .tracking-\\[0\\.08em\\] {\n    --tw-tracking: 0.08em;\n    letter-spacing: 0.08em;\n  }\n  .tracking-\\[0\\.09em\\] {\n    --tw-tracking: 0.09em;\n    letter-spacing: 0.09em;\n  }\n  .tracking-\\[0\\.10em\\] {\n    --tw-tracking: 0.10em;\n    letter-spacing: 0.10em;\n  }\n  .tracking-\\[0\\.11em\\] {\n    --tw-tracking: 0.11em;\n    letter-spacing: 0.11em;\n  }\n  .tracking-normal {\n    --tw-tracking: var(--tracking-normal);\n    letter-spacing: var(--tracking-normal);\n  }\n  .tracking-tight {\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n  .tracking-wide {\n    --tw-tracking: var(--tracking-wide);\n    letter-spacing: var(--tracking-wide);\n  }\n  .tracking-wider {\n    --tw-tracking: var(--tracking-wider);\n    letter-spacing: var(--tracking-wider);\n  }\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n  .\\[text-wrap\\:wrap\\] {\n    text-wrap: wrap;\n  }\n  .text-balance {\n    text-wrap: balance;\n  }\n  .text-pretty {\n    text-wrap: pretty;\n  }\n  .text-wrap {\n    text-wrap: wrap;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .break-all {\n    word-break: break-all;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .\\!whitespace-normal {\n    white-space: normal !important;\n  }\n  .whitespace-normal {\n    white-space: normal;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .whitespace-pre {\n    white-space: pre;\n  }\n  .whitespace-pre-line {\n    white-space: pre-line;\n  }\n  .whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .\\!text-white {\n    color: var(--color-white) !important;\n  }\n  .text-\\[\\#0d1b2a\\] {\n    color: #0d1b2a;\n  }\n  .text-\\[\\#0f766e\\] {\n    color: #0f766e;\n  }\n  .text-\\[\\#1F1F1F\\] {\n    color: #1F1F1F;\n  }\n  .text-\\[\\#1F9D55\\] {\n    color: #1F9D55;\n  }\n  .text-\\[\\#1FAE9F\\] {\n    color: #1FAE9F;\n  }\n  .text-\\[\\#1d4ed8\\] {\n    color: #1d4ed8;\n  }\n  .text-\\[\\#3b82f6\\] {\n    color: #3b82f6;\n  }\n  .text-\\[\\#4E647F\\] {\n    color: #4E647F;\n  }\n  .text-\\[\\#4b5563\\] {\n    color: #4b5563;\n  }\n  .text-\\[\\#6b7280\\] {\n    color: #6b7280;\n  }\n  .text-\\[\\#7e22ce\\] {\n    color: #7e22ce;\n  }\n  .text-\\[\\#9ca3af\\] {\n    color: #9ca3af;\n  }\n  .text-\\[\\#16a34a\\] {\n    color: #16a34a;\n  }\n  .text-\\[\\#22c55e\\] {\n    color: #22c55e;\n  }\n  .text-\\[\\#94a3b8\\] {\n    color: #94a3b8;\n  }\n  .text-\\[\\#666\\] {\n    color: #666;\n  }\n  .text-\\[\\#2563eb\\] {\n    color: #2563eb;\n  }\n  .text-\\[\\#3763f4\\] {\n    color: #3763f4;\n  }\n  .text-\\[\\#8799AF\\] {\n    color: #8799AF;\n  }\n  .text-\\[\\#09090b\\] {\n    color: #09090b;\n  }\n  .text-\\[\\#18181b\\] {\n    color: #18181b;\n  }\n  .text-\\[\\#64748b\\] {\n    color: #64748b;\n  }\n  .text-\\[\\#71717A\\] {\n    color: #71717A;\n  }\n  .text-\\[\\#71717a\\] {\n    color: #71717a;\n  }\n  .text-\\[\\#92400e\\] {\n    color: #92400e;\n  }\n  .text-\\[\\#111111\\] {\n    color: #111111;\n  }\n  .text-\\[\\#166534\\] {\n    color: #166534;\n  }\n  .text-\\[\\#222831\\] {\n    color: #222831;\n  }\n  .text-\\[\\#334155\\] {\n    color: #334155;\n  }\n  .text-\\[\\#374151\\] {\n    color: #374151;\n  }\n  .text-\\[\\#475569\\] {\n    color: #475569;\n  }\n  .text-\\[\\#979797\\] {\n    color: #979797;\n  }\n  .text-\\[\\#B7791F\\] {\n    color: #B7791F;\n  }\n  .text-\\[\\#D64545\\] {\n    color: #D64545;\n  }\n  .text-\\[\\#d32f2f\\] {\n    color: #d32f2f;\n  }\n  .text-\\[\\#e2e8f0\\] {\n    color: #e2e8f0;\n  }\n  .text-\\[\\#ef4444\\] {\n    color: #ef4444;\n  }\n  .text-\\[color\\:var\\(--dn-fg\\)\\] {\n    color: var(--dn-fg);\n  }\n  .text-\\[color\\:var\\(--ob-fg\\)\\] {\n    color: var(--ob-fg);\n  }\n  .text-\\[rgba\\(17\\,17\\,17\\,0\\.32\\)\\] {\n    color: rgba(17,17,17,0.32);\n  }\n  .text-\\[var\\(--bc-error-color\\,\\#DC2626\\)\\] {\n    color: var(--bc-error-color,#DC2626);\n  }\n  .text-\\[var\\(--bc-link-color\\)\\] {\n    color: var(--bc-link-color);\n  }\n  .text-\\[var\\(--bc-link-color\\,\\#6D28D9\\)\\] {\n    color: var(--bc-link-color,#6D28D9);\n  }\n  .text-\\[var\\(--bc-primary-button-text-color\\)\\] {\n    color: var(--bc-primary-button-text-color);\n  }\n  .text-\\[var\\(--bc-secondary-button-text-color\\)\\] {\n    color: var(--bc-secondary-button-text-color);\n  }\n  .text-\\[var\\(--bc-text-color\\)\\] {\n    color: var(--bc-text-color);\n  }\n  .text-\\[var\\(--bc-text-color\\,\\#18181B\\)\\] {\n    color: var(--bc-text-color,#18181B);\n  }\n  .text-\\[var\\(--ds-text-mid\\)\\] {\n    color: var(--ds-text-mid);\n  }\n  .text-accent {\n    color: var(--color-accent);\n  }\n  .text-accent-foreground {\n    color: var(--color-accent-foreground);\n  }\n  .text-accent\\/80 {\n    color: color-mix(in srgb, #f4f4f5 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-accent) 80%, transparent);\n    }\n  }\n  .text-amber-300 {\n    color: var(--color-amber-300);\n  }\n  .text-amber-400 {\n    color: var(--color-amber-400);\n  }\n  .text-amber-500 {\n    color: var(--color-amber-500);\n  }\n  .text-amber-600 {\n    color: var(--color-amber-600);\n  }\n  .text-amber-700 {\n    color: var(--color-amber-700);\n  }\n  .text-amber-800 {\n    color: var(--color-amber-800);\n  }\n  .text-amber-900 {\n    color: var(--color-amber-900);\n  }\n  .text-amber-900\\/90 {\n    color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-amber-900) 90%, transparent);\n    }\n  }\n  .text-background {\n    color: var(--color-background);\n  }\n  .text-black {\n    color: var(--color-black);\n  }\n  .text-blue-400 {\n    color: var(--color-blue-400);\n  }\n  .text-blue-500 {\n    color: var(--color-blue-500);\n  }\n  .text-blue-600 {\n    color: var(--color-blue-600);\n  }\n  .text-blue-700 {\n    color: var(--color-blue-700);\n  }\n  .text-blue-800 {\n    color: var(--color-blue-800);\n  }\n  .text-blue-900 {\n    color: var(--color-blue-900);\n  }\n  .text-card-foreground {\n    color: var(--color-card-foreground);\n  }\n  .text-current {\n    color: currentcolor;\n  }\n  .text-destructive {\n    color: var(--color-destructive);\n  }\n  .text-destructive-foreground {\n    color: var(--color-destructive-foreground);\n  }\n  .text-destructive\\/70 {\n    color: color-mix(in srgb, #dc2626 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-destructive) 70%, transparent);\n    }\n  }\n  .text-destructive\\/80 {\n    color: color-mix(in srgb, #dc2626 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-destructive) 80%, transparent);\n    }\n  }\n  .text-emerald-300 {\n    color: var(--color-emerald-300);\n  }\n  .text-emerald-500 {\n    color: var(--color-emerald-500);\n  }\n  .text-emerald-600 {\n    color: var(--color-emerald-600);\n  }\n  .text-emerald-700 {\n    color: var(--color-emerald-700);\n  }\n  .text-gray-100 {\n    color: var(--color-gray-100);\n  }\n  .text-gray-300 {\n    color: var(--color-gray-300);\n  }\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n  .text-gray-800 {\n    color: var(--color-gray-800);\n  }\n  .text-gray-900 {\n    color: var(--color-gray-900);\n  }\n  .text-green-400 {\n    color: var(--color-green-400);\n  }\n  .text-green-500 {\n    color: var(--color-green-500);\n  }\n  .text-green-600 {\n    color: var(--color-green-600);\n  }\n  .text-green-700 {\n    color: var(--color-green-700);\n  }\n  .text-green-800 {\n    color: var(--color-green-800);\n  }\n  .text-green-900 {\n    color: var(--color-green-900);\n  }\n  .text-indigo-500 {\n    color: var(--color-indigo-500);\n  }\n  .text-indigo-600 {\n    color: var(--color-indigo-600);\n  }\n  .text-indigo-700 {\n    color: var(--color-indigo-700);\n  }\n  .text-inherit {\n    color: inherit;\n  }\n  .text-input {\n    color: var(--color-input);\n  }\n  .text-muted-foreground {\n    color: var(--color-muted-foreground);\n  }\n  .text-muted-foreground\\/60 {\n    color: color-mix(in srgb, #74716e 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-muted-foreground) 60%, transparent);\n    }\n  }\n  .text-muted-foreground\\/70 {\n    color: color-mix(in srgb, #74716e 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent);\n    }\n  }\n  .text-neutral-70 {\n    color: var(--color-neutral-70);\n  }\n  .text-neutral-300 {\n    color: var(--color-neutral-300);\n  }\n  .text-neutral-400 {\n    color: var(--color-neutral-400);\n  }\n  .text-neutral-500 {\n    color: var(--color-neutral-500);\n  }\n  .text-neutral-600 {\n    color: var(--color-neutral-600);\n  }\n  .text-neutral-700 {\n    color: var(--color-neutral-700);\n  }\n  .text-neutral-900 {\n    color: var(--color-neutral-900);\n  }\n  .text-orange-500 {\n    color: var(--color-orange-500);\n  }\n  .text-orange-600 {\n    color: var(--color-orange-600);\n  }\n  .text-orange-700 {\n    color: var(--color-orange-700);\n  }\n  .text-orange-800 {\n    color: var(--color-orange-800);\n  }\n  .text-primary {\n    color: var(--color-primary);\n  }\n  .text-primary-foreground {\n    color: var(--color-primary-foreground);\n  }\n  .text-primary\\/10 {\n    color: color-mix(in srgb, #18181b 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n    }\n  }\n  .text-primary\\/40 {\n    color: color-mix(in srgb, #18181b 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-primary) 40%, transparent);\n    }\n  }\n  .text-primary\\/50 {\n    color: color-mix(in srgb, #18181b 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-primary) 50%, transparent);\n    }\n  }\n  .text-primary\\/60 {\n    color: color-mix(in srgb, #18181b 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-primary) 60%, transparent);\n    }\n  }\n  .text-primary\\/70 {\n    color: color-mix(in srgb, #18181b 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-primary) 70%, transparent);\n    }\n  }\n  .text-purple-500 {\n    color: var(--color-purple-500);\n  }\n  .text-purple-600 {\n    color: var(--color-purple-600);\n  }\n  .text-purple-700 {\n    color: var(--color-purple-700);\n  }\n  .text-purple-800 {\n    color: var(--color-purple-800);\n  }\n  .text-purple-900 {\n    color: var(--color-purple-900);\n  }\n  .text-red-400 {\n    color: var(--color-red-400);\n  }\n  .text-red-500 {\n    color: var(--color-red-500);\n  }\n  .text-red-600 {\n    color: var(--color-red-600);\n  }\n  .text-red-700 {\n    color: var(--color-red-700);\n  }\n  .text-red-800 {\n    color: var(--color-red-800);\n  }\n  .text-red-900 {\n    color: var(--color-red-900);\n  }\n  .text-rose-500 {\n    color: var(--color-rose-500);\n  }\n  .text-rose-600 {\n    color: var(--color-rose-600);\n  }\n  .text-rose-700 {\n    color: var(--color-rose-700);\n  }\n  .text-secondary-foreground {\n    color: var(--color-secondary-foreground);\n  }\n  .text-sky-700 {\n    color: var(--color-sky-700);\n  }\n  .text-slate-100 {\n    color: var(--color-slate-100);\n  }\n  .text-slate-300 {\n    color: var(--color-slate-300);\n  }\n  .text-slate-400 {\n    color: var(--color-slate-400);\n  }\n  .text-slate-500 {\n    color: var(--color-slate-500);\n  }\n  .text-slate-600 {\n    color: var(--color-slate-600);\n  }\n  .text-slate-700 {\n    color: var(--color-slate-700);\n  }\n  .text-slate-800 {\n    color: var(--color-slate-800);\n  }\n  .text-slate-900 {\n    color: var(--color-slate-900);\n  }\n  .text-slate-950 {\n    color: var(--color-slate-950);\n  }\n  .text-teal-400 {\n    color: var(--color-teal-400);\n  }\n  .text-teal-700 {\n    color: var(--color-teal-700);\n  }\n  .text-teal-900 {\n    color: var(--color-teal-900);\n  }\n  .text-teal-900\\/70 {\n    color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-teal-900) 70%, transparent);\n    }\n  }\n  .text-teal-900\\/80 {\n    color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-teal-900) 80%, transparent);\n    }\n  }\n  .text-teal-900\\/90 {\n    color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-teal-900) 90%, transparent);\n    }\n  }\n  .text-transparent {\n    color: transparent;\n  }\n  .text-violet-600 {\n    color: var(--color-violet-600);\n  }\n  .text-violet-700 {\n    color: var(--color-violet-700);\n  }\n  .text-violet-800 {\n    color: var(--color-violet-800);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .text-white\\/35 {\n    color: color-mix(in srgb, #fff 35%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 35%, transparent);\n    }\n  }\n  .text-white\\/40 {\n    color: color-mix(in srgb, #fff 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 40%, transparent);\n    }\n  }\n  .text-white\\/70 {\n    color: color-mix(in srgb, #fff 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 70%, transparent);\n    }\n  }\n  .text-yellow-300 {\n    color: var(--color-yellow-300);\n  }\n  .text-yellow-400 {\n    color: var(--color-yellow-400);\n  }\n  .text-yellow-500 {\n    color: var(--color-yellow-500);\n  }\n  .text-yellow-600 {\n    color: var(--color-yellow-600);\n  }\n  .text-yellow-700 {\n    color: var(--color-yellow-700);\n  }\n  .text-yellow-800 {\n    color: var(--color-yellow-800);\n  }\n  .text-yellow-900 {\n    color: var(--color-yellow-900);\n  }\n  .text-zinc-500 {\n    color: var(--color-zinc-500);\n  }\n  .text-zinc-600 {\n    color: var(--color-zinc-600);\n  }\n  .text-zinc-900 {\n    color: var(--color-zinc-900);\n  }\n  .capitalize {\n    text-transform: capitalize;\n  }\n  .lowercase {\n    text-transform: lowercase;\n  }\n  .normal-case {\n    text-transform: none;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .uppercase\\! {\n    text-transform: uppercase !important;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .ordinal {\n    --tw-ordinal: ordinal;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .line-through {\n    text-decoration-line: line-through;\n  }\n  .no-underline {\n    text-decoration-line: none;\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .decoration-muted-foreground\\/50 {\n    text-decoration-color: color-mix(in srgb, #74716e 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      text-decoration-color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);\n    }\n  }\n  .decoration-dotted {\n    text-decoration-style: dotted;\n  }\n  .decoration-solid {\n    text-decoration-style: solid;\n  }\n  .underline-offset-2 {\n    text-underline-offset: 2px;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .underline-offset-\\[3px\\] {\n    text-underline-offset: 3px;\n  }\n  .antialiased {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .caret-red-600 {\n    caret-color: var(--color-red-600);\n  }\n  .caret-slate-900 {\n    caret-color: var(--color-slate-900);\n  }\n  .accent-\\[var\\(--brand\\)\\] {\n    accent-color: var(--brand);\n  }\n  .accent-accent {\n    accent-color: var(--color-accent);\n  }\n  .accent-black {\n    accent-color: var(--color-black);\n  }\n  .accent-primary {\n    accent-color: var(--color-primary);\n  }\n  .\\[color-scheme\\:light\\] {\n    color-scheme: light;\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-10 {\n    opacity: 10%;\n  }\n  .opacity-30 {\n    opacity: 30%;\n  }\n  .opacity-40 {\n    opacity: 40%;\n  }\n  .opacity-50 {\n    opacity: 50%;\n  }\n  .opacity-55 {\n    opacity: 55%;\n  }\n  .opacity-60 {\n    opacity: 60%;\n  }\n  .opacity-70 {\n    opacity: 70%;\n  }\n  .opacity-75 {\n    opacity: 75%;\n  }\n  .opacity-80 {\n    opacity: 80%;\n  }\n  .opacity-90 {\n    opacity: 90%;\n  }\n  .opacity-95 {\n    opacity: 95%;\n  }\n  .opacity-100 {\n    opacity: 100%;\n  }\n  .opacity-\\[0\\.28\\] {\n    opacity: 0.28;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow\\! {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\] {\n    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_2px_8px_rgba\\(217\\,74\\,30\\,0\\.15\\)\\] {\n    --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(217,74,30,0.15));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_3px_10px_rgba\\(0\\,0\\,0\\,0\\.14\\)\\] {\n    --tw-shadow: 0 3px 10px var(--tw-shadow-color, rgba(0,0,0,0.14));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_8px_32px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\,0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\] {\n    --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.06));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0px_0px_4px_0px_\\#e4e4e7\\] {\n    --tw-shadow: 0px 0px 4px 0px var(--tw-shadow-color, #e4e4e7);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0px_1px_2px_0px_rgba\\(0\\,0\\,0\\,0\\.05\\)\\] {\n    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0,0,0,0.05));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0px_10px_15px_-3px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\,0px_4px_6px_-2px_rgba\\(0\\,0\\,0\\,0\\.05\\)\\] {\n    --tw-shadow: 0px 10px 15px -3px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 4px 6px -2px var(--tw-shadow-color, rgba(0,0,0,0.05));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[2px_0_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: 2px 0 4px var(--tw-shadow-color, rgba(0,0,0,0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[inset_0_-1px_0_var\\(--border\\)\\] {\n    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--border));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,\\.2\\)\\] {\n    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,.2));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,\\.16\\)\\] {\n    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,.16));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[var\\(--shadow\\)\\] {\n    --tw-shadow: var(--shadow);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-inner {\n    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-none {\n    --tw-shadow: 0 0 #0000;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-xl {\n    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-xs {\n    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow\\/ring {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-0 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-\\[1\\.5px\\] {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-\\[3px\\] {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .\\[box-shadow\\:none\\] {\n    box-shadow: none;\n  }\n  .shadow-card {\n    --tw-shadow-color: #ffffff;\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, var(--color-card) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .ring-\\[\\#10b981\\]\\/40 {\n    --tw-ring-color: color-mix(in oklab, #10b981 40%, transparent);\n  }\n  .ring-black\\/5 {\n    --tw-ring-color: color-mix(in srgb, #000 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n    }\n  }\n  .ring-blue-300\\/60 {\n    --tw-ring-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-blue-300) 60%, transparent);\n    }\n  }\n  .ring-blue-500 {\n    --tw-ring-color: var(--color-blue-500);\n  }\n  .ring-border {\n    --tw-ring-color: var(--color-border);\n  }\n  .ring-card {\n    --tw-ring-color: var(--color-card);\n  }\n  .ring-gray-300 {\n    --tw-ring-color: var(--color-gray-300);\n  }\n  .ring-gray-900\\/10 {\n    --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);\n    }\n  }\n  .ring-orange-400 {\n    --tw-ring-color: var(--color-orange-400);\n  }\n  .ring-primary {\n    --tw-ring-color: var(--color-primary);\n  }\n  .ring-sidebar-ring {\n    --tw-ring-color: var(--color-sidebar-ring);\n  }\n  .ring-offset-4 {\n    --tw-ring-offset-width: 4px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n  .ring-offset-background {\n    --tw-ring-offset-color: var(--color-background);\n  }\n  .ring-offset-gray-200 {\n    --tw-ring-offset-color: var(--color-gray-200);\n  }\n  .outline-hidden {\n    --tw-outline-style: none;\n    outline-style: none;\n    @media (forced-colors: active) {\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .outline-1 {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .-outline-offset-1 {\n    outline-offset: calc(1px * -1);\n  }\n  .outline-gray-300 {\n    outline-color: var(--color-gray-300);\n  }\n  .outline-red-300 {\n    outline-color: var(--color-red-300);\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    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,);\n  }\n  .blur-2xl {\n    --tw-blur: blur(var(--blur-2xl));\n    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,);\n  }\n  .blur-3xl {\n    --tw-blur: blur(var(--blur-3xl));\n    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,);\n  }\n  .drop-shadow-\\[0_3px_9px_rgba\\(124\\,92\\,255\\,0\\.4\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 3px 9px var(--tw-drop-shadow-color, rgba(124,92,255,0.4)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-md {\n    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));\n    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));\n    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,);\n  }\n  .grayscale {\n    --tw-grayscale: grayscale(100%);\n    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,);\n  }\n  .invert {\n    --tw-invert: invert(100%);\n    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,);\n  }\n  .\\!filter {\n    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,) !important;\n  }\n  .filter {\n    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,);\n  }\n  .filter\\! {\n    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,) !important;\n  }\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-\\[1px\\] {\n    --tw-backdrop-blur: blur(1px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-sm {\n    --tw-backdrop-blur: blur(var(--blur-sm));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-xl {\n    --tw-backdrop-blur: blur(var(--blur-xl));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-filter {\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition\\! {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-\\[border-color\\,box-shadow\\,background-color\\] {\n    transition-property: border-color,box-shadow,background-color;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[border-color\\,box-shadow\\] {\n    transition-property: border-color,box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[color\\,box-shadow\\] {\n    transition-property: color,box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[filter\\] {\n    transition-property: filter;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[grid-template-rows\\] {\n    transition-property: grid-template-rows;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[left\\,right\\,width\\] {\n    transition-property: left,right,width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[margin\\,opacity\\] {\n    transition-property: margin,opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[margin-right\\] {\n    transition-property: margin-right;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[opacity\\,transform\\] {\n    transition-property: opacity,transform;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[right\\] {\n    transition-property: right;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[transform\\,width\\,height\\,opacity\\] {\n    transition-property: transform,width,height,opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[width\\,height\\,padding\\] {\n    transition-property: width,height,padding;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[width\\,right\\,margin-right\\] {\n    transition-property: width,right,margin-right;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[width\\] {\n    transition-property: width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-none {\n    transition-property: none;\n  }\n  .duration-75 {\n    --tw-duration: 75ms;\n    transition-duration: 75ms;\n  }\n  .duration-100 {\n    --tw-duration: 100ms;\n    transition-duration: 100ms;\n  }\n  .duration-150 {\n    --tw-duration: 150ms;\n    transition-duration: 150ms;\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-\\[100ms\\] {\n    --tw-duration: 100ms;\n    transition-duration: 100ms;\n  }\n  .duration-\\[120ms\\] {\n    --tw-duration: 120ms;\n    transition-duration: 120ms;\n  }\n  .duration-\\[130ms\\] {\n    --tw-duration: 130ms;\n    transition-duration: 130ms;\n  }\n  .duration-\\[140ms\\] {\n    --tw-duration: 140ms;\n    transition-duration: 140ms;\n  }\n  .duration-\\[160ms\\] {\n    --tw-duration: 160ms;\n    transition-duration: 160ms;\n  }\n  .duration-\\[180ms\\] {\n    --tw-duration: 180ms;\n    transition-duration: 180ms;\n  }\n  .duration-\\[220ms\\] {\n    --tw-duration: 220ms;\n    transition-duration: 220ms;\n  }\n  .duration-\\[250ms\\] {\n    --tw-duration: 250ms;\n    transition-duration: 250ms;\n  }\n  .duration-\\[280ms\\] {\n    --tw-duration: 280ms;\n    transition-duration: 280ms;\n  }\n  .duration-\\[380ms\\] {\n    --tw-duration: 380ms;\n    transition-duration: 380ms;\n  }\n  .duration-\\[500ms\\] {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .duration-\\[600ms\\] {\n    --tw-duration: 600ms;\n    transition-duration: 600ms;\n  }\n  .ease-\\[cubic-bezier\\(0\\.2\\,0\\.8\\,0\\.2\\,1\\)\\] {\n    --tw-ease: cubic-bezier(0.2,0.8,0.2,1);\n    transition-timing-function: cubic-bezier(0.2,0.8,0.2,1);\n  }\n  .ease-\\[cubic-bezier\\(0\\.34\\,1\\.42\\,0\\.64\\,1\\)\\] {\n    --tw-ease: cubic-bezier(0.34,1.42,0.64,1);\n    transition-timing-function: cubic-bezier(0.34,1.42,0.64,1);\n  }\n  .ease-in {\n    --tw-ease: var(--ease-in);\n    transition-timing-function: var(--ease-in);\n  }\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n  .ease-linear {\n    --tw-ease: linear;\n    transition-timing-function: linear;\n  }\n  .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n  .will-change-transform {\n    will-change: transform;\n  }\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .select-all {\n    -webkit-user-select: all;\n    user-select: all;\n  }\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .\\[-ms-overflow-style\\:none\\] {\n    -ms-overflow-style: none;\n  }\n  .\\[-webkit-overflow-scrolling\\:touch\\] {\n    -webkit-overflow-scrolling: touch;\n  }\n  .\\[cron\\:alarm-detection\\] {\n    cron: alarm-detection;\n  }\n  .\\[cron\\:bulk-subscribe-failure-retention\\] {\n    cron: bulk-subscribe-failure-retention;\n  }\n  .\\[cron\\:bulk-subscribe-watchdog\\] {\n    cron: bulk-subscribe-watchdog;\n  }\n  .\\[cron\\:daily-summary\\] {\n    cron: daily-summary;\n  }\n  .\\[cron\\:event-processor\\] {\n    cron: event-processor;\n  }\n  .\\[cron\\:invitation-retention\\] {\n    cron: invitation-retention;\n  }\n  .\\[cron\\:opt-out-token-retention\\] {\n    cron: opt-out-token-retention;\n  }\n  .\\[cron\\:payout-calc\\] {\n    cron: payout-calc;\n  }\n  .\\[cron\\:session-cleanup\\] {\n    cron: session-cleanup;\n  }\n  .\\[cron\\:testing-expiry\\] {\n    cron: testing-expiry;\n  }\n  .\\[daily-summary\\:backfill\\] {\n    daily-summary: backfill;\n  }\n  .\\[daily-summary\\:diag\\] {\n    daily-summary: diag;\n  }\n  .\\[event-processor\\:diag\\] {\n    event-processor: diag;\n  }\n  .\\[event-processor\\:parsers\\] {\n    event-processor: parsers;\n  }\n  .\\[lead-pipeline\\:diag\\] {\n    lead-pipeline: diag;\n  }\n  .\\[min-inline-size\\:0\\] {\n    min-inline-size: 0;\n  }\n  .\\[payout-calc\\:diag\\] {\n    payout-calc: diag;\n  }\n  .\\[payout\\:trigger\\] {\n    payout: trigger;\n  }\n  .\\[scrollbar-gutter\\:stable\\] {\n    scrollbar-gutter: stable;\n  }\n  .\\[scrollbar-width\\:none\\] {\n    scrollbar-width: none;\n  }\n  .\\[scrollbar-width\\:thin\\] {\n    scrollbar-width: thin;\n  }\n  .\\[transition\\:max-height_200ms\\,opacity_150ms\\,padding_200ms\\] {\n    transition: max-height 200ms,opacity 150ms,padding 200ms;\n  }\n  .\\[transition\\:opacity_120ms\\,margin_250ms_ease-in-out\\] {\n    transition: opacity 120ms,margin 250ms ease-in-out;\n  }\n  .\\[transition\\:opacity_150ms\\,max-width_250ms_ease-in-out\\] {\n    transition: opacity 150ms,max-width 250ms ease-in-out;\n  }\n  .\\[transition\\:opacity_150ms_ease\\,max-width_250ms_ease-in-out\\] {\n    transition: opacity 150ms ease,max-width 250ms ease-in-out;\n  }\n  .ring-inset {\n    --tw-ring-inset: inset;\n  }\n  .group-focus-within\\/menu-item\\:opacity-100 {\n    &:is(:where(.group\\/menu-item):focus-within *) {\n      opacity: 100%;\n    }\n  }\n  .group-hover\\:block {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        display: block;\n      }\n    }\n  }\n  .group-hover\\:border-gray-400 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-gray-400);\n      }\n    }\n  }\n  .group-hover\\:bg-black\\/20 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #000 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:bg-black\\/30 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #000 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:text-blue-600 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        color: var(--color-blue-600);\n      }\n    }\n  }\n  .group-hover\\:opacity-60 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 60%;\n      }\n    }\n  }\n  .group-hover\\:opacity-80 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 80%;\n      }\n    }\n  }\n  .group-hover\\:opacity-100 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .group-hover\\:brightness-110 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-brightness: brightness(110%);\n        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,);\n      }\n    }\n  }\n  .group-hover\\:brightness-\\[1\\.18\\] {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-brightness: brightness(1.18);\n        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,);\n      }\n    }\n  }\n  .group-hover\\/card\\:pointer-events-auto {\n    &:is(:where(.group\\/card):hover *) {\n      @media (hover: hover) {\n        pointer-events: auto;\n      }\n    }\n  }\n  .group-hover\\/card\\:translate-y-0 {\n    &:is(:where(.group\\/card):hover *) {\n      @media (hover: hover) {\n        --tw-translate-y: calc(var(--spacing) * 0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .group-hover\\/card\\:opacity-100 {\n    &:is(:where(.group\\/card):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .group-hover\\/menu-item\\:opacity-100 {\n    &:is(:where(.group\\/menu-item):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8 {\n    &:is(:where(.group\\/menu-item):has(*[data-sidebar=\"menu-action\"]) *) {\n      padding-right: calc(var(--spacing) * 8);\n    }\n  }\n  .group-data-\\[checked\\]\\:translate-x-5 {\n    &:is(:where(.group)[data-checked] *) {\n      --tw-translate-x: calc(var(--spacing) * 5);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .group-data-\\[checked\\]\\:opacity-0 {\n    &:is(:where(.group)[data-checked] *) {\n      opacity: 0%;\n    }\n  }\n  .group-data-\\[checked\\]\\:opacity-100 {\n    &:is(:where(.group)[data-checked] *) {\n      opacity: 100%;\n    }\n  }\n  .group-data-\\[checked\\]\\:duration-100 {\n    &:is(:where(.group)[data-checked] *) {\n      --tw-duration: 100ms;\n      transition-duration: 100ms;\n    }\n  }\n  .group-data-\\[checked\\]\\:duration-200 {\n    &:is(:where(.group)[data-checked] *) {\n      --tw-duration: 200ms;\n      transition-duration: 200ms;\n    }\n  }\n  .group-data-\\[checked\\]\\:ease-in {\n    &:is(:where(.group)[data-checked] *) {\n      --tw-ease: var(--ease-in);\n      transition-timing-function: var(--ease-in);\n    }\n  }\n  .group-data-\\[checked\\]\\:ease-out {\n    &:is(:where(.group)[data-checked] *) {\n      --tw-ease: var(--ease-out);\n      transition-timing-function: var(--ease-out);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:-mt-8 {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      margin-top: calc(var(--spacing) * -8);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:hidden {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      display: none;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:size-8\\! {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: calc(var(--spacing) * 8) !important;\n      height: calc(var(--spacing) * 8) !important;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\) {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: var(--sidebar-width-icon);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\] {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\] {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      overflow: hidden;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:p-0\\! {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      padding: calc(var(--spacing) * 0) !important;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:p-2\\! {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      padding: calc(var(--spacing) * 2) !important;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:opacity-0 {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      opacity: 0%;\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      right: calc(var(--sidebar-width) * -1);\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      left: calc(var(--sidebar-width) * -1);\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:w-0 {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      width: calc(var(--spacing) * 0);\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0 {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      --tw-translate-x: calc(var(--spacing) * 0);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .group-data-\\[side\\=left\\]\\:-right-4 {\n    &:is(:where(.group)[data-side=\"left\"] *) {\n      right: calc(var(--spacing) * -4);\n    }\n  }\n  .group-data-\\[side\\=left\\]\\:border-r {\n    &:is(:where(.group)[data-side=\"left\"] *) {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 1px;\n    }\n  }\n  .group-data-\\[side\\=right\\]\\:left-0 {\n    &:is(:where(.group)[data-side=\"right\"] *) {\n      left: calc(var(--spacing) * 0);\n    }\n  }\n  .group-data-\\[side\\=right\\]\\:rotate-180 {\n    &:is(:where(.group)[data-side=\"right\"] *) {\n      rotate: 180deg;\n    }\n  }\n  .group-data-\\[side\\=right\\]\\:border-l {\n    &:is(:where(.group)[data-side=\"right\"] *) {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .group-data-\\[size\\=default\\]\\/switch\\:size-4 {\n    &:is(:where(.group\\/switch)[data-size=\"default\"] *) {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .group-data-\\[size\\=sm\\]\\/switch\\:size-3 {\n    &:is(:where(.group\\/switch)[data-size=\"sm\"] *) {\n      width: calc(var(--spacing) * 3);\n      height: calc(var(--spacing) * 3);\n    }\n  }\n  .group-data-\\[spacing\\=0\\]\\/toggle-group\\:rounded-none {\n    &:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n      border-radius: 0;\n    }\n  }\n  .group-data-\\[spacing\\=0\\]\\/toggle-group\\:px-2 {\n    &:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n      padding-inline: calc(var(--spacing) * 2);\n    }\n  }\n  .group-data-\\[state\\=checked\\]\\:opacity-100 {\n    &:is(:where(.group)[data-state=\"checked\"] *) {\n      opacity: 100%;\n    }\n  }\n  .group-data-\\[state\\=open\\]\\/tagswitch\\:rotate-180 {\n    &:is(:where(.group\\/tagswitch)[data-state=\"open\"] *) {\n      rotate: 180deg;\n    }\n  }\n  .group-data-\\[state\\=unchecked\\]\\:opacity-100 {\n    &:is(:where(.group)[data-state=\"unchecked\"] *) {\n      opacity: 100%;\n    }\n  }\n  .group-data-\\[variant\\=floating\\]\\:rounded-lg {\n    &:is(:where(.group)[data-variant=\"floating\"] *) {\n      border-radius: var(--radius-lg);\n    }\n  }\n  .group-data-\\[variant\\=floating\\]\\:border {\n    &:is(:where(.group)[data-variant=\"floating\"] *) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .group-data-\\[variant\\=floating\\]\\:shadow-sm {\n    &:is(:where(.group)[data-variant=\"floating\"] *) {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .peer-disabled\\:cursor-not-allowed {\n    &:is(:where(.peer):disabled ~ *) {\n      cursor: not-allowed;\n    }\n  }\n  .peer-disabled\\:opacity-70 {\n    &:is(:where(.peer):disabled ~ *) {\n      opacity: 70%;\n    }\n  }\n  .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5 {\n    &:is(:where(.peer\\/menu-button)[data-size=\"default\"] ~ *) {\n      top: calc(var(--spacing) * 1.5);\n    }\n  }\n  .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5 {\n    &:is(:where(.peer\\/menu-button)[data-size=\"lg\"] ~ *) {\n      top: calc(var(--spacing) * 2.5);\n    }\n  }\n  .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1 {\n    &:is(:where(.peer\\/menu-button)[data-size=\"sm\"] ~ *) {\n      top: calc(var(--spacing) * 1);\n    }\n  }\n  .selection\\:bg-primary {\n    & *::selection {\n      background-color: var(--color-primary);\n    }\n    &::selection {\n      background-color: var(--color-primary);\n    }\n  }\n  .selection\\:text-primary-foreground {\n    & *::selection {\n      color: var(--color-primary-foreground);\n    }\n    &::selection {\n      color: var(--color-primary-foreground);\n    }\n  }\n  .file\\:inline-flex {\n    &::file-selector-button {\n      display: inline-flex;\n    }\n  }\n  .file\\:h-7 {\n    &::file-selector-button {\n      height: calc(var(--spacing) * 7);\n    }\n  }\n  .file\\:border-0 {\n    &::file-selector-button {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .file\\:bg-transparent {\n    &::file-selector-button {\n      background-color: transparent;\n    }\n  }\n  .file\\:text-sm {\n    &::file-selector-button {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .file\\:font-medium {\n    &::file-selector-button {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .placeholder\\:text-gray-400 {\n    &::placeholder {\n      color: var(--color-gray-400);\n    }\n  }\n  .placeholder\\:text-muted-foreground {\n    &::placeholder {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .placeholder\\:text-red-300 {\n    &::placeholder {\n      color: var(--color-red-300);\n    }\n  }\n  .placeholder\\:text-slate-400 {\n    &::placeholder {\n      color: var(--color-slate-400);\n    }\n  }\n  .placeholder\\:opacity-85 {\n    &::placeholder {\n      opacity: 85%;\n    }\n  }\n  .before\\:absolute {\n    &::before {\n      content: var(--tw-content);\n      position: absolute;\n    }\n  }\n  .before\\:top-0 {\n    &::before {\n      content: var(--tw-content);\n      top: calc(var(--spacing) * 0);\n    }\n  }\n  .before\\:bottom-0 {\n    &::before {\n      content: var(--tw-content);\n      bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .before\\:left-0 {\n    &::before {\n      content: var(--tw-content);\n      left: calc(var(--spacing) * 0);\n    }\n  }\n  .before\\:w-px {\n    &::before {\n      content: var(--tw-content);\n      width: 1px;\n    }\n  }\n  .before\\:bg-border {\n    &::before {\n      content: var(--tw-content);\n      background-color: var(--color-border);\n    }\n  }\n  .after\\:absolute {\n    &::after {\n      content: var(--tw-content);\n      position: absolute;\n    }\n  }\n  .after\\:-inset-2 {\n    &::after {\n      content: var(--tw-content);\n      inset: calc(var(--spacing) * -2);\n    }\n  }\n  .after\\:-inset-x-3 {\n    &::after {\n      content: var(--tw-content);\n      inset-inline: calc(var(--spacing) * -3);\n    }\n  }\n  .after\\:-inset-y-2 {\n    &::after {\n      content: var(--tw-content);\n      inset-block: calc(var(--spacing) * -2);\n    }\n  }\n  .after\\:inset-y-0 {\n    &::after {\n      content: var(--tw-content);\n      inset-block: calc(var(--spacing) * 0);\n    }\n  }\n  .after\\:right-0 {\n    &::after {\n      content: var(--tw-content);\n      right: calc(var(--spacing) * 0);\n    }\n  }\n  .after\\:bottom-0 {\n    &::after {\n      content: var(--tw-content);\n      bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .after\\:left-0 {\n    &::after {\n      content: var(--tw-content);\n      left: calc(var(--spacing) * 0);\n    }\n  }\n  .after\\:left-1\\/2 {\n    &::after {\n      content: var(--tw-content);\n      left: calc(1/2 * 100%);\n    }\n  }\n  .after\\:h-\\[2px\\] {\n    &::after {\n      content: var(--tw-content);\n      height: 2px;\n    }\n  }\n  .after\\:w-\\[2px\\] {\n    &::after {\n      content: var(--tw-content);\n      width: 2px;\n    }\n  }\n  .after\\:scale-x-0 {\n    &::after {\n      content: var(--tw-content);\n      --tw-scale-x: 0%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n  }\n  .after\\:bg-\\[var\\(--tab-indicator-color\\)\\] {\n    &::after {\n      content: var(--tw-content);\n      background-color: var(--tab-indicator-color);\n    }\n  }\n  .after\\:transition-transform {\n    &::after {\n      content: var(--tw-content);\n      transition-property: transform, translate, scale, rotate;\n      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n      transition-duration: var(--tw-duration, var(--default-transition-duration));\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      &::after {\n        content: var(--tw-content);\n        left: 100%;\n      }\n    }\n  }\n  .first\\:border-l-0 {\n    &:first-child {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 0px;\n    }\n  }\n  .last\\:mb-0 {\n    &:last-child {\n      margin-bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .last\\:border-0 {\n    &:last-child {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .last\\:border-r-0 {\n    &:last-child {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 0px;\n    }\n  }\n  .last\\:border-b {\n    &:last-child {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 1px;\n    }\n  }\n  .last\\:border-b-0 {\n    &:last-child {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .last\\:pb-0 {\n    &:last-child {\n      padding-bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .last\\:pb-\\[3px\\] {\n    &:last-child {\n      padding-bottom: 3px;\n    }\n  }\n  .focus-within\\:pointer-events-auto {\n    &:focus-within {\n      pointer-events: auto;\n    }\n  }\n  .focus-within\\:relative {\n    &:focus-within {\n      position: relative;\n    }\n  }\n  .focus-within\\:translate-y-0 {\n    &:focus-within {\n      --tw-translate-y: calc(var(--spacing) * 0);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .focus-within\\:opacity-100 {\n    &:focus-within {\n      opacity: 100%;\n    }\n  }\n  .focus-within\\:ring-2 {\n    &:focus-within {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-within\\:ring-\\[3px\\] {\n    &:focus-within {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-within\\:ring-accent {\n    &:focus-within {\n      --tw-ring-color: var(--color-accent);\n    }\n  }\n  .focus-within\\:ring-accent\\/40 {\n    &:focus-within {\n      --tw-ring-color: color-mix(in srgb, #f4f4f5 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-accent) 40%, transparent);\n      }\n    }\n  }\n  .focus-within\\:ring-blue-600 {\n    &:focus-within {\n      --tw-ring-color: var(--color-blue-600);\n    }\n  }\n  .focus-within\\:ring-offset-2 {\n    &:focus-within {\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus-within\\:outline-none {\n    &:focus-within {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .hover\\:-translate-y-0\\.5 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-translate-y: calc(var(--spacing) * -0.5);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .hover\\:-translate-y-px {\n    &:hover {\n      @media (hover: hover) {\n        --tw-translate-y: -1px;\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .hover\\:translate-y-0 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-translate-y: calc(var(--spacing) * 0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .hover\\:cursor-pointer {\n    &:hover {\n      @media (hover: hover) {\n        cursor: pointer;\n      }\n    }\n  }\n  .hover\\:border-\\[\\#2563eb\\] {\n    &:hover {\n      @media (hover: hover) {\n        border-color: #2563eb;\n      }\n    }\n  }\n  .hover\\:border-\\[color\\:var\\(--ob-bd-h\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--ob-bd-h);\n      }\n    }\n  }\n  .hover\\:border-accent\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, #f4f4f5 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-blue-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-blue-400);\n      }\n    }\n  }\n  .hover\\:border-blue-600 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-blue-600);\n      }\n    }\n  }\n  .hover\\:border-border {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-border);\n      }\n    }\n  }\n  .hover\\:border-gray-300 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-gray-300);\n      }\n    }\n  }\n  .hover\\:border-gray-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-gray-400);\n      }\n    }\n  }\n  .hover\\:border-gray-500 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-gray-500);\n      }\n    }\n  }\n  .hover\\:border-indigo-300 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-indigo-300);\n      }\n    }\n  }\n  .hover\\:border-muted-foreground {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-muted-foreground);\n      }\n    }\n  }\n  .hover\\:border-orange-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-orange-400);\n      }\n    }\n  }\n  .hover\\:border-primary {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-primary);\n      }\n    }\n  }\n  .hover\\:border-primary\\/40 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, #18181b 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-primary\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, #18181b 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-purple-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-purple-400);\n      }\n    }\n  }\n  .hover\\:border-red-200 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-red-200);\n      }\n    }\n  }\n  .hover\\:border-red-300 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-red-300);\n      }\n    }\n  }\n  .hover\\:border-red-600 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-red-600);\n      }\n    }\n  }\n  .hover\\:border-slate-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-slate-400);\n      }\n    }\n  }\n  .hover\\:\\!bg-\\[\\#12478a\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #12478a !important;\n      }\n    }\n  }\n  .hover\\:\\!bg-\\[\\#af543d\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #af543d !important;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#1a2e4a\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #1a2e4a;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#1d4ed8\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #1d4ed8;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#2d3544\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #2d3544;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#16a34a\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #16a34a;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#166FE5\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #166FE5;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#18181b\\]\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in oklab, #18181b 90%, transparent);\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#E88B00\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #E88B00;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#F1F4F8\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #F1F4F8;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#d0d8e4\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #d0d8e4;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#f2f2f2\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #f2f2f2;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#fafafa\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #fafafa;\n      }\n    }\n  }\n  .hover\\:bg-\\[color\\:var\\(--ob-bg-h\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--ob-bg-h);\n      }\n    }\n  }\n  .hover\\:bg-\\[var\\(--bc-primary-button-background-color\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bc-primary-button-background-color);\n      }\n    }\n  }\n  .hover\\:bg-\\[var\\(--bc-secondary-button-background-color\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bc-secondary-button-background-color);\n      }\n    }\n  }\n  .hover\\:bg-accent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-accent);\n      }\n    }\n  }\n  .hover\\:bg-accent\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f4f4f5 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-accent\\/30 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f4f4f5 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-accent) 30%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-accent\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f4f4f5 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-accent\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f4f4f5 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-accent) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-amber-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-amber-100);\n      }\n    }\n  }\n  .hover\\:bg-black\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #000 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-black) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-blue-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-100);\n      }\n    }\n  }\n  .hover\\:bg-blue-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-200);\n      }\n    }\n  }\n  .hover\\:bg-blue-500 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-500);\n      }\n    }\n  }\n  .hover\\:bg-blue-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-700);\n      }\n    }\n  }\n  .hover\\:bg-border {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-border);\n      }\n    }\n  }\n  .hover\\:bg-border\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #e4e4e7 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-border) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-card {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-card);\n      }\n    }\n  }\n  .hover\\:bg-destructive {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-destructive);\n      }\n    }\n  }\n  .hover\\:bg-destructive\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #dc2626 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-destructive\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #dc2626 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-destructive\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #dc2626 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-gray-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-50);\n      }\n    }\n  }\n  .hover\\:bg-gray-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-100);\n      }\n    }\n  }\n  .hover\\:bg-gray-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-200);\n      }\n    }\n  }\n  .hover\\:bg-gray-300 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-300);\n      }\n    }\n  }\n  .hover\\:bg-gray-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-800);\n      }\n    }\n  }\n  .hover\\:bg-green-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-green-700);\n      }\n    }\n  }\n  .hover\\:bg-indigo-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-indigo-50);\n      }\n    }\n  }\n  .hover\\:bg-indigo-50\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-indigo-50) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-indigo-500\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-indigo-500) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-muted);\n      }\n    }\n  }\n  .hover\\:bg-muted\\/30 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f7f7f6 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted\\/40 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f7f7f6 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f7f7f6 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f7f7f6 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted\\/70 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f7f7f6 70%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-neutral-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-neutral-100);\n      }\n    }\n  }\n  .hover\\:bg-neutral-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-neutral-200);\n      }\n    }\n  }\n  .hover\\:bg-orange-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-orange-100);\n      }\n    }\n  }\n  .hover\\:bg-primary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #18181b 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-primary\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #18181b 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-purple-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-purple-100);\n      }\n    }\n  }\n  .hover\\:bg-purple-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-purple-700);\n      }\n    }\n  }\n  .hover\\:bg-red-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-red-50);\n      }\n    }\n  }\n  .hover\\:bg-red-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-red-200);\n      }\n    }\n  }\n  .hover\\:bg-red-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-red-700);\n      }\n    }\n  }\n  .hover\\:bg-secondary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f4f4f5 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-slate-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-50);\n      }\n    }\n  }\n  .hover\\:bg-slate-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-100);\n      }\n    }\n  }\n  .hover\\:bg-slate-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-800);\n      }\n    }\n  }\n  .hover\\:bg-teal-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-teal-600);\n      }\n    }\n  }\n  .hover\\:bg-teal-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-teal-700);\n      }\n    }\n  }\n  .hover\\:bg-transparent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: transparent;\n      }\n    }\n  }\n  .hover\\:bg-violet-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-violet-700);\n      }\n    }\n  }\n  .hover\\:bg-violet-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-violet-800);\n      }\n    }\n  }\n  .hover\\:bg-white {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-white);\n      }\n    }\n  }\n  .hover\\:bg-white\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-white\\/\\[0\\.04\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 4%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 4%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-yellow-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-yellow-700);\n      }\n    }\n  }\n  .hover\\:bg-zinc-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-zinc-100);\n      }\n    }\n  }\n  .hover\\:bg-zinc-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-zinc-800);\n      }\n    }\n  }\n  .hover\\:text-\\[\\#1d4ed8\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: #1d4ed8;\n      }\n    }\n  }\n  .hover\\:text-\\[\\#6b7280\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: #6b7280;\n      }\n    }\n  }\n  .hover\\:text-\\[\\#18181b\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: #18181b;\n      }\n    }\n  }\n  .hover\\:text-\\[\\#64748b\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: #64748b;\n      }\n    }\n  }\n  .hover\\:text-\\[color\\:var\\(--dn-fg-hover\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--dn-fg-hover);\n      }\n    }\n  }\n  .hover\\:text-\\[color\\:var\\(--ob-fg-h\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--ob-fg-h);\n      }\n    }\n  }\n  .hover\\:text-\\[var\\(--bc-secondary-button-text-color\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--bc-secondary-button-text-color);\n      }\n    }\n  }\n  .hover\\:text-accent {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-accent);\n      }\n    }\n  }\n  .hover\\:text-accent-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-accent-foreground);\n      }\n    }\n  }\n  .hover\\:text-accent\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        color: color-mix(in srgb, #f4f4f5 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--color-accent) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:text-black {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-black);\n      }\n    }\n  }\n  .hover\\:text-blue-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-500);\n      }\n    }\n  }\n  .hover\\:text-blue-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-600);\n      }\n    }\n  }\n  .hover\\:text-blue-700 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-700);\n      }\n    }\n  }\n  .hover\\:text-blue-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-800);\n      }\n    }\n  }\n  .hover\\:text-blue-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-900);\n      }\n    }\n  }\n  .hover\\:text-destructive {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-destructive);\n      }\n    }\n  }\n  .hover\\:text-gray-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-500);\n      }\n    }\n  }\n  .hover\\:text-gray-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-600);\n      }\n    }\n  }\n  .hover\\:text-gray-700 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-700);\n      }\n    }\n  }\n  .hover\\:text-gray-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-800);\n      }\n    }\n  }\n  .hover\\:text-gray-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-900);\n      }\n    }\n  }\n  .hover\\:text-green-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-green-900);\n      }\n    }\n  }\n  .hover\\:text-indigo-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-indigo-600);\n      }\n    }\n  }\n  .hover\\:text-muted-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-muted-foreground);\n      }\n    }\n  }\n  .hover\\:text-neutral-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-neutral-900);\n      }\n    }\n  }\n  .hover\\:text-orange-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-orange-500);\n      }\n    }\n  }\n  .hover\\:text-primary {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-primary);\n      }\n    }\n  }\n  .hover\\:text-primary\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        color: color-mix(in srgb, #18181b 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--color-primary) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:text-red-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-500);\n      }\n    }\n  }\n  .hover\\:text-red-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-600);\n      }\n    }\n  }\n  .hover\\:text-red-700 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-700);\n      }\n    }\n  }\n  .hover\\:text-red-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-800);\n      }\n    }\n  }\n  .hover\\:text-red-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-900);\n      }\n    }\n  }\n  .hover\\:text-slate-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-slate-600);\n      }\n    }\n  }\n  .hover\\:text-slate-700 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-slate-700);\n      }\n    }\n  }\n  .hover\\:text-slate-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-slate-800);\n      }\n    }\n  }\n  .hover\\:text-teal-950 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-teal-950);\n      }\n    }\n  }\n  .hover\\:text-violet-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-violet-800);\n      }\n    }\n  }\n  .hover\\:text-white {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-white);\n      }\n    }\n  }\n  .hover\\:text-yellow-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-yellow-900);\n      }\n    }\n  }\n  .hover\\:no-underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: none;\n      }\n    }\n  }\n  .hover\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline;\n      }\n    }\n  }\n  .hover\\:opacity-70 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 70%;\n      }\n    }\n  }\n  .hover\\:opacity-80 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 80%;\n      }\n    }\n  }\n  .hover\\:opacity-90 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 90%;\n      }\n    }\n  }\n  .hover\\:opacity-100 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .hover\\:opacity-\\[0\\.88\\] {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 0.88;\n      }\n    }\n  }\n  .hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-\\[0_4px_14px_rgba\\(37\\,99\\,235\\,0\\.1\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgba(37,99,235,0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(0,0,0,0.08));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-md {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-sm {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-card {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow-color: #ffffff;\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-shadow-color: color-mix(in oklab, var(--color-card) var(--tw-shadow-alpha), transparent);\n        }\n      }\n    }\n  }\n  .hover\\:brightness-110 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-brightness: brightness(110%);\n        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,);\n      }\n    }\n  }\n  .hover\\:brightness-\\[1\\.15\\] {\n    &:hover {\n      @media (hover: hover) {\n        --tw-brightness: brightness(1.15);\n        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,);\n      }\n    }\n  }\n  .focus\\:relative {\n    &:focus {\n      position: relative;\n    }\n  }\n  .focus\\:z-10 {\n    &:focus {\n      z-index: 10;\n    }\n  }\n  .focus\\:z-20 {\n    &:focus {\n      z-index: 20;\n    }\n  }\n  .focus\\:border-accent {\n    &:focus {\n      border-color: var(--color-accent);\n    }\n  }\n  .focus\\:border-destructive {\n    &:focus {\n      border-color: var(--color-destructive);\n    }\n  }\n  .focus\\:border-gray-500 {\n    &:focus {\n      border-color: var(--color-gray-500);\n    }\n  }\n  .focus\\:border-indigo-500 {\n    &:focus {\n      border-color: var(--color-indigo-500);\n    }\n  }\n  .focus\\:border-primary {\n    &:focus {\n      border-color: var(--color-primary);\n    }\n  }\n  .focus\\:border-red-500 {\n    &:focus {\n      border-color: var(--color-red-500);\n    }\n  }\n  .focus\\:border-transparent {\n    &:focus {\n      border-color: transparent;\n    }\n  }\n  .focus\\:bg-accent {\n    &:focus {\n      background-color: var(--color-accent);\n    }\n  }\n  .focus\\:bg-card {\n    &:focus {\n      background-color: var(--color-card);\n    }\n  }\n  .focus\\:text-accent-foreground {\n    &:focus {\n      color: var(--color-accent-foreground);\n    }\n  }\n  .focus\\:text-destructive {\n    &:focus {\n      color: var(--color-destructive);\n    }\n  }\n  .focus\\:opacity-100 {\n    &:focus {\n      opacity: 100%;\n    }\n  }\n  .focus\\:ring-0 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-1 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:\\[box-shadow\\:none\\] {\n    &:focus {\n      box-shadow: none;\n    }\n  }\n  .focus\\:ring-accent {\n    &:focus {\n      --tw-ring-color: var(--color-accent);\n    }\n  }\n  .focus\\:ring-accent\\/30 {\n    &:focus {\n      --tw-ring-color: color-mix(in srgb, #f4f4f5 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-accent) 30%, transparent);\n      }\n    }\n  }\n  .focus\\:ring-accent\\/40 {\n    &:focus {\n      --tw-ring-color: color-mix(in srgb, #f4f4f5 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-accent) 40%, transparent);\n      }\n    }\n  }\n  .focus\\:ring-black {\n    &:focus {\n      --tw-ring-color: var(--color-black);\n    }\n  }\n  .focus\\:ring-blue-500 {\n    &:focus {\n      --tw-ring-color: var(--color-blue-500);\n    }\n  }\n  .focus\\:ring-blue-600 {\n    &:focus {\n      --tw-ring-color: var(--color-blue-600);\n    }\n  }\n  .focus\\:ring-destructive {\n    &:focus {\n      --tw-ring-color: var(--color-destructive);\n    }\n  }\n  .focus\\:ring-gray-500 {\n    &:focus {\n      --tw-ring-color: var(--color-gray-500);\n    }\n  }\n  .focus\\:ring-primary {\n    &:focus {\n      --tw-ring-color: var(--color-primary);\n    }\n  }\n  .focus\\:ring-purple-500 {\n    &:focus {\n      --tw-ring-color: var(--color-purple-500);\n    }\n  }\n  .focus\\:ring-white\\/50 {\n    &:focus {\n      --tw-ring-color: color-mix(in srgb, #fff 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);\n      }\n    }\n  }\n  .focus\\:ring-offset-0 {\n    &:focus {\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:ring-offset-2 {\n    &:focus {\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:outline-hidden {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n  }\n  .focus\\:outline-2 {\n    &:focus {\n      outline-style: var(--tw-outline-style);\n      outline-width: 2px;\n    }\n  }\n  .focus\\:-outline-offset-2 {\n    &:focus {\n      outline-offset: calc(2px * -1);\n    }\n  }\n  .focus\\:outline-offset-0 {\n    &:focus {\n      outline-offset: 0px;\n    }\n  }\n  .focus\\:outline-blue-600 {\n    &:focus {\n      outline-color: var(--color-blue-600);\n    }\n  }\n  .focus\\:outline-red-600 {\n    &:focus {\n      outline-color: var(--color-red-600);\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .focus-visible\\:z-10 {\n    &:focus-visible {\n      z-index: 10;\n    }\n  }\n  .focus-visible\\:border-\\[\\#2563eb\\] {\n    &:focus-visible {\n      border-color: #2563eb;\n    }\n  }\n  .focus-visible\\:border-blue-600 {\n    &:focus-visible {\n      border-color: var(--color-blue-600);\n    }\n  }\n  .focus-visible\\:border-indigo-300 {\n    &:focus-visible {\n      border-color: var(--color-indigo-300);\n    }\n  }\n  .focus-visible\\:border-indigo-500 {\n    &:focus-visible {\n      border-color: var(--color-indigo-500);\n    }\n  }\n  .focus-visible\\:border-red-300 {\n    &:focus-visible {\n      border-color: var(--color-red-300);\n    }\n  }\n  .focus-visible\\:bg-white {\n    &:focus-visible {\n      background-color: var(--color-white);\n    }\n  }\n  .focus-visible\\:opacity-100 {\n    &:focus-visible {\n      opacity: 100%;\n    }\n  }\n  .focus-visible\\:ring-0 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-1 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-2 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-\\[3px\\] {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:\\[box-shadow\\:none\\] {\n    &:focus-visible {\n      box-shadow: none;\n    }\n  }\n  .focus-visible\\:ring-accent\\/40 {\n    &:focus-visible {\n      --tw-ring-color: color-mix(in srgb, #f4f4f5 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-accent) 40%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:ring-border {\n    &:focus-visible {\n      --tw-ring-color: var(--color-border);\n    }\n  }\n  .focus-visible\\:ring-destructive\\/20 {\n    &:focus-visible {\n      --tw-ring-color: color-mix(in srgb, #dc2626 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:ring-indigo-500\\/\\[0\\.06\\] {\n    &:focus-visible {\n      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 6%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 6%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:ring-neutral-300 {\n    &:focus-visible {\n      --tw-ring-color: var(--color-neutral-300);\n    }\n  }\n  .focus-visible\\:ring-red-300 {\n    &:focus-visible {\n      --tw-ring-color: var(--color-red-300);\n    }\n  }\n  .focus-visible\\:ring-sidebar-ring {\n    &:focus-visible {\n      --tw-ring-color: var(--color-sidebar-ring);\n    }\n  }\n  .focus-visible\\:ring-offset-0 {\n    &:focus-visible {\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus-visible\\:ring-offset-2 {\n    &:focus-visible {\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus-visible\\:outline {\n    &:focus-visible {\n      outline-style: var(--tw-outline-style);\n      outline-width: 1px;\n    }\n  }\n  .focus-visible\\:outline-2 {\n    &:focus-visible {\n      outline-style: var(--tw-outline-style);\n      outline-width: 2px;\n    }\n  }\n  .focus-visible\\:outline-offset-2 {\n    &:focus-visible {\n      outline-offset: 2px;\n    }\n  }\n  .focus-visible\\:outline-blue-600 {\n    &:focus-visible {\n      outline-color: var(--color-blue-600);\n    }\n  }\n  .focus-visible\\:outline-none {\n    &:focus-visible {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .focus-visible\\:ring-inset {\n    &:focus-visible {\n      --tw-ring-inset: inset;\n    }\n  }\n  .active\\:bg-accent\\/80 {\n    &:active {\n      background-color: color-mix(in srgb, #f4f4f5 80%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-accent) 80%, transparent);\n      }\n    }\n  }\n  .active\\:bg-gray-100 {\n    &:active {\n      background-color: var(--color-gray-100);\n    }\n  }\n  .active\\:bg-gray-200 {\n    &:active {\n      background-color: var(--color-gray-200);\n    }\n  }\n  .disabled\\:pointer-events-none {\n    &:disabled {\n      pointer-events: none;\n    }\n  }\n  .disabled\\:cursor-default {\n    &:disabled {\n      cursor: default;\n    }\n  }\n  .disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n  .disabled\\:bg-gray-50 {\n    &:disabled {\n      background-color: var(--color-gray-50);\n    }\n  }\n  .disabled\\:text-gray-500 {\n    &:disabled {\n      color: var(--color-gray-500);\n    }\n  }\n  .disabled\\:opacity-30 {\n    &:disabled {\n      opacity: 30%;\n    }\n  }\n  .disabled\\:opacity-40 {\n    &:disabled {\n      opacity: 40%;\n    }\n  }\n  .disabled\\:opacity-50 {\n    &:disabled {\n      opacity: 50%;\n    }\n  }\n  .disabled\\:opacity-60 {\n    &:disabled {\n      opacity: 60%;\n    }\n  }\n  .disabled\\:opacity-100 {\n    &:disabled {\n      opacity: 100%;\n    }\n  }\n  .disabled\\:outline-gray-200 {\n    &:disabled {\n      outline-color: var(--color-gray-200);\n    }\n  }\n  .in-data-\\[side\\=left\\]\\:cursor-w-resize {\n    :where(*[data-side=\"left\"]) & {\n      cursor: w-resize;\n    }\n  }\n  .in-data-\\[side\\=right\\]\\:cursor-e-resize {\n    :where(*[data-side=\"right\"]) & {\n      cursor: e-resize;\n    }\n  }\n  .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\] {\n    &:has(*[data-slot=\"card-action\"]) {\n      grid-template-columns: 1fr auto;\n    }\n  }\n  .has-\\[\\[aria-checked\\=true\\]\\]\\:border-blue-600 {\n    &:has(*:is([aria-checked=true])) {\n      border-color: var(--color-blue-600);\n    }\n  }\n  .has-\\[\\[aria-checked\\=true\\]\\]\\:bg-blue-50 {\n    &:has(*:is([aria-checked=true])) {\n      background-color: var(--color-blue-50);\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-0 {\n    &:has(>svg) {\n      padding-inline: calc(var(--spacing) * 0);\n    }\n  }\n  .aria-disabled\\:pointer-events-none {\n    &[aria-disabled=\"true\"] {\n      pointer-events: none;\n    }\n  }\n  .aria-disabled\\:opacity-50 {\n    &[aria-disabled=\"true\"] {\n      opacity: 50%;\n    }\n  }\n  .aria-invalid\\:border-destructive {\n    &[aria-invalid=\"true\"] {\n      border-color: var(--color-destructive);\n    }\n  }\n  .aria-invalid\\:ring-3 {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .aria-invalid\\:ring-\\[3px\\] {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .aria-invalid\\:ring-destructive\\/20 {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-color: color-mix(in srgb, #dc2626 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n      }\n    }\n  }\n  .aria-pressed\\:bg-muted {\n    &[aria-pressed=\"true\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .data-\\[active\\=true\\]\\:font-medium {\n    &[data-active=\"true\"] {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .data-\\[checked\\]\\:bg-blue-600 {\n    &[data-checked] {\n      background-color: var(--color-blue-600);\n    }\n  }\n  .data-\\[closed\\]\\:-translate-x-full {\n    &[data-closed] {\n      --tw-translate-x: -100%;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[closed\\]\\:translate-y-4 {\n    &[data-closed] {\n      --tw-translate-y: calc(var(--spacing) * 4);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[closed\\]\\:scale-95 {\n    &[data-closed] {\n      --tw-scale-x: 95%;\n      --tw-scale-y: 95%;\n      --tw-scale-z: 95%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n  }\n  .data-\\[closed\\]\\:opacity-0 {\n    &[data-closed] {\n      opacity: 0%;\n    }\n  }\n  .data-\\[disabled\\]\\:pointer-events-none {\n    &[data-disabled] {\n      pointer-events: none;\n    }\n  }\n  .data-\\[disabled\\]\\:opacity-50 {\n    &[data-disabled] {\n      opacity: 50%;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:pointer-events-none {\n    &[data-disabled=\"true\"] {\n      pointer-events: none;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:cursor-not-allowed {\n    &[data-disabled=\"true\"] {\n      cursor: not-allowed;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:opacity-50 {\n    &[data-disabled=\"true\"] {\n      opacity: 50%;\n    }\n  }\n  .data-\\[enter\\]\\:duration-300 {\n    &[data-enter] {\n      --tw-duration: 300ms;\n      transition-duration: 300ms;\n    }\n  }\n  .data-\\[enter\\]\\:ease-out {\n    &[data-enter] {\n      --tw-ease: var(--ease-out);\n      transition-timing-function: var(--ease-out);\n    }\n  }\n  .data-\\[error\\=true\\]\\:text-destructive {\n    &[data-error=\"true\"] {\n      color: var(--color-destructive);\n    }\n  }\n  .data-\\[highlighted\\]\\:bg-accent {\n    &[data-highlighted] {\n      background-color: var(--color-accent);\n    }\n  }\n  .data-\\[leave\\]\\:duration-200 {\n    &[data-leave] {\n      --tw-duration: 200ms;\n      transition-duration: 200ms;\n    }\n  }\n  .data-\\[leave\\]\\:ease-in {\n    &[data-leave] {\n      --tw-ease: var(--ease-in);\n      transition-timing-function: var(--ease-in);\n    }\n  }\n  .data-\\[orientation\\=horizontal\\]\\:h-px {\n    &[data-orientation=\"horizontal\"] {\n      height: 1px;\n    }\n  }\n  .data-\\[orientation\\=horizontal\\]\\:w-full {\n    &[data-orientation=\"horizontal\"] {\n      width: 100%;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:h-full {\n    &[data-orientation=\"vertical\"] {\n      height: 100%;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:w-px {\n    &[data-orientation=\"vertical\"] {\n      width: 1px;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:flex-col {\n    &[data-orientation=\"vertical\"] {\n      flex-direction: column;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:items-stretch {\n    &[data-orientation=\"vertical\"] {\n      align-items: stretch;\n    }\n  }\n  .data-\\[placeholder\\]\\:text-muted-foreground {\n    &[data-placeholder] {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .data-\\[selected\\=true\\]\\:bg-muted {\n    &[data-selected=\"true\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .data-\\[side\\=bottom\\]\\:translate-y-1 {\n    &[data-side=\"bottom\"] {\n      --tw-translate-y: calc(var(--spacing) * 1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[side\\=left\\]\\:-translate-x-1 {\n    &[data-side=\"left\"] {\n      --tw-translate-x: calc(var(--spacing) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[side\\=right\\]\\:translate-x-1 {\n    &[data-side=\"right\"] {\n      --tw-translate-x: calc(var(--spacing) * 1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[side\\=top\\]\\:-translate-y-1 {\n    &[data-side=\"top\"] {\n      --tw-translate-y: calc(var(--spacing) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[size\\=default\\]\\:h-\\[18\\.4px\\] {\n    &[data-size=\"default\"] {\n      height: 18.4px;\n    }\n  }\n  .data-\\[size\\=default\\]\\:w-\\[32px\\] {\n    &[data-size=\"default\"] {\n      width: 32px;\n    }\n  }\n  .data-\\[size\\=sm\\]\\:h-\\[14px\\] {\n    &[data-size=\"sm\"] {\n      height: 14px;\n    }\n  }\n  .data-\\[size\\=sm\\]\\:w-\\[24px\\] {\n    &[data-size=\"sm\"] {\n      width: 24px;\n    }\n  }\n  .data-\\[size\\=sm\\]\\:rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\] {\n    &[data-size=\"sm\"] {\n      border-radius: min(var(--radius-md), 10px);\n    }\n  }\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-l-lg {\n    &:is(:where(.group\\/toggle-group)[data-horizontal] *) {\n      &[data-spacing=\"0\"] {\n        &:first-child {\n          border-top-left-radius: var(--radius-lg);\n          border-bottom-left-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-t-lg {\n    &:is(:where(.group\\/toggle-group)[data-vertical] *) {\n      &[data-spacing=\"0\"] {\n        &:first-child {\n          border-top-left-radius: var(--radius-lg);\n          border-top-right-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-r-lg {\n    &:is(:where(.group\\/toggle-group)[data-horizontal] *) {\n      &[data-spacing=\"0\"] {\n        &:last-child {\n          border-top-right-radius: var(--radius-lg);\n          border-bottom-right-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-b-lg {\n    &:is(:where(.group\\/toggle-group)[data-vertical] *) {\n      &[data-spacing=\"0\"] {\n        &:last-child {\n          border-bottom-right-radius: var(--radius-lg);\n          border-bottom-left-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .data-\\[state\\=active\\]\\:border-slate-900 {\n    &[data-state=\"active\"] {\n      border-color: var(--color-slate-900);\n    }\n  }\n  .data-\\[state\\=active\\]\\:border-b-primary {\n    &[data-state=\"active\"] {\n      border-bottom-color: var(--color-primary);\n    }\n  }\n  .data-\\[state\\=active\\]\\:bg-\\[\\#6366f1\\] {\n    &[data-state=\"active\"] {\n      background-color: #6366f1;\n    }\n  }\n  .data-\\[state\\=active\\]\\:bg-\\[var\\(--base-accent\\,\\#F4F4F5\\)\\] {\n    &[data-state=\"active\"] {\n      background-color: var(--base-accent,#F4F4F5);\n    }\n  }\n  .data-\\[state\\=active\\]\\:bg-background {\n    &[data-state=\"active\"] {\n      background-color: var(--color-background);\n    }\n  }\n  .data-\\[state\\=active\\]\\:bg-slate-900 {\n    &[data-state=\"active\"] {\n      background-color: var(--color-slate-900);\n    }\n  }\n  .data-\\[state\\=active\\]\\:text-\\[var\\(--tab-active-color\\)\\] {\n    &[data-state=\"active\"] {\n      color: var(--tab-active-color);\n    }\n  }\n  .data-\\[state\\=active\\]\\:text-white {\n    &[data-state=\"active\"] {\n      color: var(--color-white);\n    }\n  }\n  .data-\\[state\\=active\\]\\:shadow-none {\n    &[data-state=\"active\"] {\n      --tw-shadow: 0 0 #0000;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .data-\\[state\\=active\\]\\:shadow-sm {\n    &[data-state=\"active\"] {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .data-\\[state\\=active\\]\\:after\\:scale-x-100 {\n    &[data-state=\"active\"] {\n      &::after {\n        content: var(--tw-content);\n        --tw-scale-x: 100%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .data-\\[state\\=checked\\]\\:translate-x-\\[72px\\] {\n    &[data-state=\"checked\"] {\n      --tw-translate-x: 72px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:translate-x-\\[var\\(--sw-on\\)\\] {\n    &[data-state=\"checked\"] {\n      --tw-translate-x: var(--sw-on);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:border-black {\n    &[data-state=\"checked\"] {\n      border-color: var(--color-black);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:border-blue-600 {\n    &[data-state=\"checked\"] {\n      border-color: var(--color-blue-600);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:border-primary {\n    &[data-state=\"checked\"] {\n      border-color: var(--color-primary);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:bg-black {\n    &[data-state=\"checked\"] {\n      background-color: var(--color-black);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:bg-blue-600 {\n    &[data-state=\"checked\"] {\n      background-color: var(--color-blue-600);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:bg-primary {\n    &[data-state=\"checked\"] {\n      background-color: var(--color-primary);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:text-primary-foreground {\n    &[data-state=\"checked\"] {\n      color: var(--color-primary-foreground);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:text-white {\n    &[data-state=\"checked\"] {\n      color: var(--color-white);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:\\[background\\:var\\(--switch-checked-bg\\)\\] {\n    &[data-state=\"checked\"] {\n      background: var(--switch-checked-bg);\n    }\n  }\n  .group-data-\\[size\\=default\\]\\/switch\\:data-\\[state\\=checked\\]\\:translate-x-\\[calc\\(100\\%-2px\\)\\] {\n    &:is(:where(.group\\/switch)[data-size=\"default\"] *) {\n      &[data-state=\"checked\"] {\n        --tw-translate-x: calc(100% - 2px);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .group-data-\\[size\\=sm\\]\\/switch\\:data-\\[state\\=checked\\]\\:translate-x-\\[calc\\(100\\%-2px\\)\\] {\n    &:is(:where(.group\\/switch)[data-size=\"sm\"] *) {\n      &[data-state=\"checked\"] {\n        --tw-translate-x: calc(100% - 2px);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .data-\\[state\\=closed\\]\\:duration-300 {\n    &[data-state=\"closed\"] {\n      --tw-duration: 300ms;\n      transition-duration: 300ms;\n    }\n  }\n  .data-\\[state\\=inactive\\]\\:hidden {\n    &[data-state=\"inactive\"] {\n      display: none;\n    }\n  }\n  .data-\\[state\\=on\\]\\:bg-muted {\n    &[data-state=\"on\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .data-\\[state\\=open\\]\\:bg-accent {\n    &[data-state=\"open\"] {\n      background-color: var(--color-accent);\n    }\n  }\n  .data-\\[state\\=open\\]\\:bg-secondary {\n    &[data-state=\"open\"] {\n      background-color: var(--color-secondary);\n    }\n  }\n  .data-\\[state\\=open\\]\\:text-muted-foreground {\n    &[data-state=\"open\"] {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .data-\\[state\\=open\\]\\:opacity-100 {\n    &[data-state=\"open\"] {\n      opacity: 100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:duration-500 {\n    &[data-state=\"open\"] {\n      --tw-duration: 500ms;\n      transition-duration: 500ms;\n    }\n  }\n  .data-\\[state\\=selected\\]\\:bg-muted {\n    &[data-state=\"selected\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .data-\\[state\\=unchecked\\]\\:translate-x-\\[4px\\] {\n    &[data-state=\"unchecked\"] {\n      --tw-translate-x: 4px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[state\\=unchecked\\]\\:translate-x-\\[var\\(--sw-off\\)\\] {\n    &[data-state=\"unchecked\"] {\n      --tw-translate-x: var(--sw-off);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[state\\=unchecked\\]\\:bg-input {\n    &[data-state=\"unchecked\"] {\n      background-color: var(--color-input);\n    }\n  }\n  .group-data-\\[size\\=default\\]\\/switch\\:data-\\[state\\=unchecked\\]\\:translate-x-0 {\n    &:is(:where(.group\\/switch)[data-size=\"default\"] *) {\n      &[data-state=\"unchecked\"] {\n        --tw-translate-x: calc(var(--spacing) * 0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .group-data-\\[size\\=sm\\]\\/switch\\:data-\\[state\\=unchecked\\]\\:translate-x-0 {\n    &:is(:where(.group\\/switch)[data-size=\"sm\"] *) {\n      &[data-state=\"unchecked\"] {\n        --tw-translate-x: calc(var(--spacing) * 0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-l-0 {\n    &:is(:where(.group\\/toggle-group)[data-horizontal] *) {\n      &[data-spacing=\"0\"] {\n        &[data-variant=\"outline\"] {\n          border-left-style: var(--tw-border-style);\n          border-left-width: 0px;\n        }\n      }\n    }\n  }\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-t-0 {\n    &:is(:where(.group\\/toggle-group)[data-vertical] *) {\n      &[data-spacing=\"0\"] {\n        &[data-variant=\"outline\"] {\n          border-top-style: var(--tw-border-style);\n          border-top-width: 0px;\n        }\n      }\n    }\n  }\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-l {\n    &:is(:where(.group\\/toggle-group)[data-horizontal] *) {\n      &[data-spacing=\"0\"] {\n        &[data-variant=\"outline\"] {\n          &:first-child {\n            border-left-style: var(--tw-border-style);\n            border-left-width: 1px;\n          }\n        }\n      }\n    }\n  }\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-t {\n    &:is(:where(.group\\/toggle-group)[data-vertical] *) {\n      &[data-spacing=\"0\"] {\n        &[data-variant=\"outline\"] {\n          &:first-child {\n            border-top-style: var(--tw-border-style);\n            border-top-width: 1px;\n          }\n        }\n      }\n    }\n  }\n  .supports-\\[backdrop-filter\\]\\:bg-background\\/80 {\n    @supports (backdrop-filter: var(--tw)) {\n      background-color: color-mix(in srgb, #ffffff 80%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-background) 80%, transparent);\n      }\n    }\n  }\n  .motion-safe\\:transition-\\[width\\] {\n    @media (prefers-reduced-motion: no-preference) {\n      transition-property: width;\n      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n      transition-duration: var(--tw-duration, var(--default-transition-duration));\n    }\n  }\n  .motion-safe\\:duration-1000 {\n    @media (prefers-reduced-motion: no-preference) {\n      --tw-duration: 1000ms;\n      transition-duration: 1000ms;\n    }\n  }\n  .motion-safe\\:ease-linear {\n    @media (prefers-reduced-motion: no-preference) {\n      --tw-ease: linear;\n      transition-timing-function: linear;\n    }\n  }\n  .motion-reduce\\:transition-none {\n    @media (prefers-reduced-motion: reduce) {\n      transition-property: none;\n    }\n  }\n  .max-\\[860px\\]\\:gap-\\[6px\\] {\n    @media (width < 860px) {\n      gap: 6px;\n    }\n  }\n  .max-\\[860px\\]\\:p-\\[6px\\] {\n    @media (width < 860px) {\n      padding: 6px;\n    }\n  }\n  .max-\\[800px\\]\\:flex-col {\n    @media (width < 800px) {\n      flex-direction: column;\n    }\n  }\n  .max-\\[750px\\]\\:col-start-1 {\n    @media (width < 750px) {\n      grid-column-start: 1;\n    }\n  }\n  .max-\\[750px\\]\\:col-end-1 {\n    @media (width < 750px) {\n      grid-column-end: 1;\n    }\n  }\n  .max-\\[750px\\]\\:grid-cols-1 {\n    @media (width < 750px) {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n  }\n  .max-\\[750px\\]\\:flex-col {\n    @media (width < 750px) {\n      flex-direction: column;\n    }\n  }\n  .max-\\[750px\\]\\:gap-0 {\n    @media (width < 750px) {\n      gap: calc(var(--spacing) * 0);\n    }\n  }\n  .max-md\\:flex-wrap {\n    @media (width < 48rem) {\n      flex-wrap: wrap;\n    }\n  }\n  .max-sm\\:mt-2 {\n    @media (width < 40rem) {\n      margin-top: calc(var(--spacing) * 2);\n    }\n  }\n  .min-\\[861px\\]\\:col-span-2 {\n    @media (width >= 861px) {\n      grid-column: span 2 / span 2;\n    }\n  }\n  .min-\\[861px\\]\\:mx-0 {\n    @media (width >= 861px) {\n      margin-inline: calc(var(--spacing) * 0);\n    }\n  }\n  .min-\\[861px\\]\\:basis-\\[42\\%\\] {\n    @media (width >= 861px) {\n      flex-basis: 42%;\n    }\n  }\n  .min-\\[861px\\]\\:grid-cols-2 {\n    @media (width >= 861px) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .min-\\[861px\\]\\:grid-cols-3 {\n    @media (width >= 861px) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .min-\\[861px\\]\\:grid-cols-4 {\n    @media (width >= 861px) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .min-\\[861px\\]\\:flex-row {\n    @media (width >= 861px) {\n      flex-direction: row;\n    }\n  }\n  .min-\\[861px\\]\\:items-center {\n    @media (width >= 861px) {\n      align-items: center;\n    }\n  }\n  .min-\\[1101px\\]\\:grid-cols-3 {\n    @media (width >= 1101px) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .min-\\[1101px\\]\\:grid-cols-5 {\n    @media (width >= 1101px) {\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n    }\n  }\n  .min-\\[1101px\\]\\:grid-cols-6 {\n    @media (width >= 1101px) {\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n  }\n  .sm\\:col-span-2 {\n    @media (width >= 40rem) {\n      grid-column: span 2 / span 2;\n    }\n  }\n  .sm\\:col-span-3 {\n    @media (width >= 40rem) {\n      grid-column: span 3 / span 3;\n    }\n  }\n  .sm\\:-mx-6 {\n    @media (width >= 40rem) {\n      margin-inline: calc(var(--spacing) * -6);\n    }\n  }\n  .sm\\:my-8 {\n    @media (width >= 40rem) {\n      margin-block: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:mt-0 {\n    @media (width >= 40rem) {\n      margin-top: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:mt-10 {\n    @media (width >= 40rem) {\n      margin-top: calc(var(--spacing) * 10);\n    }\n  }\n  .sm\\:mb-1 {\n    @media (width >= 40rem) {\n      margin-bottom: calc(var(--spacing) * 1);\n    }\n  }\n  .sm\\:ml-2 {\n    @media (width >= 40rem) {\n      margin-left: calc(var(--spacing) * 2);\n    }\n  }\n  .sm\\:ml-4 {\n    @media (width >= 40rem) {\n      margin-left: calc(var(--spacing) * 4);\n    }\n  }\n  .sm\\:block {\n    @media (width >= 40rem) {\n      display: block;\n    }\n  }\n  .sm\\:flex {\n    @media (width >= 40rem) {\n      display: flex;\n    }\n  }\n  .sm\\:grid {\n    @media (width >= 40rem) {\n      display: grid;\n    }\n  }\n  .sm\\:hidden {\n    @media (width >= 40rem) {\n      display: none;\n    }\n  }\n  .sm\\:size-4 {\n    @media (width >= 40rem) {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .sm\\:w-1\\/2 {\n    @media (width >= 40rem) {\n      width: calc(1/2 * 100%);\n    }\n  }\n  .sm\\:w-auto {\n    @media (width >= 40rem) {\n      width: auto;\n    }\n  }\n  .sm\\:w-full {\n    @media (width >= 40rem) {\n      width: 100%;\n    }\n  }\n  .sm\\:max-w-1\\/2 {\n    @media (width >= 40rem) {\n      max-width: calc(1/2 * 100%);\n    }\n  }\n  .sm\\:max-w-2xl {\n    @media (width >= 40rem) {\n      max-width: var(--container-2xl);\n    }\n  }\n  .sm\\:max-w-3xl {\n    @media (width >= 40rem) {\n      max-width: var(--container-3xl);\n    }\n  }\n  .sm\\:max-w-3xl\\! {\n    @media (width >= 40rem) {\n      max-width: var(--container-3xl) !important;\n    }\n  }\n  .sm\\:max-w-6xl {\n    @media (width >= 40rem) {\n      max-width: var(--container-6xl);\n    }\n  }\n  .sm\\:max-w-\\[420px\\] {\n    @media (width >= 40rem) {\n      max-width: 420px;\n    }\n  }\n  .sm\\:max-w-\\[425px\\] {\n    @media (width >= 40rem) {\n      max-width: 425px;\n    }\n  }\n  .sm\\:max-w-\\[440px\\] {\n    @media (width >= 40rem) {\n      max-width: 440px;\n    }\n  }\n  .sm\\:max-w-\\[480px\\] {\n    @media (width >= 40rem) {\n      max-width: 480px;\n    }\n  }\n  .sm\\:max-w-\\[520px\\] {\n    @media (width >= 40rem) {\n      max-width: 520px;\n    }\n  }\n  .sm\\:max-w-\\[540px\\] {\n    @media (width >= 40rem) {\n      max-width: 540px;\n    }\n  }\n  .sm\\:max-w-\\[560px\\] {\n    @media (width >= 40rem) {\n      max-width: 560px;\n    }\n  }\n  .sm\\:max-w-\\[600px\\] {\n    @media (width >= 40rem) {\n      max-width: 600px;\n    }\n  }\n  .sm\\:max-w-\\[860px\\] {\n    @media (width >= 40rem) {\n      max-width: 860px;\n    }\n  }\n  .sm\\:max-w-\\[950px\\] {\n    @media (width >= 40rem) {\n      max-width: 950px;\n    }\n  }\n  .sm\\:max-w-lg {\n    @media (width >= 40rem) {\n      max-width: var(--container-lg);\n    }\n  }\n  .sm\\:max-w-md {\n    @media (width >= 40rem) {\n      max-width: var(--container-md);\n    }\n  }\n  .sm\\:max-w-none {\n    @media (width >= 40rem) {\n      max-width: none;\n    }\n  }\n  .sm\\:max-w-sm {\n    @media (width >= 40rem) {\n      max-width: var(--container-sm);\n    }\n  }\n  .sm\\:max-w-xl {\n    @media (width >= 40rem) {\n      max-width: var(--container-xl);\n    }\n  }\n  .sm\\:grid-cols-2 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .sm\\:grid-cols-3 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .sm\\:grid-cols-4 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .sm\\:grid-cols-5 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n    }\n  }\n  .sm\\:grid-cols-6 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n  }\n  .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row;\n    }\n  }\n  .sm\\:flex-row-reverse {\n    @media (width >= 40rem) {\n      flex-direction: row-reverse;\n    }\n  }\n  .sm\\:items-center {\n    @media (width >= 40rem) {\n      align-items: center;\n    }\n  }\n  .sm\\:\\!justify-start {\n    @media (width >= 40rem) {\n      justify-content: flex-start !important;\n    }\n  }\n  .sm\\:justify-between {\n    @media (width >= 40rem) {\n      justify-content: space-between;\n    }\n  }\n  .sm\\:justify-end {\n    @media (width >= 40rem) {\n      justify-content: flex-end;\n    }\n  }\n  .sm\\:justify-start {\n    @media (width >= 40rem) {\n      justify-content: flex-start;\n    }\n  }\n  .sm\\:gap-2\\.5 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 2.5);\n    }\n  }\n  .sm\\:gap-3 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 3);\n    }\n  }\n  .sm\\:gap-4 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 4);\n    }\n  }\n  .sm\\:gap-5 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 5);\n    }\n  }\n  .sm\\:gap-6 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 6);\n    }\n  }\n  .sm\\:truncate {\n    @media (width >= 40rem) {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n  .sm\\:rounded-lg {\n    @media (width >= 40rem) {\n      border-radius: var(--radius-lg);\n    }\n  }\n  .sm\\:border-t-0 {\n    @media (width >= 40rem) {\n      border-top-style: var(--tw-border-style);\n      border-top-width: 0px;\n    }\n  }\n  .sm\\:border-l {\n    @media (width >= 40rem) {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .sm\\:p-0 {\n    @media (width >= 40rem) {\n      padding: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:p-4 {\n    @media (width >= 40rem) {\n      padding: calc(var(--spacing) * 4);\n    }\n  }\n  .sm\\:p-6 {\n    @media (width >= 40rem) {\n      padding: calc(var(--spacing) * 6);\n    }\n  }\n  .sm\\:p-8 {\n    @media (width >= 40rem) {\n      padding: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:px-0 {\n    @media (width >= 40rem) {\n      padding-inline: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:px-6 {\n    @media (width >= 40rem) {\n      padding-inline: calc(var(--spacing) * 6);\n    }\n  }\n  .sm\\:px-8 {\n    @media (width >= 40rem) {\n      padding-inline: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:py-4 {\n    @media (width >= 40rem) {\n      padding-block: calc(var(--spacing) * 4);\n    }\n  }\n  .sm\\:py-5 {\n    @media (width >= 40rem) {\n      padding-block: calc(var(--spacing) * 5);\n    }\n  }\n  .sm\\:py-32 {\n    @media (width >= 40rem) {\n      padding-block: calc(var(--spacing) * 32);\n    }\n  }\n  .sm\\:pt-8 {\n    @media (width >= 40rem) {\n      padding-top: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:pr-0 {\n    @media (width >= 40rem) {\n      padding-right: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:pr-8 {\n    @media (width >= 40rem) {\n      padding-right: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:pl-0 {\n    @media (width >= 40rem) {\n      padding-left: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:text-left {\n    @media (width >= 40rem) {\n      text-align: left;\n    }\n  }\n  .sm\\:text-2xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-2xl);\n      line-height: var(--tw-leading, var(--text-2xl--line-height));\n    }\n  }\n  .sm\\:text-4xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-4xl);\n      line-height: var(--tw-leading, var(--text-4xl--line-height));\n    }\n  }\n  .sm\\:text-5xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-5xl);\n      line-height: var(--tw-leading, var(--text-5xl--line-height));\n    }\n  }\n  .sm\\:text-7xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-7xl);\n      line-height: var(--tw-leading, var(--text-7xl--line-height));\n    }\n  }\n  .sm\\:text-sm\\/6 {\n    @media (width >= 40rem) {\n      font-size: var(--text-sm);\n      line-height: calc(var(--spacing) * 6);\n    }\n  }\n  .sm\\:text-xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-xl);\n      line-height: var(--tw-leading, var(--text-xl--line-height));\n    }\n  }\n  .sm\\:text-xl\\/8 {\n    @media (width >= 40rem) {\n      font-size: var(--text-xl);\n      line-height: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:tracking-tight {\n    @media (width >= 40rem) {\n      --tw-tracking: var(--tracking-tight);\n      letter-spacing: var(--tracking-tight);\n    }\n  }\n  .data-\\[closed\\]\\:sm\\:translate-y-0 {\n    &[data-closed] {\n      @media (width >= 40rem) {\n        --tw-translate-y: calc(var(--spacing) * 0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .data-\\[closed\\]\\:sm\\:scale-95 {\n    &[data-closed] {\n      @media (width >= 40rem) {\n        --tw-scale-x: 95%;\n        --tw-scale-y: 95%;\n        --tw-scale-z: 95%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .md\\:static {\n    @media (width >= 48rem) {\n      position: static;\n    }\n  }\n  .md\\:col-span-2 {\n    @media (width >= 48rem) {\n      grid-column: span 2 / span 2;\n    }\n  }\n  .md\\:mt-0 {\n    @media (width >= 48rem) {\n      margin-top: calc(var(--spacing) * 0);\n    }\n  }\n  .md\\:block {\n    @media (width >= 48rem) {\n      display: block;\n    }\n  }\n  .md\\:flex {\n    @media (width >= 48rem) {\n      display: flex;\n    }\n  }\n  .md\\:hidden {\n    @media (width >= 48rem) {\n      display: none;\n    }\n  }\n  .md\\:w-\\[125px\\] {\n    @media (width >= 48rem) {\n      width: 125px;\n    }\n  }\n  .md\\:w-auto {\n    @media (width >= 48rem) {\n      width: auto;\n    }\n  }\n  .md\\:flex-1 {\n    @media (width >= 48rem) {\n      flex: 1;\n    }\n  }\n  .md\\:flex-\\[1\\.15\\] {\n    @media (width >= 48rem) {\n      flex: 1.15;\n    }\n  }\n  .md\\:translate-x-0 {\n    @media (width >= 48rem) {\n      --tw-translate-x: calc(var(--spacing) * 0);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .md\\:grid-cols-1 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-2 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-3 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-4 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-\\[1fr_1\\.2fr\\] {\n    @media (width >= 48rem) {\n      grid-template-columns: 1fr 1.2fr;\n    }\n  }\n  .md\\:grid-cols-\\[220px_1fr\\] {\n    @media (width >= 48rem) {\n      grid-template-columns: 220px 1fr;\n    }\n  }\n  .md\\:grid-cols-\\[minmax\\(0\\,1fr\\)_280px\\] {\n    @media (width >= 48rem) {\n      grid-template-columns: minmax(0,1fr) 280px;\n    }\n  }\n  .md\\:flex-row {\n    @media (width >= 48rem) {\n      flex-direction: row;\n    }\n  }\n  .md\\:items-center {\n    @media (width >= 48rem) {\n      align-items: center;\n    }\n  }\n  .md\\:justify-between {\n    @media (width >= 48rem) {\n      justify-content: space-between;\n    }\n  }\n  .md\\:gap-2 {\n    @media (width >= 48rem) {\n      gap: calc(var(--spacing) * 2);\n    }\n  }\n  .md\\:gap-4 {\n    @media (width >= 48rem) {\n      gap: calc(var(--spacing) * 4);\n    }\n  }\n  .md\\:rounded-full {\n    @media (width >= 48rem) {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .md\\:border-r {\n    @media (width >= 48rem) {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 1px;\n    }\n  }\n  .md\\:border-b-0 {\n    @media (width >= 48rem) {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .md\\:px-3 {\n    @media (width >= 48rem) {\n      padding-inline: calc(var(--spacing) * 3);\n    }\n  }\n  .md\\:py-1 {\n    @media (width >= 48rem) {\n      padding-block: calc(var(--spacing) * 1);\n    }\n  }\n  .md\\:py-16 {\n    @media (width >= 48rem) {\n      padding-block: calc(var(--spacing) * 16);\n    }\n  }\n  .md\\:py-28 {\n    @media (width >= 48rem) {\n      padding-block: calc(var(--spacing) * 28);\n    }\n  }\n  .md\\:pt-4 {\n    @media (width >= 48rem) {\n      padding-top: calc(var(--spacing) * 4);\n    }\n  }\n  .md\\:text-6xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-6xl);\n      line-height: var(--tw-leading, var(--text-6xl--line-height));\n    }\n  }\n  .md\\:text-sm {\n    @media (width >= 48rem) {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .md\\:leading-normal {\n    @media (width >= 48rem) {\n      --tw-leading: var(--leading-normal);\n      line-height: var(--leading-normal);\n    }\n  }\n  .md\\:opacity-0 {\n    @media (width >= 48rem) {\n      opacity: 0%;\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:m-2 {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        margin: calc(var(--spacing) * 2);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0 {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        margin-left: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        border-radius: var(--radius-xl);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2 {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        &:is(:where(.peer)[data-state=\"collapsed\"] ~ *) {\n          margin-left: calc(var(--spacing) * 2);\n        }\n      }\n    }\n  }\n  .md\\:after\\:hidden {\n    @media (width >= 48rem) {\n      &::after {\n        content: var(--tw-content);\n        display: none;\n      }\n    }\n  }\n  .lg\\:fixed {\n    @media (width >= 64rem) {\n      position: fixed;\n    }\n  }\n  .lg\\:inset-y-0 {\n    @media (width >= 64rem) {\n      inset-block: calc(var(--spacing) * 0);\n    }\n  }\n  .lg\\:z-50 {\n    @media (width >= 64rem) {\n      z-index: 50;\n    }\n  }\n  .lg\\:col-span-1 {\n    @media (width >= 64rem) {\n      grid-column: span 1 / span 1;\n    }\n  }\n  .lg\\:col-span-2 {\n    @media (width >= 64rem) {\n      grid-column: span 2 / span 2;\n    }\n  }\n  .lg\\:-mx-8 {\n    @media (width >= 64rem) {\n      margin-inline: calc(var(--spacing) * -8);\n    }\n  }\n  .lg\\:flex {\n    @media (width >= 64rem) {\n      display: flex;\n    }\n  }\n  .lg\\:hidden {\n    @media (width >= 64rem) {\n      display: none;\n    }\n  }\n  .lg\\:h-\\[75vh\\] {\n    @media (width >= 64rem) {\n      height: 75vh;\n    }\n  }\n  .lg\\:w-72 {\n    @media (width >= 64rem) {\n      width: calc(var(--spacing) * 72);\n    }\n  }\n  .lg\\:w-full {\n    @media (width >= 64rem) {\n      width: 100%;\n    }\n  }\n  .lg\\:flex-\\[0_0_35\\%\\] {\n    @media (width >= 64rem) {\n      flex: 0 0 35%;\n    }\n  }\n  .lg\\:flex-\\[0_0_65\\%\\] {\n    @media (width >= 64rem) {\n      flex: 0 0 65%;\n    }\n  }\n  .lg\\:grid-cols-2 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-3 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-4 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-5 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-6 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-\\[2fr_1fr\\] {\n    @media (width >= 64rem) {\n      grid-template-columns: 2fr 1fr;\n    }\n  }\n  .lg\\:flex-col {\n    @media (width >= 64rem) {\n      flex-direction: column;\n    }\n  }\n  .lg\\:flex-row {\n    @media (width >= 64rem) {\n      flex-direction: row;\n    }\n  }\n  .lg\\:items-stretch {\n    @media (width >= 64rem) {\n      align-items: stretch;\n    }\n  }\n  .lg\\:justify-between {\n    @media (width >= 64rem) {\n      justify-content: space-between;\n    }\n  }\n  .lg\\:justify-end {\n    @media (width >= 64rem) {\n      justify-content: flex-end;\n    }\n  }\n  .lg\\:border-r {\n    @media (width >= 64rem) {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 1px;\n    }\n  }\n  .lg\\:p-8 {\n    @media (width >= 64rem) {\n      padding: calc(var(--spacing) * 8);\n    }\n  }\n  .lg\\:px-6 {\n    @media (width >= 64rem) {\n      padding-inline: calc(var(--spacing) * 6);\n    }\n  }\n  .lg\\:px-8 {\n    @media (width >= 64rem) {\n      padding-inline: calc(var(--spacing) * 8);\n    }\n  }\n  .lg\\:py-5 {\n    @media (width >= 64rem) {\n      padding-block: calc(var(--spacing) * 5);\n    }\n  }\n  .lg\\:pt-8 {\n    @media (width >= 64rem) {\n      padding-top: calc(var(--spacing) * 8);\n    }\n  }\n  .lg\\:pl-72 {\n    @media (width >= 64rem) {\n      padding-left: calc(var(--spacing) * 72);\n    }\n  }\n  .xl\\:sticky {\n    @media (width >= 80rem) {\n      position: sticky;\n    }\n  }\n  .xl\\:top-0 {\n    @media (width >= 80rem) {\n      top: calc(var(--spacing) * 0);\n    }\n  }\n  .xl\\:grid-cols-4 {\n    @media (width >= 80rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .xl\\:grid-cols-\\[250px_minmax\\(0\\,1fr\\)_236px\\] {\n    @media (width >= 80rem) {\n      grid-template-columns: 250px minmax(0,1fr) 236px;\n    }\n  }\n  .xl\\:grid-cols-\\[760px_280px\\] {\n    @media (width >= 80rem) {\n      grid-template-columns: 760px 280px;\n    }\n  }\n  .xl\\:gap-x-8 {\n    @media (width >= 80rem) {\n      column-gap: calc(var(--spacing) * 8);\n    }\n  }\n  .\\32 xl\\:grid-cols-3 {\n    @media (width >= 96rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .\\@max-md\\:hidden {\n    @container (width < 28rem) {\n      display: none;\n    }\n  }\n  .\\@max-md\\:grid-cols-1 {\n    @container (width < 28rem) {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n  }\n  .\\@min-\\[460px\\]\\/strip\\:grid-cols-2 {\n    @container strip (width >= 460px) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .\\@min-\\[640px\\]\\:px-8 {\n    @container (width >= 640px) {\n      padding-inline: calc(var(--spacing) * 8);\n    }\n  }\n  .\\@min-\\[640px\\]\\:pb-3 {\n    @container (width >= 640px) {\n      padding-bottom: calc(var(--spacing) * 3);\n    }\n  }\n  .\\@min-\\[760px\\]\\/strip\\:grid-cols-3 {\n    @container strip (width >= 760px) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .\\@min-\\[1200px\\]\\/strip\\:grid-cols-6 {\n    @container strip (width >= 1200px) {\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n  }\n  .dark\\:block {\n    @media (prefers-color-scheme: dark) {\n      display: block;\n    }\n  }\n  .dark\\:hidden {\n    @media (prefers-color-scheme: dark) {\n      display: none;\n    }\n  }\n  .dark\\:border-amber-800 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-amber-800);\n    }\n  }\n  .dark\\:border-amber-900 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-amber-900);\n    }\n  }\n  .dark\\:border-blue-900 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-blue-900);\n    }\n  }\n  .dark\\:border-emerald-900 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-emerald-900);\n    }\n  }\n  .dark\\:border-gray-500 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-gray-500);\n    }\n  }\n  .dark\\:border-green-900 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-green-900);\n    }\n  }\n  .dark\\:border-input {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-input);\n    }\n  }\n  .dark\\:border-purple-900 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-purple-900);\n    }\n  }\n  .dark\\:border-slate-700 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-slate-700);\n    }\n  }\n  .dark\\:border-teal-400\\/25 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 25%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-teal-400) 25%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-blue-950\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-blue-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-blue-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-destructive\\/60 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #dc2626 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-gray-100 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-gray-100);\n    }\n  }\n  .dark\\:bg-gray-500 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-gray-500);\n    }\n  }\n  .dark\\:bg-gray-600 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-gray-600);\n    }\n  }\n  .dark\\:bg-gray-700 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-gray-700);\n    }\n  }\n  .dark\\:bg-gray-900 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-gray-900);\n    }\n  }\n  .dark\\:bg-green-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-green-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-input\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #e4e4e7 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-input) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-orange-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-orange-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-purple-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-purple-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-slate-900\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-teal-950\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(27.7% 0.046 192.524) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-teal-950) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-white);\n    }\n  }\n  .dark\\:p-\\[3px\\] {\n    @media (prefers-color-scheme: dark) {\n      padding: 3px;\n    }\n  }\n  .dark\\:text-amber-200 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-200);\n    }\n  }\n  .dark\\:text-amber-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-300);\n    }\n  }\n  .dark\\:text-amber-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-400);\n    }\n  }\n  .dark\\:text-blue-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-blue-300);\n    }\n  }\n  .dark\\:text-emerald-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-emerald-300);\n    }\n  }\n  .dark\\:text-gray-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-gray-300);\n    }\n  }\n  .dark\\:text-gray-600 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-gray-600);\n    }\n  }\n  .dark\\:text-gray-900 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-gray-900);\n    }\n  }\n  .dark\\:text-green-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-green-300);\n    }\n  }\n  .dark\\:text-orange-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-orange-300);\n    }\n  }\n  .dark\\:text-purple-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-purple-300);\n    }\n  }\n  .dark\\:text-red-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-red-400);\n    }\n  }\n  .dark\\:text-slate-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-slate-300);\n    }\n  }\n  .dark\\:text-slate-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-slate-400);\n    }\n  }\n  .dark\\:text-teal-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-teal-100);\n    }\n  }\n  .dark\\:text-teal-100\\/60 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, oklch(95.3% 0.051 180.801) 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-teal-100) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:text-teal-100\\/70 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, oklch(95.3% 0.051 180.801) 70%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-teal-100) 70%, transparent);\n      }\n    }\n  }\n  .dark\\:text-teal-100\\/80 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, oklch(95.3% 0.051 180.801) 80%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-teal-100) 80%, transparent);\n      }\n    }\n  }\n  .dark\\:group-hover\\:border-gray-500 {\n    @media (prefers-color-scheme: dark) {\n      &:is(:where(.group):hover *) {\n        @media (hover: hover) {\n          border-color: var(--color-gray-500);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-gray-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: var(--color-gray-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-gray-500 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: var(--color-gray-500);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-red-900 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: var(--color-red-900);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-accent\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #f4f4f5 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-amber-900\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-gray-50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-gray-50);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-gray-700 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-gray-700);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-input\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #e4e4e7 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-input) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-red-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-red-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-red-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-teal-50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-teal-50);\n        }\n      }\n    }\n  }\n  .dark\\:focus\\:border-gray-400 {\n    @media (prefers-color-scheme: dark) {\n      &:focus {\n        border-color: var(--color-gray-400);\n      }\n    }\n  }\n  .dark\\:focus-visible\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      &:focus-visible {\n        --tw-ring-color: color-mix(in srgb, #dc2626 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:disabled\\:bg-input\\/80 {\n    @media (prefers-color-scheme: dark) {\n      &:disabled {\n        background-color: color-mix(in srgb, #e4e4e7 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-input) 80%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:has-\\[\\[aria-checked\\=true\\]\\]\\:border-blue-900 {\n    @media (prefers-color-scheme: dark) {\n      &:has(*:is([aria-checked=true])) {\n        border-color: var(--color-blue-900);\n      }\n    }\n  }\n  .dark\\:has-\\[\\[aria-checked\\=true\\]\\]\\:bg-blue-950 {\n    @media (prefers-color-scheme: dark) {\n      &:has(*:is([aria-checked=true])) {\n        background-color: var(--color-blue-950);\n      }\n    }\n  }\n  .dark\\:aria-invalid\\:border-destructive\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &[aria-invalid=\"true\"] {\n        border-color: color-mix(in srgb, #dc2626 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:aria-invalid\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      &[aria-invalid=\"true\"] {\n        --tw-ring-color: color-mix(in srgb, #dc2626 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=active\\]\\:border-slate-100 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"active\"] {\n        border-color: var(--color-slate-100);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=active\\]\\:bg-slate-100 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"active\"] {\n        background-color: var(--color-slate-100);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=active\\]\\:text-slate-900 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"active\"] {\n        color: var(--color-slate-900);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=checked\\]\\:border-blue-700 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"checked\"] {\n        border-color: var(--color-blue-700);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=checked\\]\\:bg-blue-700 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"checked\"] {\n        background-color: var(--color-blue-700);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=checked\\]\\:bg-primary {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"checked\"] {\n        background-color: var(--color-primary);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=checked\\]\\:bg-primary-foreground {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"checked\"] {\n        background-color: var(--color-primary-foreground);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=unchecked\\]\\:bg-input\\/80 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"unchecked\"] {\n        background-color: color-mix(in srgb, #e4e4e7 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-input) 80%, transparent);\n        }\n      }\n    }\n  }\n  .print\\:fill-\\[\\#3730A3\\] {\n    @media print {\n      fill: #3730A3;\n    }\n  }\n  .\\[\\&_\\.react-draggable\\]\\:cursor-grab {\n    & .react-draggable {\n      cursor: grab;\n    }\n  }\n  .\\[\\&_\\.react-draggable-dragging\\]\\:\\!cursor-grabbing {\n    & .react-draggable-dragging {\n      cursor: grabbing !important;\n    }\n  }\n  .\\[\\&_\\.react-grid-placeholder\\]\\:\\!bg-\\[\\#6366f1\\] {\n    & .react-grid-placeholder {\n      background-color: #6366f1 !important;\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:absolute {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        position: absolute;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:right-0 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        right: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:bottom-0 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        bottom: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:h-\\[10px\\] {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        height: 10px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:w-\\[10px\\] {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        width: 10px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-t-0 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        border-top-style: var(--tw-border-style);\n        border-top-width: 0px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-r-2 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        border-right-style: var(--tw-border-style);\n        border-right-width: 2px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-b-2 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        border-bottom-style: var(--tw-border-style);\n        border-bottom-width: 2px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-l-0 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        border-left-style: var(--tw-border-style);\n        border-left-width: 0px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-solid {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        --tw-border-style: solid;\n        border-style: solid;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-indigo-400 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        border-color: var(--color-indigo-400);\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:content-\\[\\\"\\\"\\] {\n    & .react-resizable-handle-se {\n      &::after {\n        --tw-content: \"\";\n        content: var(--tw-content);\n      }\n    }\n  }\n  .\\[\\&_\\.toggle\\.active\\]\\:bg-\\[\\#4E647F\\]\\! {\n    & .toggle.active {\n      background-color: #4E647F !important;\n    }\n  }\n  .\\[\\&_\\:is\\(h1\\,h2\\,h3\\)\\]\\:m-0 {\n    & :is(h1,h2,h3) {\n      margin: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&_a\\]\\:text-accent {\n    & a {\n      color: var(--color-accent);\n    }\n  }\n  .\\[\\&_a\\]\\:text-blue-400 {\n    & a {\n      color: var(--color-blue-400);\n    }\n  }\n  .\\[\\&_a\\]\\:text-blue-500 {\n    & a {\n      color: var(--color-blue-500);\n    }\n  }\n  .\\[\\&_a\\]\\:text-white {\n    & a {\n      color: var(--color-white);\n    }\n  }\n  .\\[\\&_a\\]\\:underline {\n    & a {\n      text-decoration-line: underline;\n    }\n  }\n  .\\[\\&_a\\]\\:hover\\:text-blue-300 {\n    & a {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-blue-300);\n        }\n      }\n    }\n  }\n  .\\[\\&_a\\]\\:hover\\:no-underline {\n    & a {\n      &:hover {\n        @media (hover: hover) {\n          text-decoration-line: none;\n        }\n      }\n    }\n  }\n  .\\[\\&_code\\]\\:rounded {\n    & code {\n      border-radius: 0.25rem;\n    }\n  }\n  .\\[\\&_code\\]\\:rounded-\\[4px\\] {\n    & code {\n      border-radius: 4px;\n    }\n  }\n  .\\[\\&_code\\]\\:bg-blue-100 {\n    & code {\n      background-color: var(--color-blue-100);\n    }\n  }\n  .\\[\\&_code\\]\\:px-1 {\n    & code {\n      padding-inline: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_code\\]\\:px-\\[4px\\] {\n    & code {\n      padding-inline: 4px;\n    }\n  }\n  .\\[\\&_code\\]\\:px-\\[5px\\] {\n    & code {\n      padding-inline: 5px;\n    }\n  }\n  .\\[\\&_code\\]\\:py-0\\.5 {\n    & code {\n      padding-block: calc(var(--spacing) * 0.5);\n    }\n  }\n  .\\[\\&_code\\]\\:py-\\[1px\\] {\n    & code {\n      padding-block: 1px;\n    }\n  }\n  .\\[\\&_code\\]\\:font-mono {\n    & code {\n      font-family: var(--font-mono);\n    }\n  }\n  .\\[\\&_code\\]\\:text-xs {\n    & code {\n      font-size: var(--text-xs);\n      line-height: var(--tw-leading, var(--text-xs--line-height));\n    }\n  }\n  .\\[\\&_code\\]\\:text-\\[11px\\] {\n    & code {\n      font-size: 11px;\n    }\n  }\n  .\\[\\&_em\\]\\:italic {\n    & em {\n      font-style: italic;\n    }\n  }\n  .\\[\\&_h1\\]\\:mt-2 {\n    & h1 {\n      margin-top: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_h1\\]\\:mb-1 {\n    & h1 {\n      margin-bottom: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_h1\\]\\:text-lg {\n    & h1 {\n      font-size: var(--text-lg);\n      line-height: var(--tw-leading, var(--text-lg--line-height));\n    }\n  }\n  .\\[\\&_h1\\]\\:font-bold {\n    & h1 {\n      --tw-font-weight: var(--font-weight-bold);\n      font-weight: var(--font-weight-bold);\n    }\n  }\n  .\\[\\&_h2\\]\\:mt-2 {\n    & h2 {\n      margin-top: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_h2\\]\\:mt-\\[1em\\] {\n    & h2 {\n      margin-top: 1em;\n    }\n  }\n  .\\[\\&_h2\\]\\:mb-1 {\n    & h2 {\n      margin-bottom: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_h2\\]\\:text-base {\n    & h2 {\n      font-size: var(--text-base);\n      line-height: var(--tw-leading, var(--text-base--line-height));\n    }\n  }\n  .\\[\\&_h2\\]\\:text-lg {\n    & h2 {\n      font-size: var(--text-lg);\n      line-height: var(--tw-leading, var(--text-lg--line-height));\n    }\n  }\n  .\\[\\&_h2\\]\\:font-semibold {\n    & h2 {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n  }\n  .\\[\\&_h2\\,\\&_h3\\]\\:mt-\\[1em\\] {\n    & h2,& h3 {\n      margin-top: 1em;\n    }\n  }\n  .\\[\\&_h3\\]\\:mt-1 {\n    & h3 {\n      margin-top: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_h3\\]\\:mb-1 {\n    & h3 {\n      margin-bottom: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_h3\\]\\:text-sm {\n    & h3 {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .\\[\\&_h3\\]\\:font-semibold {\n    & h3 {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n  }\n  .\\[\\&_hr\\]\\:my-\\[1em\\] {\n    & hr {\n      margin-block: 1em;\n    }\n  }\n  .\\[\\&_img\\]\\:my-2 {\n    & img {\n      margin-block: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_img\\]\\:max-w-full {\n    & img {\n      max-width: 100%;\n    }\n  }\n  .\\[\\&_img\\]\\:rounded {\n    & img {\n      border-radius: 0.25rem;\n    }\n  }\n  .\\[\\&_li\\]\\:my-0\\.5 {\n    & li {\n      margin-block: calc(var(--spacing) * 0.5);\n    }\n  }\n  .\\[\\&_ol\\]\\:my-1 {\n    & ol {\n      margin-block: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_ol\\]\\:list-decimal {\n    & ol {\n      list-style-type: decimal;\n    }\n  }\n  .\\[\\&_ol\\]\\:pl-4 {\n    & ol {\n      padding-left: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&_ol\\]\\:pl-5 {\n    & ol {\n      padding-left: calc(var(--spacing) * 5);\n    }\n  }\n  .\\[\\&_p\\]\\:my-1 {\n    & p {\n      margin-block: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_p\\+p\\]\\:mt-\\[1em\\] {\n    & p+p {\n      margin-top: 1em;\n    }\n  }\n  .\\[\\&_pre\\]\\:my-2 {\n    & pre {\n      margin-block: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_pre\\]\\:max-w-full {\n    & pre {\n      max-width: 100%;\n    }\n  }\n  .\\[\\&_pre\\]\\:overflow-x-auto {\n    & pre {\n      overflow-x: auto;\n    }\n  }\n  .\\[\\&_pre\\]\\:rounded {\n    & pre {\n      border-radius: 0.25rem;\n    }\n  }\n  .\\[\\&_pre\\]\\:bg-gray-800 {\n    & pre {\n      background-color: var(--color-gray-800);\n    }\n  }\n  .\\[\\&_pre\\]\\:p-2 {\n    & pre {\n      padding: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_pre\\]\\:text-gray-100 {\n    & pre {\n      color: var(--color-gray-100);\n    }\n  }\n  .\\[\\&_pre_code\\]\\:bg-transparent {\n    & pre code {\n      background-color: transparent;\n    }\n  }\n  .\\[\\&_pre_code\\]\\:p-0 {\n    & pre code {\n      padding: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&_pre_code\\]\\:break-words {\n    & pre code {\n      overflow-wrap: break-word;\n    }\n  }\n  .\\[\\&_pre_code\\]\\:whitespace-pre-wrap {\n    & pre code {\n      white-space: pre-wrap;\n    }\n  }\n  .\\[\\&_strong\\]\\:font-medium {\n    & strong {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&_svg\\]\\:pointer-events-none {\n    & svg {\n      pointer-events: none;\n    }\n  }\n  .\\[\\&_svg\\]\\:size-4 {\n    & svg {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&_svg\\]\\:h-\\[12px\\] {\n    & svg {\n      height: 12px;\n    }\n  }\n  .\\[\\&_svg\\]\\:h-\\[13px\\] {\n    & svg {\n      height: 13px;\n    }\n  }\n  .\\[\\&_svg\\]\\:w-\\[12px\\] {\n    & svg {\n      width: 12px;\n    }\n  }\n  .\\[\\&_svg\\]\\:w-\\[13px\\] {\n    & svg {\n      width: 13px;\n    }\n  }\n  .\\[\\&_svg\\]\\:shrink-0 {\n    & svg {\n      flex-shrink: 0;\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n    & svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&_table\\]\\:min-w-full {\n    & table {\n      min-width: 100%;\n    }\n  }\n  .\\[\\&_table\\]\\:table-fixed {\n    & table {\n      table-layout: fixed;\n    }\n  }\n  .\\[\\&_tbody_td\\]\\:px-\\[17px\\] {\n    & tbody td {\n      padding-inline: 17px;\n    }\n  }\n  .\\[\\&_tbody_td\\]\\:py-0 {\n    & tbody td {\n      padding-block: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&_tbody_td\\]\\:text-\\[12px\\] {\n    & tbody td {\n      font-size: 12px;\n    }\n  }\n  .\\[\\&_tbody_td\\]\\:tabular-nums {\n    & tbody td {\n      --tw-numeric-spacing: tabular-nums;\n      font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n    }\n  }\n  .\\[\\&_tbody_tr\\]\\:h-\\[53px\\] {\n    & tbody tr {\n      height: 53px;\n    }\n  }\n  .\\[\\&_tbody_tr\\]\\:transition-colors {\n    & tbody tr {\n      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n      transition-duration: var(--tw-duration, var(--default-transition-duration));\n    }\n  }\n  .\\[\\&_td\\]\\:border {\n    & td {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .\\[\\&_td\\]\\:border-border {\n    & td {\n      border-color: var(--color-border);\n    }\n  }\n  .\\[\\&_td\\]\\:border-neutral-10 {\n    & td {\n      border-color: var(--color-neutral-10);\n    }\n  }\n  .\\[\\&_td\\]\\:border-neutral-200 {\n    & td {\n      border-color: var(--color-neutral-200);\n    }\n  }\n  .\\[\\&_td\\]\\:p-1 {\n    & td {\n      padding: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_td\\]\\:p-2 {\n    & td {\n      padding: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_td\\]\\:px-3 {\n    & td {\n      padding-inline: calc(var(--spacing) * 3);\n    }\n  }\n  .\\[\\&_td\\]\\:py-1\\.5 {\n    & td {\n      padding-block: calc(var(--spacing) * 1.5);\n    }\n  }\n  .\\[\\&_th\\]\\:sticky {\n    & th {\n      position: sticky;\n    }\n  }\n  .\\[\\&_th\\]\\:top-0 {\n    & th {\n      top: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&_th\\]\\:z-\\[1\\] {\n    & th {\n      z-index: 1;\n    }\n  }\n  .\\[\\&_th\\]\\:border {\n    & th {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .\\[\\&_th\\]\\:border-border {\n    & th {\n      border-color: var(--color-border);\n    }\n  }\n  .\\[\\&_th\\]\\:border-neutral-10 {\n    & th {\n      border-color: var(--color-neutral-10);\n    }\n  }\n  .\\[\\&_th\\]\\:border-neutral-200 {\n    & th {\n      border-color: var(--color-neutral-200);\n    }\n  }\n  .\\[\\&_th\\]\\:p-1 {\n    & th {\n      padding: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_th\\]\\:p-2 {\n    & th {\n      padding: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_th\\]\\:px-3 {\n    & th {\n      padding-inline: calc(var(--spacing) * 3);\n    }\n  }\n  .\\[\\&_th\\]\\:py-1\\.5 {\n    & th {\n      padding-block: calc(var(--spacing) * 1.5);\n    }\n  }\n  .\\[\\&_th\\]\\:py-2 {\n    & th {\n      padding-block: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_th\\]\\:text-\\[14px\\] {\n    & th {\n      font-size: 14px;\n    }\n  }\n  .\\[\\&_th\\]\\:font-medium {\n    & th {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&_th\\]\\:tracking-wide {\n    & th {\n      --tw-tracking: var(--tracking-wide);\n      letter-spacing: var(--tracking-wide);\n    }\n  }\n  .\\[\\&_th\\]\\:uppercase {\n    & th {\n      text-transform: uppercase;\n    }\n  }\n  .\\[\\&_th\\]\\:shadow-\\[inset_0_-1px_0_var\\(--border\\)\\] {\n    & th {\n      --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--border));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .\\[\\&_thead_th\\]\\:sticky {\n    & thead th {\n      position: sticky;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:h-\\[48px\\] {\n    & thead th {\n      height: 48px;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:px-\\[17px\\] {\n    & thead th {\n      padding-inline: 17px;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:font-mono {\n    & thead th {\n      font-family: var(--font-mono);\n    }\n  }\n  .\\[\\&_thead_th\\]\\:text-\\[10px\\] {\n    & thead th {\n      font-size: 10px;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:font-medium {\n    & thead th {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&_thead_th\\]\\:tracking-\\[0\\.05em\\] {\n    & thead th {\n      --tw-tracking: 0.05em;\n      letter-spacing: 0.05em;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:whitespace-nowrap {\n    & thead th {\n      white-space: nowrap;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:uppercase {\n    & thead th {\n      text-transform: uppercase;\n    }\n  }\n  .\\[\\&_thead_th_div\\>button\\]\\:gap-\\[4px\\] {\n    & thead th div>button {\n      gap: 4px;\n    }\n  }\n  .\\[\\&_thead_th_div\\>button\\]\\:\\!text-\\[10px\\] {\n    & thead th div>button {\n      font-size: 10px !important;\n    }\n  }\n  .\\[\\&_thead_th_div\\>button\\]\\:hover\\:bg-transparent {\n    & thead th div>button {\n      &:hover {\n        @media (hover: hover) {\n          background-color: transparent;\n        }\n      }\n    }\n  }\n  .\\[\\&_thead_th_div\\>button_svg\\]\\:h-\\[11px\\] {\n    & thead th div>button svg {\n      height: 11px;\n    }\n  }\n  .\\[\\&_thead_th_div\\>button_svg\\]\\:w-\\[11px\\] {\n    & thead th div>button svg {\n      width: 11px;\n    }\n  }\n  .\\[\\&_thead_tr\\]\\:bg-blue-50 {\n    & thead tr {\n      background-color: var(--color-blue-50);\n    }\n  }\n  .\\[\\&_thead_tr\\]\\:bg-muted\\/50 {\n    & thead tr {\n      background-color: color-mix(in srgb, #f7f7f6 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);\n      }\n    }\n  }\n  .\\[\\&_thead_tr\\]\\:bg-neutral-50 {\n    & thead tr {\n      background-color: var(--color-neutral-50);\n    }\n  }\n  .\\[\\&_tr\\]\\:border-b {\n    & tr {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 1px;\n    }\n  }\n  .\\[\\&_tr\\:last-child\\]\\:border-0 {\n    & tr:last-child {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .\\[\\&_ul\\]\\:my-1 {\n    & ul {\n      margin-block: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_ul\\]\\:list-inside {\n    & ul {\n      list-style-position: inside;\n    }\n  }\n  .\\[\\&_ul\\]\\:list-disc {\n    & ul {\n      list-style-type: disc;\n    }\n  }\n  .\\[\\&_ul\\]\\:pl-4 {\n    & ul {\n      padding-left: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&_ul\\]\\:pl-5 {\n    & ul {\n      padding-left: calc(var(--spacing) * 5);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden {\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar\\]\\:w-1\\.5 {\n    &::-webkit-scrollbar {\n      width: calc(var(--spacing) * 1.5);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar\\]\\:w-\\[6px\\] {\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:rounded-full {\n    &::-webkit-scrollbar-thumb {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:bg-slate-300 {\n    &::-webkit-scrollbar-thumb {\n      background-color: var(--color-slate-300);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:bg-transparent {\n    &::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n  }\n  .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0 {\n    &:has([role=checkbox]) {\n      padding-right: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\.border-b\\]\\:pb-6 {\n    &:is(.border-b) {\n      padding-bottom: calc(var(--spacing) * 6);\n    }\n  }\n  .\\[\\.border-t\\]\\:pt-6 {\n    &:is(.border-t) {\n      padding-top: calc(var(--spacing) * 6);\n    }\n  }\n  .\\[\\&\\:last-child\\>td\\]\\:border-b-0 {\n    &:last-child>td {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .\\[\\&\\>\\*\\]\\:m-0 {\n    &>* {\n      margin: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&\\>\\*\\]\\:shrink-0 {\n    &>* {\n      flex-shrink: 0;\n    }\n  }\n  .\\[\\&\\>button\\]\\:hidden {\n    &>button {\n      display: none;\n    }\n  }\n  .\\[\\&\\>button\\]\\:w-auto {\n    &>button {\n      width: auto;\n    }\n  }\n  .\\[\\&\\>button\\]\\:cursor-not-allowed {\n    &>button {\n      cursor: not-allowed;\n    }\n  }\n  .\\[\\&\\>button\\]\\:rounded-none\\! {\n    &>button {\n      border-radius: 0 !important;\n    }\n  }\n  .\\[\\&\\>button\\]\\:bg-neutral-900 {\n    &>button {\n      background-color: var(--color-neutral-900);\n    }\n  }\n  .\\[\\&\\>button\\]\\:bg-transparent\\! {\n    &>button {\n      background-color: transparent !important;\n    }\n  }\n  .\\[\\&\\>button\\]\\:font-semibold {\n    &>button {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n  }\n  .\\[\\&\\>button\\]\\:text-neutral-300 {\n    &>button {\n      color: var(--color-neutral-300);\n    }\n  }\n  .\\[\\&\\>button\\]\\:text-neutral-900\\! {\n    &>button {\n      color: var(--color-neutral-900) !important;\n    }\n  }\n  .\\[\\&\\>button\\]\\:text-white {\n    &>button {\n      color: var(--color-white);\n    }\n  }\n  .\\[\\&\\>button\\]\\:line-through {\n    &>button {\n      text-decoration-line: line-through;\n    }\n  }\n  .\\[\\&\\>button\\]\\:underline {\n    &>button {\n      text-decoration-line: underline;\n    }\n  }\n  .\\[\\&\\>button\\]\\:decoration-2 {\n    &>button {\n      text-decoration-thickness: 2px;\n    }\n  }\n  .\\[\\&\\>button\\]\\:underline-offset-4 {\n    &>button {\n      text-underline-offset: 4px;\n    }\n  }\n  .\\[\\&\\>button\\]\\:hover\\:bg-neutral-900 {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-neutral-900);\n        }\n      }\n    }\n  }\n  .\\[\\&\\>button\\]\\:hover\\:bg-transparent\\! {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          background-color: transparent !important;\n        }\n      }\n    }\n  }\n  .\\[\\&\\>button\\]\\:hover\\:text-neutral-900\\! {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-neutral-900) !important;\n        }\n      }\n    }\n  }\n  .\\[\\&\\>button\\]\\:hover\\:text-white {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-white);\n        }\n      }\n    }\n  }\n  .\\[\\&\\>button\\:last-child\\]\\:mt-0 {\n    &>button:last-child {\n      margin-top: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&\\>div\\]\\:min-w-\\[200px\\] {\n    &>div {\n      min-width: 200px;\n    }\n  }\n  .\\[\\&\\>div\\]\\:flex-1 {\n    &>div {\n      flex: 1;\n    }\n  }\n  .\\[\\&\\>div\\]\\:\\!rounded-none {\n    &>div {\n      border-radius: 0 !important;\n    }\n  }\n  .\\[\\&\\>div\\]\\:\\!border-0 {\n    &>div {\n      border-style: var(--tw-border-style) !important;\n      border-width: 0px !important;\n    }\n  }\n  .\\[\\&\\>div\\]\\:\\!shadow-none {\n    &>div {\n      --tw-shadow: 0 0 #0000 !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .\\[\\&\\>div_label\\]\\:mb-2 {\n    &>div label {\n      margin-bottom: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&\\>div_label\\]\\:block {\n    &>div label {\n      display: block;\n    }\n  }\n  .\\[\\&\\>div_label\\]\\:text-sm {\n    &>div label {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .\\[\\&\\>div_label\\]\\:font-medium {\n    &>div label {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&\\>div_label\\]\\:text-gray-700 {\n    &>div label {\n      color: var(--color-gray-700);\n    }\n  }\n  .\\[\\&\\>div\\:first-child\\]\\:min-w-\\[200px\\] {\n    &>div:first-child {\n      min-width: 200px;\n    }\n  }\n  .\\[\\&\\>div\\:first-child\\]\\:flex-1 {\n    &>div:first-child {\n      flex: 1;\n    }\n  }\n  .\\[\\&\\>div\\:nth-child\\(2\\)\\]\\:min-w-\\[200px\\] {\n    &>div:nth-child(2) {\n      min-width: 200px;\n    }\n  }\n  .\\[\\&\\>div\\:nth-child\\(2\\)\\]\\:flex-1 {\n    &>div:nth-child(2) {\n      flex: 1;\n    }\n  }\n  .\\[\\&\\>label\\]\\:mb-2 {\n    &>label {\n      margin-bottom: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&\\>label\\]\\:block {\n    &>label {\n      display: block;\n    }\n  }\n  .\\[\\&\\>label\\]\\:text-sm {\n    &>label {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .\\[\\&\\>label\\]\\:font-medium {\n    &>label {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&\\>label\\]\\:text-gray-700 {\n    &>label {\n      color: var(--color-gray-700);\n    }\n  }\n  .max-\\[800px\\]\\:\\[\\&\\>li\\]\\:pb-4 {\n    @media (width < 800px) {\n      &>li {\n        padding-bottom: calc(var(--spacing) * 4);\n      }\n    }\n  }\n  .\\[\\&\\>span\\]\\:line-clamp-1 {\n    &>span {\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n  }\n  .\\[\\&\\>span\\:last-child\\]\\:truncate {\n    &>span:last-child {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:pointer-events-none {\n    &>svg {\n      pointer-events: none;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:size-3 {\n    &>svg {\n      width: calc(var(--spacing) * 3);\n      height: calc(var(--spacing) * 3);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:size-4 {\n    &>svg {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:h-3\\.5 {\n    &>svg {\n      height: calc(var(--spacing) * 3.5);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:h-\\[12px\\] {\n    &>svg {\n      height: 12px;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:w-3\\.5 {\n    &>svg {\n      width: calc(var(--spacing) * 3.5);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:w-\\[12px\\] {\n    &>svg {\n      width: 12px;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:shrink-0 {\n    &>svg {\n      flex-shrink: 0;\n    }\n  }\n  .\\[\\&\\>tbody\\>tr\\:last-child\\>td\\]\\:border-b-0 {\n    &>tbody>tr:last-child>td {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .\\[\\&\\>td\\]\\:border-b-0 {\n    &>td {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .\\[\\&\\>td\\]\\:p-2 {\n    &>td {\n      padding: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&\\>th\\]\\:sticky {\n    &>th {\n      position: sticky;\n    }\n  }\n  .\\[\\&\\>th\\]\\:top-0 {\n    &>th {\n      top: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&\\>th\\]\\:z-10 {\n    &>th {\n      z-index: 10;\n    }\n  }\n  .\\[\\&\\>th\\]\\:bg-muted {\n    &>th {\n      background-color: var(--color-muted);\n    }\n  }\n  .\\[\\&\\>th\\]\\:bg-muted\\/70 {\n    &>th {\n      background-color: color-mix(in srgb, #f7f7f6 70%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);\n      }\n    }\n  }\n  .\\[\\&\\>th\\]\\:p-2 {\n    &>th {\n      padding: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&\\>th\\]\\:text-left {\n    &>th {\n      text-align: left;\n    }\n  }\n  .\\[\\&\\>th\\]\\:font-semibold {\n    &>th {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n  }\n  .\\[\\&\\>tr\\]\\:last\\:border-b-0 {\n    &>tr {\n      &:last-child {\n        border-bottom-style: var(--tw-border-style);\n        border-bottom-width: 0px;\n      }\n    }\n  }\n  .\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180 {\n    &[data-state=open]>svg {\n      rotate: 180deg;\n    }\n  }\n  .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 {\n    [data-side=left][data-collapsible=offcanvas] & {\n      right: calc(var(--spacing) * -2);\n    }\n  }\n  .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize {\n    [data-side=left][data-state=collapsed] & {\n      cursor: e-resize;\n    }\n  }\n  .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 {\n    [data-side=right][data-collapsible=offcanvas] & {\n      left: calc(var(--spacing) * -2);\n    }\n  }\n  .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize {\n    [data-side=right][data-state=collapsed] & {\n      cursor: w-resize;\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-accent {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-accent);\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-destructive\\/90 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #dc2626 90%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-green-200 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-green-200);\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-primary\\/90 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #18181b 90%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-secondary\\/90 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #f4f4f5 90%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:text-accent-foreground {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-accent-foreground);\n        }\n      }\n    }\n  }\n  .\\[table\\[data-flush\\]_\\&\\:last-child\\>td\\:first-child\\]\\:rounded-bl-\\[13px\\] {\n    table[data-flush] &:last-child>td:first-child {\n      border-bottom-left-radius: 13px;\n    }\n  }\n  .\\[table\\[data-flush\\]_\\&\\:last-child\\>td\\:last-child\\]\\:rounded-br-\\[13px\\] {\n    table[data-flush] &:last-child>td:last-child {\n      border-bottom-right-radius: 13px;\n    }\n  }\n}\n@layer base {\n  :root,\n  :host {\n    font-family: 'Inter', sans-serif;\n  }\n}\n@property --tw-border-spacing-x {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-spacing-y {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-scroll-snap-strictness {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: proximity;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-x-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-gradient-position {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-from {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-via {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-to {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-stops {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-via-stops {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-from-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-content {\n  syntax: \"*\";\n  initial-value: \"\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-border-spacing-x: 0;\n      --tw-border-spacing-y: 0;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-scroll-snap-strictness: proximity;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n    }\n  }\n}\n";
+var css_248z = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-50: oklch(97.1% 0.013 17.38);\n    --color-red-100: oklch(93.6% 0.032 17.717);\n    --color-red-200: oklch(88.5% 0.062 18.334);\n    --color-red-300: oklch(80.8% 0.114 19.571);\n    --color-red-400: oklch(70.4% 0.191 22.216);\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-red-600: oklch(57.7% 0.245 27.325);\n    --color-red-700: oklch(50.5% 0.213 27.518);\n    --color-red-800: oklch(44.4% 0.177 26.899);\n    --color-red-900: oklch(39.6% 0.141 25.723);\n    --color-red-950: oklch(25.8% 0.092 26.042);\n    --color-orange-50: #f25c2b;\n    --color-orange-100: #520c03;\n    --color-orange-200: oklch(90.1% 0.076 70.697);\n    --color-orange-300: oklch(83.7% 0.128 66.29);\n    --color-orange-400: oklch(75% 0.183 55.934);\n    --color-orange-500: oklch(70.5% 0.213 47.604);\n    --color-orange-600: oklch(64.6% 0.222 41.116);\n    --color-orange-700: oklch(55.3% 0.195 38.402);\n    --color-orange-800: oklch(47% 0.157 37.304);\n    --color-orange-950: oklch(26.6% 0.079 36.259);\n    --color-amber-50: oklch(98.7% 0.022 95.277);\n    --color-amber-100: oklch(96.2% 0.059 95.617);\n    --color-amber-200: oklch(92.4% 0.12 95.746);\n    --color-amber-300: oklch(87.9% 0.169 91.605);\n    --color-amber-400: oklch(82.8% 0.189 84.429);\n    --color-amber-500: oklch(76.9% 0.188 70.08);\n    --color-amber-600: oklch(66.6% 0.179 58.318);\n    --color-amber-700: oklch(55.5% 0.163 48.998);\n    --color-amber-800: oklch(47.3% 0.137 46.201);\n    --color-amber-900: oklch(41.4% 0.112 45.904);\n    --color-amber-950: oklch(27.9% 0.077 45.635);\n    --color-yellow-50: oklch(98.7% 0.026 102.212);\n    --color-yellow-100: oklch(97.3% 0.071 103.193);\n    --color-yellow-200: oklch(94.5% 0.129 101.54);\n    --color-yellow-300: oklch(90.5% 0.182 98.111);\n    --color-yellow-400: oklch(85.2% 0.199 91.936);\n    --color-yellow-500: oklch(79.5% 0.184 86.047);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-yellow-700: oklch(55.4% 0.135 66.442);\n    --color-yellow-800: oklch(47.6% 0.114 61.907);\n    --color-yellow-900: oklch(42.1% 0.095 57.708);\n    --color-green-50: oklch(98.2% 0.018 155.826);\n    --color-green-100: oklch(96.2% 0.044 156.743);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-300: oklch(87.1% 0.15 154.449);\n    --color-green-400: oklch(79.2% 0.209 151.711);\n    --color-green-500: oklch(72.3% 0.219 149.579);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-green-700: oklch(52.7% 0.154 150.069);\n    --color-green-800: oklch(44.8% 0.119 151.328);\n    --color-green-900: oklch(39.3% 0.095 152.535);\n    --color-green-950: oklch(26.6% 0.065 152.934);\n    --color-emerald-50: oklch(97.9% 0.021 166.113);\n    --color-emerald-200: oklch(90.5% 0.093 164.15);\n    --color-emerald-300: oklch(84.5% 0.143 164.978);\n    --color-emerald-500: oklch(69.6% 0.17 162.48);\n    --color-emerald-600: oklch(59.6% 0.145 163.225);\n    --color-emerald-700: oklch(50.8% 0.118 165.612);\n    --color-emerald-900: oklch(37.8% 0.077 168.94);\n    --color-emerald-950: oklch(26.2% 0.051 172.552);\n    --color-teal-50: oklch(98.4% 0.014 180.72);\n    --color-teal-100: oklch(95.3% 0.051 180.801);\n    --color-teal-400: oklch(77.7% 0.152 181.912);\n    --color-teal-500: oklch(70.4% 0.14 182.503);\n    --color-teal-600: oklch(60% 0.118 184.704);\n    --color-teal-700: oklch(51.1% 0.096 186.391);\n    --color-teal-900: oklch(38.6% 0.063 188.416);\n    --color-teal-950: oklch(27.7% 0.046 192.524);\n    --color-cyan-500: oklch(71.5% 0.143 215.221);\n    --color-cyan-950: oklch(30.2% 0.056 229.695);\n    --color-sky-500: oklch(68.5% 0.169 237.323);\n    --color-sky-600: oklch(58.8% 0.158 241.966);\n    --color-sky-700: oklch(50% 0.134 242.749);\n    --color-blue-50: #3b82f6;\n    --color-blue-100: #172554;\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-300: oklch(80.9% 0.105 251.813);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-blue-500: oklch(62.3% 0.214 259.815);\n    --color-blue-600: oklch(54.6% 0.245 262.881);\n    --color-blue-700: oklch(48.8% 0.243 264.376);\n    --color-blue-800: oklch(42.4% 0.199 265.638);\n    --color-blue-900: oklch(37.9% 0.146 265.522);\n    --color-blue-950: oklch(28.2% 0.091 267.935);\n    --color-indigo-50: oklch(96.2% 0.018 272.314);\n    --color-indigo-100: oklch(93% 0.034 272.788);\n    --color-indigo-200: oklch(87% 0.065 274.039);\n    --color-indigo-300: oklch(78.5% 0.115 274.713);\n    --color-indigo-400: oklch(67.3% 0.182 276.935);\n    --color-indigo-500: oklch(58.5% 0.233 277.117);\n    --color-indigo-600: oklch(51.1% 0.262 276.966);\n    --color-indigo-700: oklch(45.7% 0.24 277.023);\n    --color-violet-50: oklch(96.9% 0.016 293.756);\n    --color-violet-100: oklch(94.3% 0.029 294.588);\n    --color-violet-200: oklch(89.4% 0.057 293.283);\n    --color-violet-300: oklch(81.1% 0.111 293.571);\n    --color-violet-500: oklch(60.6% 0.25 292.717);\n    --color-violet-600: oklch(54.1% 0.281 293.009);\n    --color-violet-700: oklch(49.1% 0.27 292.581);\n    --color-violet-800: oklch(43.2% 0.232 292.759);\n    --color-purple-50: oklch(97.7% 0.014 308.299);\n    --color-purple-100: oklch(94.6% 0.033 307.174);\n    --color-purple-200: oklch(90.2% 0.063 306.703);\n    --color-purple-300: oklch(82.7% 0.119 306.383);\n    --color-purple-400: oklch(71.4% 0.203 305.504);\n    --color-purple-500: oklch(62.7% 0.265 303.9);\n    --color-purple-600: oklch(55.8% 0.288 302.321);\n    --color-purple-700: oklch(49.6% 0.265 301.924);\n    --color-purple-800: oklch(43.8% 0.218 303.724);\n    --color-purple-900: oklch(38.1% 0.176 304.987);\n    --color-purple-950: oklch(29.1% 0.149 302.717);\n    --color-fuchsia-500: oklch(66.7% 0.295 322.15);\n    --color-pink-600: oklch(59.2% 0.249 0.584);\n    --color-rose-50: oklch(96.9% 0.015 12.422);\n    --color-rose-200: oklch(89.2% 0.058 10.001);\n    --color-rose-500: oklch(64.5% 0.246 16.439);\n    --color-rose-600: oklch(58.6% 0.253 17.585);\n    --color-rose-700: oklch(51.4% 0.222 16.935);\n    --color-slate-50: oklch(98.4% 0.003 247.858);\n    --color-slate-100: oklch(96.8% 0.007 247.896);\n    --color-slate-200: oklch(92.9% 0.013 255.508);\n    --color-slate-300: oklch(86.9% 0.022 252.894);\n    --color-slate-400: oklch(70.4% 0.04 256.788);\n    --color-slate-500: oklch(55.4% 0.046 257.417);\n    --color-slate-600: oklch(44.6% 0.043 257.281);\n    --color-slate-700: oklch(37.2% 0.044 257.287);\n    --color-slate-800: oklch(27.9% 0.041 260.031);\n    --color-slate-900: oklch(20.8% 0.042 265.755);\n    --color-slate-950: oklch(12.9% 0.042 264.695);\n    --color-gray-50: oklch(98.5% 0.002 247.839);\n    --color-gray-100: oklch(96.7% 0.003 264.542);\n    --color-gray-200: oklch(92.8% 0.006 264.531);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-400: oklch(70.7% 0.022 261.325);\n    --color-gray-500: oklch(55.1% 0.027 264.364);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-gray-700: oklch(37.3% 0.034 259.733);\n    --color-gray-800: oklch(27.8% 0.033 256.848);\n    --color-gray-900: oklch(21% 0.034 264.665);\n    --color-zinc-100: oklch(96.7% 0.001 286.375);\n    --color-zinc-200: oklch(92% 0.004 286.32);\n    --color-zinc-300: oklch(87.1% 0.006 286.286);\n    --color-zinc-500: oklch(55.2% 0.016 285.938);\n    --color-zinc-600: oklch(44.2% 0.017 285.786);\n    --color-zinc-800: oklch(27.4% 0.006 286.033);\n    --color-zinc-900: oklch(21% 0.006 285.885);\n    --color-neutral-50: #8799af;\n    --color-neutral-100: #172a41;\n    --color-neutral-200: oklch(92.2% 0 0);\n    --color-neutral-300: oklch(87% 0 0);\n    --color-neutral-400: oklch(70.8% 0 0);\n    --color-neutral-500: oklch(55.6% 0 0);\n    --color-neutral-600: oklch(43.9% 0 0);\n    --color-neutral-700: oklch(37.1% 0 0);\n    --color-neutral-800: oklch(26.9% 0 0);\n    --color-neutral-900: oklch(20.5% 0 0);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-xs: 20rem;\n    --container-sm: 24rem;\n    --container-md: 28rem;\n    --container-lg: 32rem;\n    --container-xl: 36rem;\n    --container-2xl: 42rem;\n    --container-3xl: 48rem;\n    --container-4xl: 56rem;\n    --container-5xl: 64rem;\n    --container-6xl: 72rem;\n    --container-7xl: 80rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --text-4xl: 2.25rem;\n    --text-4xl--line-height: calc(2.5 / 2.25);\n    --text-5xl: 3rem;\n    --text-5xl--line-height: 1;\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --text-7xl: 4.5rem;\n    --text-7xl--line-height: 1;\n    --font-weight-light: 300;\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --font-weight-extrabold: 800;\n    --font-weight-black: 900;\n    --tracking-tight: -0.025em;\n    --tracking-normal: 0em;\n    --tracking-wide: 0.025em;\n    --tracking-wider: 0.05em;\n    --tracking-widest: 0.1em;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --leading-normal: 1.5;\n    --leading-relaxed: 1.625;\n    --radius-xs: 0.125rem;\n    --radius-sm: 0.25rem;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --radius-xl: 0.75rem;\n    --radius-2xl: 1rem;\n    --radius-3xl: 1.5rem;\n    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n    --ease-in: cubic-bezier(0.4, 0, 1, 1);\n    --ease-out: cubic-bezier(0, 0, 0.2, 1);\n    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --animate-bounce: bounce 1s infinite;\n    --blur-sm: 8px;\n    --blur-xl: 24px;\n    --blur-2xl: 40px;\n    --blur-3xl: 64px;\n    --aspect-video: 16 / 9;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-primary: #18181b;\n    --color-primary-foreground: #fafafa;\n    --color-secondary: #f4f4f5;\n    --color-secondary-foreground: #18181b;\n    --color-destructive: #dc2626;\n    --color-destructive-foreground: #fef2f2;\n    --color-background: #ffffff;\n    --color-input: #e4e4e7;\n    --color-accent: #f4f4f5;\n    --color-accent-foreground: #18181b;\n    --color-card: #ffffff;\n    --color-card-foreground: #09090b;\n    --color-border: #e4e4e7;\n    --color-sidebar-ring: #a1a1aa;\n    --color-muted: #f7f7f6;\n    --color-muted-foreground: #74716e;\n    --color-orange-10: #fff3e6;\n    --color-orange-20: #ffdfbf;\n    --color-orange-30: #ffb47f;\n    --color-orange-40: #ff8446;\n    --color-orange-60: #cd4b27;\n    --color-orange-70: #b03719;\n    --color-orange-80: #892c0f;\n    --color-orange-90: #61170d;\n    --color-neutral-10: #f1f4f8;\n    --color-neutral-20: #dbe2eb;\n    --color-neutral-30: #bfccda;\n    --color-neutral-40: #a3b2c6;\n    --color-neutral-60: #677c95;\n    --color-neutral-70: #4e647f;\n    --color-neutral-80: #394d66;\n    --color-neutral-90: #293b51;\n    --color-blue-10: #dbeafe;\n    --color-blue-20: #bfdbfe;\n    --color-blue-30: #93c5fd;\n    --color-blue-40: #60a5fa;\n    --color-blue-60: #2563eb;\n    --color-blue-70: #1d4ed8;\n    --color-blue-80: #1e40af;\n    --color-blue-90: #1e3a8a;\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .\\@container\\/card-header {\n    container-type: inline-size;\n    container-name: card-header;\n  }\n  .\\@container\\/strip {\n    container-type: inline-size;\n    container-name: strip;\n  }\n  .\\@container {\n    container-type: inline-size;\n  }\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .invisible {\n    visibility: hidden;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .visible\\! {\n    visibility: visible !important;\n  }\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .-inset-6 {\n    inset: calc(var(--spacing) * -6);\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .inset-\\[8\\%\\] {\n    inset: 8%;\n  }\n  .inset-x-0 {\n    inset-inline: calc(var(--spacing) * 0);\n  }\n  .inset-x-\\[12\\%\\] {\n    inset-inline: 12%;\n  }\n  .inset-y-0 {\n    inset-block: calc(var(--spacing) * 0);\n  }\n  .\\!top-0 {\n    top: calc(var(--spacing) * 0) !important;\n  }\n  .-top-0\\.5 {\n    top: calc(var(--spacing) * -0.5);\n  }\n  .-top-1\\.5 {\n    top: calc(var(--spacing) * -1.5);\n  }\n  .-top-2 {\n    top: calc(var(--spacing) * -2);\n  }\n  .-top-2\\.5 {\n    top: calc(var(--spacing) * -2.5);\n  }\n  .-top-4 {\n    top: calc(var(--spacing) * -4);\n  }\n  .-top-5 {\n    top: calc(var(--spacing) * -5);\n  }\n  .-top-\\[3px\\] {\n    top: calc(3px * -1);\n  }\n  .-top-\\[7px\\] {\n    top: calc(7px * -1);\n  }\n  .-top-\\[100px\\] {\n    top: calc(100px * -1);\n  }\n  .-top-\\[200px\\] {\n    top: calc(200px * -1);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-1 {\n    top: calc(var(--spacing) * 1);\n  }\n  .top-1\\.5 {\n    top: calc(var(--spacing) * 1.5);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .top-2 {\n    top: calc(var(--spacing) * 2);\n  }\n  .top-3 {\n    top: calc(var(--spacing) * 3);\n  }\n  .top-3\\.5 {\n    top: calc(var(--spacing) * 3.5);\n  }\n  .top-4 {\n    top: calc(var(--spacing) * 4);\n  }\n  .top-5 {\n    top: calc(var(--spacing) * 5);\n  }\n  .top-6 {\n    top: calc(var(--spacing) * 6);\n  }\n  .top-8 {\n    top: calc(var(--spacing) * 8);\n  }\n  .top-9 {\n    top: calc(var(--spacing) * 9);\n  }\n  .top-10 {\n    top: calc(var(--spacing) * 10);\n  }\n  .top-20 {\n    top: calc(var(--spacing) * 20);\n  }\n  .top-24 {\n    top: calc(var(--spacing) * 24);\n  }\n  .top-50 {\n    top: calc(var(--spacing) * 50);\n  }\n  .top-200 {\n    top: calc(var(--spacing) * 200);\n  }\n  .top-\\[-2px\\] {\n    top: -2px;\n  }\n  .top-\\[2px\\] {\n    top: 2px;\n  }\n  .top-\\[5px\\] {\n    top: 5px;\n  }\n  .top-\\[6px\\] {\n    top: 6px;\n  }\n  .top-\\[7px\\] {\n    top: 7px;\n  }\n  .top-\\[10px\\] {\n    top: 10px;\n  }\n  .top-\\[15px\\] {\n    top: 15px;\n  }\n  .top-\\[16px\\] {\n    top: 16px;\n  }\n  .top-\\[24\\%\\] {\n    top: 24%;\n  }\n  .top-\\[38\\%\\] {\n    top: 38%;\n  }\n  .top-\\[50\\%\\] {\n    top: 50%;\n  }\n  .top-\\[50px\\] {\n    top: 50px;\n  }\n  .top-\\[96px\\] {\n    top: 96px;\n  }\n  .top-\\[176px\\] {\n    top: 176px;\n  }\n  .top-\\[340px\\] {\n    top: 340px;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .-right-0\\.5 {\n    right: calc(var(--spacing) * -0.5);\n  }\n  .-right-4 {\n    right: calc(var(--spacing) * -4);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .right-1 {\n    right: calc(var(--spacing) * 1);\n  }\n  .right-1\\.5 {\n    right: calc(var(--spacing) * 1.5);\n  }\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n  .right-2\\.5 {\n    right: calc(var(--spacing) * 2.5);\n  }\n  .right-3 {\n    right: calc(var(--spacing) * 3);\n  }\n  .right-3\\.5 {\n    right: calc(var(--spacing) * 3.5);\n  }\n  .right-4 {\n    right: calc(var(--spacing) * 4);\n  }\n  .right-5 {\n    right: calc(var(--spacing) * 5);\n  }\n  .right-6 {\n    right: calc(var(--spacing) * 6);\n  }\n  .right-12 {\n    right: calc(var(--spacing) * 12);\n  }\n  .right-16 {\n    right: calc(var(--spacing) * 16);\n  }\n  .right-30 {\n    right: calc(var(--spacing) * 30);\n  }\n  .right-\\[-100px\\] {\n    right: -100px;\n  }\n  .right-\\[-390px\\] {\n    right: -390px;\n  }\n  .right-\\[7\\%\\] {\n    right: 7%;\n  }\n  .right-\\[8px\\] {\n    right: 8px;\n  }\n  .right-\\[10px\\] {\n    right: 10px;\n  }\n  .right-\\[12px\\] {\n    right: 12px;\n  }\n  .right-\\[14px\\] {\n    right: 14px;\n  }\n  .right-\\[40px\\] {\n    right: 40px;\n  }\n  .bottom-0 {\n    bottom: calc(var(--spacing) * 0);\n  }\n  .bottom-2 {\n    bottom: calc(var(--spacing) * 2);\n  }\n  .bottom-4 {\n    bottom: calc(var(--spacing) * 4);\n  }\n  .bottom-\\[-2px\\] {\n    bottom: -2px;\n  }\n  .bottom-\\[-32px\\] {\n    bottom: -32px;\n  }\n  .bottom-\\[5px\\] {\n    bottom: 5px;\n  }\n  .bottom-\\[7px\\] {\n    bottom: 7px;\n  }\n  .bottom-\\[10\\%\\] {\n    bottom: 10%;\n  }\n  .bottom-\\[10px\\] {\n    bottom: 10px;\n  }\n  .bottom-\\[12px\\] {\n    bottom: 12px;\n  }\n  .bottom-full {\n    bottom: 100%;\n  }\n  .\\!left-0 {\n    left: calc(var(--spacing) * 0) !important;\n  }\n  .-left-\\[7px\\] {\n    left: calc(7px * -1);\n  }\n  .-left-\\[9px\\] {\n    left: calc(9px * -1);\n  }\n  .-left-\\[26px\\] {\n    left: calc(26px * -1);\n  }\n  .-left-\\[200px\\] {\n    left: calc(200px * -1);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-1 {\n    left: calc(var(--spacing) * 1);\n  }\n  .left-1\\.5 {\n    left: calc(var(--spacing) * 1.5);\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%);\n  }\n  .left-2 {\n    left: calc(var(--spacing) * 2);\n  }\n  .left-2\\.5 {\n    left: calc(var(--spacing) * 2.5);\n  }\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n  .left-\\[2px\\] {\n    left: 2px;\n  }\n  .left-\\[4\\.5px\\] {\n    left: 4.5px;\n  }\n  .left-\\[9px\\] {\n    left: 9px;\n  }\n  .left-\\[11px\\] {\n    left: 11px;\n  }\n  .left-\\[12px\\] {\n    left: 12px;\n  }\n  .left-\\[14px\\] {\n    left: 14px;\n  }\n  .left-\\[18px\\] {\n    left: 18px;\n  }\n  .left-\\[22\\%\\] {\n    left: 22%;\n  }\n  .left-\\[30\\%\\] {\n    left: 30%;\n  }\n  .left-\\[50\\%\\] {\n    left: 50%;\n  }\n  .left-\\[80px\\] {\n    left: 80px;\n  }\n  .left-\\[680px\\] {\n    left: 680px;\n  }\n  .left-full {\n    left: 100%;\n  }\n  .isolate {\n    isolation: isolate;\n  }\n  .z-0 {\n    z-index: 0;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-5 {\n    z-index: 5;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-20 {\n    z-index: 20;\n  }\n  .z-30 {\n    z-index: 30;\n  }\n  .z-40 {\n    z-index: 40;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-55 {\n    z-index: 55;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .z-\\[3\\] {\n    z-index: 3;\n  }\n  .z-\\[5\\] {\n    z-index: 5;\n  }\n  .z-\\[50\\] {\n    z-index: 50;\n  }\n  .z-\\[55\\] {\n    z-index: 55;\n  }\n  .z-\\[60\\] {\n    z-index: 60;\n  }\n  .z-\\[70\\] {\n    z-index: 70;\n  }\n  .z-\\[200\\] {\n    z-index: 200;\n  }\n  .z-\\[1000\\] {\n    z-index: 1000;\n  }\n  .z-\\[9200\\] {\n    z-index: 9200;\n  }\n  .z-\\[9999\\] {\n    z-index: 9999;\n  }\n  .order-1 {\n    order: 1;\n  }\n  .order-2 {\n    order: 2;\n  }\n  .order-9 {\n    order: 9;\n  }\n  .order-10 {\n    order: 10;\n  }\n  .order-42 {\n    order: 42;\n  }\n  .order-77 {\n    order: 77;\n  }\n  .order-123 {\n    order: 123;\n  }\n  .order-456 {\n    order: 456;\n  }\n  .order-9749 {\n    order: 9749;\n  }\n  .order-12345 {\n    order: 12345;\n  }\n  .col-span-1 {\n    grid-column: span 1 / span 1;\n  }\n  .col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n  .col-span-6 {\n    grid-column: span 6 / span 6;\n  }\n  .col-span-full {\n    grid-column: 1 / -1;\n  }\n  .col-start-1 {\n    grid-column-start: 1;\n  }\n  .col-start-2 {\n    grid-column-start: 2;\n  }\n  .col-end-1 {\n    grid-column-end: 1;\n  }\n  .col-end-2 {\n    grid-column-end: 2;\n  }\n  .row-auto {\n    grid-row: auto;\n  }\n  .row-span-2 {\n    grid-row: span 2 / span 2;\n  }\n  .row-span-full {\n    grid-row: 1 / -1;\n  }\n  .row-start-1 {\n    grid-row-start: 1;\n  }\n  .float-left {\n    float: left;\n  }\n  .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .-m-2\\.5 {\n    margin: calc(var(--spacing) * -2.5);\n  }\n  .m-0 {\n    margin: calc(var(--spacing) * 0);\n  }\n  .m-1 {\n    margin: calc(var(--spacing) * 1);\n  }\n  .m-2 {\n    margin: calc(var(--spacing) * 2);\n  }\n  .m-4 {\n    margin: calc(var(--spacing) * 4);\n  }\n  .m-8 {\n    margin: calc(var(--spacing) * 8);\n  }\n  .-mx-1 {\n    margin-inline: calc(var(--spacing) * -1);\n  }\n  .-mx-1\\.5 {\n    margin-inline: calc(var(--spacing) * -1.5);\n  }\n  .-mx-2 {\n    margin-inline: calc(var(--spacing) * -2);\n  }\n  .-mx-4 {\n    margin-inline: calc(var(--spacing) * -4);\n  }\n  .-mx-6 {\n    margin-inline: calc(var(--spacing) * -6);\n  }\n  .-mx-\\[2px\\] {\n    margin-inline: calc(2px * -1);\n  }\n  .-mx-\\[16px\\] {\n    margin-inline: calc(16px * -1);\n  }\n  .-mx-\\[17px\\] {\n    margin-inline: calc(17px * -1);\n  }\n  .mx-0 {\n    margin-inline: calc(var(--spacing) * 0);\n  }\n  .mx-0\\.5 {\n    margin-inline: calc(var(--spacing) * 0.5);\n  }\n  .mx-1 {\n    margin-inline: calc(var(--spacing) * 1);\n  }\n  .mx-2 {\n    margin-inline: calc(var(--spacing) * 2);\n  }\n  .mx-3 {\n    margin-inline: calc(var(--spacing) * 3);\n  }\n  .mx-3\\.5 {\n    margin-inline: calc(var(--spacing) * 3.5);\n  }\n  .mx-4 {\n    margin-inline: calc(var(--spacing) * 4);\n  }\n  .mx-5 {\n    margin-inline: calc(var(--spacing) * 5);\n  }\n  .mx-\\[2px\\] {\n    margin-inline: 2px;\n  }\n  .mx-\\[6px\\] {\n    margin-inline: 6px;\n  }\n  .mx-\\[20px\\] {\n    margin-inline: 20px;\n  }\n  .mx-\\[22px\\] {\n    margin-inline: 22px;\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .-my-1\\.5 {\n    margin-block: calc(var(--spacing) * -1.5);\n  }\n  .-my-2 {\n    margin-block: calc(var(--spacing) * -2);\n  }\n  .-my-3 {\n    margin-block: calc(var(--spacing) * -3);\n  }\n  .-my-5 {\n    margin-block: calc(var(--spacing) * -5);\n  }\n  .my-0 {\n    margin-block: calc(var(--spacing) * 0);\n  }\n  .my-0\\.5 {\n    margin-block: calc(var(--spacing) * 0.5);\n  }\n  .my-1 {\n    margin-block: calc(var(--spacing) * 1);\n  }\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2);\n  }\n  .my-3 {\n    margin-block: calc(var(--spacing) * 3);\n  }\n  .my-4 {\n    margin-block: calc(var(--spacing) * 4);\n  }\n  .my-5 {\n    margin-block: calc(var(--spacing) * 5);\n  }\n  .my-6 {\n    margin-block: calc(var(--spacing) * 6);\n  }\n  .my-10 {\n    margin-block: calc(var(--spacing) * 10);\n  }\n  .my-\\[1px\\] {\n    margin-block: 1px;\n  }\n  .my-\\[10px\\] {\n    margin-block: 10px;\n  }\n  .-mt-0\\.5 {\n    margin-top: calc(var(--spacing) * -0.5);\n  }\n  .-mt-1 {\n    margin-top: calc(var(--spacing) * -1);\n  }\n  .-mt-2 {\n    margin-top: calc(var(--spacing) * -2);\n  }\n  .-mt-4 {\n    margin-top: calc(var(--spacing) * -4);\n  }\n  .-mt-6 {\n    margin-top: calc(var(--spacing) * -6);\n  }\n  .-mt-\\[6px\\] {\n    margin-top: calc(6px * -1);\n  }\n  .mt-0 {\n    margin-top: calc(var(--spacing) * 0);\n  }\n  .mt-0\\.5 {\n    margin-top: calc(var(--spacing) * 0.5);\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-2\\.5 {\n    margin-top: calc(var(--spacing) * 2.5);\n  }\n  .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n  .mt-3\\.5 {\n    margin-top: calc(var(--spacing) * 3.5);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-5 {\n    margin-top: calc(var(--spacing) * 5);\n  }\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n  .mt-7 {\n    margin-top: calc(var(--spacing) * 7);\n  }\n  .mt-8 {\n    margin-top: calc(var(--spacing) * 8);\n  }\n  .mt-9 {\n    margin-top: calc(var(--spacing) * 9);\n  }\n  .mt-10 {\n    margin-top: calc(var(--spacing) * 10);\n  }\n  .mt-11 {\n    margin-top: calc(var(--spacing) * 11);\n  }\n  .mt-12 {\n    margin-top: calc(var(--spacing) * 12);\n  }\n  .mt-14 {\n    margin-top: calc(var(--spacing) * 14);\n  }\n  .mt-\\[-2px\\] {\n    margin-top: -2px;\n  }\n  .mt-\\[1px\\] {\n    margin-top: 1px;\n  }\n  .mt-\\[2px\\] {\n    margin-top: 2px;\n  }\n  .mt-\\[3px\\] {\n    margin-top: 3px;\n  }\n  .mt-\\[4px\\] {\n    margin-top: 4px;\n  }\n  .mt-\\[5px\\] {\n    margin-top: 5px;\n  }\n  .mt-\\[6px\\] {\n    margin-top: 6px;\n  }\n  .mt-\\[7px\\] {\n    margin-top: 7px;\n  }\n  .mt-\\[8px\\] {\n    margin-top: 8px;\n  }\n  .mt-\\[10px\\] {\n    margin-top: 10px;\n  }\n  .mt-\\[11px\\] {\n    margin-top: 11px;\n  }\n  .mt-\\[12px\\] {\n    margin-top: 12px;\n  }\n  .mt-\\[14px\\] {\n    margin-top: 14px;\n  }\n  .mt-\\[16px\\] {\n    margin-top: 16px;\n  }\n  .mt-\\[18px\\] {\n    margin-top: 18px;\n  }\n  .mt-\\[20px\\] {\n    margin-top: 20px;\n  }\n  .mt-\\[22px\\] {\n    margin-top: 22px;\n  }\n  .mt-auto {\n    margin-top: auto;\n  }\n  .mt-px {\n    margin-top: 1px;\n  }\n  .-mr-1 {\n    margin-right: calc(var(--spacing) * -1);\n  }\n  .-mr-4 {\n    margin-right: calc(var(--spacing) * -4);\n  }\n  .-mr-px {\n    margin-right: -1px;\n  }\n  .mr-0 {\n    margin-right: calc(var(--spacing) * 0);\n  }\n  .mr-0\\.5 {\n    margin-right: calc(var(--spacing) * 0.5);\n  }\n  .mr-1 {\n    margin-right: calc(var(--spacing) * 1);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(var(--spacing) * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mr-2\\.5 {\n    margin-right: calc(var(--spacing) * 2.5);\n  }\n  .mr-3 {\n    margin-right: calc(var(--spacing) * 3);\n  }\n  .mr-4 {\n    margin-right: calc(var(--spacing) * 4);\n  }\n  .mr-16 {\n    margin-right: calc(var(--spacing) * 16);\n  }\n  .mr-\\[4px\\] {\n    margin-right: 4px;\n  }\n  .mr-\\[6px\\] {\n    margin-right: 6px;\n  }\n  .mr-\\[7px\\] {\n    margin-right: 7px;\n  }\n  .mr-\\[24px\\] {\n    margin-right: 24px;\n  }\n  .mr-auto {\n    margin-right: auto;\n  }\n  .-mb-\\[1\\.5px\\] {\n    margin-bottom: calc(1.5px * -1);\n  }\n  .-mb-\\[16px\\] {\n    margin-bottom: calc(16px * -1);\n  }\n  .-mb-px {\n    margin-bottom: -1px;\n  }\n  .mb-0 {\n    margin-bottom: calc(var(--spacing) * 0);\n  }\n  .mb-0\\.5 {\n    margin-bottom: calc(var(--spacing) * 0.5);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-1\\.5 {\n    margin-bottom: calc(var(--spacing) * 1.5);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-2\\.5 {\n    margin-bottom: calc(var(--spacing) * 2.5);\n  }\n  .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n  .mb-3\\.5 {\n    margin-bottom: calc(var(--spacing) * 3.5);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-5 {\n    margin-bottom: calc(var(--spacing) * 5);\n  }\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n  .mb-7 {\n    margin-bottom: calc(var(--spacing) * 7);\n  }\n  .mb-8 {\n    margin-bottom: calc(var(--spacing) * 8);\n  }\n  .mb-10 {\n    margin-bottom: calc(var(--spacing) * 10);\n  }\n  .mb-\\[1px\\] {\n    margin-bottom: 1px;\n  }\n  .mb-\\[2px\\] {\n    margin-bottom: 2px;\n  }\n  .mb-\\[3px\\] {\n    margin-bottom: 3px;\n  }\n  .mb-\\[4px\\] {\n    margin-bottom: 4px;\n  }\n  .mb-\\[5px\\] {\n    margin-bottom: 5px;\n  }\n  .mb-\\[6px\\] {\n    margin-bottom: 6px;\n  }\n  .mb-\\[7px\\] {\n    margin-bottom: 7px;\n  }\n  .mb-\\[8px\\] {\n    margin-bottom: 8px;\n  }\n  .mb-\\[9px\\] {\n    margin-bottom: 9px;\n  }\n  .mb-\\[10px\\] {\n    margin-bottom: 10px;\n  }\n  .mb-\\[11px\\] {\n    margin-bottom: 11px;\n  }\n  .mb-\\[12px\\] {\n    margin-bottom: 12px;\n  }\n  .mb-\\[14px\\] {\n    margin-bottom: 14px;\n  }\n  .mb-\\[16px\\] {\n    margin-bottom: 16px;\n  }\n  .mb-\\[18px\\] {\n    margin-bottom: 18px;\n  }\n  .mb-\\[20px\\] {\n    margin-bottom: 20px;\n  }\n  .mb-\\[24px\\] {\n    margin-bottom: 24px;\n  }\n  .mb-\\[32px\\] {\n    margin-bottom: 32px;\n  }\n  .-ml-0\\.5 {\n    margin-left: calc(var(--spacing) * -0.5);\n  }\n  .-ml-1 {\n    margin-left: calc(var(--spacing) * -1);\n  }\n  .-ml-2 {\n    margin-left: calc(var(--spacing) * -2);\n  }\n  .-ml-\\[3px\\] {\n    margin-left: calc(3px * -1);\n  }\n  .ml-0 {\n    margin-left: calc(var(--spacing) * 0);\n  }\n  .ml-0\\.5 {\n    margin-left: calc(var(--spacing) * 0.5);\n  }\n  .ml-1 {\n    margin-left: calc(var(--spacing) * 1);\n  }\n  .ml-1\\.5 {\n    margin-left: calc(var(--spacing) * 1.5);\n  }\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n  .ml-3 {\n    margin-left: calc(var(--spacing) * 3);\n  }\n  .ml-4 {\n    margin-left: calc(var(--spacing) * 4);\n  }\n  .ml-5 {\n    margin-left: calc(var(--spacing) * 5);\n  }\n  .ml-6 {\n    margin-left: calc(var(--spacing) * 6);\n  }\n  .ml-7 {\n    margin-left: calc(var(--spacing) * 7);\n  }\n  .ml-10 {\n    margin-left: calc(var(--spacing) * 10);\n  }\n  .ml-28 {\n    margin-left: calc(var(--spacing) * 28);\n  }\n  .ml-43 {\n    margin-left: calc(var(--spacing) * 43);\n  }\n  .ml-\\[2px\\] {\n    margin-left: 2px;\n  }\n  .ml-\\[4px\\] {\n    margin-left: 4px;\n  }\n  .ml-\\[5px\\] {\n    margin-left: 5px;\n  }\n  .ml-\\[6px\\] {\n    margin-left: 6px;\n  }\n  .ml-\\[7px\\] {\n    margin-left: 7px;\n  }\n  .ml-\\[8px\\] {\n    margin-left: 8px;\n  }\n  .ml-\\[18px\\] {\n    margin-left: 18px;\n  }\n  .ml-\\[28px\\] {\n    margin-left: 28px;\n  }\n  .ml-\\[40px\\] {\n    margin-left: 40px;\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .box-border {\n    box-sizing: border-box;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .block {\n    display: block;\n  }\n  .contents {\n    display: contents;\n  }\n  .contents\\! {\n    display: contents !important;\n  }\n  .flex {\n    display: flex;\n  }\n  .flow-root {\n    display: flow-root;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .list-item {\n    display: list-item;\n  }\n  .table {\n    display: table;\n  }\n  .table-caption {\n    display: table-caption;\n  }\n  .table-cell {\n    display: table-cell;\n  }\n  .table-row {\n    display: table-row;\n  }\n  .field-sizing-content {\n    field-sizing: content;\n  }\n  .aspect-\\[4\\/5\\] {\n    aspect-ratio: 4/5;\n  }\n  .aspect-\\[5\\/2\\] {\n    aspect-ratio: 5/2;\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .aspect-video {\n    aspect-ratio: var(--aspect-video);\n  }\n  .size-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n    height: calc(var(--spacing) * 1.5);\n  }\n  .size-2 {\n    width: calc(var(--spacing) * 2);\n    height: calc(var(--spacing) * 2);\n  }\n  .size-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n    height: calc(var(--spacing) * 2.5);\n  }\n  .size-3 {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n  .size-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n  .size-4 {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n  .size-5 {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n  .size-6 {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n  .size-7 {\n    width: calc(var(--spacing) * 7);\n    height: calc(var(--spacing) * 7);\n  }\n  .size-8 {\n    width: calc(var(--spacing) * 8);\n    height: calc(var(--spacing) * 8);\n  }\n  .size-9 {\n    width: calc(var(--spacing) * 9);\n    height: calc(var(--spacing) * 9);\n  }\n  .size-10 {\n    width: calc(var(--spacing) * 10);\n    height: calc(var(--spacing) * 10);\n  }\n  .size-12 {\n    width: calc(var(--spacing) * 12);\n    height: calc(var(--spacing) * 12);\n  }\n  .size-14 {\n    width: calc(var(--spacing) * 14);\n    height: calc(var(--spacing) * 14);\n  }\n  .size-\\[6px\\] {\n    width: 6px;\n    height: 6px;\n  }\n  .size-\\[7px\\] {\n    width: 7px;\n    height: 7px;\n  }\n  .size-\\[8px\\] {\n    width: 8px;\n    height: 8px;\n  }\n  .size-\\[9px\\] {\n    width: 9px;\n    height: 9px;\n  }\n  .size-\\[10px\\] {\n    width: 10px;\n    height: 10px;\n  }\n  .size-\\[11px\\] {\n    width: 11px;\n    height: 11px;\n  }\n  .size-\\[12px\\] {\n    width: 12px;\n    height: 12px;\n  }\n  .size-\\[13px\\] {\n    width: 13px;\n    height: 13px;\n  }\n  .size-\\[14px\\] {\n    width: 14px;\n    height: 14px;\n  }\n  .size-\\[15px\\] {\n    width: 15px;\n    height: 15px;\n  }\n  .size-\\[18px\\] {\n    width: 18px;\n    height: 18px;\n  }\n  .size-\\[20px\\] {\n    width: 20px;\n    height: 20px;\n  }\n  .size-\\[22px\\] {\n    width: 22px;\n    height: 22px;\n  }\n  .size-\\[30px\\] {\n    width: 30px;\n    height: 30px;\n  }\n  .size-\\[40px\\] {\n    width: 40px;\n    height: 40px;\n  }\n  .size-\\[44px\\] {\n    width: 44px;\n    height: 44px;\n  }\n  .size-\\[60px\\] {\n    width: 60px;\n    height: 60px;\n  }\n  .size-full {\n    width: 100%;\n    height: 100%;\n  }\n  .\\!h-screen {\n    height: 100vh !important;\n  }\n  .h-0 {\n    height: calc(var(--spacing) * 0);\n  }\n  .h-0\\.5 {\n    height: calc(var(--spacing) * 0.5);\n  }\n  .h-1 {\n    height: calc(var(--spacing) * 1);\n  }\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n  .h-2\\.5 {\n    height: calc(var(--spacing) * 2.5);\n  }\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-4\\.5 {\n    height: calc(var(--spacing) * 4.5);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n  .h-11 {\n    height: calc(var(--spacing) * 11);\n  }\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n  .h-14 {\n    height: calc(var(--spacing) * 14);\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n  .h-20 {\n    height: calc(var(--spacing) * 20);\n  }\n  .h-24 {\n    height: calc(var(--spacing) * 24);\n  }\n  .h-28 {\n    height: calc(var(--spacing) * 28);\n  }\n  .h-32 {\n    height: calc(var(--spacing) * 32);\n  }\n  .h-40 {\n    height: calc(var(--spacing) * 40);\n  }\n  .h-44 {\n    height: calc(var(--spacing) * 44);\n  }\n  .h-48 {\n    height: calc(var(--spacing) * 48);\n  }\n  .h-64 {\n    height: calc(var(--spacing) * 64);\n  }\n  .h-72 {\n    height: calc(var(--spacing) * 72);\n  }\n  .h-80 {\n    height: calc(var(--spacing) * 80);\n  }\n  .h-96 {\n    height: calc(var(--spacing) * 96);\n  }\n  .h-\\[2\\.5px\\] {\n    height: 2.5px;\n  }\n  .h-\\[2px\\] {\n    height: 2px;\n  }\n  .h-\\[3px\\] {\n    height: 3px;\n  }\n  .h-\\[4px\\] {\n    height: 4px;\n  }\n  .h-\\[5px\\] {\n    height: 5px;\n  }\n  .h-\\[6px\\] {\n    height: 6px;\n  }\n  .h-\\[7px\\] {\n    height: 7px;\n  }\n  .h-\\[8px\\] {\n    height: 8px;\n  }\n  .h-\\[9px\\] {\n    height: 9px;\n  }\n  .h-\\[10px\\] {\n    height: 10px;\n  }\n  .h-\\[11px\\] {\n    height: 11px;\n  }\n  .h-\\[12px\\] {\n    height: 12px;\n  }\n  .h-\\[13px\\] {\n    height: 13px;\n  }\n  .h-\\[14px\\] {\n    height: 14px;\n  }\n  .h-\\[15\\.33px\\] {\n    height: 15.33px;\n  }\n  .h-\\[15px\\] {\n    height: 15px;\n  }\n  .h-\\[16px\\] {\n    height: 16px;\n  }\n  .h-\\[17px\\] {\n    height: 17px;\n  }\n  .h-\\[18px\\] {\n    height: 18px;\n  }\n  .h-\\[20px\\] {\n    height: 20px;\n  }\n  .h-\\[22px\\] {\n    height: 22px;\n  }\n  .h-\\[23px\\] {\n    height: 23px;\n  }\n  .h-\\[24px\\] {\n    height: 24px;\n  }\n  .h-\\[25px\\] {\n    height: 25px;\n  }\n  .h-\\[26\\%\\] {\n    height: 26%;\n  }\n  .h-\\[26px\\] {\n    height: 26px;\n  }\n  .h-\\[28px\\] {\n    height: 28px;\n  }\n  .h-\\[29px\\] {\n    height: 29px;\n  }\n  .h-\\[30\\%\\] {\n    height: 30%;\n  }\n  .h-\\[30px\\] {\n    height: 30px;\n  }\n  .h-\\[32px\\] {\n    height: 32px;\n  }\n  .h-\\[34px\\] {\n    height: 34px;\n  }\n  .h-\\[35px\\] {\n    height: 35px;\n  }\n  .h-\\[36px\\] {\n    height: 36px;\n  }\n  .h-\\[38px\\] {\n    height: 38px;\n  }\n  .h-\\[40px\\] {\n    height: 40px;\n  }\n  .h-\\[41px\\] {\n    height: 41px;\n  }\n  .h-\\[42px\\] {\n    height: 42px;\n  }\n  .h-\\[44\\%\\] {\n    height: 44%;\n  }\n  .h-\\[48px\\] {\n    height: 48px;\n  }\n  .h-\\[50px\\] {\n    height: 50px;\n  }\n  .h-\\[52\\%\\] {\n    height: 52%;\n  }\n  .h-\\[52px\\] {\n    height: 52px;\n  }\n  .h-\\[53px\\] {\n    height: 53px;\n  }\n  .h-\\[54px\\] {\n    height: 54px;\n  }\n  .h-\\[60px\\] {\n    height: 60px;\n  }\n  .h-\\[60vh\\] {\n    height: 60vh;\n  }\n  .h-\\[64px\\] {\n    height: 64px;\n  }\n  .h-\\[68px\\] {\n    height: 68px;\n  }\n  .h-\\[70px\\] {\n    height: 70px;\n  }\n  .h-\\[70vh\\] {\n    height: 70vh;\n  }\n  .h-\\[74px\\] {\n    height: 74px;\n  }\n  .h-\\[85vh\\] {\n    height: 85vh;\n  }\n  .h-\\[90px\\] {\n    height: 90px;\n  }\n  .h-\\[92vh\\] {\n    height: 92vh;\n  }\n  .h-\\[100vh\\] {\n    height: 100vh;\n  }\n  .h-\\[108px\\] {\n    height: 108px;\n  }\n  .h-\\[110px\\] {\n    height: 110px;\n  }\n  .h-\\[150px\\] {\n    height: 150px;\n  }\n  .h-\\[162px\\] {\n    height: 162px;\n  }\n  .h-\\[180px\\] {\n    height: 180px;\n  }\n  .h-\\[190px\\] {\n    height: 190px;\n  }\n  .h-\\[200px\\] {\n    height: 200px;\n  }\n  .h-\\[225px\\] {\n    height: 225px;\n  }\n  .h-\\[250px\\] {\n    height: 250px;\n  }\n  .h-\\[260px\\] {\n    height: 260px;\n  }\n  .h-\\[262px\\] {\n    height: 262px;\n  }\n  .h-\\[280px\\] {\n    height: 280px;\n  }\n  .h-\\[300px\\] {\n    height: 300px;\n  }\n  .h-\\[320px\\] {\n    height: 320px;\n  }\n  .h-\\[340px\\] {\n    height: 340px;\n  }\n  .h-\\[390px\\] {\n    height: 390px;\n  }\n  .h-\\[400px\\] {\n    height: 400px;\n  }\n  .h-\\[500px\\] {\n    height: 500px;\n  }\n  .h-\\[600px\\] {\n    height: 600px;\n  }\n  .h-\\[640px\\] {\n    height: 640px;\n  }\n  .h-\\[720px\\] {\n    height: 720px;\n  }\n  .h-\\[800px\\] {\n    height: 800px;\n  }\n  .h-\\[calc-size\\(max-content\\,size\\)\\] {\n    height: calc-size(max-content,size);\n  }\n  .h-\\[var\\(--radix-select-trigger-height\\)\\] {\n    height: var(--radix-select-trigger-height);\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-fit {\n    height: fit-content;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .h-px {\n    height: 1px;\n  }\n  .h-screen {\n    height: 100vh;\n  }\n  .h-svh {\n    height: 100svh;\n  }\n  .max-h-0 {\n    max-height: calc(var(--spacing) * 0);\n  }\n  .max-h-4 {\n    max-height: calc(var(--spacing) * 4);\n  }\n  .max-h-40 {\n    max-height: calc(var(--spacing) * 40);\n  }\n  .max-h-48 {\n    max-height: calc(var(--spacing) * 48);\n  }\n  .max-h-56 {\n    max-height: calc(var(--spacing) * 56);\n  }\n  .max-h-60 {\n    max-height: calc(var(--spacing) * 60);\n  }\n  .max-h-64 {\n    max-height: calc(var(--spacing) * 64);\n  }\n  .max-h-72 {\n    max-height: calc(var(--spacing) * 72);\n  }\n  .max-h-80 {\n    max-height: calc(var(--spacing) * 80);\n  }\n  .max-h-96 {\n    max-height: calc(var(--spacing) * 96);\n  }\n  .max-h-\\[--radix-select-content-available-height\\] {\n    max-height: --radix-select-content-available-height;\n  }\n  .max-h-\\[20\\.5rem\\] {\n    max-height: 20.5rem;\n  }\n  .max-h-\\[28px\\] {\n    max-height: 28px;\n  }\n  .max-h-\\[40em\\] {\n    max-height: 40em;\n  }\n  .max-h-\\[40vh\\] {\n    max-height: 40vh;\n  }\n  .max-h-\\[45vh\\] {\n    max-height: 45vh;\n  }\n  .max-h-\\[56vh\\] {\n    max-height: 56vh;\n  }\n  .max-h-\\[60vh\\] {\n    max-height: 60vh;\n  }\n  .max-h-\\[75vh\\] {\n    max-height: 75vh;\n  }\n  .max-h-\\[80vh\\] {\n    max-height: 80vh;\n  }\n  .max-h-\\[85vh\\] {\n    max-height: 85vh;\n  }\n  .max-h-\\[86vh\\] {\n    max-height: 86vh;\n  }\n  .max-h-\\[90vh\\] {\n    max-height: 90vh;\n  }\n  .max-h-\\[92vh\\] {\n    max-height: 92vh;\n  }\n  .max-h-\\[95vh\\] {\n    max-height: 95vh;\n  }\n  .max-h-\\[180px\\] {\n    max-height: 180px;\n  }\n  .max-h-\\[190px\\] {\n    max-height: 190px;\n  }\n  .max-h-\\[200px\\] {\n    max-height: 200px;\n  }\n  .max-h-\\[206px\\] {\n    max-height: 206px;\n  }\n  .max-h-\\[248px\\] {\n    max-height: 248px;\n  }\n  .max-h-\\[260px\\] {\n    max-height: 260px;\n  }\n  .max-h-\\[280px\\] {\n    max-height: 280px;\n  }\n  .max-h-\\[300px\\] {\n    max-height: 300px;\n  }\n  .max-h-\\[420px\\] {\n    max-height: 420px;\n  }\n  .max-h-\\[460px\\] {\n    max-height: 460px;\n  }\n  .max-h-\\[600px\\] {\n    max-height: 600px;\n  }\n  .max-h-\\[611px\\] {\n    max-height: 611px;\n  }\n  .max-h-\\[612px\\] {\n    max-height: 612px;\n  }\n  .max-h-\\[700px\\] {\n    max-height: 700px;\n  }\n  .max-h-\\[calc\\(100vh-320px\\)\\] {\n    max-height: calc(100vh - 320px);\n  }\n  .max-h-\\[var\\(--radix-dropdown-menu-content-available-height\\)\\] {\n    max-height: var(--radix-dropdown-menu-content-available-height);\n  }\n  .min-h-0 {\n    min-height: calc(var(--spacing) * 0);\n  }\n  .min-h-6 {\n    min-height: calc(var(--spacing) * 6);\n  }\n  .min-h-8 {\n    min-height: calc(var(--spacing) * 8);\n  }\n  .min-h-9 {\n    min-height: calc(var(--spacing) * 9);\n  }\n  .min-h-10 {\n    min-height: calc(var(--spacing) * 10);\n  }\n  .min-h-16 {\n    min-height: calc(var(--spacing) * 16);\n  }\n  .min-h-48 {\n    min-height: calc(var(--spacing) * 48);\n  }\n  .min-h-\\[1rem\\] {\n    min-height: 1rem;\n  }\n  .min-h-\\[2\\.25rem\\] {\n    min-height: 2.25rem;\n  }\n  .min-h-\\[7rem\\] {\n    min-height: 7rem;\n  }\n  .min-h-\\[24px\\] {\n    min-height: 24px;\n  }\n  .min-h-\\[28px\\] {\n    min-height: 28px;\n  }\n  .min-h-\\[32px\\] {\n    min-height: 32px;\n  }\n  .min-h-\\[48px\\] {\n    min-height: 48px;\n  }\n  .min-h-\\[50vh\\] {\n    min-height: 50vh;\n  }\n  .min-h-\\[60px\\] {\n    min-height: 60px;\n  }\n  .min-h-\\[60vh\\] {\n    min-height: 60vh;\n  }\n  .min-h-\\[120px\\] {\n    min-height: 120px;\n  }\n  .min-h-\\[180px\\] {\n    min-height: 180px;\n  }\n  .min-h-\\[220px\\] {\n    min-height: 220px;\n  }\n  .min-h-\\[300px\\] {\n    min-height: 300px;\n  }\n  .min-h-\\[360px\\] {\n    min-height: 360px;\n  }\n  .min-h-\\[400px\\] {\n    min-height: 400px;\n  }\n  .min-h-\\[420px\\] {\n    min-height: 420px;\n  }\n  .min-h-\\[600px\\] {\n    min-height: 600px;\n  }\n  .min-h-\\[calc\\(100svh-20px\\)\\] {\n    min-height: calc(100svh - 20px);\n  }\n  .min-h-\\[calc\\(100vh-56px\\)\\] {\n    min-height: calc(100vh - 56px);\n  }\n  .min-h-full {\n    min-height: 100%;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .min-h-svh {\n    min-height: 100svh;\n  }\n  .\\!w-screen {\n    width: 100vw !important;\n  }\n  .w-\\(--radix-dropdown-menu-trigger-width\\) {\n    width: var(--radix-dropdown-menu-trigger-width);\n  }\n  .w-\\(--sidebar-width\\) {\n    width: var(--sidebar-width);\n  }\n  .w-1 {\n    width: calc(var(--spacing) * 1);\n  }\n  .w-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n  }\n  .w-1\\/2 {\n    width: calc(1/2 * 100%);\n  }\n  .w-1\\/4 {\n    width: calc(1/4 * 100%);\n  }\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n  .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n  .w-3\\/4 {\n    width: calc(3/4 * 100%);\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-4\\.5 {\n    width: calc(var(--spacing) * 4.5);\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n  .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n  .w-11 {\n    width: calc(var(--spacing) * 11);\n  }\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n  .w-13 {\n    width: calc(var(--spacing) * 13);\n  }\n  .w-14 {\n    width: calc(var(--spacing) * 14);\n  }\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n  .w-20 {\n    width: calc(var(--spacing) * 20);\n  }\n  .w-24 {\n    width: calc(var(--spacing) * 24);\n  }\n  .w-28 {\n    width: calc(var(--spacing) * 28);\n  }\n  .w-30 {\n    width: calc(var(--spacing) * 30);\n  }\n  .w-32 {\n    width: calc(var(--spacing) * 32);\n  }\n  .w-36 {\n    width: calc(var(--spacing) * 36);\n  }\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n  .w-44 {\n    width: calc(var(--spacing) * 44);\n  }\n  .w-48 {\n    width: calc(var(--spacing) * 48);\n  }\n  .w-55 {\n    width: calc(var(--spacing) * 55);\n  }\n  .w-56 {\n    width: calc(var(--spacing) * 56);\n  }\n  .w-60 {\n    width: calc(var(--spacing) * 60);\n  }\n  .w-64 {\n    width: calc(var(--spacing) * 64);\n  }\n  .w-72 {\n    width: calc(var(--spacing) * 72);\n  }\n  .w-80 {\n    width: calc(var(--spacing) * 80);\n  }\n  .w-96 {\n    width: calc(var(--spacing) * 96);\n  }\n  .w-240 {\n    width: calc(var(--spacing) * 240);\n  }\n  .w-\\[--radix-popover-trigger-width\\] {\n    width: --radix-popover-trigger-width;\n  }\n  .w-\\[1\\%\\] {\n    width: 1%;\n  }\n  .w-\\[1\\.5px\\] {\n    width: 1.5px;\n  }\n  .w-\\[1px\\] {\n    width: 1px;\n  }\n  .w-\\[2\\.5px\\] {\n    width: 2.5px;\n  }\n  .w-\\[2px\\] {\n    width: 2px;\n  }\n  .w-\\[3px\\] {\n    width: 3px;\n  }\n  .w-\\[5px\\] {\n    width: 5px;\n  }\n  .w-\\[7px\\] {\n    width: 7px;\n  }\n  .w-\\[8px\\] {\n    width: 8px;\n  }\n  .w-\\[9px\\] {\n    width: 9px;\n  }\n  .w-\\[10px\\] {\n    width: 10px;\n  }\n  .w-\\[11px\\] {\n    width: 11px;\n  }\n  .w-\\[12px\\] {\n    width: 12px;\n  }\n  .w-\\[13px\\] {\n    width: 13px;\n  }\n  .w-\\[14\\.8\\%\\] {\n    width: 14.8%;\n  }\n  .w-\\[14px\\] {\n    width: 14px;\n  }\n  .w-\\[15\\.33px\\] {\n    width: 15.33px;\n  }\n  .w-\\[15px\\] {\n    width: 15px;\n  }\n  .w-\\[16px\\] {\n    width: 16px;\n  }\n  .w-\\[18px\\] {\n    width: 18px;\n  }\n  .w-\\[20px\\] {\n    width: 20px;\n  }\n  .w-\\[22px\\] {\n    width: 22px;\n  }\n  .w-\\[23px\\] {\n    width: 23px;\n  }\n  .w-\\[24px\\] {\n    width: 24px;\n  }\n  .w-\\[26\\%\\] {\n    width: 26%;\n  }\n  .w-\\[26px\\] {\n    width: 26px;\n  }\n  .w-\\[28px\\] {\n    width: 28px;\n  }\n  .w-\\[30\\%\\] {\n    width: 30%;\n  }\n  .w-\\[30px\\] {\n    width: 30px;\n  }\n  .w-\\[33px\\] {\n    width: 33px;\n  }\n  .w-\\[35px\\] {\n    width: 35px;\n  }\n  .w-\\[38\\%\\] {\n    width: 38%;\n  }\n  .w-\\[38px\\] {\n    width: 38px;\n  }\n  .w-\\[40px\\] {\n    width: 40px;\n  }\n  .w-\\[42px\\] {\n    width: 42px;\n  }\n  .w-\\[44\\%\\] {\n    width: 44%;\n  }\n  .w-\\[44px\\] {\n    width: 44px;\n  }\n  .w-\\[45\\%\\] {\n    width: 45%;\n  }\n  .w-\\[46px\\] {\n    width: 46px;\n  }\n  .w-\\[48px\\] {\n    width: 48px;\n  }\n  .w-\\[50px\\] {\n    width: 50px;\n  }\n  .w-\\[52px\\] {\n    width: 52px;\n  }\n  .w-\\[54px\\] {\n    width: 54px;\n  }\n  .w-\\[56\\%\\] {\n    width: 56%;\n  }\n  .w-\\[60px\\] {\n    width: 60px;\n  }\n  .w-\\[62px\\] {\n    width: 62px;\n  }\n  .w-\\[64px\\] {\n    width: 64px;\n  }\n  .w-\\[66px\\] {\n    width: 66px;\n  }\n  .w-\\[70\\%\\] {\n    width: 70%;\n  }\n  .w-\\[70px\\] {\n    width: 70px;\n  }\n  .w-\\[72px\\] {\n    width: 72px;\n  }\n  .w-\\[74px\\] {\n    width: 74px;\n  }\n  .w-\\[75px\\] {\n    width: 75px;\n  }\n  .w-\\[80px\\] {\n    width: 80px;\n  }\n  .w-\\[84px\\] {\n    width: 84px;\n  }\n  .w-\\[86px\\] {\n    width: 86px;\n  }\n  .w-\\[88px\\] {\n    width: 88px;\n  }\n  .w-\\[90px\\] {\n    width: 90px;\n  }\n  .w-\\[92px\\] {\n    width: 92px;\n  }\n  .w-\\[95vw\\] {\n    width: 95vw;\n  }\n  .w-\\[96px\\] {\n    width: 96px;\n  }\n  .w-\\[100px\\] {\n    width: 100px;\n  }\n  .w-\\[100vw\\] {\n    width: 100vw;\n  }\n  .w-\\[110px\\] {\n    width: 110px;\n  }\n  .w-\\[112px\\] {\n    width: 112px;\n  }\n  .w-\\[120px\\] {\n    width: 120px;\n  }\n  .w-\\[124px\\] {\n    width: 124px;\n  }\n  .w-\\[126px\\] {\n    width: 126px;\n  }\n  .w-\\[128px\\] {\n    width: 128px;\n  }\n  .w-\\[130px\\] {\n    width: 130px;\n  }\n  .w-\\[132px\\] {\n    width: 132px;\n  }\n  .w-\\[140px\\] {\n    width: 140px;\n  }\n  .w-\\[145px\\] {\n    width: 145px;\n  }\n  .w-\\[148px\\] {\n    width: 148px;\n  }\n  .w-\\[150px\\] {\n    width: 150px;\n  }\n  .w-\\[158px\\] {\n    width: 158px;\n  }\n  .w-\\[160px\\] {\n    width: 160px;\n  }\n  .w-\\[165px\\] {\n    width: 165px;\n  }\n  .w-\\[168px\\] {\n    width: 168px;\n  }\n  .w-\\[170px\\] {\n    width: 170px;\n  }\n  .w-\\[178px\\] {\n    width: 178px;\n  }\n  .w-\\[180px\\] {\n    width: 180px;\n  }\n  .w-\\[190px\\] {\n    width: 190px;\n  }\n  .w-\\[200px\\] {\n    width: 200px;\n  }\n  .w-\\[210px\\] {\n    width: 210px;\n  }\n  .w-\\[220px\\] {\n    width: 220px;\n  }\n  .w-\\[230px\\] {\n    width: 230px;\n  }\n  .w-\\[240px\\] {\n    width: 240px;\n  }\n  .w-\\[250px\\] {\n    width: 250px;\n  }\n  .w-\\[260px\\] {\n    width: 260px;\n  }\n  .w-\\[268px\\] {\n    width: 268px;\n  }\n  .w-\\[280px\\] {\n    width: 280px;\n  }\n  .w-\\[300px\\] {\n    width: 300px;\n  }\n  .w-\\[301px\\] {\n    width: 301px;\n  }\n  .w-\\[320px\\] {\n    width: 320px;\n  }\n  .w-\\[333px\\] {\n    width: 333px;\n  }\n  .w-\\[336px\\] {\n    width: 336px;\n  }\n  .w-\\[340px\\] {\n    width: 340px;\n  }\n  .w-\\[370px\\] {\n    width: 370px;\n  }\n  .w-\\[380px\\] {\n    width: 380px;\n  }\n  .w-\\[400px\\] {\n    width: 400px;\n  }\n  .w-\\[420px\\] {\n    width: 420px;\n  }\n  .w-\\[440px\\] {\n    width: 440px;\n  }\n  .w-\\[480px\\] {\n    width: 480px;\n  }\n  .w-\\[492px\\] {\n    width: 492px;\n  }\n  .w-\\[500px\\] {\n    width: 500px;\n  }\n  .w-\\[520px\\] {\n    width: 520px;\n  }\n  .w-\\[540px\\] {\n    width: 540px;\n  }\n  .w-\\[544px\\] {\n    width: 544px;\n  }\n  .w-\\[573px\\] {\n    width: 573px;\n  }\n  .w-\\[600px\\] {\n    width: 600px;\n  }\n  .w-\\[688px\\] {\n    width: 688px;\n  }\n  .w-\\[880px\\] {\n    width: 880px;\n  }\n  .w-\\[1080px\\] {\n    width: 1080px;\n  }\n  .w-\\[calc\\(100\\%\\+0\\.5rem\\)\\] {\n    width: calc(100% + 0.5rem);\n  }\n  .w-\\[var\\(--radix-dropdown-menu-trigger-width\\)\\] {\n    width: var(--radix-dropdown-menu-trigger-width);\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-auto\\! {\n    width: auto !important;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .w-max {\n    width: max-content;\n  }\n  .w-min {\n    width: min-content;\n  }\n  .w-px {\n    width: 1px;\n  }\n  .w-screen {\n    width: 100vw;\n  }\n  .\\!max-w-\\[860px\\] {\n    max-width: 860px !important;\n  }\n  .\\!max-w-none {\n    max-width: none !important;\n  }\n  .max-w-\\(--skeleton-width\\) {\n    max-width: var(--skeleton-width);\n  }\n  .max-w-0 {\n    max-width: calc(var(--spacing) * 0);\n  }\n  .max-w-2xl {\n    max-width: var(--container-2xl);\n  }\n  .max-w-3xl {\n    max-width: var(--container-3xl);\n  }\n  .max-w-4 {\n    max-width: calc(var(--spacing) * 4);\n  }\n  .max-w-4xl {\n    max-width: var(--container-4xl);\n  }\n  .max-w-5xl {\n    max-width: var(--container-5xl);\n  }\n  .max-w-5xl\\! {\n    max-width: var(--container-5xl) !important;\n  }\n  .max-w-6xl {\n    max-width: var(--container-6xl);\n  }\n  .max-w-7xl {\n    max-width: var(--container-7xl);\n  }\n  .max-w-12 {\n    max-width: calc(var(--spacing) * 12);\n  }\n  .max-w-80 {\n    max-width: calc(var(--spacing) * 80);\n  }\n  .max-w-\\[10rem\\] {\n    max-width: 10rem;\n  }\n  .max-w-\\[12rem\\] {\n    max-width: 12rem;\n  }\n  .max-w-\\[30px\\] {\n    max-width: 30px;\n  }\n  .max-w-\\[40px\\] {\n    max-width: 40px;\n  }\n  .max-w-\\[50\\%\\] {\n    max-width: 50%;\n  }\n  .max-w-\\[60\\%\\] {\n    max-width: 60%;\n  }\n  .max-w-\\[62\\%\\] {\n    max-width: 62%;\n  }\n  .max-w-\\[65ch\\] {\n    max-width: 65ch;\n  }\n  .max-w-\\[78\\%\\] {\n    max-width: 78%;\n  }\n  .max-w-\\[80\\%\\] {\n    max-width: 80%;\n  }\n  .max-w-\\[92\\%\\] {\n    max-width: 92%;\n  }\n  .max-w-\\[92vw\\] {\n    max-width: 92vw;\n  }\n  .max-w-\\[95vw\\] {\n    max-width: 95vw;\n  }\n  .max-w-\\[100\\%\\] {\n    max-width: 100%;\n  }\n  .max-w-\\[130px\\] {\n    max-width: 130px;\n  }\n  .max-w-\\[140px\\] {\n    max-width: 140px;\n  }\n  .max-w-\\[150px\\] {\n    max-width: 150px;\n  }\n  .max-w-\\[160px\\] {\n    max-width: 160px;\n  }\n  .max-w-\\[170px\\] {\n    max-width: 170px;\n  }\n  .max-w-\\[177px\\] {\n    max-width: 177px;\n  }\n  .max-w-\\[180px\\] {\n    max-width: 180px;\n  }\n  .max-w-\\[190px\\] {\n    max-width: 190px;\n  }\n  .max-w-\\[200px\\] {\n    max-width: 200px;\n  }\n  .max-w-\\[220px\\] {\n    max-width: 220px;\n  }\n  .max-w-\\[240px\\] {\n    max-width: 240px;\n  }\n  .max-w-\\[250px\\] {\n    max-width: 250px;\n  }\n  .max-w-\\[260px\\] {\n    max-width: 260px;\n  }\n  .max-w-\\[280px\\] {\n    max-width: 280px;\n  }\n  .max-w-\\[320px\\] {\n    max-width: 320px;\n  }\n  .max-w-\\[340px\\] {\n    max-width: 340px;\n  }\n  .max-w-\\[354px\\] {\n    max-width: 354px;\n  }\n  .max-w-\\[384px\\] {\n    max-width: 384px;\n  }\n  .max-w-\\[400px\\] {\n    max-width: 400px;\n  }\n  .max-w-\\[420px\\] {\n    max-width: 420px;\n  }\n  .max-w-\\[440px\\] {\n    max-width: 440px;\n  }\n  .max-w-\\[450px\\] {\n    max-width: 450px;\n  }\n  .max-w-\\[460px\\] {\n    max-width: 460px;\n  }\n  .max-w-\\[480px\\] {\n    max-width: 480px;\n  }\n  .max-w-\\[500px\\] {\n    max-width: 500px;\n  }\n  .max-w-\\[512px\\] {\n    max-width: 512px;\n  }\n  .max-w-\\[520px\\] {\n    max-width: 520px;\n  }\n  .max-w-\\[540px\\] {\n    max-width: 540px;\n  }\n  .max-w-\\[544px\\] {\n    max-width: 544px;\n  }\n  .max-w-\\[560px\\] {\n    max-width: 560px;\n  }\n  .max-w-\\[580px\\] {\n    max-width: 580px;\n  }\n  .max-w-\\[600px\\] {\n    max-width: 600px;\n  }\n  .max-w-\\[640px\\] {\n    max-width: 640px;\n  }\n  .max-w-\\[660px\\] {\n    max-width: 660px;\n  }\n  .max-w-\\[680px\\] {\n    max-width: 680px;\n  }\n  .max-w-\\[700px\\] {\n    max-width: 700px;\n  }\n  .max-w-\\[720px\\] {\n    max-width: 720px;\n  }\n  .max-w-\\[760px\\] {\n    max-width: 760px;\n  }\n  .max-w-\\[791px\\] {\n    max-width: 791px;\n  }\n  .max-w-\\[800px\\] {\n    max-width: 800px;\n  }\n  .max-w-\\[960px\\] {\n    max-width: 960px;\n  }\n  .max-w-\\[1080px\\] {\n    max-width: 1080px;\n  }\n  .max-w-\\[1180px\\] {\n    max-width: 1180px;\n  }\n  .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n    max-width: calc(100% - 2rem);\n  }\n  .max-w-\\[min\\(100\\%\\,11rem\\)\\] {\n    max-width: min(100%, 11rem);\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-lg {\n    max-width: var(--container-lg);\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .max-w-none {\n    max-width: none;\n  }\n  .max-w-sm {\n    max-width: var(--container-sm);\n  }\n  .max-w-xl {\n    max-width: var(--container-xl);\n  }\n  .max-w-xs {\n    max-width: var(--container-xs);\n  }\n  .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n  .min-w-5 {\n    min-width: calc(var(--spacing) * 5);\n  }\n  .min-w-7 {\n    min-width: calc(var(--spacing) * 7);\n  }\n  .min-w-8 {\n    min-width: calc(var(--spacing) * 8);\n  }\n  .min-w-9 {\n    min-width: calc(var(--spacing) * 9);\n  }\n  .min-w-24 {\n    min-width: calc(var(--spacing) * 24);\n  }\n  .min-w-56 {\n    min-width: calc(var(--spacing) * 56);\n  }\n  .min-w-60 {\n    min-width: calc(var(--spacing) * 60);\n  }\n  .min-w-\\[3px\\] {\n    min-width: 3px;\n  }\n  .min-w-\\[4px\\] {\n    min-width: 4px;\n  }\n  .min-w-\\[8rem\\] {\n    min-width: 8rem;\n  }\n  .min-w-\\[20px\\] {\n    min-width: 20px;\n  }\n  .min-w-\\[22px\\] {\n    min-width: 22px;\n  }\n  .min-w-\\[34px\\] {\n    min-width: 34px;\n  }\n  .min-w-\\[44px\\] {\n    min-width: 44px;\n  }\n  .min-w-\\[48px\\] {\n    min-width: 48px;\n  }\n  .min-w-\\[60px\\] {\n    min-width: 60px;\n  }\n  .min-w-\\[85px\\] {\n    min-width: 85px;\n  }\n  .min-w-\\[86px\\] {\n    min-width: 86px;\n  }\n  .min-w-\\[88px\\] {\n    min-width: 88px;\n  }\n  .min-w-\\[96px\\] {\n    min-width: 96px;\n  }\n  .min-w-\\[104px\\] {\n    min-width: 104px;\n  }\n  .min-w-\\[120px\\] {\n    min-width: 120px;\n  }\n  .min-w-\\[140px\\] {\n    min-width: 140px;\n  }\n  .min-w-\\[150px\\] {\n    min-width: 150px;\n  }\n  .min-w-\\[160px\\] {\n    min-width: 160px;\n  }\n  .min-w-\\[168px\\] {\n    min-width: 168px;\n  }\n  .min-w-\\[170px\\] {\n    min-width: 170px;\n  }\n  .min-w-\\[180px\\] {\n    min-width: 180px;\n  }\n  .min-w-\\[200px\\] {\n    min-width: 200px;\n  }\n  .min-w-\\[220px\\] {\n    min-width: 220px;\n  }\n  .min-w-\\[240px\\] {\n    min-width: 240px;\n  }\n  .min-w-\\[270px\\] {\n    min-width: 270px;\n  }\n  .min-w-\\[320px\\] {\n    min-width: 320px;\n  }\n  .min-w-\\[600px\\] {\n    min-width: 600px;\n  }\n  .min-w-\\[700px\\] {\n    min-width: 700px;\n  }\n  .min-w-\\[860px\\] {\n    min-width: 860px;\n  }\n  .min-w-\\[var\\(--radix-select-trigger-width\\)\\] {\n    min-width: var(--radix-select-trigger-width);\n  }\n  .min-w-fit {\n    min-width: fit-content;\n  }\n  .min-w-full {\n    min-width: 100%;\n  }\n  .min-w-max {\n    min-width: max-content;\n  }\n  .min-w-xs {\n    min-width: var(--container-xs);\n  }\n  .flex-0 {\n    flex: 0;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-2 {\n    flex: 2;\n  }\n  .flex-\\[0\\] {\n    flex: 0;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .\\!shrink-1 {\n    flex-shrink: 1 !important;\n  }\n  .flex-shrink {\n    flex-shrink: 1;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .shrink {\n    flex-shrink: 1;\n  }\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n  .\\!grow-0 {\n    flex-grow: 0 !important;\n  }\n  .flex-grow {\n    flex-grow: 1;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .\\!basis-auto {\n    flex-basis: auto !important;\n  }\n  .table-auto {\n    table-layout: auto;\n  }\n  .table-fixed {\n    table-layout: fixed;\n  }\n  .caption-bottom {\n    caption-side: bottom;\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .border-separate {\n    border-collapse: separate;\n  }\n  .border-spacing-0 {\n    --tw-border-spacing-x: calc(var(--spacing) * 0);\n    --tw-border-spacing-y: calc(var(--spacing) * 0);\n    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);\n  }\n  .border-spacing-\\[2px\\] {\n    --tw-border-spacing-x: 2px;\n    --tw-border-spacing-y: 2px;\n    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);\n  }\n  .origin-\\(--radix-tooltip-content-transform-origin\\) {\n    transform-origin: var(--radix-tooltip-content-transform-origin);\n  }\n  .origin-\\[--radix-dropdown-menu-content-transform-origin\\] {\n    transform-origin: --radix-dropdown-menu-content-transform-origin;\n  }\n  .origin-\\[--radix-popover-content-transform-origin\\] {\n    transform-origin: --radix-popover-content-transform-origin;\n  }\n  .origin-\\[--radix-select-content-transform-origin\\] {\n    transform-origin: --radix-select-content-transform-origin;\n  }\n  .origin-bottom-right {\n    transform-origin: 100% 100%;\n  }\n  .\\!translate-x-0 {\n    --tw-translate-x: calc(var(--spacing) * 0) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-x-2 {\n    --tw-translate-x: calc(var(--spacing) * -2);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-x-full {\n    --tw-translate-x: -100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-x-px {\n    --tw-translate-x: -1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-0 {\n    --tw-translate-x: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-1 {\n    --tw-translate-x: calc(var(--spacing) * 1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-1\\/2 {\n    --tw-translate-x: calc(1/2 * 100%);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-6 {\n    --tw-translate-x: calc(var(--spacing) * 6);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[-50\\%\\] {\n    --tw-translate-x: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-full {\n    --tw-translate-x: 100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-px {\n    --tw-translate-x: 1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .\\!translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0) !important;\n    translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-2\\/3 {\n    --tw-translate-y: calc(calc(2/3 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-0\\.5 {\n    --tw-translate-y: calc(var(--spacing) * 0.5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-2 {\n    --tw-translate-y: calc(var(--spacing) * 2);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[-50\\%\\] {\n    --tw-translate-y: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[6px\\] {\n    --tw-translate-y: 6px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[calc\\(-50\\%_-_2px\\)\\] {\n    --tw-translate-y: calc(-50% - 2px);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .scale-75 {\n    --tw-scale-x: 75%;\n    --tw-scale-y: 75%;\n    --tw-scale-z: 75%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-95 {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .-rotate-90 {\n    rotate: calc(90deg * -1);\n  }\n  .rotate-0 {\n    rotate: 0deg;\n  }\n  .rotate-45 {\n    rotate: 45deg;\n  }\n  .rotate-90 {\n    rotate: 90deg;\n  }\n  .rotate-180 {\n    rotate: 180deg;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-\\[slide-in-from-left_0\\.22s_ease-out\\] {\n    animation: slide-in-from-left 0.22s ease-out;\n  }\n  .animate-\\[slide-in-from-right_0\\.22s_ease-out\\] {\n    animation: slide-in-from-right 0.22s ease-out;\n  }\n  .animate-bounce {\n    animation: var(--animate-bounce);\n  }\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .cursor-col-resize {\n    cursor: col-resize;\n  }\n  .cursor-crosshair {\n    cursor: crosshair;\n  }\n  .cursor-default {\n    cursor: default;\n  }\n  .cursor-grab {\n    cursor: grab;\n  }\n  .cursor-help {\n    cursor: help;\n  }\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .cursor-zoom-in {\n    cursor: zoom-in;\n  }\n  .touch-none {\n    touch-action: none;\n  }\n  .resize {\n    resize: both;\n  }\n  .resize-none {\n    resize: none;\n  }\n  .resize-y {\n    resize: vertical;\n  }\n  .snap-x {\n    scroll-snap-type: x var(--tw-scroll-snap-strictness);\n  }\n  .snap-mandatory {\n    --tw-scroll-snap-strictness: mandatory;\n  }\n  .list-inside {\n    list-style-position: inside;\n  }\n  .list-decimal {\n    list-style-type: decimal;\n  }\n  .list-disc {\n    list-style-type: disc;\n  }\n  .list-none {\n    list-style-type: none;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .grid-flow-row {\n    grid-auto-flow: row;\n  }\n  .auto-rows-min {\n    grid-auto-rows: min-content;\n  }\n  .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n  .grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n  .grid-cols-5 {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }\n  .grid-cols-\\[0\\.75rem_minmax\\(7rem\\,9rem\\)_minmax\\(8rem\\,12rem\\)_1fr\\] {\n    grid-template-columns: 0.75rem minmax(7rem,9rem) minmax(8rem,12rem) 1fr;\n  }\n  .grid-cols-\\[1fr_2fr\\] {\n    grid-template-columns: 1fr 2fr;\n  }\n  .grid-cols-\\[1fr_auto\\] {\n    grid-template-columns: 1fr auto;\n  }\n  .grid-cols-\\[1fr_auto_auto\\] {\n    grid-template-columns: 1fr auto auto;\n  }\n  .grid-cols-\\[1fr_auto_auto_auto\\] {\n    grid-template-columns: 1fr auto auto auto;\n  }\n  .grid-cols-\\[12rem_1fr\\] {\n    grid-template-columns: 12rem 1fr;\n  }\n  .grid-cols-\\[16px_1fr\\] {\n    grid-template-columns: 16px 1fr;\n  }\n  .grid-cols-\\[96px_1fr_auto\\] {\n    grid-template-columns: 96px 1fr auto;\n  }\n  .grid-cols-\\[116px_minmax\\(0\\,1fr\\)_104px\\] {\n    grid-template-columns: 116px minmax(0,1fr) 104px;\n  }\n  .grid-cols-\\[132px_1fr_48px\\] {\n    grid-template-columns: 132px 1fr 48px;\n  }\n  .grid-cols-\\[auto_1fr_auto\\] {\n    grid-template-columns: auto 1fr auto;\n  }\n  .grid-cols-\\[auto_1fr_auto_auto\\] {\n    grid-template-columns: auto 1fr auto auto;\n  }\n  .grid-cols-\\[repeat\\(auto-fit\\,minmax\\(128px\\,1fr\\)\\)\\] {\n    grid-template-columns: repeat(auto-fit,minmax(128px,1fr));\n  }\n  .grid-cols-\\[repeat\\(auto-fit\\,minmax\\(240px\\,1fr\\)\\)\\] {\n    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));\n  }\n  .grid-cols-subgrid {\n    grid-template-columns: subgrid;\n  }\n  .grid-rows-\\[0fr\\] {\n    grid-template-rows: 0fr;\n  }\n  .grid-rows-\\[1fr\\] {\n    grid-template-rows: 1fr;\n  }\n  .grid-rows-\\[auto_auto\\] {\n    grid-template-rows: auto auto;\n  }\n  .grid-rows-\\[repeat\\(6\\,auto\\)\\] {\n    grid-template-rows: repeat(6,auto);\n  }\n  .grid-rows-subgrid {\n    grid-template-rows: subgrid;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .place-items-center {\n    place-items: center;\n  }\n  .\\!items-start {\n    align-items: flex-start !important;\n  }\n  .items-baseline {\n    align-items: baseline;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-end {\n    align-items: flex-end;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .items-stretch {\n    align-items: stretch;\n  }\n  .\\!justify-start {\n    justify-content: flex-start !important;\n  }\n  .justify-around {\n    justify-content: space-around;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .justify-stretch {\n    justify-content: stretch;\n  }\n  .\\!gap-0 {\n    gap: calc(var(--spacing) * 0) !important;\n  }\n  .gap-0 {\n    gap: calc(var(--spacing) * 0);\n  }\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * 0.5);\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-2\\.5 {\n    gap: calc(var(--spacing) * 2.5);\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .gap-3\\.5 {\n    gap: calc(var(--spacing) * 3.5);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .gap-4\\.5 {\n    gap: calc(var(--spacing) * 4.5);\n  }\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n  .gap-8 {\n    gap: calc(var(--spacing) * 8);\n  }\n  .gap-10 {\n    gap: calc(var(--spacing) * 10);\n  }\n  .gap-12 {\n    gap: calc(var(--spacing) * 12);\n  }\n  .gap-14 {\n    gap: calc(var(--spacing) * 14);\n  }\n  .gap-20 {\n    gap: calc(var(--spacing) * 20);\n  }\n  .gap-\\[--spacing\\(var\\(--gap\\)\\)\\] {\n    gap: calc(var(--spacing) * var(--gap));\n  }\n  .gap-\\[1px\\] {\n    gap: 1px;\n  }\n  .gap-\\[2px\\] {\n    gap: 2px;\n  }\n  .gap-\\[3px\\] {\n    gap: 3px;\n  }\n  .gap-\\[4px\\] {\n    gap: 4px;\n  }\n  .gap-\\[5px\\] {\n    gap: 5px;\n  }\n  .gap-\\[6px\\] {\n    gap: 6px;\n  }\n  .gap-\\[7px\\] {\n    gap: 7px;\n  }\n  .gap-\\[8px\\] {\n    gap: 8px;\n  }\n  .gap-\\[9px\\] {\n    gap: 9px;\n  }\n  .gap-\\[10px\\] {\n    gap: 10px;\n  }\n  .gap-\\[11px\\] {\n    gap: 11px;\n  }\n  .gap-\\[12px\\] {\n    gap: 12px;\n  }\n  .gap-\\[14px\\] {\n    gap: 14px;\n  }\n  .gap-\\[15px\\] {\n    gap: 15px;\n  }\n  .gap-\\[16px\\] {\n    gap: 16px;\n  }\n  .gap-\\[18px\\] {\n    gap: 18px;\n  }\n  .gap-\\[20px\\] {\n    gap: 20px;\n  }\n  .gap-\\[24px\\] {\n    gap: 24px;\n  }\n  .gap-\\[40px\\] {\n    gap: 40px;\n  }\n  .gap-px {\n    gap: 1px;\n  }\n  .space-y-0 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-0\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-1\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-8 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-\\[6px\\] {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(6px * var(--tw-space-y-reverse));\n      margin-block-end: calc(6px * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-\\[7px\\] {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(7px * var(--tw-space-y-reverse));\n      margin-block-end: calc(7px * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-\\[12px\\] {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(12px * var(--tw-space-y-reverse));\n      margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-\\[14px\\] {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(14px * var(--tw-space-y-reverse));\n      margin-block-end: calc(14px * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .gap-x-1\\.5 {\n    column-gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-x-2 {\n    column-gap: calc(var(--spacing) * 2);\n  }\n  .gap-x-2\\.5 {\n    column-gap: calc(var(--spacing) * 2.5);\n  }\n  .gap-x-3 {\n    column-gap: calc(var(--spacing) * 3);\n  }\n  .gap-x-4 {\n    column-gap: calc(var(--spacing) * 4);\n  }\n  .gap-x-5 {\n    column-gap: calc(var(--spacing) * 5);\n  }\n  .gap-x-6 {\n    column-gap: calc(var(--spacing) * 6);\n  }\n  .gap-x-12 {\n    column-gap: calc(var(--spacing) * 12);\n  }\n  .gap-x-\\[12px\\] {\n    column-gap: 12px;\n  }\n  .gap-x-\\[14px\\] {\n    column-gap: 14px;\n  }\n  .gap-x-\\[18px\\] {\n    column-gap: 18px;\n  }\n  .-space-x-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .-space-x-px {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(-1px * var(--tw-space-x-reverse));\n      margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .space-x-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .space-x-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .space-x-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .space-x-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .space-x-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .gap-y-1 {\n    row-gap: calc(var(--spacing) * 1);\n  }\n  .gap-y-1\\.5 {\n    row-gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-y-2 {\n    row-gap: calc(var(--spacing) * 2);\n  }\n  .gap-y-3 {\n    row-gap: calc(var(--spacing) * 3);\n  }\n  .gap-y-4 {\n    row-gap: calc(var(--spacing) * 4);\n  }\n  .gap-y-5 {\n    row-gap: calc(var(--spacing) * 5);\n  }\n  .gap-y-6 {\n    row-gap: calc(var(--spacing) * 6);\n  }\n  .gap-y-7 {\n    row-gap: calc(var(--spacing) * 7);\n  }\n  .gap-y-8 {\n    row-gap: calc(var(--spacing) * 8);\n  }\n  .gap-y-\\[2px\\] {\n    row-gap: 2px;\n  }\n  .gap-y-\\[4px\\] {\n    row-gap: 4px;\n  }\n  .gap-y-\\[6px\\] {\n    row-gap: 6px;\n  }\n  .gap-y-\\[10px\\] {\n    row-gap: 10px;\n  }\n  .divide-y {\n    :where(& > :not(:last-child)) {\n      --tw-divide-y-reverse: 0;\n      border-bottom-style: var(--tw-border-style);\n      border-top-style: var(--tw-border-style);\n      border-top-width: calc(1px * var(--tw-divide-y-reverse));\n      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n    }\n  }\n  .divide-border {\n    :where(& > :not(:last-child)) {\n      border-color: var(--color-border);\n    }\n  }\n  .divide-gray-100 {\n    :where(& > :not(:last-child)) {\n      border-color: var(--color-gray-100);\n    }\n  }\n  .divide-gray-200 {\n    :where(& > :not(:last-child)) {\n      border-color: var(--color-gray-200);\n    }\n  }\n  .divide-gray-300 {\n    :where(& > :not(:last-child)) {\n      border-color: var(--color-gray-300);\n    }\n  }\n  .self-center {\n    align-self: center;\n  }\n  .self-end {\n    align-self: flex-end;\n  }\n  .self-start {\n    align-self: flex-start;\n  }\n  .self-stretch {\n    align-self: stretch;\n  }\n  .justify-self-end {\n    justify-self: flex-end;\n  }\n  .justify-self-start {\n    justify-self: flex-start;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-visible {\n    overflow: visible;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .overflow-y-scroll {\n    overflow-y: scroll;\n  }\n  .overscroll-contain {\n    overscroll-behavior: contain;\n  }\n  .\\!rounded-none {\n    border-radius: 0 !important;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-2xl {\n    border-radius: var(--radius-2xl);\n  }\n  .rounded-3xl {\n    border-radius: var(--radius-3xl);\n  }\n  .rounded-\\[1\\.5px\\] {\n    border-radius: 1.5px;\n  }\n  .rounded-\\[1px\\] {\n    border-radius: 1px;\n  }\n  .rounded-\\[2px\\] {\n    border-radius: 2px;\n  }\n  .rounded-\\[3px\\] {\n    border-radius: 3px;\n  }\n  .rounded-\\[4px\\] {\n    border-radius: 4px;\n  }\n  .rounded-\\[5px\\] {\n    border-radius: 5px;\n  }\n  .rounded-\\[6px\\] {\n    border-radius: 6px;\n  }\n  .rounded-\\[7px\\] {\n    border-radius: 7px;\n  }\n  .rounded-\\[8px\\] {\n    border-radius: 8px;\n  }\n  .rounded-\\[9px\\] {\n    border-radius: 9px;\n  }\n  .rounded-\\[10px\\] {\n    border-radius: 10px;\n  }\n  .rounded-\\[11px\\] {\n    border-radius: 11px;\n  }\n  .rounded-\\[12px\\] {\n    border-radius: 12px;\n  }\n  .rounded-\\[13px_13px_4px_13px\\] {\n    border-radius: 13px 13px 4px 13px;\n  }\n  .rounded-\\[13px_13px_13px_4px\\] {\n    border-radius: 13px 13px 13px 4px;\n  }\n  .rounded-\\[14px\\] {\n    border-radius: 14px;\n  }\n  .rounded-\\[16px\\] {\n    border-radius: 16px;\n  }\n  .rounded-\\[18px\\] {\n    border-radius: 18px;\n  }\n  .rounded-\\[18px_18px_4px_18px\\] {\n    border-radius: 18px 18px 4px 18px;\n  }\n  .rounded-\\[50px\\] {\n    border-radius: 50px;\n  }\n  .rounded-\\[100\\%\\] {\n    border-radius: 100%;\n  }\n  .rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\] {\n    border-radius: min(var(--radius-md), 12px);\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n  .rounded-xl {\n    border-radius: var(--radius-xl);\n  }\n  .rounded-xs {\n    border-radius: var(--radius-xs);\n  }\n  .rounded-t {\n    border-top-left-radius: 0.25rem;\n    border-top-right-radius: 0.25rem;\n  }\n  .rounded-t-2xl {\n    border-top-left-radius: var(--radius-2xl);\n    border-top-right-radius: var(--radius-2xl);\n  }\n  .rounded-t-\\[3px\\] {\n    border-top-left-radius: 3px;\n    border-top-right-radius: 3px;\n  }\n  .rounded-t-lg {\n    border-top-left-radius: var(--radius-lg);\n    border-top-right-radius: var(--radius-lg);\n  }\n  .rounded-t-md {\n    border-top-left-radius: var(--radius-md);\n    border-top-right-radius: var(--radius-md);\n  }\n  .rounded-t-sm {\n    border-top-left-radius: var(--radius-sm);\n    border-top-right-radius: var(--radius-sm);\n  }\n  .rounded-l-full {\n    border-top-left-radius: calc(infinity * 1px);\n    border-bottom-left-radius: calc(infinity * 1px);\n  }\n  .rounded-l-md {\n    border-top-left-radius: var(--radius-md);\n    border-bottom-left-radius: var(--radius-md);\n  }\n  .rounded-l-none {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n  .rounded-tl-xl {\n    border-top-left-radius: var(--radius-xl);\n  }\n  .rounded-r {\n    border-top-right-radius: 0.25rem;\n    border-bottom-right-radius: 0.25rem;\n  }\n  .rounded-r-\\[2px\\] {\n    border-top-right-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n  .rounded-r-\\[3px\\] {\n    border-top-right-radius: 3px;\n    border-bottom-right-radius: 3px;\n  }\n  .rounded-r-\\[10px\\] {\n    border-top-right-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n  .rounded-r-full {\n    border-top-right-radius: calc(infinity * 1px);\n    border-bottom-right-radius: calc(infinity * 1px);\n  }\n  .rounded-r-md {\n    border-top-right-radius: var(--radius-md);\n    border-bottom-right-radius: var(--radius-md);\n  }\n  .rounded-r-none {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .rounded-b-\\[14px\\] {\n    border-bottom-right-radius: 14px;\n    border-bottom-left-radius: 14px;\n  }\n  .rounded-b-lg {\n    border-bottom-right-radius: var(--radius-lg);\n    border-bottom-left-radius: var(--radius-lg);\n  }\n  .rounded-bl-xl {\n    border-bottom-left-radius: var(--radius-xl);\n  }\n  .\\!border-0 {\n    border-style: var(--tw-border-style) !important;\n    border-width: 0px !important;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-1 {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-3 {\n    border-style: var(--tw-border-style);\n    border-width: 3px;\n  }\n  .border-4 {\n    border-style: var(--tw-border-style);\n    border-width: 4px;\n  }\n  .border-\\[0\\.2px\\] {\n    border-style: var(--tw-border-style);\n    border-width: 0.2px;\n  }\n  .border-\\[0\\.5\\] {\n    border-style: var(--tw-border-style);\n    border-width: 0.5;\n  }\n  .border-\\[0\\.5px\\] {\n    border-style: var(--tw-border-style);\n    border-width: 0.5px;\n  }\n  .border-\\[0px\\] {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-\\[1\\.5px\\] {\n    border-style: var(--tw-border-style);\n    border-width: 1.5px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-t-1 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .border-r-1 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0px;\n  }\n  .border-b-1 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-b-3 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 3px;\n  }\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0px;\n  }\n  .border-l-2 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 2px;\n  }\n  .border-l-\\[3px\\] {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 3px;\n  }\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-\\[\\#0d1f35\\] {\n    border-color: #0d1f35;\n  }\n  .border-\\[\\#1e3556\\] {\n    border-color: #1e3556;\n  }\n  .border-\\[\\#22c55e\\]\\/35 {\n    border-color: color-mix(in oklab, #22c55e 35%, transparent);\n  }\n  .border-\\[\\#86efac\\] {\n    border-color: #86efac;\n  }\n  .border-\\[\\#1877F2\\] {\n    border-color: #1877F2;\n  }\n  .border-\\[\\#2563eb\\] {\n    border-color: #2563eb;\n  }\n  .border-\\[\\#18181b\\] {\n    border-color: #18181b;\n  }\n  .border-\\[\\#161823\\] {\n    border-color: #161823;\n  }\n  .border-\\[\\#707070\\] {\n    border-color: #707070;\n  }\n  .border-\\[\\#747775\\] {\n    border-color: #747775;\n  }\n  .border-\\[\\#DBE2EB\\] {\n    border-color: #DBE2EB;\n  }\n  .border-\\[\\#E4E4E7\\] {\n    border-color: #E4E4E7;\n  }\n  .border-\\[\\#E88B00\\] {\n    border-color: #E88B00;\n  }\n  .border-\\[\\#bbf7d0\\] {\n    border-color: #bbf7d0;\n  }\n  .border-\\[\\#cbd5e1\\] {\n    border-color: #cbd5e1;\n  }\n  .border-\\[\\#d1d5db\\] {\n    border-color: #d1d5db;\n  }\n  .border-\\[\\#d6e3ff\\] {\n    border-color: #d6e3ff;\n  }\n  .border-\\[\\#dbe4f3\\] {\n    border-color: #dbe4f3;\n  }\n  .border-\\[\\#e2e4e9\\] {\n    border-color: #e2e4e9;\n  }\n  .border-\\[\\#e2e6ea\\] {\n    border-color: #e2e6ea;\n  }\n  .border-\\[\\#e4e4e7\\] {\n    border-color: #e4e4e7;\n  }\n  .border-\\[\\#eef2f7\\] {\n    border-color: #eef2f7;\n  }\n  .border-\\[\\#f0f0f0\\] {\n    border-color: #f0f0f0;\n  }\n  .border-\\[\\#f4f6f8\\] {\n    border-color: #f4f6f8;\n  }\n  .border-\\[\\#f8f9fa\\] {\n    border-color: #f8f9fa;\n  }\n  .border-\\[\\#fcd34d\\] {\n    border-color: #fcd34d;\n  }\n  .border-\\[color\\:var\\(--ob-bd\\)\\] {\n    border-color: var(--ob-bd);\n  }\n  .border-\\[var\\(--bc-text-color\\,\\#18181B\\)\\] {\n    border-color: var(--bc-text-color,#18181B);\n  }\n  .border-accent {\n    border-color: var(--color-accent);\n  }\n  .border-accent\\/30 {\n    border-color: color-mix(in srgb, #f4f4f5 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-accent) 30%, transparent);\n    }\n  }\n  .border-accent\\/40 {\n    border-color: color-mix(in srgb, #f4f4f5 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-accent) 40%, transparent);\n    }\n  }\n  .border-amber-200 {\n    border-color: var(--color-amber-200);\n  }\n  .border-amber-300 {\n    border-color: var(--color-amber-300);\n  }\n  .border-amber-300\\/60 {\n    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent);\n    }\n  }\n  .border-amber-400 {\n    border-color: var(--color-amber-400);\n  }\n  .border-amber-500\\/40 {\n    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);\n    }\n  }\n  .border-amber-500\\/50 {\n    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);\n    }\n  }\n  .border-black {\n    border-color: var(--color-black);\n  }\n  .border-black\\/12 {\n    border-color: color-mix(in srgb, #000 12%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-black) 12%, transparent);\n    }\n  }\n  .border-blue-100 {\n    border-color: var(--color-blue-100);\n  }\n  .border-blue-200 {\n    border-color: var(--color-blue-200);\n  }\n  .border-blue-300 {\n    border-color: var(--color-blue-300);\n  }\n  .border-blue-500 {\n    border-color: var(--color-blue-500);\n  }\n  .border-blue-600 {\n    border-color: var(--color-blue-600);\n  }\n  .border-border {\n    border-color: var(--color-border);\n  }\n  .border-border\\/30 {\n    border-color: color-mix(in srgb, #e4e4e7 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-border) 30%, transparent);\n    }\n  }\n  .border-border\\/60 {\n    border-color: color-mix(in srgb, #e4e4e7 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);\n    }\n  }\n  .border-border\\/80 {\n    border-color: color-mix(in srgb, #e4e4e7 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);\n    }\n  }\n  .border-current {\n    border-color: currentcolor;\n  }\n  .border-current\\/30 {\n    border-color: currentcolor;\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, currentcolor 30%, transparent);\n    }\n  }\n  .border-destructive {\n    border-color: var(--color-destructive);\n  }\n  .border-destructive\\/30 {\n    border-color: color-mix(in srgb, #dc2626 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-destructive) 30%, transparent);\n    }\n  }\n  .border-destructive\\/50 {\n    border-color: color-mix(in srgb, #dc2626 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);\n    }\n  }\n  .border-emerald-200 {\n    border-color: var(--color-emerald-200);\n  }\n  .border-emerald-300 {\n    border-color: var(--color-emerald-300);\n  }\n  .border-emerald-500 {\n    border-color: var(--color-emerald-500);\n  }\n  .border-gray-100 {\n    border-color: var(--color-gray-100);\n  }\n  .border-gray-200 {\n    border-color: var(--color-gray-200);\n  }\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n  .border-gray-400 {\n    border-color: var(--color-gray-400);\n  }\n  .border-gray-900\\/5 {\n    border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);\n    }\n  }\n  .border-gray-900\\/25 {\n    border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 25%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-gray-900) 25%, transparent);\n    }\n  }\n  .border-green-200 {\n    border-color: var(--color-green-200);\n  }\n  .border-green-300 {\n    border-color: var(--color-green-300);\n  }\n  .border-green-400 {\n    border-color: var(--color-green-400);\n  }\n  .border-green-500 {\n    border-color: var(--color-green-500);\n  }\n  .border-green-600 {\n    border-color: var(--color-green-600);\n  }\n  .border-indigo-200 {\n    border-color: var(--color-indigo-200);\n  }\n  .border-indigo-300 {\n    border-color: var(--color-indigo-300);\n  }\n  .border-input {\n    border-color: var(--color-input);\n  }\n  .border-muted-foreground\\/25 {\n    border-color: color-mix(in srgb, #74716e 25%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-muted-foreground) 25%, transparent);\n    }\n  }\n  .border-muted-foreground\\/40 {\n    border-color: color-mix(in srgb, #74716e 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);\n    }\n  }\n  .border-muted-foreground\\/60 {\n    border-color: color-mix(in srgb, #74716e 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-muted-foreground) 60%, transparent);\n    }\n  }\n  .border-muted-foreground\\/70 {\n    border-color: color-mix(in srgb, #74716e 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent);\n    }\n  }\n  .border-neutral-10 {\n    border-color: var(--color-neutral-10);\n  }\n  .border-neutral-20 {\n    border-color: var(--color-neutral-20);\n  }\n  .border-neutral-40 {\n    border-color: var(--color-neutral-40);\n  }\n  .border-neutral-200 {\n    border-color: var(--color-neutral-200);\n  }\n  .border-orange-100 {\n    border-color: var(--color-orange-100);\n  }\n  .border-orange-200 {\n    border-color: var(--color-orange-200);\n  }\n  .border-orange-300 {\n    border-color: var(--color-orange-300);\n  }\n  .border-orange-400 {\n    border-color: var(--color-orange-400);\n  }\n  .border-primary {\n    border-color: var(--color-primary);\n  }\n  .border-primary\\/30 {\n    border-color: color-mix(in srgb, #18181b 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);\n    }\n  }\n  .border-primary\\/50 {\n    border-color: color-mix(in srgb, #18181b 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);\n    }\n  }\n  .border-purple-100 {\n    border-color: var(--color-purple-100);\n  }\n  .border-purple-200 {\n    border-color: var(--color-purple-200);\n  }\n  .border-purple-300 {\n    border-color: var(--color-purple-300);\n  }\n  .border-purple-500 {\n    border-color: var(--color-purple-500);\n  }\n  .border-red-200 {\n    border-color: var(--color-red-200);\n  }\n  .border-red-300 {\n    border-color: var(--color-red-300);\n  }\n  .border-red-400 {\n    border-color: var(--color-red-400);\n  }\n  .border-red-500 {\n    border-color: var(--color-red-500);\n  }\n  .border-red-600 {\n    border-color: var(--color-red-600);\n  }\n  .border-rose-200 {\n    border-color: var(--color-rose-200);\n  }\n  .border-sidebar-ring {\n    border-color: var(--color-sidebar-ring);\n  }\n  .border-slate-100 {\n    border-color: var(--color-slate-100);\n  }\n  .border-slate-200 {\n    border-color: var(--color-slate-200);\n  }\n  .border-slate-300 {\n    border-color: var(--color-slate-300);\n  }\n  .border-slate-400 {\n    border-color: var(--color-slate-400);\n  }\n  .border-slate-500 {\n    border-color: var(--color-slate-500);\n  }\n  .border-slate-900 {\n    border-color: var(--color-slate-900);\n  }\n  .border-teal-600\\/30 {\n    border-color: color-mix(in srgb, oklch(60% 0.118 184.704) 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-teal-600) 30%, transparent);\n    }\n  }\n  .border-transparent {\n    border-color: transparent;\n  }\n  .border-violet-100 {\n    border-color: var(--color-violet-100);\n  }\n  .border-violet-300 {\n    border-color: var(--color-violet-300);\n  }\n  .border-violet-600 {\n    border-color: var(--color-violet-600);\n  }\n  .border-white {\n    border-color: var(--color-white);\n  }\n  .border-white\\/10 {\n    border-color: color-mix(in srgb, #fff 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n  .border-white\\/20 {\n    border-color: color-mix(in srgb, #fff 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n    }\n  }\n  .border-white\\/30 {\n    border-color: color-mix(in srgb, #fff 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);\n    }\n  }\n  .border-yellow-200 {\n    border-color: var(--color-yellow-200);\n  }\n  .border-zinc-200 {\n    border-color: var(--color-zinc-200);\n  }\n  .border-zinc-900 {\n    border-color: var(--color-zinc-900);\n  }\n  .border-t-accent {\n    border-top-color: var(--color-accent);\n  }\n  .border-t-gray-900 {\n    border-top-color: var(--color-gray-900);\n  }\n  .border-t-transparent {\n    border-top-color: transparent;\n  }\n  .border-t-white {\n    border-top-color: var(--color-white);\n  }\n  .border-b-\\[\\#e2e4e9\\] {\n    border-bottom-color: #e2e4e9;\n  }\n  .border-b-blue-20 {\n    border-bottom-color: var(--color-blue-20);\n  }\n  .border-b-neutral-20 {\n    border-bottom-color: var(--color-neutral-20);\n  }\n  .border-b-transparent {\n    border-bottom-color: transparent;\n  }\n  .border-b-zinc-300 {\n    border-bottom-color: var(--color-zinc-300);\n  }\n  .border-l-\\[var\\(--b-orange-50\\)\\] {\n    border-left-color: var(--b-orange-50);\n  }\n  .border-l-blue-500\\/40 {\n    border-left-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-left-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);\n    }\n  }\n  .border-l-primary {\n    border-left-color: var(--color-primary);\n  }\n  .\\!bg-\\[\\#1877F2\\] {\n    background-color: #1877F2 !important;\n  }\n  .\\!bg-\\[\\#ff7a59\\] {\n    background-color: #ff7a59 !important;\n  }\n  .\\!bg-\\[var\\(--b-tooltip-bg\\)\\] {\n    background-color: var(--b-tooltip-bg) !important;\n  }\n  .bg-\\[\\#\\.\\.\\.\\] {\n    background-color: #...;\n  }\n  .bg-\\[\\#0d1b2a\\] {\n    background-color: #0d1b2a;\n  }\n  .bg-\\[\\#0001\\] {\n    background-color: #0001;\n  }\n  .bg-\\[\\#2A9D90\\] {\n    background-color: #2A9D90;\n  }\n  .bg-\\[\\#16a34a\\] {\n    background-color: #16a34a;\n  }\n  .bg-\\[\\#22c55e\\] {\n    background-color: #22c55e;\n  }\n  .bg-\\[\\#22c55e\\]\\/15 {\n    background-color: color-mix(in oklab, #22c55e 15%, transparent);\n  }\n  .bg-\\[\\#1877F2\\] {\n    background-color: #1877F2;\n  }\n  .bg-\\[\\#2563eb\\] {\n    background-color: #2563eb;\n  }\n  .bg-\\[\\#18181b\\] {\n    background-color: #18181b;\n  }\n  .bg-\\[\\#222831\\] {\n    background-color: #222831;\n  }\n  .bg-\\[\\#DBE2EB\\] {\n    background-color: #DBE2EB;\n  }\n  .bg-\\[\\#E0E6EE\\] {\n    background-color: #E0E6EE;\n  }\n  .bg-\\[\\#F1F4F8\\] {\n    background-color: #F1F4F8;\n  }\n  .bg-\\[\\#FF9900\\] {\n    background-color: #FF9900;\n  }\n  .bg-\\[\\#dbeafe\\] {\n    background-color: #dbeafe;\n  }\n  .bg-\\[\\#e2e6ea\\] {\n    background-color: #e2e6ea;\n  }\n  .bg-\\[\\#e76d4e\\] {\n    background-color: #e76d4e;\n  }\n  .bg-\\[\\#eaf1ff\\] {\n    background-color: #eaf1ff;\n  }\n  .bg-\\[\\#eff6ff\\] {\n    background-color: #eff6ff;\n  }\n  .bg-\\[\\#f0fdf4\\] {\n    background-color: #f0fdf4;\n  }\n  .bg-\\[\\#f1f4f8\\] {\n    background-color: #f1f4f8;\n  }\n  .bg-\\[\\#f1f5f9\\] {\n    background-color: #f1f5f9;\n  }\n  .bg-\\[\\#f3e8ff\\] {\n    background-color: #f3e8ff;\n  }\n  .bg-\\[\\#f4f4f5\\] {\n    background-color: #f4f4f5;\n  }\n  .bg-\\[\\#f4f4f5\\]\\/60 {\n    background-color: color-mix(in oklab, #f4f4f5 60%, transparent);\n  }\n  .bg-\\[\\#f5f6f8\\] {\n    background-color: #f5f6f8;\n  }\n  .bg-\\[\\#f8f9fa\\] {\n    background-color: #f8f9fa;\n  }\n  .bg-\\[\\#f8fafb\\] {\n    background-color: #f8fafb;\n  }\n  .bg-\\[\\#f9fafb\\] {\n    background-color: #f9fafb;\n  }\n  .bg-\\[\\#f59e0b\\] {\n    background-color: #f59e0b;\n  }\n  .bg-\\[\\#fafafa\\] {\n    background-color: #fafafa;\n  }\n  .bg-\\[\\#fef3c7\\] {\n    background-color: #fef3c7;\n  }\n  .bg-\\[\\#fffa\\] {\n    background-color: #fffa;\n  }\n  .bg-\\[\\#fffbeb\\] {\n    background-color: #fffbeb;\n  }\n  .bg-\\[\\#ffffff\\] {\n    background-color: #ffffff;\n  }\n  .bg-\\[color\\:var\\(--ob-bg\\)\\] {\n    background-color: var(--ob-bg);\n  }\n  .bg-\\[rgb\\(243_244_246\\)\\]\\/90 {\n    background-color: color-mix(in oklab, rgb(243 244 246) 90%, transparent);\n  }\n  .bg-\\[rgba\\(28\\,25\\,23\\,0\\.08\\)\\] {\n    background-color: rgba(28,25,23,0.08);\n  }\n  .bg-\\[var\\(--b-orange-10\\)\\] {\n    background-color: var(--b-orange-10);\n  }\n  .bg-\\[var\\(--b-tooltip-bg\\)\\] {\n    background-color: var(--b-tooltip-bg);\n  }\n  .bg-\\[var\\(--bc-primary-button-background-color\\)\\] {\n    background-color: var(--bc-primary-button-background-color);\n  }\n  .bg-\\[var\\(--bc-secondary-button-background-color\\)\\] {\n    background-color: var(--bc-secondary-button-background-color);\n  }\n  .bg-accent {\n    background-color: var(--color-accent);\n  }\n  .bg-accent\\/5 {\n    background-color: color-mix(in srgb, #f4f4f5 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-accent) 5%, transparent);\n    }\n  }\n  .bg-accent\\/10 {\n    background-color: color-mix(in srgb, #f4f4f5 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);\n    }\n  }\n  .bg-accent\\/40 {\n    background-color: color-mix(in srgb, #f4f4f5 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-accent) 40%, transparent);\n    }\n  }\n  .bg-accent\\/80 {\n    background-color: color-mix(in srgb, #f4f4f5 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-accent) 80%, transparent);\n    }\n  }\n  .bg-amber-50 {\n    background-color: var(--color-amber-50);\n  }\n  .bg-amber-100 {\n    background-color: var(--color-amber-100);\n  }\n  .bg-amber-500 {\n    background-color: var(--color-amber-500);\n  }\n  .bg-amber-500\\/5 {\n    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);\n    }\n  }\n  .bg-amber-600 {\n    background-color: var(--color-amber-600);\n  }\n  .bg-background {\n    background-color: var(--color-background);\n  }\n  .bg-background\\/70 {\n    background-color: color-mix(in srgb, #ffffff 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-background) 70%, transparent);\n    }\n  }\n  .bg-background\\/95 {\n    background-color: color-mix(in srgb, #ffffff 95%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-background) 95%, transparent);\n    }\n  }\n  .bg-black {\n    background-color: var(--color-black);\n  }\n  .bg-black\\/0 {\n    background-color: color-mix(in srgb, #000 0%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 0%, transparent);\n    }\n  }\n  .bg-black\\/10 {\n    background-color: color-mix(in srgb, #000 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);\n    }\n  }\n  .bg-black\\/30 {\n    background-color: color-mix(in srgb, #000 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\n    }\n  }\n  .bg-black\\/40 {\n    background-color: color-mix(in srgb, #000 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n    }\n  }\n  .bg-black\\/50 {\n    background-color: color-mix(in srgb, #000 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n    }\n  }\n  .bg-black\\/60 {\n    background-color: color-mix(in srgb, #000 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);\n    }\n  }\n  .bg-black\\/70 {\n    background-color: color-mix(in srgb, #000 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n    }\n  }\n  .bg-blue-10 {\n    background-color: var(--color-blue-10);\n  }\n  .bg-blue-20 {\n    background-color: var(--color-blue-20);\n  }\n  .bg-blue-30 {\n    background-color: var(--color-blue-30);\n  }\n  .bg-blue-40 {\n    background-color: var(--color-blue-40);\n  }\n  .bg-blue-50 {\n    background-color: var(--color-blue-50);\n  }\n  .bg-blue-50\\/30 {\n    background-color: color-mix(in srgb, #3b82f6 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);\n    }\n  }\n  .bg-blue-60 {\n    background-color: var(--color-blue-60);\n  }\n  .bg-blue-70 {\n    background-color: var(--color-blue-70);\n  }\n  .bg-blue-80 {\n    background-color: var(--color-blue-80);\n  }\n  .bg-blue-90 {\n    background-color: var(--color-blue-90);\n  }\n  .bg-blue-100 {\n    background-color: var(--color-blue-100);\n  }\n  .bg-blue-200 {\n    background-color: var(--color-blue-200);\n  }\n  .bg-blue-500 {\n    background-color: var(--color-blue-500);\n  }\n  .bg-blue-600 {\n    background-color: var(--color-blue-600);\n  }\n  .bg-border {\n    background-color: var(--color-border);\n  }\n  .bg-card {\n    background-color: var(--color-card);\n  }\n  .bg-card\\/70 {\n    background-color: color-mix(in srgb, #ffffff 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-card) 70%, transparent);\n    }\n  }\n  .bg-card\\/95 {\n    background-color: color-mix(in srgb, #ffffff 95%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-card) 95%, transparent);\n    }\n  }\n  .bg-current {\n    background-color: currentcolor;\n  }\n  .bg-destructive {\n    background-color: var(--color-destructive);\n  }\n  .bg-destructive\\/5 {\n    background-color: color-mix(in srgb, #dc2626 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-destructive) 5%, transparent);\n    }\n  }\n  .bg-destructive\\/10 {\n    background-color: color-mix(in srgb, #dc2626 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);\n    }\n  }\n  .bg-destructive\\/15 {\n    background-color: color-mix(in srgb, #dc2626 15%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-destructive) 15%, transparent);\n    }\n  }\n  .bg-emerald-50 {\n    background-color: var(--color-emerald-50);\n  }\n  .bg-emerald-500 {\n    background-color: var(--color-emerald-500);\n  }\n  .bg-emerald-600 {\n    background-color: var(--color-emerald-600);\n  }\n  .bg-fuchsia-500 {\n    background-color: var(--color-fuchsia-500);\n  }\n  .bg-gray-50 {\n    background-color: var(--color-gray-50);\n  }\n  .bg-gray-100 {\n    background-color: var(--color-gray-100);\n  }\n  .bg-gray-200 {\n    background-color: var(--color-gray-200);\n  }\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n  .bg-gray-400 {\n    background-color: var(--color-gray-400);\n  }\n  .bg-gray-500 {\n    background-color: var(--color-gray-500);\n  }\n  .bg-gray-800 {\n    background-color: var(--color-gray-800);\n  }\n  .bg-gray-900 {\n    background-color: var(--color-gray-900);\n  }\n  .bg-gray-900\\/40 {\n    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent);\n    }\n  }\n  .bg-gray-900\\/80 {\n    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);\n    }\n  }\n  .bg-green-50 {\n    background-color: var(--color-green-50);\n  }\n  .bg-green-100 {\n    background-color: var(--color-green-100);\n  }\n  .bg-green-500 {\n    background-color: var(--color-green-500);\n  }\n  .bg-green-600 {\n    background-color: var(--color-green-600);\n  }\n  .bg-indigo-50 {\n    background-color: var(--color-indigo-50);\n  }\n  .bg-indigo-50\\/70 {\n    background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-indigo-50) 70%, transparent);\n    }\n  }\n  .bg-indigo-100 {\n    background-color: var(--color-indigo-100);\n  }\n  .bg-indigo-500 {\n    background-color: var(--color-indigo-500);\n  }\n  .bg-muted {\n    background-color: var(--color-muted);\n  }\n  .bg-muted-foreground {\n    background-color: var(--color-muted-foreground);\n  }\n  .bg-muted-foreground\\/40 {\n    background-color: color-mix(in srgb, #74716e 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);\n    }\n  }\n  .bg-muted-foreground\\/70 {\n    background-color: color-mix(in srgb, #74716e 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent);\n    }\n  }\n  .bg-muted-foreground\\/90 {\n    background-color: color-mix(in srgb, #74716e 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted-foreground) 90%, transparent);\n    }\n  }\n  .bg-muted\\/20 {\n    background-color: color-mix(in srgb, #f7f7f6 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);\n    }\n  }\n  .bg-muted\\/30 {\n    background-color: color-mix(in srgb, #f7f7f6 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);\n    }\n  }\n  .bg-muted\\/40 {\n    background-color: color-mix(in srgb, #f7f7f6 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);\n    }\n  }\n  .bg-muted\\/50 {\n    background-color: color-mix(in srgb, #f7f7f6 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);\n    }\n  }\n  .bg-muted\\/70 {\n    background-color: color-mix(in srgb, #f7f7f6 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);\n    }\n  }\n  .bg-neutral-10 {\n    background-color: var(--color-neutral-10);\n  }\n  .bg-neutral-20 {\n    background-color: var(--color-neutral-20);\n  }\n  .bg-neutral-30 {\n    background-color: var(--color-neutral-30);\n  }\n  .bg-neutral-40 {\n    background-color: var(--color-neutral-40);\n  }\n  .bg-neutral-50 {\n    background-color: var(--color-neutral-50);\n  }\n  .bg-neutral-60 {\n    background-color: var(--color-neutral-60);\n  }\n  .bg-neutral-70 {\n    background-color: var(--color-neutral-70);\n  }\n  .bg-neutral-80 {\n    background-color: var(--color-neutral-80);\n  }\n  .bg-neutral-90 {\n    background-color: var(--color-neutral-90);\n  }\n  .bg-neutral-100 {\n    background-color: var(--color-neutral-100);\n  }\n  .bg-neutral-200 {\n    background-color: var(--color-neutral-200);\n  }\n  .bg-neutral-800 {\n    background-color: var(--color-neutral-800);\n  }\n  .bg-orange-10 {\n    background-color: var(--color-orange-10);\n  }\n  .bg-orange-20 {\n    background-color: var(--color-orange-20);\n  }\n  .bg-orange-30 {\n    background-color: var(--color-orange-30);\n  }\n  .bg-orange-40 {\n    background-color: var(--color-orange-40);\n  }\n  .bg-orange-50 {\n    background-color: var(--color-orange-50);\n  }\n  .bg-orange-60 {\n    background-color: var(--color-orange-60);\n  }\n  .bg-orange-70 {\n    background-color: var(--color-orange-70);\n  }\n  .bg-orange-80 {\n    background-color: var(--color-orange-80);\n  }\n  .bg-orange-90 {\n    background-color: var(--color-orange-90);\n  }\n  .bg-orange-100 {\n    background-color: var(--color-orange-100);\n  }\n  .bg-orange-400 {\n    background-color: var(--color-orange-400);\n  }\n  .bg-orange-500 {\n    background-color: var(--color-orange-500);\n  }\n  .bg-orange-600 {\n    background-color: var(--color-orange-600);\n  }\n  .bg-pink-600 {\n    background-color: var(--color-pink-600);\n  }\n  .bg-primary {\n    background-color: var(--color-primary);\n  }\n  .bg-primary\\/5 {\n    background-color: color-mix(in srgb, #18181b 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);\n    }\n  }\n  .bg-primary\\/10 {\n    background-color: color-mix(in srgb, #18181b 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n    }\n  }\n  .bg-purple-50 {\n    background-color: var(--color-purple-50);\n  }\n  .bg-purple-100 {\n    background-color: var(--color-purple-100);\n  }\n  .bg-purple-500 {\n    background-color: var(--color-purple-500);\n  }\n  .bg-purple-600 {\n    background-color: var(--color-purple-600);\n  }\n  .bg-red-50 {\n    background-color: var(--color-red-50);\n  }\n  .bg-red-100 {\n    background-color: var(--color-red-100);\n  }\n  .bg-red-500 {\n    background-color: var(--color-red-500);\n  }\n  .bg-red-600 {\n    background-color: var(--color-red-600);\n  }\n  .bg-rose-50 {\n    background-color: var(--color-rose-50);\n  }\n  .bg-rose-500 {\n    background-color: var(--color-rose-500);\n  }\n  .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .bg-sky-500 {\n    background-color: var(--color-sky-500);\n  }\n  .bg-sky-600 {\n    background-color: var(--color-sky-600);\n  }\n  .bg-slate-50 {\n    background-color: var(--color-slate-50);\n  }\n  .bg-slate-50\\/60 {\n    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);\n    }\n  }\n  .bg-slate-50\\/70 {\n    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);\n    }\n  }\n  .bg-slate-100 {\n    background-color: var(--color-slate-100);\n  }\n  .bg-slate-200 {\n    background-color: var(--color-slate-200);\n  }\n  .bg-slate-700 {\n    background-color: var(--color-slate-700);\n  }\n  .bg-slate-900 {\n    background-color: var(--color-slate-900);\n  }\n  .bg-slate-900\\/20 {\n    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-900) 20%, transparent);\n    }\n  }\n  .bg-teal-50 {\n    background-color: var(--color-teal-50);\n  }\n  .bg-teal-500 {\n    background-color: var(--color-teal-500);\n  }\n  .bg-teal-600 {\n    background-color: var(--color-teal-600);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .bg-violet-50 {\n    background-color: var(--color-violet-50);\n  }\n  .bg-violet-100 {\n    background-color: var(--color-violet-100);\n  }\n  .bg-violet-200 {\n    background-color: var(--color-violet-200);\n  }\n  .bg-violet-500 {\n    background-color: var(--color-violet-500);\n  }\n  .bg-violet-600 {\n    background-color: var(--color-violet-600);\n  }\n  .bg-violet-700 {\n    background-color: var(--color-violet-700);\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .bg-white\\/5 {\n    background-color: color-mix(in srgb, #fff 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n    }\n  }\n  .bg-white\\/10 {\n    background-color: color-mix(in srgb, #fff 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n  .bg-white\\/20 {\n    background-color: color-mix(in srgb, #fff 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n    }\n  }\n  .bg-white\\/90 {\n    background-color: color-mix(in srgb, #fff 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);\n    }\n  }\n  .bg-yellow-50 {\n    background-color: var(--color-yellow-50);\n  }\n  .bg-yellow-100 {\n    background-color: var(--color-yellow-100);\n  }\n  .bg-yellow-200 {\n    background-color: var(--color-yellow-200);\n  }\n  .bg-yellow-500 {\n    background-color: var(--color-yellow-500);\n  }\n  .bg-yellow-600 {\n    background-color: var(--color-yellow-600);\n  }\n  .bg-zinc-200 {\n    background-color: var(--color-zinc-200);\n  }\n  .bg-zinc-300 {\n    background-color: var(--color-zinc-300);\n  }\n  .bg-zinc-900 {\n    background-color: var(--color-zinc-900);\n  }\n  .bg-linear-to-r {\n    --tw-gradient-position: to right;\n    @supports (background-image: linear-gradient(in lab, red, red)) {\n      --tw-gradient-position: to right in oklab;\n    }\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-b {\n    --tw-gradient-position: to bottom in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-br {\n    --tw-gradient-position: to bottom right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-l {\n    --tw-gradient-position: to left in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-r {\n    --tw-gradient-position: to right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-t {\n    --tw-gradient-position: to top in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-\\[linear-gradient\\(90deg\\,\\#FF0000\\,\\#FFFF00\\,\\#00FF00\\,\\#00FFFF\\,\\#0000FF\\,\\#FF00FF\\,\\#FF0000\\)\\] {\n    background-image: linear-gradient(90deg,#FF0000,#FFFF00,#00FF00,#00FFFF,#0000FF,#FF00FF,#FF0000);\n  }\n  .bg-\\[linear-gradient\\(135deg\\,\\#0d1b2a\\,\\#1a3050\\)\\] {\n    background-image: linear-gradient(135deg,#0d1b2a,#1a3050);\n  }\n  .bg-\\[linear-gradient\\(135deg\\,\\#0d1b2a_0\\%\\,\\#1a2e4a_100\\%\\)\\] {\n    background-image: linear-gradient(135deg,#0d1b2a 0%,#1a2e4a 100%);\n  }\n  .bg-\\[linear-gradient\\(160deg\\,\\#07111f_0\\%\\,\\#0c1e3a_55\\%\\,\\#060e1a_100\\%\\)\\] {\n    background-image: linear-gradient(160deg,#07111f 0%,#0c1e3a 55%,#060e1a 100%);\n  }\n  .bg-\\[linear-gradient\\(160deg\\,\\#07111f_0\\%\\,\\#0d2040_60\\%\\,\\#060e1a_100\\%\\)\\] {\n    background-image: linear-gradient(160deg,#07111f 0%,#0d2040 60%,#060e1a 100%);\n  }\n  .bg-\\[radial-gradient\\(circle\\,\\#cbd5e1_1px\\,transparent_1px\\)\\] {\n    background-image: radial-gradient(circle,#cbd5e1 1px,transparent 1px);\n  }\n  .bg-\\[repeating-linear-gradient\\(-45deg\\,var\\(--card\\)\\,var\\(--card\\)_5px\\,var\\(--card2\\)_5px\\,var\\(--card2\\)_10px\\)\\] {\n    background-image: repeating-linear-gradient(-45deg,var(--card),var(--card) 5px,var(--card2) 5px,var(--card2) 10px);\n  }\n  .bg-\\[repeating-linear-gradient\\(0deg\\,var\\(--muted\\)_0_3px\\,transparent_3px_7px\\)\\] {\n    background-image: repeating-linear-gradient(0deg,var(--muted) 0 3px,transparent 3px 7px);\n  }\n  .bg-none {\n    background-image: none;\n  }\n  .from-\\[\\#2B5876\\] {\n    --tw-gradient-from: #2B5876;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-\\[\\#a78bfa\\] {\n    --tw-gradient-from: #a78bfa;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-\\[\\#c084fc\\] {\n    --tw-gradient-from: #c084fc;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-\\[\\#e76d4e\\] {\n    --tw-gradient-from: #e76d4e;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-\\[\\#f5fdf9\\] {\n    --tw-gradient-from: #f5fdf9;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-\\[\\#fdba74\\] {\n    --tw-gradient-from: #fdba74;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-blue-50 {\n    --tw-gradient-from: var(--color-blue-50);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-cyan-500 {\n    --tw-gradient-from: var(--color-cyan-500);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-emerald-50 {\n    --tw-gradient-from: var(--color-emerald-50);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-slate-950 {\n    --tw-gradient-from: var(--color-slate-950);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-teal-400 {\n    --tw-gradient-from: var(--color-teal-400);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-transparent {\n    --tw-gradient-from: transparent;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-white {\n    --tw-gradient-from: var(--color-white);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-white\\/40 {\n    --tw-gradient-from: color-mix(in srgb, #fff 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-white) 40%, transparent);\n    }\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .via-cyan-950 {\n    --tw-gradient-via: var(--color-cyan-950);\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .via-white {\n    --tw-gradient-via: var(--color-white);\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .to-\\[\\#4E4376\\] {\n    --tw-gradient-to: #4E4376;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-\\[\\#818cf8\\] {\n    --tw-gradient-to: #818cf8;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-\\[\\#6366f1\\] {\n    --tw-gradient-to: #6366f1;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-\\[\\#f6c344\\] {\n    --tw-gradient-to: #f6c344;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-\\[\\#f472b6\\] {\n    --tw-gradient-to: #f472b6;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-black\\/50 {\n    --tw-gradient-to: color-mix(in srgb, #000 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--color-black) 50%, transparent);\n    }\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-blue-500 {\n    --tw-gradient-to: var(--color-blue-500);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-indigo-50 {\n    --tw-gradient-to: var(--color-indigo-50);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-indigo-50\\/40 {\n    --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.018 272.314) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-50) 40%, transparent);\n    }\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-slate-950 {\n    --tw-gradient-to: var(--color-slate-950);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-transparent {\n    --tw-gradient-to: transparent;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-white {\n    --tw-gradient-to: var(--color-white);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-yellow-500\\/40 {\n    --tw-gradient-to: color-mix(in srgb, oklch(79.5% 0.184 86.047) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--color-yellow-500) 40%, transparent);\n    }\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .bg-\\[length\\:24px_24px\\] {\n    background-size: 24px 24px;\n  }\n  .bg-cover {\n    background-size: cover;\n  }\n  .bg-clip-text {\n    background-clip: text;\n  }\n  .bg-center {\n    background-position: center;\n  }\n  .bg-no-repeat {\n    background-repeat: no-repeat;\n  }\n  .fill-\\[var\\(--b-tooltip-bg\\)\\] {\n    fill: var(--b-tooltip-bg);\n  }\n  .fill-amber-400 {\n    fill: var(--color-amber-400);\n  }\n  .fill-blue-500 {\n    fill: var(--color-blue-500);\n  }\n  .fill-card {\n    fill: var(--color-card);\n  }\n  .fill-current {\n    fill: currentcolor;\n  }\n  .fill-green-500 {\n    fill: var(--color-green-500);\n  }\n  .fill-primary {\n    fill: var(--color-primary);\n  }\n  .fill-red-500 {\n    fill: var(--color-red-500);\n  }\n  .fill-slate-500 {\n    fill: var(--color-slate-500);\n  }\n  .fill-slate-900 {\n    fill: var(--color-slate-900);\n  }\n  .stroke-card {\n    stroke: var(--color-card);\n  }\n  .stroke-slate-500 {\n    stroke: var(--color-slate-500);\n  }\n  .object-contain {\n    object-fit: contain;\n  }\n  .object-cover {\n    object-fit: cover;\n  }\n  .object-center {\n    object-position: center;\n  }\n  .\\!p-0 {\n    padding: calc(var(--spacing) * 0) !important;\n  }\n  .p-0 {\n    padding: calc(var(--spacing) * 0);\n  }\n  .p-0\\.5 {\n    padding: calc(var(--spacing) * 0.5);\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-2\\.5 {\n    padding: calc(var(--spacing) * 2.5);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-3\\.5 {\n    padding: calc(var(--spacing) * 3.5);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .p-7 {\n    padding: calc(var(--spacing) * 7);\n  }\n  .p-8 {\n    padding: calc(var(--spacing) * 8);\n  }\n  .p-9 {\n    padding: calc(var(--spacing) * 9);\n  }\n  .p-10 {\n    padding: calc(var(--spacing) * 10);\n  }\n  .p-12 {\n    padding: calc(var(--spacing) * 12);\n  }\n  .p-16 {\n    padding: calc(var(--spacing) * 16);\n  }\n  .p-1234 {\n    padding: calc(var(--spacing) * 1234);\n  }\n  .p-4321 {\n    padding: calc(var(--spacing) * 4321);\n  }\n  .p-9999 {\n    padding: calc(var(--spacing) * 9999);\n  }\n  .p-\\[1\\.5px\\] {\n    padding: 1.5px;\n  }\n  .p-\\[2px\\] {\n    padding: 2px;\n  }\n  .p-\\[3px\\] {\n    padding: 3px;\n  }\n  .p-\\[4px\\] {\n    padding: 4px;\n  }\n  .p-\\[6px\\] {\n    padding: 6px;\n  }\n  .p-\\[8px\\] {\n    padding: 8px;\n  }\n  .p-\\[8px_10px\\] {\n    padding: 8px 10px;\n  }\n  .p-\\[9\\.7px\\] {\n    padding: 9.7px;\n  }\n  .p-\\[9px\\] {\n    padding: 9px;\n  }\n  .p-\\[9px_10px\\] {\n    padding: 9px 10px;\n  }\n  .p-\\[10px\\] {\n    padding: 10px;\n  }\n  .p-\\[12px\\] {\n    padding: 12px;\n  }\n  .p-\\[14px\\] {\n    padding: 14px;\n  }\n  .p-\\[16px\\] {\n    padding: 16px;\n  }\n  .p-\\[17px\\] {\n    padding: 17px;\n  }\n  .p-\\[18px\\] {\n    padding: 18px;\n  }\n  .p-\\[20px\\] {\n    padding: 20px;\n  }\n  .p-\\[22px\\] {\n    padding: 22px;\n  }\n  .p-\\[24px\\] {\n    padding: 24px;\n  }\n  .p-\\[26px\\] {\n    padding: 26px;\n  }\n  .px-0 {\n    padding-inline: calc(var(--spacing) * 0);\n  }\n  .px-0\\.5 {\n    padding-inline: calc(var(--spacing) * 0.5);\n  }\n  .px-1 {\n    padding-inline: calc(var(--spacing) * 1);\n  }\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-3\\.5 {\n    padding-inline: calc(var(--spacing) * 3.5);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n  .px-7 {\n    padding-inline: calc(var(--spacing) * 7);\n  }\n  .px-8 {\n    padding-inline: calc(var(--spacing) * 8);\n  }\n  .px-9 {\n    padding-inline: calc(var(--spacing) * 9);\n  }\n  .px-10 {\n    padding-inline: calc(var(--spacing) * 10);\n  }\n  .px-11 {\n    padding-inline: calc(var(--spacing) * 11);\n  }\n  .px-123 {\n    padding-inline: calc(var(--spacing) * 123);\n  }\n  .px-\\[2px\\] {\n    padding-inline: 2px;\n  }\n  .px-\\[4px\\] {\n    padding-inline: 4px;\n  }\n  .px-\\[5px\\] {\n    padding-inline: 5px;\n  }\n  .px-\\[6px\\] {\n    padding-inline: 6px;\n  }\n  .px-\\[7px\\] {\n    padding-inline: 7px;\n  }\n  .px-\\[8px\\] {\n    padding-inline: 8px;\n  }\n  .px-\\[9px\\] {\n    padding-inline: 9px;\n  }\n  .px-\\[10px\\] {\n    padding-inline: 10px;\n  }\n  .px-\\[11px\\] {\n    padding-inline: 11px;\n  }\n  .px-\\[12px\\] {\n    padding-inline: 12px;\n  }\n  .px-\\[13px\\] {\n    padding-inline: 13px;\n  }\n  .px-\\[14px\\] {\n    padding-inline: 14px;\n  }\n  .px-\\[15px\\] {\n    padding-inline: 15px;\n  }\n  .px-\\[16px\\] {\n    padding-inline: 16px;\n  }\n  .px-\\[17px\\] {\n    padding-inline: 17px;\n  }\n  .px-\\[18px\\] {\n    padding-inline: 18px;\n  }\n  .px-\\[20px\\] {\n    padding-inline: 20px;\n  }\n  .px-\\[22px\\] {\n    padding-inline: 22px;\n  }\n  .px-\\[26px\\] {\n    padding-inline: 26px;\n  }\n  .px-\\[30px\\] {\n    padding-inline: 30px;\n  }\n  .px-\\[40px\\] {\n    padding-inline: 40px;\n  }\n  .py-0 {\n    padding-block: calc(var(--spacing) * 0);\n  }\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .py-3\\.5 {\n    padding-block: calc(var(--spacing) * 3.5);\n  }\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n  .py-5 {\n    padding-block: calc(var(--spacing) * 5);\n  }\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n  .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n  .py-10 {\n    padding-block: calc(var(--spacing) * 10);\n  }\n  .py-12 {\n    padding-block: calc(var(--spacing) * 12);\n  }\n  .py-14 {\n    padding-block: calc(var(--spacing) * 14);\n  }\n  .py-16 {\n    padding-block: calc(var(--spacing) * 16);\n  }\n  .py-20 {\n    padding-block: calc(var(--spacing) * 20);\n  }\n  .py-24 {\n    padding-block: calc(var(--spacing) * 24);\n  }\n  .py-\\[1\\.5px\\] {\n    padding-block: 1.5px;\n  }\n  .py-\\[1px\\] {\n    padding-block: 1px;\n  }\n  .py-\\[2\\.5px\\] {\n    padding-block: 2.5px;\n  }\n  .py-\\[2px\\] {\n    padding-block: 2px;\n  }\n  .py-\\[3px\\] {\n    padding-block: 3px;\n  }\n  .py-\\[4\\.5px\\] {\n    padding-block: 4.5px;\n  }\n  .py-\\[4px\\] {\n    padding-block: 4px;\n  }\n  .py-\\[5px\\] {\n    padding-block: 5px;\n  }\n  .py-\\[6\\.5px\\] {\n    padding-block: 6.5px;\n  }\n  .py-\\[6px\\] {\n    padding-block: 6px;\n  }\n  .py-\\[7px\\] {\n    padding-block: 7px;\n  }\n  .py-\\[8px\\] {\n    padding-block: 8px;\n  }\n  .py-\\[9px\\] {\n    padding-block: 9px;\n  }\n  .py-\\[10\\.5px\\] {\n    padding-block: 10.5px;\n  }\n  .py-\\[10px\\] {\n    padding-block: 10px;\n  }\n  .py-\\[11px\\] {\n    padding-block: 11px;\n  }\n  .py-\\[12px\\] {\n    padding-block: 12px;\n  }\n  .py-\\[13px\\] {\n    padding-block: 13px;\n  }\n  .py-\\[14px\\] {\n    padding-block: 14px;\n  }\n  .py-\\[15px\\] {\n    padding-block: 15px;\n  }\n  .py-\\[16px\\] {\n    padding-block: 16px;\n  }\n  .py-\\[18px\\] {\n    padding-block: 18px;\n  }\n  .py-\\[20px\\] {\n    padding-block: 20px;\n  }\n  .py-\\[24px\\] {\n    padding-block: 24px;\n  }\n  .py-\\[28px\\] {\n    padding-block: 28px;\n  }\n  .py-\\[30px\\] {\n    padding-block: 30px;\n  }\n  .py-\\[32px\\] {\n    padding-block: 32px;\n  }\n  .py-\\[40px\\] {\n    padding-block: 40px;\n  }\n  .py-\\[46px\\] {\n    padding-block: 46px;\n  }\n  .py-\\[48px\\] {\n    padding-block: 48px;\n  }\n  .py-\\[64px\\] {\n    padding-block: 64px;\n  }\n  .py-\\[80px\\] {\n    padding-block: 80px;\n  }\n  .py-px {\n    padding-block: 1px;\n  }\n  .ps-0 {\n    padding-inline-start: calc(var(--spacing) * 0);\n  }\n  .pt-0 {\n    padding-top: calc(var(--spacing) * 0);\n  }\n  .pt-0\\.5 {\n    padding-top: calc(var(--spacing) * 0.5);\n  }\n  .pt-1 {\n    padding-top: calc(var(--spacing) * 1);\n  }\n  .pt-1\\.5 {\n    padding-top: calc(var(--spacing) * 1.5);\n  }\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n  .pt-2\\.5 {\n    padding-top: calc(var(--spacing) * 2.5);\n  }\n  .pt-3 {\n    padding-top: calc(var(--spacing) * 3);\n  }\n  .pt-3\\.5 {\n    padding-top: calc(var(--spacing) * 3.5);\n  }\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n  .pt-5 {\n    padding-top: calc(var(--spacing) * 5);\n  }\n  .pt-6 {\n    padding-top: calc(var(--spacing) * 6);\n  }\n  .pt-7 {\n    padding-top: calc(var(--spacing) * 7);\n  }\n  .pt-8 {\n    padding-top: calc(var(--spacing) * 8);\n  }\n  .pt-10 {\n    padding-top: calc(var(--spacing) * 10);\n  }\n  .pt-11 {\n    padding-top: calc(var(--spacing) * 11);\n  }\n  .pt-12 {\n    padding-top: calc(var(--spacing) * 12);\n  }\n  .pt-14 {\n    padding-top: calc(var(--spacing) * 14);\n  }\n  .pt-16 {\n    padding-top: calc(var(--spacing) * 16);\n  }\n  .pt-24 {\n    padding-top: calc(var(--spacing) * 24);\n  }\n  .pt-\\[2px\\] {\n    padding-top: 2px;\n  }\n  .pt-\\[3px\\] {\n    padding-top: 3px;\n  }\n  .pt-\\[4px\\] {\n    padding-top: 4px;\n  }\n  .pt-\\[5px\\] {\n    padding-top: 5px;\n  }\n  .pt-\\[6px\\] {\n    padding-top: 6px;\n  }\n  .pt-\\[8px\\] {\n    padding-top: 8px;\n  }\n  .pt-\\[10px\\] {\n    padding-top: 10px;\n  }\n  .pt-\\[11px\\] {\n    padding-top: 11px;\n  }\n  .pt-\\[14px\\] {\n    padding-top: 14px;\n  }\n  .pt-\\[18px\\] {\n    padding-top: 18px;\n  }\n  .pt-\\[22px\\] {\n    padding-top: 22px;\n  }\n  .pt-\\[26px\\] {\n    padding-top: 26px;\n  }\n  .pr-0 {\n    padding-right: calc(var(--spacing) * 0);\n  }\n  .pr-1 {\n    padding-right: calc(var(--spacing) * 1);\n  }\n  .pr-1\\.5 {\n    padding-right: calc(var(--spacing) * 1.5);\n  }\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n  .pr-3 {\n    padding-right: calc(var(--spacing) * 3);\n  }\n  .pr-4 {\n    padding-right: calc(var(--spacing) * 4);\n  }\n  .pr-5 {\n    padding-right: calc(var(--spacing) * 5);\n  }\n  .pr-6 {\n    padding-right: calc(var(--spacing) * 6);\n  }\n  .pr-8 {\n    padding-right: calc(var(--spacing) * 8);\n  }\n  .pr-9 {\n    padding-right: calc(var(--spacing) * 9);\n  }\n  .pr-10 {\n    padding-right: calc(var(--spacing) * 10);\n  }\n  .pr-\\[6px\\] {\n    padding-right: 6px;\n  }\n  .pr-\\[8px\\] {\n    padding-right: 8px;\n  }\n  .pr-\\[10px\\] {\n    padding-right: 10px;\n  }\n  .pr-\\[12px\\] {\n    padding-right: 12px;\n  }\n  .pr-\\[14px\\] {\n    padding-right: 14px;\n  }\n  .pr-\\[16px\\] {\n    padding-right: 16px;\n  }\n  .pr-\\[17px\\] {\n    padding-right: 17px;\n  }\n  .pr-\\[40px\\] {\n    padding-right: 40px;\n  }\n  .pb-0 {\n    padding-bottom: calc(var(--spacing) * 0);\n  }\n  .pb-0\\.5 {\n    padding-bottom: calc(var(--spacing) * 0.5);\n  }\n  .pb-1 {\n    padding-bottom: calc(var(--spacing) * 1);\n  }\n  .pb-1\\.5 {\n    padding-bottom: calc(var(--spacing) * 1.5);\n  }\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n  .pb-2\\.5 {\n    padding-bottom: calc(var(--spacing) * 2.5);\n  }\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n  .pb-3\\.5 {\n    padding-bottom: calc(var(--spacing) * 3.5);\n  }\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n  .pb-5 {\n    padding-bottom: calc(var(--spacing) * 5);\n  }\n  .pb-6 {\n    padding-bottom: calc(var(--spacing) * 6);\n  }\n  .pb-7 {\n    padding-bottom: calc(var(--spacing) * 7);\n  }\n  .pb-8 {\n    padding-bottom: calc(var(--spacing) * 8);\n  }\n  .pb-\\[3px\\] {\n    padding-bottom: 3px;\n  }\n  .pb-\\[4px\\] {\n    padding-bottom: 4px;\n  }\n  .pb-\\[6px\\] {\n    padding-bottom: 6px;\n  }\n  .pb-\\[8px\\] {\n    padding-bottom: 8px;\n  }\n  .pb-\\[10px\\] {\n    padding-bottom: 10px;\n  }\n  .pb-\\[11px\\] {\n    padding-bottom: 11px;\n  }\n  .pb-\\[12px\\] {\n    padding-bottom: 12px;\n  }\n  .pb-\\[13px\\] {\n    padding-bottom: 13px;\n  }\n  .pb-\\[14px\\] {\n    padding-bottom: 14px;\n  }\n  .pb-\\[16px\\] {\n    padding-bottom: 16px;\n  }\n  .pb-\\[18px\\] {\n    padding-bottom: 18px;\n  }\n  .pb-\\[22px\\] {\n    padding-bottom: 22px;\n  }\n  .pb-\\[24px\\] {\n    padding-bottom: 24px;\n  }\n  .pb-\\[30px\\] {\n    padding-bottom: 30px;\n  }\n  .pb-\\[40px\\] {\n    padding-bottom: 40px;\n  }\n  .pl-0 {\n    padding-left: calc(var(--spacing) * 0);\n  }\n  .pl-0\\.5 {\n    padding-left: calc(var(--spacing) * 0.5);\n  }\n  .pl-1 {\n    padding-left: calc(var(--spacing) * 1);\n  }\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n  .pl-3 {\n    padding-left: calc(var(--spacing) * 3);\n  }\n  .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n  .pl-5 {\n    padding-left: calc(var(--spacing) * 5);\n  }\n  .pl-6 {\n    padding-left: calc(var(--spacing) * 6);\n  }\n  .pl-7 {\n    padding-left: calc(var(--spacing) * 7);\n  }\n  .pl-8 {\n    padding-left: calc(var(--spacing) * 8);\n  }\n  .pl-9 {\n    padding-left: calc(var(--spacing) * 9);\n  }\n  .pl-10 {\n    padding-left: calc(var(--spacing) * 10);\n  }\n  .pl-11 {\n    padding-left: calc(var(--spacing) * 11);\n  }\n  .pl-14 {\n    padding-left: calc(var(--spacing) * 14);\n  }\n  .pl-\\[2px\\] {\n    padding-left: 2px;\n  }\n  .pl-\\[4px\\] {\n    padding-left: 4px;\n  }\n  .pl-\\[6px\\] {\n    padding-left: 6px;\n  }\n  .pl-\\[9px\\] {\n    padding-left: 9px;\n  }\n  .pl-\\[10px\\] {\n    padding-left: 10px;\n  }\n  .pl-\\[11px\\] {\n    padding-left: 11px;\n  }\n  .pl-\\[16px\\] {\n    padding-left: 16px;\n  }\n  .pl-\\[17px\\] {\n    padding-left: 17px;\n  }\n  .pl-\\[20px\\] {\n    padding-left: 20px;\n  }\n  .pl-\\[28px\\] {\n    padding-left: 28px;\n  }\n  .pl-\\[32px\\] {\n    padding-left: 32px;\n  }\n  .pl-\\[42px\\] {\n    padding-left: 42px;\n  }\n  .pl-\\[68px\\] {\n    padding-left: 68px;\n  }\n  .pl-\\[84px\\] {\n    padding-left: 84px;\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .text-start {\n    text-align: start;\n  }\n  .align-baseline {\n    vertical-align: baseline;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-\\[inherit\\] {\n    font-family: inherit;\n  }\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n  .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n  .text-4xl {\n    font-size: var(--text-4xl);\n    line-height: var(--tw-leading, var(--text-4xl--line-height));\n  }\n  .text-5xl {\n    font-size: var(--text-5xl);\n    line-height: var(--tw-leading, var(--text-5xl--line-height));\n  }\n  .text-6xl {\n    font-size: var(--text-6xl);\n    line-height: var(--tw-leading, var(--text-6xl--line-height));\n  }\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-sm\\/6 {\n    font-size: var(--text-sm);\n    line-height: calc(var(--spacing) * 6);\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xl\\/7 {\n    font-size: var(--text-xl);\n    line-height: calc(var(--spacing) * 7);\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .text-xs\\/5 {\n    font-size: var(--text-xs);\n    line-height: calc(var(--spacing) * 5);\n  }\n  .text-\\[0\\.7rem\\] {\n    font-size: 0.7rem;\n  }\n  .text-\\[0\\.8rem\\] {\n    font-size: 0.8rem;\n  }\n  .text-\\[0\\.56rem\\] {\n    font-size: 0.56rem;\n  }\n  .text-\\[0\\.85em\\] {\n    font-size: 0.85em;\n  }\n  .text-\\[8\\.5px\\] {\n    font-size: 8.5px;\n  }\n  .text-\\[8px\\] {\n    font-size: 8px;\n  }\n  .text-\\[9\\.5px\\] {\n    font-size: 9.5px;\n  }\n  .text-\\[9px\\] {\n    font-size: 9px;\n  }\n  .text-\\[10\\.5px\\] {\n    font-size: 10.5px;\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .text-\\[11\\.5px\\] {\n    font-size: 11.5px;\n  }\n  .text-\\[11px\\] {\n    font-size: 11px;\n  }\n  .text-\\[12\\.5px\\] {\n    font-size: 12.5px;\n  }\n  .text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .text-\\[13\\.5px\\] {\n    font-size: 13.5px;\n  }\n  .text-\\[13px\\] {\n    font-size: 13px;\n  }\n  .text-\\[14px\\] {\n    font-size: 14px;\n  }\n  .text-\\[15px\\] {\n    font-size: 15px;\n  }\n  .text-\\[16px\\] {\n    font-size: 16px;\n  }\n  .text-\\[17px\\] {\n    font-size: 17px;\n  }\n  .text-\\[18px\\] {\n    font-size: 18px;\n  }\n  .text-\\[20px\\] {\n    font-size: 20px;\n  }\n  .text-\\[21px\\] {\n    font-size: 21px;\n  }\n  .text-\\[22px\\] {\n    font-size: 22px;\n  }\n  .text-\\[23px\\] {\n    font-size: 23px;\n  }\n  .text-\\[24px\\] {\n    font-size: 24px;\n  }\n  .text-\\[26px\\] {\n    font-size: 26px;\n  }\n  .text-\\[28px\\] {\n    font-size: 28px;\n  }\n  .text-\\[30px\\] {\n    font-size: 30px;\n  }\n  .text-\\[32px\\] {\n    font-size: 32px;\n  }\n  .text-\\[48px\\] {\n    font-size: 48px;\n  }\n  .leading-1 {\n    --tw-leading: calc(var(--spacing) * 1);\n    line-height: calc(var(--spacing) * 1);\n  }\n  .leading-4 {\n    --tw-leading: calc(var(--spacing) * 4);\n    line-height: calc(var(--spacing) * 4);\n  }\n  .leading-5 {\n    --tw-leading: calc(var(--spacing) * 5);\n    line-height: calc(var(--spacing) * 5);\n  }\n  .leading-6 {\n    --tw-leading: calc(var(--spacing) * 6);\n    line-height: calc(var(--spacing) * 6);\n  }\n  .leading-7 {\n    --tw-leading: calc(var(--spacing) * 7);\n    line-height: calc(var(--spacing) * 7);\n  }\n  .leading-8 {\n    --tw-leading: calc(var(--spacing) * 8);\n    line-height: calc(var(--spacing) * 8);\n  }\n  .leading-9 {\n    --tw-leading: calc(var(--spacing) * 9);\n    line-height: calc(var(--spacing) * 9);\n  }\n  .leading-\\[1\\.1\\] {\n    --tw-leading: 1.1;\n    line-height: 1.1;\n  }\n  .leading-\\[1\\.2\\] {\n    --tw-leading: 1.2;\n    line-height: 1.2;\n  }\n  .leading-\\[1\\.3\\] {\n    --tw-leading: 1.3;\n    line-height: 1.3;\n  }\n  .leading-\\[1\\.5\\] {\n    --tw-leading: 1.5;\n    line-height: 1.5;\n  }\n  .leading-\\[1\\.6\\] {\n    --tw-leading: 1.6;\n    line-height: 1.6;\n  }\n  .leading-\\[1\\.7\\] {\n    --tw-leading: 1.7;\n    line-height: 1.7;\n  }\n  .leading-\\[1\\.08\\] {\n    --tw-leading: 1.08;\n    line-height: 1.08;\n  }\n  .leading-\\[1\\.12\\] {\n    --tw-leading: 1.12;\n    line-height: 1.12;\n  }\n  .leading-\\[1\\.15\\] {\n    --tw-leading: 1.15;\n    line-height: 1.15;\n  }\n  .leading-\\[1\\.25\\] {\n    --tw-leading: 1.25;\n    line-height: 1.25;\n  }\n  .leading-\\[1\\.35\\] {\n    --tw-leading: 1.35;\n    line-height: 1.35;\n  }\n  .leading-\\[1\\.55\\] {\n    --tw-leading: 1.55;\n    line-height: 1.55;\n  }\n  .leading-\\[1\\.65\\] {\n    --tw-leading: 1.65;\n    line-height: 1.65;\n  }\n  .leading-\\[1\\.75\\] {\n    --tw-leading: 1.75;\n    line-height: 1.75;\n  }\n  .leading-\\[1\\.95\\] {\n    --tw-leading: 1.95;\n    line-height: 1.95;\n  }\n  .leading-\\[1\\] {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .leading-\\[18px\\] {\n    --tw-leading: 18px;\n    line-height: 18px;\n  }\n  .leading-\\[21px\\] {\n    --tw-leading: 21px;\n    line-height: 21px;\n  }\n  .leading-\\[24px\\] {\n    --tw-leading: 24px;\n    line-height: 24px;\n  }\n  .leading-\\[32px\\] {\n    --tw-leading: 32px;\n    line-height: 32px;\n  }\n  .leading-\\[36px\\] {\n    --tw-leading: 36px;\n    line-height: 36px;\n  }\n  .leading-\\[40px\\] {\n    --tw-leading: 40px;\n    line-height: 40px;\n  }\n  .leading-\\[56px\\] {\n    --tw-leading: 56px;\n    line-height: 56px;\n  }\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .leading-normal {\n    --tw-leading: var(--leading-normal);\n    line-height: var(--leading-normal);\n  }\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n  .font-\\[400\\] {\n    --tw-font-weight: 400;\n    font-weight: 400;\n  }\n  .font-\\[450\\] {\n    --tw-font-weight: 450;\n    font-weight: 450;\n  }\n  .font-\\[500\\] {\n    --tw-font-weight: 500;\n    font-weight: 500;\n  }\n  .font-black {\n    --tw-font-weight: var(--font-weight-black);\n    font-weight: var(--font-weight-black);\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-extrabold {\n    --tw-font-weight: var(--font-weight-extrabold);\n    font-weight: var(--font-weight-extrabold);\n  }\n  .font-light {\n    --tw-font-weight: var(--font-weight-light);\n    font-weight: var(--font-weight-light);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .tracking-\\[-0\\.01em\\] {\n    --tw-tracking: -0.01em;\n    letter-spacing: -0.01em;\n  }\n  .tracking-\\[-0\\.02em\\] {\n    --tw-tracking: -0.02em;\n    letter-spacing: -0.02em;\n  }\n  .tracking-\\[-0\\.2px\\] {\n    --tw-tracking: -0.2px;\n    letter-spacing: -0.2px;\n  }\n  .tracking-\\[-0\\.5px\\] {\n    --tw-tracking: -0.5px;\n    letter-spacing: -0.5px;\n  }\n  .tracking-\\[-0\\.6px\\] {\n    --tw-tracking: -0.6px;\n    letter-spacing: -0.6px;\n  }\n  .tracking-\\[-0\\.015em\\] {\n    --tw-tracking: -0.015em;\n    letter-spacing: -0.015em;\n  }\n  .tracking-\\[-0\\.028em\\] {\n    --tw-tracking: -0.028em;\n    letter-spacing: -0.028em;\n  }\n  .tracking-\\[0\\.01em\\] {\n    --tw-tracking: 0.01em;\n    letter-spacing: 0.01em;\n  }\n  .tracking-\\[0\\.1em\\] {\n    --tw-tracking: 0.1em;\n    letter-spacing: 0.1em;\n  }\n  .tracking-\\[0\\.02em\\] {\n    --tw-tracking: 0.02em;\n    letter-spacing: 0.02em;\n  }\n  .tracking-\\[0\\.03em\\] {\n    --tw-tracking: 0.03em;\n    letter-spacing: 0.03em;\n  }\n  .tracking-\\[0\\.04em\\] {\n    --tw-tracking: 0.04em;\n    letter-spacing: 0.04em;\n  }\n  .tracking-\\[0\\.4px\\] {\n    --tw-tracking: 0.4px;\n    letter-spacing: 0.4px;\n  }\n  .tracking-\\[0\\.05em\\] {\n    --tw-tracking: 0.05em;\n    letter-spacing: 0.05em;\n  }\n  .tracking-\\[0\\.06em\\] {\n    --tw-tracking: 0.06em;\n    letter-spacing: 0.06em;\n  }\n  .tracking-\\[0\\.6px\\] {\n    --tw-tracking: 0.6px;\n    letter-spacing: 0.6px;\n  }\n  .tracking-\\[0\\.07em\\] {\n    --tw-tracking: 0.07em;\n    letter-spacing: 0.07em;\n  }\n  .tracking-\\[0\\.08em\\] {\n    --tw-tracking: 0.08em;\n    letter-spacing: 0.08em;\n  }\n  .tracking-\\[0\\.09em\\] {\n    --tw-tracking: 0.09em;\n    letter-spacing: 0.09em;\n  }\n  .tracking-\\[0\\.10em\\] {\n    --tw-tracking: 0.10em;\n    letter-spacing: 0.10em;\n  }\n  .tracking-\\[0\\.11em\\] {\n    --tw-tracking: 0.11em;\n    letter-spacing: 0.11em;\n  }\n  .tracking-normal {\n    --tw-tracking: var(--tracking-normal);\n    letter-spacing: var(--tracking-normal);\n  }\n  .tracking-tight {\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n  .tracking-wide {\n    --tw-tracking: var(--tracking-wide);\n    letter-spacing: var(--tracking-wide);\n  }\n  .tracking-wider {\n    --tw-tracking: var(--tracking-wider);\n    letter-spacing: var(--tracking-wider);\n  }\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n  .\\[text-wrap\\:wrap\\] {\n    text-wrap: wrap;\n  }\n  .text-balance {\n    text-wrap: balance;\n  }\n  .text-pretty {\n    text-wrap: pretty;\n  }\n  .text-wrap {\n    text-wrap: wrap;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .break-all {\n    word-break: break-all;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .\\!whitespace-normal {\n    white-space: normal !important;\n  }\n  .whitespace-normal {\n    white-space: normal;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .whitespace-pre {\n    white-space: pre;\n  }\n  .whitespace-pre-line {\n    white-space: pre-line;\n  }\n  .whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .\\!text-white {\n    color: var(--color-white) !important;\n  }\n  .text-\\[\\#0d1b2a\\] {\n    color: #0d1b2a;\n  }\n  .text-\\[\\#0f766e\\] {\n    color: #0f766e;\n  }\n  .text-\\[\\#1F1F1F\\] {\n    color: #1F1F1F;\n  }\n  .text-\\[\\#1F9D55\\] {\n    color: #1F9D55;\n  }\n  .text-\\[\\#1FAE9F\\] {\n    color: #1FAE9F;\n  }\n  .text-\\[\\#1d4ed8\\] {\n    color: #1d4ed8;\n  }\n  .text-\\[\\#3b82f6\\] {\n    color: #3b82f6;\n  }\n  .text-\\[\\#4E647F\\] {\n    color: #4E647F;\n  }\n  .text-\\[\\#4b5563\\] {\n    color: #4b5563;\n  }\n  .text-\\[\\#6b7280\\] {\n    color: #6b7280;\n  }\n  .text-\\[\\#7e22ce\\] {\n    color: #7e22ce;\n  }\n  .text-\\[\\#9ca3af\\] {\n    color: #9ca3af;\n  }\n  .text-\\[\\#16a34a\\] {\n    color: #16a34a;\n  }\n  .text-\\[\\#22c55e\\] {\n    color: #22c55e;\n  }\n  .text-\\[\\#94a3b8\\] {\n    color: #94a3b8;\n  }\n  .text-\\[\\#666\\] {\n    color: #666;\n  }\n  .text-\\[\\#2563eb\\] {\n    color: #2563eb;\n  }\n  .text-\\[\\#3763f4\\] {\n    color: #3763f4;\n  }\n  .text-\\[\\#8799AF\\] {\n    color: #8799AF;\n  }\n  .text-\\[\\#09090b\\] {\n    color: #09090b;\n  }\n  .text-\\[\\#18181b\\] {\n    color: #18181b;\n  }\n  .text-\\[\\#64748b\\] {\n    color: #64748b;\n  }\n  .text-\\[\\#71717A\\] {\n    color: #71717A;\n  }\n  .text-\\[\\#71717a\\] {\n    color: #71717a;\n  }\n  .text-\\[\\#92400e\\] {\n    color: #92400e;\n  }\n  .text-\\[\\#111111\\] {\n    color: #111111;\n  }\n  .text-\\[\\#161823\\] {\n    color: #161823;\n  }\n  .text-\\[\\#166534\\] {\n    color: #166534;\n  }\n  .text-\\[\\#222831\\] {\n    color: #222831;\n  }\n  .text-\\[\\#334155\\] {\n    color: #334155;\n  }\n  .text-\\[\\#374151\\] {\n    color: #374151;\n  }\n  .text-\\[\\#475569\\] {\n    color: #475569;\n  }\n  .text-\\[\\#979797\\] {\n    color: #979797;\n  }\n  .text-\\[\\#B7791F\\] {\n    color: #B7791F;\n  }\n  .text-\\[\\#D64545\\] {\n    color: #D64545;\n  }\n  .text-\\[\\#d32f2f\\] {\n    color: #d32f2f;\n  }\n  .text-\\[\\#e2e8f0\\] {\n    color: #e2e8f0;\n  }\n  .text-\\[\\#ef4444\\] {\n    color: #ef4444;\n  }\n  .text-\\[color\\:var\\(--dn-fg\\)\\] {\n    color: var(--dn-fg);\n  }\n  .text-\\[color\\:var\\(--ob-fg\\)\\] {\n    color: var(--ob-fg);\n  }\n  .text-\\[rgba\\(17\\,17\\,17\\,0\\.32\\)\\] {\n    color: rgba(17,17,17,0.32);\n  }\n  .text-\\[var\\(--bc-error-color\\,\\#DC2626\\)\\] {\n    color: var(--bc-error-color,#DC2626);\n  }\n  .text-\\[var\\(--bc-link-color\\)\\] {\n    color: var(--bc-link-color);\n  }\n  .text-\\[var\\(--bc-link-color\\,\\#6D28D9\\)\\] {\n    color: var(--bc-link-color,#6D28D9);\n  }\n  .text-\\[var\\(--bc-primary-button-text-color\\)\\] {\n    color: var(--bc-primary-button-text-color);\n  }\n  .text-\\[var\\(--bc-secondary-button-text-color\\)\\] {\n    color: var(--bc-secondary-button-text-color);\n  }\n  .text-\\[var\\(--bc-text-color\\)\\] {\n    color: var(--bc-text-color);\n  }\n  .text-\\[var\\(--bc-text-color\\,\\#18181B\\)\\] {\n    color: var(--bc-text-color,#18181B);\n  }\n  .text-\\[var\\(--ds-text-mid\\)\\] {\n    color: var(--ds-text-mid);\n  }\n  .text-accent {\n    color: var(--color-accent);\n  }\n  .text-accent-foreground {\n    color: var(--color-accent-foreground);\n  }\n  .text-accent\\/80 {\n    color: color-mix(in srgb, #f4f4f5 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-accent) 80%, transparent);\n    }\n  }\n  .text-amber-300 {\n    color: var(--color-amber-300);\n  }\n  .text-amber-400 {\n    color: var(--color-amber-400);\n  }\n  .text-amber-500 {\n    color: var(--color-amber-500);\n  }\n  .text-amber-600 {\n    color: var(--color-amber-600);\n  }\n  .text-amber-700 {\n    color: var(--color-amber-700);\n  }\n  .text-amber-800 {\n    color: var(--color-amber-800);\n  }\n  .text-amber-900 {\n    color: var(--color-amber-900);\n  }\n  .text-amber-900\\/90 {\n    color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-amber-900) 90%, transparent);\n    }\n  }\n  .text-background {\n    color: var(--color-background);\n  }\n  .text-black {\n    color: var(--color-black);\n  }\n  .text-blue-400 {\n    color: var(--color-blue-400);\n  }\n  .text-blue-500 {\n    color: var(--color-blue-500);\n  }\n  .text-blue-600 {\n    color: var(--color-blue-600);\n  }\n  .text-blue-700 {\n    color: var(--color-blue-700);\n  }\n  .text-blue-800 {\n    color: var(--color-blue-800);\n  }\n  .text-blue-900 {\n    color: var(--color-blue-900);\n  }\n  .text-card-foreground {\n    color: var(--color-card-foreground);\n  }\n  .text-current {\n    color: currentcolor;\n  }\n  .text-destructive {\n    color: var(--color-destructive);\n  }\n  .text-destructive-foreground {\n    color: var(--color-destructive-foreground);\n  }\n  .text-destructive\\/70 {\n    color: color-mix(in srgb, #dc2626 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-destructive) 70%, transparent);\n    }\n  }\n  .text-destructive\\/80 {\n    color: color-mix(in srgb, #dc2626 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-destructive) 80%, transparent);\n    }\n  }\n  .text-emerald-300 {\n    color: var(--color-emerald-300);\n  }\n  .text-emerald-500 {\n    color: var(--color-emerald-500);\n  }\n  .text-emerald-600 {\n    color: var(--color-emerald-600);\n  }\n  .text-emerald-700 {\n    color: var(--color-emerald-700);\n  }\n  .text-gray-100 {\n    color: var(--color-gray-100);\n  }\n  .text-gray-300 {\n    color: var(--color-gray-300);\n  }\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n  .text-gray-800 {\n    color: var(--color-gray-800);\n  }\n  .text-gray-900 {\n    color: var(--color-gray-900);\n  }\n  .text-green-400 {\n    color: var(--color-green-400);\n  }\n  .text-green-500 {\n    color: var(--color-green-500);\n  }\n  .text-green-600 {\n    color: var(--color-green-600);\n  }\n  .text-green-700 {\n    color: var(--color-green-700);\n  }\n  .text-green-800 {\n    color: var(--color-green-800);\n  }\n  .text-green-900 {\n    color: var(--color-green-900);\n  }\n  .text-indigo-500 {\n    color: var(--color-indigo-500);\n  }\n  .text-indigo-600 {\n    color: var(--color-indigo-600);\n  }\n  .text-indigo-700 {\n    color: var(--color-indigo-700);\n  }\n  .text-inherit {\n    color: inherit;\n  }\n  .text-input {\n    color: var(--color-input);\n  }\n  .text-muted-foreground {\n    color: var(--color-muted-foreground);\n  }\n  .text-muted-foreground\\/60 {\n    color: color-mix(in srgb, #74716e 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-muted-foreground) 60%, transparent);\n    }\n  }\n  .text-muted-foreground\\/70 {\n    color: color-mix(in srgb, #74716e 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent);\n    }\n  }\n  .text-neutral-70 {\n    color: var(--color-neutral-70);\n  }\n  .text-neutral-300 {\n    color: var(--color-neutral-300);\n  }\n  .text-neutral-400 {\n    color: var(--color-neutral-400);\n  }\n  .text-neutral-500 {\n    color: var(--color-neutral-500);\n  }\n  .text-neutral-600 {\n    color: var(--color-neutral-600);\n  }\n  .text-neutral-700 {\n    color: var(--color-neutral-700);\n  }\n  .text-neutral-900 {\n    color: var(--color-neutral-900);\n  }\n  .text-orange-500 {\n    color: var(--color-orange-500);\n  }\n  .text-orange-600 {\n    color: var(--color-orange-600);\n  }\n  .text-orange-700 {\n    color: var(--color-orange-700);\n  }\n  .text-orange-800 {\n    color: var(--color-orange-800);\n  }\n  .text-primary {\n    color: var(--color-primary);\n  }\n  .text-primary-foreground {\n    color: var(--color-primary-foreground);\n  }\n  .text-primary\\/10 {\n    color: color-mix(in srgb, #18181b 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-primary) 10%, transparent);\n    }\n  }\n  .text-primary\\/40 {\n    color: color-mix(in srgb, #18181b 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-primary) 40%, transparent);\n    }\n  }\n  .text-primary\\/50 {\n    color: color-mix(in srgb, #18181b 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-primary) 50%, transparent);\n    }\n  }\n  .text-primary\\/60 {\n    color: color-mix(in srgb, #18181b 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-primary) 60%, transparent);\n    }\n  }\n  .text-primary\\/70 {\n    color: color-mix(in srgb, #18181b 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-primary) 70%, transparent);\n    }\n  }\n  .text-purple-500 {\n    color: var(--color-purple-500);\n  }\n  .text-purple-600 {\n    color: var(--color-purple-600);\n  }\n  .text-purple-700 {\n    color: var(--color-purple-700);\n  }\n  .text-purple-800 {\n    color: var(--color-purple-800);\n  }\n  .text-purple-900 {\n    color: var(--color-purple-900);\n  }\n  .text-red-400 {\n    color: var(--color-red-400);\n  }\n  .text-red-500 {\n    color: var(--color-red-500);\n  }\n  .text-red-600 {\n    color: var(--color-red-600);\n  }\n  .text-red-700 {\n    color: var(--color-red-700);\n  }\n  .text-red-800 {\n    color: var(--color-red-800);\n  }\n  .text-red-900 {\n    color: var(--color-red-900);\n  }\n  .text-rose-500 {\n    color: var(--color-rose-500);\n  }\n  .text-rose-600 {\n    color: var(--color-rose-600);\n  }\n  .text-rose-700 {\n    color: var(--color-rose-700);\n  }\n  .text-secondary-foreground {\n    color: var(--color-secondary-foreground);\n  }\n  .text-sky-700 {\n    color: var(--color-sky-700);\n  }\n  .text-slate-100 {\n    color: var(--color-slate-100);\n  }\n  .text-slate-300 {\n    color: var(--color-slate-300);\n  }\n  .text-slate-400 {\n    color: var(--color-slate-400);\n  }\n  .text-slate-500 {\n    color: var(--color-slate-500);\n  }\n  .text-slate-600 {\n    color: var(--color-slate-600);\n  }\n  .text-slate-700 {\n    color: var(--color-slate-700);\n  }\n  .text-slate-800 {\n    color: var(--color-slate-800);\n  }\n  .text-slate-900 {\n    color: var(--color-slate-900);\n  }\n  .text-slate-950 {\n    color: var(--color-slate-950);\n  }\n  .text-teal-400 {\n    color: var(--color-teal-400);\n  }\n  .text-teal-700 {\n    color: var(--color-teal-700);\n  }\n  .text-teal-900 {\n    color: var(--color-teal-900);\n  }\n  .text-teal-900\\/70 {\n    color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-teal-900) 70%, transparent);\n    }\n  }\n  .text-teal-900\\/80 {\n    color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-teal-900) 80%, transparent);\n    }\n  }\n  .text-teal-900\\/90 {\n    color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-teal-900) 90%, transparent);\n    }\n  }\n  .text-transparent {\n    color: transparent;\n  }\n  .text-violet-600 {\n    color: var(--color-violet-600);\n  }\n  .text-violet-700 {\n    color: var(--color-violet-700);\n  }\n  .text-violet-800 {\n    color: var(--color-violet-800);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .text-white\\/35 {\n    color: color-mix(in srgb, #fff 35%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 35%, transparent);\n    }\n  }\n  .text-white\\/40 {\n    color: color-mix(in srgb, #fff 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 40%, transparent);\n    }\n  }\n  .text-white\\/70 {\n    color: color-mix(in srgb, #fff 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 70%, transparent);\n    }\n  }\n  .text-yellow-300 {\n    color: var(--color-yellow-300);\n  }\n  .text-yellow-400 {\n    color: var(--color-yellow-400);\n  }\n  .text-yellow-500 {\n    color: var(--color-yellow-500);\n  }\n  .text-yellow-600 {\n    color: var(--color-yellow-600);\n  }\n  .text-yellow-700 {\n    color: var(--color-yellow-700);\n  }\n  .text-yellow-800 {\n    color: var(--color-yellow-800);\n  }\n  .text-yellow-900 {\n    color: var(--color-yellow-900);\n  }\n  .text-zinc-500 {\n    color: var(--color-zinc-500);\n  }\n  .text-zinc-600 {\n    color: var(--color-zinc-600);\n  }\n  .text-zinc-900 {\n    color: var(--color-zinc-900);\n  }\n  .capitalize {\n    text-transform: capitalize;\n  }\n  .lowercase {\n    text-transform: lowercase;\n  }\n  .normal-case {\n    text-transform: none;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .uppercase\\! {\n    text-transform: uppercase !important;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .ordinal {\n    --tw-ordinal: ordinal;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .line-through {\n    text-decoration-line: line-through;\n  }\n  .no-underline {\n    text-decoration-line: none;\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .decoration-muted-foreground\\/50 {\n    text-decoration-color: color-mix(in srgb, #74716e 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      text-decoration-color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);\n    }\n  }\n  .decoration-dotted {\n    text-decoration-style: dotted;\n  }\n  .decoration-solid {\n    text-decoration-style: solid;\n  }\n  .underline-offset-2 {\n    text-underline-offset: 2px;\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .underline-offset-\\[3px\\] {\n    text-underline-offset: 3px;\n  }\n  .antialiased {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .caret-red-600 {\n    caret-color: var(--color-red-600);\n  }\n  .caret-slate-900 {\n    caret-color: var(--color-slate-900);\n  }\n  .accent-\\[var\\(--brand\\)\\] {\n    accent-color: var(--brand);\n  }\n  .accent-accent {\n    accent-color: var(--color-accent);\n  }\n  .accent-black {\n    accent-color: var(--color-black);\n  }\n  .accent-primary {\n    accent-color: var(--color-primary);\n  }\n  .\\[color-scheme\\:light\\] {\n    color-scheme: light;\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-10 {\n    opacity: 10%;\n  }\n  .opacity-30 {\n    opacity: 30%;\n  }\n  .opacity-40 {\n    opacity: 40%;\n  }\n  .opacity-50 {\n    opacity: 50%;\n  }\n  .opacity-55 {\n    opacity: 55%;\n  }\n  .opacity-60 {\n    opacity: 60%;\n  }\n  .opacity-70 {\n    opacity: 70%;\n  }\n  .opacity-75 {\n    opacity: 75%;\n  }\n  .opacity-80 {\n    opacity: 80%;\n  }\n  .opacity-90 {\n    opacity: 90%;\n  }\n  .opacity-95 {\n    opacity: 95%;\n  }\n  .opacity-100 {\n    opacity: 100%;\n  }\n  .opacity-\\[0\\.28\\] {\n    opacity: 0.28;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow\\! {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n  .shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\] {\n    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_2px_8px_rgba\\(217\\,74\\,30\\,0\\.15\\)\\] {\n    --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(217,74,30,0.15));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_3px_10px_rgba\\(0\\,0\\,0\\,0\\.14\\)\\] {\n    --tw-shadow: 0 3px 10px var(--tw-shadow-color, rgba(0,0,0,0.14));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_8px_32px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\,0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\] {\n    --tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.06));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0px_0px_4px_0px_\\#e4e4e7\\] {\n    --tw-shadow: 0px 0px 4px 0px var(--tw-shadow-color, #e4e4e7);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0px_1px_2px_0px_rgba\\(0\\,0\\,0\\,0\\.05\\)\\] {\n    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0,0,0,0.05));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0px_10px_15px_-3px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\,0px_4px_6px_-2px_rgba\\(0\\,0\\,0\\,0\\.05\\)\\] {\n    --tw-shadow: 0px 10px 15px -3px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 4px 6px -2px var(--tw-shadow-color, rgba(0,0,0,0.05));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[2px_0_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: 2px 0 4px var(--tw-shadow-color, rgba(0,0,0,0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[inset_0_-1px_0_var\\(--border\\)\\] {\n    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--border));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,\\.2\\)\\] {\n    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,.2));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,\\.16\\)\\] {\n    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,.16));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[var\\(--shadow\\)\\] {\n    --tw-shadow: var(--shadow);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-inner {\n    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-none {\n    --tw-shadow: 0 0 #0000;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-xl {\n    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-xs {\n    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow\\/ring {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-0 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-\\[1\\.5px\\] {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-\\[3px\\] {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .\\[box-shadow\\:none\\] {\n    box-shadow: none;\n  }\n  .shadow-card {\n    --tw-shadow-color: #ffffff;\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, var(--color-card) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .ring-\\[\\#10b981\\]\\/40 {\n    --tw-ring-color: color-mix(in oklab, #10b981 40%, transparent);\n  }\n  .ring-black\\/5 {\n    --tw-ring-color: color-mix(in srgb, #000 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n    }\n  }\n  .ring-blue-300\\/60 {\n    --tw-ring-color: color-mix(in srgb, oklch(80.9% 0.105 251.813) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-blue-300) 60%, transparent);\n    }\n  }\n  .ring-blue-500 {\n    --tw-ring-color: var(--color-blue-500);\n  }\n  .ring-border {\n    --tw-ring-color: var(--color-border);\n  }\n  .ring-card {\n    --tw-ring-color: var(--color-card);\n  }\n  .ring-gray-300 {\n    --tw-ring-color: var(--color-gray-300);\n  }\n  .ring-gray-900\\/10 {\n    --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);\n    }\n  }\n  .ring-orange-400 {\n    --tw-ring-color: var(--color-orange-400);\n  }\n  .ring-primary {\n    --tw-ring-color: var(--color-primary);\n  }\n  .ring-sidebar-ring {\n    --tw-ring-color: var(--color-sidebar-ring);\n  }\n  .ring-offset-4 {\n    --tw-ring-offset-width: 4px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n  .ring-offset-background {\n    --tw-ring-offset-color: var(--color-background);\n  }\n  .ring-offset-gray-200 {\n    --tw-ring-offset-color: var(--color-gray-200);\n  }\n  .outline-hidden {\n    --tw-outline-style: none;\n    outline-style: none;\n    @media (forced-colors: active) {\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .outline-1 {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .-outline-offset-1 {\n    outline-offset: calc(1px * -1);\n  }\n  .outline-gray-300 {\n    outline-color: var(--color-gray-300);\n  }\n  .outline-red-300 {\n    outline-color: var(--color-red-300);\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    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,);\n  }\n  .blur-2xl {\n    --tw-blur: blur(var(--blur-2xl));\n    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,);\n  }\n  .blur-3xl {\n    --tw-blur: blur(var(--blur-3xl));\n    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,);\n  }\n  .drop-shadow-\\[0_3px_9px_rgba\\(124\\,92\\,255\\,0\\.4\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 3px 9px var(--tw-drop-shadow-color, rgba(124,92,255,0.4)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-md {\n    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));\n    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));\n    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,);\n  }\n  .grayscale {\n    --tw-grayscale: grayscale(100%);\n    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,);\n  }\n  .invert {\n    --tw-invert: invert(100%);\n    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,);\n  }\n  .\\!filter {\n    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,) !important;\n  }\n  .filter {\n    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,);\n  }\n  .filter\\! {\n    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,) !important;\n  }\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-\\[1px\\] {\n    --tw-backdrop-blur: blur(1px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-sm {\n    --tw-backdrop-blur: blur(var(--blur-sm));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-blur-xl {\n    --tw-backdrop-blur: blur(var(--blur-xl));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .backdrop-filter {\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition\\! {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;\n    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;\n  }\n  .transition-\\[border-color\\,box-shadow\\,background-color\\] {\n    transition-property: border-color,box-shadow,background-color;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[border-color\\,box-shadow\\] {\n    transition-property: border-color,box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[color\\,box-shadow\\] {\n    transition-property: color,box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[filter\\] {\n    transition-property: filter;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[grid-template-rows\\] {\n    transition-property: grid-template-rows;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[left\\,right\\,width\\] {\n    transition-property: left,right,width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[margin\\,opacity\\] {\n    transition-property: margin,opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[margin-right\\] {\n    transition-property: margin-right;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[opacity\\,transform\\] {\n    transition-property: opacity,transform;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[right\\] {\n    transition-property: right;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[transform\\,width\\,height\\,opacity\\] {\n    transition-property: transform,width,height,opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[width\\,height\\,padding\\] {\n    transition-property: width,height,padding;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[width\\,right\\,margin-right\\] {\n    transition-property: width,right,margin-right;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[width\\] {\n    transition-property: width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-none {\n    transition-property: none;\n  }\n  .duration-75 {\n    --tw-duration: 75ms;\n    transition-duration: 75ms;\n  }\n  .duration-100 {\n    --tw-duration: 100ms;\n    transition-duration: 100ms;\n  }\n  .duration-150 {\n    --tw-duration: 150ms;\n    transition-duration: 150ms;\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-\\[100ms\\] {\n    --tw-duration: 100ms;\n    transition-duration: 100ms;\n  }\n  .duration-\\[120ms\\] {\n    --tw-duration: 120ms;\n    transition-duration: 120ms;\n  }\n  .duration-\\[130ms\\] {\n    --tw-duration: 130ms;\n    transition-duration: 130ms;\n  }\n  .duration-\\[140ms\\] {\n    --tw-duration: 140ms;\n    transition-duration: 140ms;\n  }\n  .duration-\\[160ms\\] {\n    --tw-duration: 160ms;\n    transition-duration: 160ms;\n  }\n  .duration-\\[180ms\\] {\n    --tw-duration: 180ms;\n    transition-duration: 180ms;\n  }\n  .duration-\\[220ms\\] {\n    --tw-duration: 220ms;\n    transition-duration: 220ms;\n  }\n  .duration-\\[250ms\\] {\n    --tw-duration: 250ms;\n    transition-duration: 250ms;\n  }\n  .duration-\\[280ms\\] {\n    --tw-duration: 280ms;\n    transition-duration: 280ms;\n  }\n  .duration-\\[380ms\\] {\n    --tw-duration: 380ms;\n    transition-duration: 380ms;\n  }\n  .duration-\\[500ms\\] {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .duration-\\[600ms\\] {\n    --tw-duration: 600ms;\n    transition-duration: 600ms;\n  }\n  .ease-\\[cubic-bezier\\(0\\.2\\,0\\.8\\,0\\.2\\,1\\)\\] {\n    --tw-ease: cubic-bezier(0.2,0.8,0.2,1);\n    transition-timing-function: cubic-bezier(0.2,0.8,0.2,1);\n  }\n  .ease-\\[cubic-bezier\\(0\\.34\\,1\\.42\\,0\\.64\\,1\\)\\] {\n    --tw-ease: cubic-bezier(0.34,1.42,0.64,1);\n    transition-timing-function: cubic-bezier(0.34,1.42,0.64,1);\n  }\n  .ease-in {\n    --tw-ease: var(--ease-in);\n    transition-timing-function: var(--ease-in);\n  }\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n  .ease-linear {\n    --tw-ease: linear;\n    transition-timing-function: linear;\n  }\n  .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n  .will-change-transform {\n    will-change: transform;\n  }\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .select-all {\n    -webkit-user-select: all;\n    user-select: all;\n  }\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .\\[-ms-overflow-style\\:none\\] {\n    -ms-overflow-style: none;\n  }\n  .\\[-webkit-overflow-scrolling\\:touch\\] {\n    -webkit-overflow-scrolling: touch;\n  }\n  .\\[cron\\:alarm-detection\\] {\n    cron: alarm-detection;\n  }\n  .\\[cron\\:bulk-subscribe-failure-retention\\] {\n    cron: bulk-subscribe-failure-retention;\n  }\n  .\\[cron\\:bulk-subscribe-watchdog\\] {\n    cron: bulk-subscribe-watchdog;\n  }\n  .\\[cron\\:daily-summary\\] {\n    cron: daily-summary;\n  }\n  .\\[cron\\:event-processor\\] {\n    cron: event-processor;\n  }\n  .\\[cron\\:invitation-retention\\] {\n    cron: invitation-retention;\n  }\n  .\\[cron\\:opt-out-token-retention\\] {\n    cron: opt-out-token-retention;\n  }\n  .\\[cron\\:payout-calc\\] {\n    cron: payout-calc;\n  }\n  .\\[cron\\:referral-webhook-dispatch\\] {\n    cron: referral-webhook-dispatch;\n  }\n  .\\[cron\\:session-cleanup\\] {\n    cron: session-cleanup;\n  }\n  .\\[cron\\:testing-expiry\\] {\n    cron: testing-expiry;\n  }\n  .\\[daily-summary\\:backfill\\] {\n    daily-summary: backfill;\n  }\n  .\\[daily-summary\\:diag\\] {\n    daily-summary: diag;\n  }\n  .\\[event-processor\\:diag\\] {\n    event-processor: diag;\n  }\n  .\\[event-processor\\:parsers\\] {\n    event-processor: parsers;\n  }\n  .\\[lead-pipeline\\:diag\\] {\n    lead-pipeline: diag;\n  }\n  .\\[min-inline-size\\:0\\] {\n    min-inline-size: 0;\n  }\n  .\\[payout-calc\\:diag\\] {\n    payout-calc: diag;\n  }\n  .\\[payout\\:trigger\\] {\n    payout: trigger;\n  }\n  .\\[scrollbar-gutter\\:stable\\] {\n    scrollbar-gutter: stable;\n  }\n  .\\[scrollbar-width\\:none\\] {\n    scrollbar-width: none;\n  }\n  .\\[scrollbar-width\\:thin\\] {\n    scrollbar-width: thin;\n  }\n  .\\[transition\\:max-height_200ms\\,opacity_150ms\\,padding_200ms\\] {\n    transition: max-height 200ms,opacity 150ms,padding 200ms;\n  }\n  .\\[transition\\:opacity_120ms\\,margin_250ms_ease-in-out\\] {\n    transition: opacity 120ms,margin 250ms ease-in-out;\n  }\n  .\\[transition\\:opacity_150ms\\,max-width_250ms_ease-in-out\\] {\n    transition: opacity 150ms,max-width 250ms ease-in-out;\n  }\n  .\\[transition\\:opacity_150ms_ease\\,max-width_250ms_ease-in-out\\] {\n    transition: opacity 150ms ease,max-width 250ms ease-in-out;\n  }\n  .ring-inset {\n    --tw-ring-inset: inset;\n  }\n  .group-focus-within\\/menu-item\\:opacity-100 {\n    &:is(:where(.group\\/menu-item):focus-within *) {\n      opacity: 100%;\n    }\n  }\n  .group-hover\\:block {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        display: block;\n      }\n    }\n  }\n  .group-hover\\:border-gray-400 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: var(--color-gray-400);\n      }\n    }\n  }\n  .group-hover\\:bg-black\\/20 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #000 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:bg-black\\/30 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #000 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-black) 30%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:text-blue-600 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        color: var(--color-blue-600);\n      }\n    }\n  }\n  .group-hover\\:opacity-60 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 60%;\n      }\n    }\n  }\n  .group-hover\\:opacity-80 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 80%;\n      }\n    }\n  }\n  .group-hover\\:opacity-100 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .group-hover\\:brightness-110 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-brightness: brightness(110%);\n        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,);\n      }\n    }\n  }\n  .group-hover\\:brightness-\\[1\\.18\\] {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-brightness: brightness(1.18);\n        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,);\n      }\n    }\n  }\n  .group-hover\\/card\\:pointer-events-auto {\n    &:is(:where(.group\\/card):hover *) {\n      @media (hover: hover) {\n        pointer-events: auto;\n      }\n    }\n  }\n  .group-hover\\/card\\:translate-y-0 {\n    &:is(:where(.group\\/card):hover *) {\n      @media (hover: hover) {\n        --tw-translate-y: calc(var(--spacing) * 0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .group-hover\\/card\\:opacity-100 {\n    &:is(:where(.group\\/card):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .group-hover\\/menu-item\\:opacity-100 {\n    &:is(:where(.group\\/menu-item):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8 {\n    &:is(:where(.group\\/menu-item):has(*[data-sidebar=\"menu-action\"]) *) {\n      padding-right: calc(var(--spacing) * 8);\n    }\n  }\n  .group-data-\\[checked\\]\\:translate-x-5 {\n    &:is(:where(.group)[data-checked] *) {\n      --tw-translate-x: calc(var(--spacing) * 5);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .group-data-\\[checked\\]\\:opacity-0 {\n    &:is(:where(.group)[data-checked] *) {\n      opacity: 0%;\n    }\n  }\n  .group-data-\\[checked\\]\\:opacity-100 {\n    &:is(:where(.group)[data-checked] *) {\n      opacity: 100%;\n    }\n  }\n  .group-data-\\[checked\\]\\:duration-100 {\n    &:is(:where(.group)[data-checked] *) {\n      --tw-duration: 100ms;\n      transition-duration: 100ms;\n    }\n  }\n  .group-data-\\[checked\\]\\:duration-200 {\n    &:is(:where(.group)[data-checked] *) {\n      --tw-duration: 200ms;\n      transition-duration: 200ms;\n    }\n  }\n  .group-data-\\[checked\\]\\:ease-in {\n    &:is(:where(.group)[data-checked] *) {\n      --tw-ease: var(--ease-in);\n      transition-timing-function: var(--ease-in);\n    }\n  }\n  .group-data-\\[checked\\]\\:ease-out {\n    &:is(:where(.group)[data-checked] *) {\n      --tw-ease: var(--ease-out);\n      transition-timing-function: var(--ease-out);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:-mt-8 {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      margin-top: calc(var(--spacing) * -8);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:hidden {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      display: none;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:size-8\\! {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: calc(var(--spacing) * 8) !important;\n      height: calc(var(--spacing) * 8) !important;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\) {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: var(--sidebar-width-icon);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\] {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\] {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      overflow: hidden;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:p-0\\! {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      padding: calc(var(--spacing) * 0) !important;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:p-2\\! {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      padding: calc(var(--spacing) * 2) !important;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:opacity-0 {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      opacity: 0%;\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      right: calc(var(--sidebar-width) * -1);\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      left: calc(var(--sidebar-width) * -1);\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:w-0 {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      width: calc(var(--spacing) * 0);\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0 {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      --tw-translate-x: calc(var(--spacing) * 0);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .group-data-\\[side\\=left\\]\\:-right-4 {\n    &:is(:where(.group)[data-side=\"left\"] *) {\n      right: calc(var(--spacing) * -4);\n    }\n  }\n  .group-data-\\[side\\=left\\]\\:border-r {\n    &:is(:where(.group)[data-side=\"left\"] *) {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 1px;\n    }\n  }\n  .group-data-\\[side\\=right\\]\\:left-0 {\n    &:is(:where(.group)[data-side=\"right\"] *) {\n      left: calc(var(--spacing) * 0);\n    }\n  }\n  .group-data-\\[side\\=right\\]\\:rotate-180 {\n    &:is(:where(.group)[data-side=\"right\"] *) {\n      rotate: 180deg;\n    }\n  }\n  .group-data-\\[side\\=right\\]\\:border-l {\n    &:is(:where(.group)[data-side=\"right\"] *) {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .group-data-\\[size\\=default\\]\\/switch\\:size-4 {\n    &:is(:where(.group\\/switch)[data-size=\"default\"] *) {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .group-data-\\[size\\=sm\\]\\/switch\\:size-3 {\n    &:is(:where(.group\\/switch)[data-size=\"sm\"] *) {\n      width: calc(var(--spacing) * 3);\n      height: calc(var(--spacing) * 3);\n    }\n  }\n  .group-data-\\[spacing\\=0\\]\\/toggle-group\\:rounded-none {\n    &:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n      border-radius: 0;\n    }\n  }\n  .group-data-\\[spacing\\=0\\]\\/toggle-group\\:px-2 {\n    &:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n      padding-inline: calc(var(--spacing) * 2);\n    }\n  }\n  .group-data-\\[state\\=checked\\]\\:opacity-100 {\n    &:is(:where(.group)[data-state=\"checked\"] *) {\n      opacity: 100%;\n    }\n  }\n  .group-data-\\[state\\=open\\]\\/tagswitch\\:rotate-180 {\n    &:is(:where(.group\\/tagswitch)[data-state=\"open\"] *) {\n      rotate: 180deg;\n    }\n  }\n  .group-data-\\[state\\=unchecked\\]\\:opacity-100 {\n    &:is(:where(.group)[data-state=\"unchecked\"] *) {\n      opacity: 100%;\n    }\n  }\n  .group-data-\\[variant\\=floating\\]\\:rounded-lg {\n    &:is(:where(.group)[data-variant=\"floating\"] *) {\n      border-radius: var(--radius-lg);\n    }\n  }\n  .group-data-\\[variant\\=floating\\]\\:border {\n    &:is(:where(.group)[data-variant=\"floating\"] *) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .group-data-\\[variant\\=floating\\]\\:shadow-sm {\n    &:is(:where(.group)[data-variant=\"floating\"] *) {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .peer-disabled\\:cursor-not-allowed {\n    &:is(:where(.peer):disabled ~ *) {\n      cursor: not-allowed;\n    }\n  }\n  .peer-disabled\\:opacity-70 {\n    &:is(:where(.peer):disabled ~ *) {\n      opacity: 70%;\n    }\n  }\n  .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5 {\n    &:is(:where(.peer\\/menu-button)[data-size=\"default\"] ~ *) {\n      top: calc(var(--spacing) * 1.5);\n    }\n  }\n  .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5 {\n    &:is(:where(.peer\\/menu-button)[data-size=\"lg\"] ~ *) {\n      top: calc(var(--spacing) * 2.5);\n    }\n  }\n  .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1 {\n    &:is(:where(.peer\\/menu-button)[data-size=\"sm\"] ~ *) {\n      top: calc(var(--spacing) * 1);\n    }\n  }\n  .selection\\:bg-primary {\n    & *::selection {\n      background-color: var(--color-primary);\n    }\n    &::selection {\n      background-color: var(--color-primary);\n    }\n  }\n  .selection\\:text-primary-foreground {\n    & *::selection {\n      color: var(--color-primary-foreground);\n    }\n    &::selection {\n      color: var(--color-primary-foreground);\n    }\n  }\n  .file\\:inline-flex {\n    &::file-selector-button {\n      display: inline-flex;\n    }\n  }\n  .file\\:h-7 {\n    &::file-selector-button {\n      height: calc(var(--spacing) * 7);\n    }\n  }\n  .file\\:border-0 {\n    &::file-selector-button {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .file\\:bg-transparent {\n    &::file-selector-button {\n      background-color: transparent;\n    }\n  }\n  .file\\:text-sm {\n    &::file-selector-button {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .file\\:font-medium {\n    &::file-selector-button {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .placeholder\\:text-gray-400 {\n    &::placeholder {\n      color: var(--color-gray-400);\n    }\n  }\n  .placeholder\\:text-muted-foreground {\n    &::placeholder {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .placeholder\\:text-red-300 {\n    &::placeholder {\n      color: var(--color-red-300);\n    }\n  }\n  .placeholder\\:text-slate-400 {\n    &::placeholder {\n      color: var(--color-slate-400);\n    }\n  }\n  .placeholder\\:opacity-85 {\n    &::placeholder {\n      opacity: 85%;\n    }\n  }\n  .before\\:absolute {\n    &::before {\n      content: var(--tw-content);\n      position: absolute;\n    }\n  }\n  .before\\:top-0 {\n    &::before {\n      content: var(--tw-content);\n      top: calc(var(--spacing) * 0);\n    }\n  }\n  .before\\:bottom-0 {\n    &::before {\n      content: var(--tw-content);\n      bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .before\\:left-0 {\n    &::before {\n      content: var(--tw-content);\n      left: calc(var(--spacing) * 0);\n    }\n  }\n  .before\\:w-px {\n    &::before {\n      content: var(--tw-content);\n      width: 1px;\n    }\n  }\n  .before\\:bg-border {\n    &::before {\n      content: var(--tw-content);\n      background-color: var(--color-border);\n    }\n  }\n  .after\\:absolute {\n    &::after {\n      content: var(--tw-content);\n      position: absolute;\n    }\n  }\n  .after\\:-inset-2 {\n    &::after {\n      content: var(--tw-content);\n      inset: calc(var(--spacing) * -2);\n    }\n  }\n  .after\\:-inset-x-3 {\n    &::after {\n      content: var(--tw-content);\n      inset-inline: calc(var(--spacing) * -3);\n    }\n  }\n  .after\\:-inset-y-2 {\n    &::after {\n      content: var(--tw-content);\n      inset-block: calc(var(--spacing) * -2);\n    }\n  }\n  .after\\:inset-y-0 {\n    &::after {\n      content: var(--tw-content);\n      inset-block: calc(var(--spacing) * 0);\n    }\n  }\n  .after\\:right-0 {\n    &::after {\n      content: var(--tw-content);\n      right: calc(var(--spacing) * 0);\n    }\n  }\n  .after\\:bottom-0 {\n    &::after {\n      content: var(--tw-content);\n      bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .after\\:left-0 {\n    &::after {\n      content: var(--tw-content);\n      left: calc(var(--spacing) * 0);\n    }\n  }\n  .after\\:left-1\\/2 {\n    &::after {\n      content: var(--tw-content);\n      left: calc(1/2 * 100%);\n    }\n  }\n  .after\\:h-\\[2px\\] {\n    &::after {\n      content: var(--tw-content);\n      height: 2px;\n    }\n  }\n  .after\\:w-\\[2px\\] {\n    &::after {\n      content: var(--tw-content);\n      width: 2px;\n    }\n  }\n  .after\\:scale-x-0 {\n    &::after {\n      content: var(--tw-content);\n      --tw-scale-x: 0%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n  }\n  .after\\:bg-\\[var\\(--tab-indicator-color\\)\\] {\n    &::after {\n      content: var(--tw-content);\n      background-color: var(--tab-indicator-color);\n    }\n  }\n  .after\\:transition-transform {\n    &::after {\n      content: var(--tw-content);\n      transition-property: transform, translate, scale, rotate;\n      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n      transition-duration: var(--tw-duration, var(--default-transition-duration));\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      &::after {\n        content: var(--tw-content);\n        left: 100%;\n      }\n    }\n  }\n  .first\\:border-l-0 {\n    &:first-child {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 0px;\n    }\n  }\n  .last\\:mb-0 {\n    &:last-child {\n      margin-bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .last\\:border-0 {\n    &:last-child {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .last\\:border-r-0 {\n    &:last-child {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 0px;\n    }\n  }\n  .last\\:border-b {\n    &:last-child {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 1px;\n    }\n  }\n  .last\\:border-b-0 {\n    &:last-child {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .last\\:pb-0 {\n    &:last-child {\n      padding-bottom: calc(var(--spacing) * 0);\n    }\n  }\n  .last\\:pb-\\[3px\\] {\n    &:last-child {\n      padding-bottom: 3px;\n    }\n  }\n  .focus-within\\:pointer-events-auto {\n    &:focus-within {\n      pointer-events: auto;\n    }\n  }\n  .focus-within\\:relative {\n    &:focus-within {\n      position: relative;\n    }\n  }\n  .focus-within\\:translate-y-0 {\n    &:focus-within {\n      --tw-translate-y: calc(var(--spacing) * 0);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .focus-within\\:opacity-100 {\n    &:focus-within {\n      opacity: 100%;\n    }\n  }\n  .focus-within\\:ring-2 {\n    &:focus-within {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-within\\:ring-\\[3px\\] {\n    &:focus-within {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-within\\:ring-accent {\n    &:focus-within {\n      --tw-ring-color: var(--color-accent);\n    }\n  }\n  .focus-within\\:ring-accent\\/40 {\n    &:focus-within {\n      --tw-ring-color: color-mix(in srgb, #f4f4f5 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-accent) 40%, transparent);\n      }\n    }\n  }\n  .focus-within\\:ring-blue-600 {\n    &:focus-within {\n      --tw-ring-color: var(--color-blue-600);\n    }\n  }\n  .focus-within\\:ring-offset-2 {\n    &:focus-within {\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus-within\\:outline-none {\n    &:focus-within {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .hover\\:-translate-y-0\\.5 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-translate-y: calc(var(--spacing) * -0.5);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .hover\\:-translate-y-px {\n    &:hover {\n      @media (hover: hover) {\n        --tw-translate-y: -1px;\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .hover\\:translate-y-0 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-translate-y: calc(var(--spacing) * 0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .hover\\:cursor-pointer {\n    &:hover {\n      @media (hover: hover) {\n        cursor: pointer;\n      }\n    }\n  }\n  .hover\\:border-\\[\\#2563eb\\] {\n    &:hover {\n      @media (hover: hover) {\n        border-color: #2563eb;\n      }\n    }\n  }\n  .hover\\:border-\\[color\\:var\\(--ob-bd-h\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--ob-bd-h);\n      }\n    }\n  }\n  .hover\\:border-accent\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, #f4f4f5 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-blue-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-blue-400);\n      }\n    }\n  }\n  .hover\\:border-blue-600 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-blue-600);\n      }\n    }\n  }\n  .hover\\:border-border {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-border);\n      }\n    }\n  }\n  .hover\\:border-gray-300 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-gray-300);\n      }\n    }\n  }\n  .hover\\:border-gray-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-gray-400);\n      }\n    }\n  }\n  .hover\\:border-gray-500 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-gray-500);\n      }\n    }\n  }\n  .hover\\:border-indigo-300 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-indigo-300);\n      }\n    }\n  }\n  .hover\\:border-muted-foreground {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-muted-foreground);\n      }\n    }\n  }\n  .hover\\:border-orange-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-orange-400);\n      }\n    }\n  }\n  .hover\\:border-primary {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-primary);\n      }\n    }\n  }\n  .hover\\:border-primary\\/40 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, #18181b 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-primary\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, #18181b 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-purple-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-purple-400);\n      }\n    }\n  }\n  .hover\\:border-red-200 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-red-200);\n      }\n    }\n  }\n  .hover\\:border-red-300 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-red-300);\n      }\n    }\n  }\n  .hover\\:border-red-600 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-red-600);\n      }\n    }\n  }\n  .hover\\:border-slate-400 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--color-slate-400);\n      }\n    }\n  }\n  .hover\\:\\!bg-\\[\\#12478a\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #12478a !important;\n      }\n    }\n  }\n  .hover\\:\\!bg-\\[\\#af543d\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #af543d !important;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#1a2e4a\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #1a2e4a;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#1d4ed8\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #1d4ed8;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#2d3544\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #2d3544;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#16a34a\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #16a34a;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#166FE5\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #166FE5;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#18181b\\]\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in oklab, #18181b 90%, transparent);\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#E88B00\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #E88B00;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#F1F4F8\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #F1F4F8;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#d0d8e4\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #d0d8e4;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#f2f2f2\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #f2f2f2;\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#fafafa\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #fafafa;\n      }\n    }\n  }\n  .hover\\:bg-\\[color\\:var\\(--ob-bg-h\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--ob-bg-h);\n      }\n    }\n  }\n  .hover\\:bg-\\[var\\(--bc-primary-button-background-color\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bc-primary-button-background-color);\n      }\n    }\n  }\n  .hover\\:bg-\\[var\\(--bc-secondary-button-background-color\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bc-secondary-button-background-color);\n      }\n    }\n  }\n  .hover\\:bg-accent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-accent);\n      }\n    }\n  }\n  .hover\\:bg-accent\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f4f4f5 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-accent\\/30 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f4f4f5 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-accent) 30%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-accent\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f4f4f5 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-accent\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f4f4f5 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-accent) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-amber-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-amber-100);\n      }\n    }\n  }\n  .hover\\:bg-background {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-background);\n      }\n    }\n  }\n  .hover\\:bg-black\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #000 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-black) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-blue-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-100);\n      }\n    }\n  }\n  .hover\\:bg-blue-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-200);\n      }\n    }\n  }\n  .hover\\:bg-blue-500 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-500);\n      }\n    }\n  }\n  .hover\\:bg-blue-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-700);\n      }\n    }\n  }\n  .hover\\:bg-border {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-border);\n      }\n    }\n  }\n  .hover\\:bg-border\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #e4e4e7 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-border) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-card {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-card);\n      }\n    }\n  }\n  .hover\\:bg-destructive {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-destructive);\n      }\n    }\n  }\n  .hover\\:bg-destructive\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #dc2626 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-destructive\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #dc2626 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-destructive\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #dc2626 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-gray-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-50);\n      }\n    }\n  }\n  .hover\\:bg-gray-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-100);\n      }\n    }\n  }\n  .hover\\:bg-gray-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-200);\n      }\n    }\n  }\n  .hover\\:bg-gray-300 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-300);\n      }\n    }\n  }\n  .hover\\:bg-gray-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-gray-800);\n      }\n    }\n  }\n  .hover\\:bg-green-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-green-700);\n      }\n    }\n  }\n  .hover\\:bg-indigo-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-indigo-50);\n      }\n    }\n  }\n  .hover\\:bg-indigo-50\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-indigo-50) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-indigo-500\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-indigo-500) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-muted);\n      }\n    }\n  }\n  .hover\\:bg-muted\\/30 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f7f7f6 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted\\/40 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f7f7f6 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f7f7f6 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f7f7f6 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted\\/70 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f7f7f6 70%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-neutral-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-neutral-100);\n      }\n    }\n  }\n  .hover\\:bg-neutral-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-neutral-200);\n      }\n    }\n  }\n  .hover\\:bg-orange-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-orange-100);\n      }\n    }\n  }\n  .hover\\:bg-primary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #18181b 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-primary\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #18181b 90%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-purple-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-purple-100);\n      }\n    }\n  }\n  .hover\\:bg-purple-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-purple-700);\n      }\n    }\n  }\n  .hover\\:bg-red-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-red-50);\n      }\n    }\n  }\n  .hover\\:bg-red-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-red-200);\n      }\n    }\n  }\n  .hover\\:bg-red-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-red-700);\n      }\n    }\n  }\n  .hover\\:bg-secondary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #f4f4f5 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-slate-50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-50);\n      }\n    }\n  }\n  .hover\\:bg-slate-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-100);\n      }\n    }\n  }\n  .hover\\:bg-slate-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-slate-800);\n      }\n    }\n  }\n  .hover\\:bg-teal-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-teal-600);\n      }\n    }\n  }\n  .hover\\:bg-teal-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-teal-700);\n      }\n    }\n  }\n  .hover\\:bg-transparent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: transparent;\n      }\n    }\n  }\n  .hover\\:bg-violet-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-violet-700);\n      }\n    }\n  }\n  .hover\\:bg-violet-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-violet-800);\n      }\n    }\n  }\n  .hover\\:bg-white {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-white);\n      }\n    }\n  }\n  .hover\\:bg-white\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-white\\/\\[0\\.04\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 4%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 4%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-yellow-700 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-yellow-700);\n      }\n    }\n  }\n  .hover\\:bg-zinc-100 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-zinc-100);\n      }\n    }\n  }\n  .hover\\:bg-zinc-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-zinc-800);\n      }\n    }\n  }\n  .hover\\:text-\\[\\#1d4ed8\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: #1d4ed8;\n      }\n    }\n  }\n  .hover\\:text-\\[\\#6b7280\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: #6b7280;\n      }\n    }\n  }\n  .hover\\:text-\\[\\#18181b\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: #18181b;\n      }\n    }\n  }\n  .hover\\:text-\\[\\#64748b\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: #64748b;\n      }\n    }\n  }\n  .hover\\:text-\\[color\\:var\\(--dn-fg-hover\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--dn-fg-hover);\n      }\n    }\n  }\n  .hover\\:text-\\[color\\:var\\(--ob-fg-h\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--ob-fg-h);\n      }\n    }\n  }\n  .hover\\:text-\\[var\\(--bc-secondary-button-text-color\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--bc-secondary-button-text-color);\n      }\n    }\n  }\n  .hover\\:text-accent {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-accent);\n      }\n    }\n  }\n  .hover\\:text-accent-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-accent-foreground);\n      }\n    }\n  }\n  .hover\\:text-accent\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        color: color-mix(in srgb, #f4f4f5 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--color-accent) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:text-black {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-black);\n      }\n    }\n  }\n  .hover\\:text-blue-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-500);\n      }\n    }\n  }\n  .hover\\:text-blue-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-600);\n      }\n    }\n  }\n  .hover\\:text-blue-700 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-700);\n      }\n    }\n  }\n  .hover\\:text-blue-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-800);\n      }\n    }\n  }\n  .hover\\:text-blue-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-blue-900);\n      }\n    }\n  }\n  .hover\\:text-destructive {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-destructive);\n      }\n    }\n  }\n  .hover\\:text-gray-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-500);\n      }\n    }\n  }\n  .hover\\:text-gray-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-600);\n      }\n    }\n  }\n  .hover\\:text-gray-700 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-700);\n      }\n    }\n  }\n  .hover\\:text-gray-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-800);\n      }\n    }\n  }\n  .hover\\:text-gray-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-gray-900);\n      }\n    }\n  }\n  .hover\\:text-green-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-green-900);\n      }\n    }\n  }\n  .hover\\:text-indigo-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-indigo-600);\n      }\n    }\n  }\n  .hover\\:text-muted-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-muted-foreground);\n      }\n    }\n  }\n  .hover\\:text-neutral-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-neutral-900);\n      }\n    }\n  }\n  .hover\\:text-orange-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-orange-500);\n      }\n    }\n  }\n  .hover\\:text-primary {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-primary);\n      }\n    }\n  }\n  .hover\\:text-primary\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        color: color-mix(in srgb, #18181b 60%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--color-primary) 60%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:text-red-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-500);\n      }\n    }\n  }\n  .hover\\:text-red-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-600);\n      }\n    }\n  }\n  .hover\\:text-red-700 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-700);\n      }\n    }\n  }\n  .hover\\:text-red-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-800);\n      }\n    }\n  }\n  .hover\\:text-red-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-900);\n      }\n    }\n  }\n  .hover\\:text-slate-600 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-slate-600);\n      }\n    }\n  }\n  .hover\\:text-slate-700 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-slate-700);\n      }\n    }\n  }\n  .hover\\:text-slate-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-slate-800);\n      }\n    }\n  }\n  .hover\\:text-teal-950 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-teal-950);\n      }\n    }\n  }\n  .hover\\:text-violet-800 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-violet-800);\n      }\n    }\n  }\n  .hover\\:text-white {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-white);\n      }\n    }\n  }\n  .hover\\:text-yellow-900 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-yellow-900);\n      }\n    }\n  }\n  .hover\\:no-underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: none;\n      }\n    }\n  }\n  .hover\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline;\n      }\n    }\n  }\n  .hover\\:opacity-70 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 70%;\n      }\n    }\n  }\n  .hover\\:opacity-80 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 80%;\n      }\n    }\n  }\n  .hover\\:opacity-90 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 90%;\n      }\n    }\n  }\n  .hover\\:opacity-100 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .hover\\:opacity-\\[0\\.88\\] {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 0.88;\n      }\n    }\n  }\n  .hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-\\[0_4px_14px_rgba\\(37\\,99\\,235\\,0\\.1\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgba(37,99,235,0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(0,0,0,0.08));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-md {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-sm {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-card {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow-color: #ffffff;\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-shadow-color: color-mix(in oklab, var(--color-card) var(--tw-shadow-alpha), transparent);\n        }\n      }\n    }\n  }\n  .hover\\:brightness-110 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-brightness: brightness(110%);\n        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,);\n      }\n    }\n  }\n  .hover\\:brightness-\\[1\\.15\\] {\n    &:hover {\n      @media (hover: hover) {\n        --tw-brightness: brightness(1.15);\n        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,);\n      }\n    }\n  }\n  .focus\\:relative {\n    &:focus {\n      position: relative;\n    }\n  }\n  .focus\\:z-10 {\n    &:focus {\n      z-index: 10;\n    }\n  }\n  .focus\\:z-20 {\n    &:focus {\n      z-index: 20;\n    }\n  }\n  .focus\\:border-accent {\n    &:focus {\n      border-color: var(--color-accent);\n    }\n  }\n  .focus\\:border-destructive {\n    &:focus {\n      border-color: var(--color-destructive);\n    }\n  }\n  .focus\\:border-gray-500 {\n    &:focus {\n      border-color: var(--color-gray-500);\n    }\n  }\n  .focus\\:border-indigo-500 {\n    &:focus {\n      border-color: var(--color-indigo-500);\n    }\n  }\n  .focus\\:border-primary {\n    &:focus {\n      border-color: var(--color-primary);\n    }\n  }\n  .focus\\:border-red-500 {\n    &:focus {\n      border-color: var(--color-red-500);\n    }\n  }\n  .focus\\:border-transparent {\n    &:focus {\n      border-color: transparent;\n    }\n  }\n  .focus\\:bg-accent {\n    &:focus {\n      background-color: var(--color-accent);\n    }\n  }\n  .focus\\:bg-card {\n    &:focus {\n      background-color: var(--color-card);\n    }\n  }\n  .focus\\:text-accent-foreground {\n    &:focus {\n      color: var(--color-accent-foreground);\n    }\n  }\n  .focus\\:text-destructive {\n    &:focus {\n      color: var(--color-destructive);\n    }\n  }\n  .focus\\:opacity-100 {\n    &:focus {\n      opacity: 100%;\n    }\n  }\n  .focus\\:ring-0 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-1 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:\\[box-shadow\\:none\\] {\n    &:focus {\n      box-shadow: none;\n    }\n  }\n  .focus\\:ring-accent {\n    &:focus {\n      --tw-ring-color: var(--color-accent);\n    }\n  }\n  .focus\\:ring-accent\\/30 {\n    &:focus {\n      --tw-ring-color: color-mix(in srgb, #f4f4f5 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-accent) 30%, transparent);\n      }\n    }\n  }\n  .focus\\:ring-accent\\/40 {\n    &:focus {\n      --tw-ring-color: color-mix(in srgb, #f4f4f5 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-accent) 40%, transparent);\n      }\n    }\n  }\n  .focus\\:ring-black {\n    &:focus {\n      --tw-ring-color: var(--color-black);\n    }\n  }\n  .focus\\:ring-blue-500 {\n    &:focus {\n      --tw-ring-color: var(--color-blue-500);\n    }\n  }\n  .focus\\:ring-blue-600 {\n    &:focus {\n      --tw-ring-color: var(--color-blue-600);\n    }\n  }\n  .focus\\:ring-destructive {\n    &:focus {\n      --tw-ring-color: var(--color-destructive);\n    }\n  }\n  .focus\\:ring-gray-500 {\n    &:focus {\n      --tw-ring-color: var(--color-gray-500);\n    }\n  }\n  .focus\\:ring-primary {\n    &:focus {\n      --tw-ring-color: var(--color-primary);\n    }\n  }\n  .focus\\:ring-purple-500 {\n    &:focus {\n      --tw-ring-color: var(--color-purple-500);\n    }\n  }\n  .focus\\:ring-white\\/50 {\n    &:focus {\n      --tw-ring-color: color-mix(in srgb, #fff 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);\n      }\n    }\n  }\n  .focus\\:ring-offset-0 {\n    &:focus {\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:ring-offset-2 {\n    &:focus {\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:outline-hidden {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n  }\n  .focus\\:outline-2 {\n    &:focus {\n      outline-style: var(--tw-outline-style);\n      outline-width: 2px;\n    }\n  }\n  .focus\\:-outline-offset-2 {\n    &:focus {\n      outline-offset: calc(2px * -1);\n    }\n  }\n  .focus\\:outline-offset-0 {\n    &:focus {\n      outline-offset: 0px;\n    }\n  }\n  .focus\\:outline-blue-600 {\n    &:focus {\n      outline-color: var(--color-blue-600);\n    }\n  }\n  .focus\\:outline-red-600 {\n    &:focus {\n      outline-color: var(--color-red-600);\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .focus-visible\\:z-10 {\n    &:focus-visible {\n      z-index: 10;\n    }\n  }\n  .focus-visible\\:border-\\[\\#2563eb\\] {\n    &:focus-visible {\n      border-color: #2563eb;\n    }\n  }\n  .focus-visible\\:border-blue-600 {\n    &:focus-visible {\n      border-color: var(--color-blue-600);\n    }\n  }\n  .focus-visible\\:border-indigo-300 {\n    &:focus-visible {\n      border-color: var(--color-indigo-300);\n    }\n  }\n  .focus-visible\\:border-indigo-500 {\n    &:focus-visible {\n      border-color: var(--color-indigo-500);\n    }\n  }\n  .focus-visible\\:border-red-300 {\n    &:focus-visible {\n      border-color: var(--color-red-300);\n    }\n  }\n  .focus-visible\\:bg-white {\n    &:focus-visible {\n      background-color: var(--color-white);\n    }\n  }\n  .focus-visible\\:opacity-100 {\n    &:focus-visible {\n      opacity: 100%;\n    }\n  }\n  .focus-visible\\:ring-0 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-1 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-2 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-\\[3px\\] {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:\\[box-shadow\\:none\\] {\n    &:focus-visible {\n      box-shadow: none;\n    }\n  }\n  .focus-visible\\:ring-accent\\/40 {\n    &:focus-visible {\n      --tw-ring-color: color-mix(in srgb, #f4f4f5 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-accent) 40%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:ring-border {\n    &:focus-visible {\n      --tw-ring-color: var(--color-border);\n    }\n  }\n  .focus-visible\\:ring-destructive\\/20 {\n    &:focus-visible {\n      --tw-ring-color: color-mix(in srgb, #dc2626 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:ring-indigo-500\\/\\[0\\.06\\] {\n    &:focus-visible {\n      --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 6%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 6%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:ring-neutral-300 {\n    &:focus-visible {\n      --tw-ring-color: var(--color-neutral-300);\n    }\n  }\n  .focus-visible\\:ring-red-300 {\n    &:focus-visible {\n      --tw-ring-color: var(--color-red-300);\n    }\n  }\n  .focus-visible\\:ring-sidebar-ring {\n    &:focus-visible {\n      --tw-ring-color: var(--color-sidebar-ring);\n    }\n  }\n  .focus-visible\\:ring-offset-0 {\n    &:focus-visible {\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus-visible\\:ring-offset-2 {\n    &:focus-visible {\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus-visible\\:outline {\n    &:focus-visible {\n      outline-style: var(--tw-outline-style);\n      outline-width: 1px;\n    }\n  }\n  .focus-visible\\:outline-2 {\n    &:focus-visible {\n      outline-style: var(--tw-outline-style);\n      outline-width: 2px;\n    }\n  }\n  .focus-visible\\:outline-offset-2 {\n    &:focus-visible {\n      outline-offset: 2px;\n    }\n  }\n  .focus-visible\\:outline-blue-600 {\n    &:focus-visible {\n      outline-color: var(--color-blue-600);\n    }\n  }\n  .focus-visible\\:outline-none {\n    &:focus-visible {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .focus-visible\\:ring-inset {\n    &:focus-visible {\n      --tw-ring-inset: inset;\n    }\n  }\n  .active\\:bg-accent\\/80 {\n    &:active {\n      background-color: color-mix(in srgb, #f4f4f5 80%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-accent) 80%, transparent);\n      }\n    }\n  }\n  .active\\:bg-gray-100 {\n    &:active {\n      background-color: var(--color-gray-100);\n    }\n  }\n  .active\\:bg-gray-200 {\n    &:active {\n      background-color: var(--color-gray-200);\n    }\n  }\n  .disabled\\:pointer-events-none {\n    &:disabled {\n      pointer-events: none;\n    }\n  }\n  .disabled\\:cursor-default {\n    &:disabled {\n      cursor: default;\n    }\n  }\n  .disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n  .disabled\\:bg-gray-50 {\n    &:disabled {\n      background-color: var(--color-gray-50);\n    }\n  }\n  .disabled\\:text-gray-500 {\n    &:disabled {\n      color: var(--color-gray-500);\n    }\n  }\n  .disabled\\:opacity-30 {\n    &:disabled {\n      opacity: 30%;\n    }\n  }\n  .disabled\\:opacity-40 {\n    &:disabled {\n      opacity: 40%;\n    }\n  }\n  .disabled\\:opacity-50 {\n    &:disabled {\n      opacity: 50%;\n    }\n  }\n  .disabled\\:opacity-60 {\n    &:disabled {\n      opacity: 60%;\n    }\n  }\n  .disabled\\:opacity-100 {\n    &:disabled {\n      opacity: 100%;\n    }\n  }\n  .disabled\\:outline-gray-200 {\n    &:disabled {\n      outline-color: var(--color-gray-200);\n    }\n  }\n  .in-data-\\[side\\=left\\]\\:cursor-w-resize {\n    :where(*[data-side=\"left\"]) & {\n      cursor: w-resize;\n    }\n  }\n  .in-data-\\[side\\=right\\]\\:cursor-e-resize {\n    :where(*[data-side=\"right\"]) & {\n      cursor: e-resize;\n    }\n  }\n  .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\] {\n    &:has(*[data-slot=\"card-action\"]) {\n      grid-template-columns: 1fr auto;\n    }\n  }\n  .has-\\[\\[aria-checked\\=true\\]\\]\\:border-blue-600 {\n    &:has(*:is([aria-checked=true])) {\n      border-color: var(--color-blue-600);\n    }\n  }\n  .has-\\[\\[aria-checked\\=true\\]\\]\\:bg-blue-50 {\n    &:has(*:is([aria-checked=true])) {\n      background-color: var(--color-blue-50);\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-0 {\n    &:has(>svg) {\n      padding-inline: calc(var(--spacing) * 0);\n    }\n  }\n  .aria-disabled\\:pointer-events-none {\n    &[aria-disabled=\"true\"] {\n      pointer-events: none;\n    }\n  }\n  .aria-disabled\\:opacity-50 {\n    &[aria-disabled=\"true\"] {\n      opacity: 50%;\n    }\n  }\n  .aria-expanded\\:ring-2 {\n    &[aria-expanded=\"true\"] {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .aria-expanded\\:ring-muted-foreground {\n    &[aria-expanded=\"true\"] {\n      --tw-ring-color: var(--color-muted-foreground);\n    }\n  }\n  .aria-invalid\\:border-destructive {\n    &[aria-invalid=\"true\"] {\n      border-color: var(--color-destructive);\n    }\n  }\n  .aria-invalid\\:ring-3 {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .aria-invalid\\:ring-\\[3px\\] {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .aria-invalid\\:ring-destructive\\/20 {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-color: color-mix(in srgb, #dc2626 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);\n      }\n    }\n  }\n  .aria-pressed\\:bg-muted {\n    &[aria-pressed=\"true\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .data-\\[active\\=true\\]\\:font-medium {\n    &[data-active=\"true\"] {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .data-\\[checked\\]\\:bg-blue-600 {\n    &[data-checked] {\n      background-color: var(--color-blue-600);\n    }\n  }\n  .data-\\[closed\\]\\:-translate-x-full {\n    &[data-closed] {\n      --tw-translate-x: -100%;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[closed\\]\\:translate-y-4 {\n    &[data-closed] {\n      --tw-translate-y: calc(var(--spacing) * 4);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[closed\\]\\:scale-95 {\n    &[data-closed] {\n      --tw-scale-x: 95%;\n      --tw-scale-y: 95%;\n      --tw-scale-z: 95%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n  }\n  .data-\\[closed\\]\\:opacity-0 {\n    &[data-closed] {\n      opacity: 0%;\n    }\n  }\n  .data-\\[disabled\\]\\:pointer-events-none {\n    &[data-disabled] {\n      pointer-events: none;\n    }\n  }\n  .data-\\[disabled\\]\\:opacity-50 {\n    &[data-disabled] {\n      opacity: 50%;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:pointer-events-none {\n    &[data-disabled=\"true\"] {\n      pointer-events: none;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:cursor-not-allowed {\n    &[data-disabled=\"true\"] {\n      cursor: not-allowed;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:opacity-50 {\n    &[data-disabled=\"true\"] {\n      opacity: 50%;\n    }\n  }\n  .data-\\[enter\\]\\:duration-300 {\n    &[data-enter] {\n      --tw-duration: 300ms;\n      transition-duration: 300ms;\n    }\n  }\n  .data-\\[enter\\]\\:ease-out {\n    &[data-enter] {\n      --tw-ease: var(--ease-out);\n      transition-timing-function: var(--ease-out);\n    }\n  }\n  .data-\\[error\\=true\\]\\:text-destructive {\n    &[data-error=\"true\"] {\n      color: var(--color-destructive);\n    }\n  }\n  .data-\\[highlighted\\]\\:bg-accent {\n    &[data-highlighted] {\n      background-color: var(--color-accent);\n    }\n  }\n  .data-\\[leave\\]\\:duration-200 {\n    &[data-leave] {\n      --tw-duration: 200ms;\n      transition-duration: 200ms;\n    }\n  }\n  .data-\\[leave\\]\\:ease-in {\n    &[data-leave] {\n      --tw-ease: var(--ease-in);\n      transition-timing-function: var(--ease-in);\n    }\n  }\n  .data-\\[orientation\\=horizontal\\]\\:h-px {\n    &[data-orientation=\"horizontal\"] {\n      height: 1px;\n    }\n  }\n  .data-\\[orientation\\=horizontal\\]\\:w-full {\n    &[data-orientation=\"horizontal\"] {\n      width: 100%;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:h-full {\n    &[data-orientation=\"vertical\"] {\n      height: 100%;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:w-px {\n    &[data-orientation=\"vertical\"] {\n      width: 1px;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:flex-col {\n    &[data-orientation=\"vertical\"] {\n      flex-direction: column;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:items-stretch {\n    &[data-orientation=\"vertical\"] {\n      align-items: stretch;\n    }\n  }\n  .data-\\[placeholder\\]\\:text-muted-foreground {\n    &[data-placeholder] {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .data-\\[selected\\=true\\]\\:bg-muted {\n    &[data-selected=\"true\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .data-\\[side\\=bottom\\]\\:translate-y-1 {\n    &[data-side=\"bottom\"] {\n      --tw-translate-y: calc(var(--spacing) * 1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[side\\=left\\]\\:-translate-x-1 {\n    &[data-side=\"left\"] {\n      --tw-translate-x: calc(var(--spacing) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[side\\=right\\]\\:translate-x-1 {\n    &[data-side=\"right\"] {\n      --tw-translate-x: calc(var(--spacing) * 1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[side\\=top\\]\\:-translate-y-1 {\n    &[data-side=\"top\"] {\n      --tw-translate-y: calc(var(--spacing) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[size\\=default\\]\\:h-\\[18\\.4px\\] {\n    &[data-size=\"default\"] {\n      height: 18.4px;\n    }\n  }\n  .data-\\[size\\=default\\]\\:w-\\[32px\\] {\n    &[data-size=\"default\"] {\n      width: 32px;\n    }\n  }\n  .data-\\[size\\=sm\\]\\:h-\\[14px\\] {\n    &[data-size=\"sm\"] {\n      height: 14px;\n    }\n  }\n  .data-\\[size\\=sm\\]\\:w-\\[24px\\] {\n    &[data-size=\"sm\"] {\n      width: 24px;\n    }\n  }\n  .data-\\[size\\=sm\\]\\:rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\] {\n    &[data-size=\"sm\"] {\n      border-radius: min(var(--radius-md), 10px);\n    }\n  }\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-l-lg {\n    &:is(:where(.group\\/toggle-group)[data-horizontal] *) {\n      &[data-spacing=\"0\"] {\n        &:first-child {\n          border-top-left-radius: var(--radius-lg);\n          border-bottom-left-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-t-lg {\n    &:is(:where(.group\\/toggle-group)[data-vertical] *) {\n      &[data-spacing=\"0\"] {\n        &:first-child {\n          border-top-left-radius: var(--radius-lg);\n          border-top-right-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-r-lg {\n    &:is(:where(.group\\/toggle-group)[data-horizontal] *) {\n      &[data-spacing=\"0\"] {\n        &:last-child {\n          border-top-right-radius: var(--radius-lg);\n          border-bottom-right-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-b-lg {\n    &:is(:where(.group\\/toggle-group)[data-vertical] *) {\n      &[data-spacing=\"0\"] {\n        &:last-child {\n          border-bottom-right-radius: var(--radius-lg);\n          border-bottom-left-radius: var(--radius-lg);\n        }\n      }\n    }\n  }\n  .data-\\[state\\=active\\]\\:border-slate-900 {\n    &[data-state=\"active\"] {\n      border-color: var(--color-slate-900);\n    }\n  }\n  .data-\\[state\\=active\\]\\:border-b-primary {\n    &[data-state=\"active\"] {\n      border-bottom-color: var(--color-primary);\n    }\n  }\n  .data-\\[state\\=active\\]\\:bg-\\[\\#6366f1\\] {\n    &[data-state=\"active\"] {\n      background-color: #6366f1;\n    }\n  }\n  .data-\\[state\\=active\\]\\:bg-\\[var\\(--base-accent\\,\\#F4F4F5\\)\\] {\n    &[data-state=\"active\"] {\n      background-color: var(--base-accent,#F4F4F5);\n    }\n  }\n  .data-\\[state\\=active\\]\\:bg-background {\n    &[data-state=\"active\"] {\n      background-color: var(--color-background);\n    }\n  }\n  .data-\\[state\\=active\\]\\:bg-slate-900 {\n    &[data-state=\"active\"] {\n      background-color: var(--color-slate-900);\n    }\n  }\n  .data-\\[state\\=active\\]\\:text-\\[var\\(--tab-active-color\\)\\] {\n    &[data-state=\"active\"] {\n      color: var(--tab-active-color);\n    }\n  }\n  .data-\\[state\\=active\\]\\:text-white {\n    &[data-state=\"active\"] {\n      color: var(--color-white);\n    }\n  }\n  .data-\\[state\\=active\\]\\:shadow-none {\n    &[data-state=\"active\"] {\n      --tw-shadow: 0 0 #0000;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .data-\\[state\\=active\\]\\:shadow-sm {\n    &[data-state=\"active\"] {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .data-\\[state\\=active\\]\\:after\\:scale-x-100 {\n    &[data-state=\"active\"] {\n      &::after {\n        content: var(--tw-content);\n        --tw-scale-x: 100%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .data-\\[state\\=checked\\]\\:translate-x-\\[72px\\] {\n    &[data-state=\"checked\"] {\n      --tw-translate-x: 72px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:translate-x-\\[var\\(--sw-on\\)\\] {\n    &[data-state=\"checked\"] {\n      --tw-translate-x: var(--sw-on);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:border-black {\n    &[data-state=\"checked\"] {\n      border-color: var(--color-black);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:border-blue-600 {\n    &[data-state=\"checked\"] {\n      border-color: var(--color-blue-600);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:border-primary {\n    &[data-state=\"checked\"] {\n      border-color: var(--color-primary);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:bg-black {\n    &[data-state=\"checked\"] {\n      background-color: var(--color-black);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:bg-blue-600 {\n    &[data-state=\"checked\"] {\n      background-color: var(--color-blue-600);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:bg-primary {\n    &[data-state=\"checked\"] {\n      background-color: var(--color-primary);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:text-primary-foreground {\n    &[data-state=\"checked\"] {\n      color: var(--color-primary-foreground);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:text-white {\n    &[data-state=\"checked\"] {\n      color: var(--color-white);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:\\[background\\:var\\(--switch-checked-bg\\)\\] {\n    &[data-state=\"checked\"] {\n      background: var(--switch-checked-bg);\n    }\n  }\n  .group-data-\\[size\\=default\\]\\/switch\\:data-\\[state\\=checked\\]\\:translate-x-\\[calc\\(100\\%-2px\\)\\] {\n    &:is(:where(.group\\/switch)[data-size=\"default\"] *) {\n      &[data-state=\"checked\"] {\n        --tw-translate-x: calc(100% - 2px);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .group-data-\\[size\\=sm\\]\\/switch\\:data-\\[state\\=checked\\]\\:translate-x-\\[calc\\(100\\%-2px\\)\\] {\n    &:is(:where(.group\\/switch)[data-size=\"sm\"] *) {\n      &[data-state=\"checked\"] {\n        --tw-translate-x: calc(100% - 2px);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .data-\\[state\\=closed\\]\\:duration-300 {\n    &[data-state=\"closed\"] {\n      --tw-duration: 300ms;\n      transition-duration: 300ms;\n    }\n  }\n  .data-\\[state\\=inactive\\]\\:hidden {\n    &[data-state=\"inactive\"] {\n      display: none;\n    }\n  }\n  .data-\\[state\\=on\\]\\:bg-muted {\n    &[data-state=\"on\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .data-\\[state\\=open\\]\\:bg-accent {\n    &[data-state=\"open\"] {\n      background-color: var(--color-accent);\n    }\n  }\n  .data-\\[state\\=open\\]\\:bg-secondary {\n    &[data-state=\"open\"] {\n      background-color: var(--color-secondary);\n    }\n  }\n  .data-\\[state\\=open\\]\\:text-muted-foreground {\n    &[data-state=\"open\"] {\n      color: var(--color-muted-foreground);\n    }\n  }\n  .data-\\[state\\=open\\]\\:opacity-100 {\n    &[data-state=\"open\"] {\n      opacity: 100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:duration-500 {\n    &[data-state=\"open\"] {\n      --tw-duration: 500ms;\n      transition-duration: 500ms;\n    }\n  }\n  .data-\\[state\\=selected\\]\\:bg-muted {\n    &[data-state=\"selected\"] {\n      background-color: var(--color-muted);\n    }\n  }\n  .data-\\[state\\=unchecked\\]\\:translate-x-\\[4px\\] {\n    &[data-state=\"unchecked\"] {\n      --tw-translate-x: 4px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[state\\=unchecked\\]\\:translate-x-\\[var\\(--sw-off\\)\\] {\n    &[data-state=\"unchecked\"] {\n      --tw-translate-x: var(--sw-off);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[state\\=unchecked\\]\\:bg-input {\n    &[data-state=\"unchecked\"] {\n      background-color: var(--color-input);\n    }\n  }\n  .group-data-\\[size\\=default\\]\\/switch\\:data-\\[state\\=unchecked\\]\\:translate-x-0 {\n    &:is(:where(.group\\/switch)[data-size=\"default\"] *) {\n      &[data-state=\"unchecked\"] {\n        --tw-translate-x: calc(var(--spacing) * 0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .group-data-\\[size\\=sm\\]\\/switch\\:data-\\[state\\=unchecked\\]\\:translate-x-0 {\n    &:is(:where(.group\\/switch)[data-size=\"sm\"] *) {\n      &[data-state=\"unchecked\"] {\n        --tw-translate-x: calc(var(--spacing) * 0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-l-0 {\n    &:is(:where(.group\\/toggle-group)[data-horizontal] *) {\n      &[data-spacing=\"0\"] {\n        &[data-variant=\"outline\"] {\n          border-left-style: var(--tw-border-style);\n          border-left-width: 0px;\n        }\n      }\n    }\n  }\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-t-0 {\n    &:is(:where(.group\\/toggle-group)[data-vertical] *) {\n      &[data-spacing=\"0\"] {\n        &[data-variant=\"outline\"] {\n          border-top-style: var(--tw-border-style);\n          border-top-width: 0px;\n        }\n      }\n    }\n  }\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-l {\n    &:is(:where(.group\\/toggle-group)[data-horizontal] *) {\n      &[data-spacing=\"0\"] {\n        &[data-variant=\"outline\"] {\n          &:first-child {\n            border-left-style: var(--tw-border-style);\n            border-left-width: 1px;\n          }\n        }\n      }\n    }\n  }\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-t {\n    &:is(:where(.group\\/toggle-group)[data-vertical] *) {\n      &[data-spacing=\"0\"] {\n        &[data-variant=\"outline\"] {\n          &:first-child {\n            border-top-style: var(--tw-border-style);\n            border-top-width: 1px;\n          }\n        }\n      }\n    }\n  }\n  .supports-\\[backdrop-filter\\]\\:bg-background\\/80 {\n    @supports (backdrop-filter: var(--tw)) {\n      background-color: color-mix(in srgb, #ffffff 80%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-background) 80%, transparent);\n      }\n    }\n  }\n  .motion-safe\\:transition-\\[width\\] {\n    @media (prefers-reduced-motion: no-preference) {\n      transition-property: width;\n      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n      transition-duration: var(--tw-duration, var(--default-transition-duration));\n    }\n  }\n  .motion-safe\\:duration-1000 {\n    @media (prefers-reduced-motion: no-preference) {\n      --tw-duration: 1000ms;\n      transition-duration: 1000ms;\n    }\n  }\n  .motion-safe\\:ease-linear {\n    @media (prefers-reduced-motion: no-preference) {\n      --tw-ease: linear;\n      transition-timing-function: linear;\n    }\n  }\n  .motion-reduce\\:transition-none {\n    @media (prefers-reduced-motion: reduce) {\n      transition-property: none;\n    }\n  }\n  .max-\\[860px\\]\\:gap-\\[6px\\] {\n    @media (width < 860px) {\n      gap: 6px;\n    }\n  }\n  .max-\\[860px\\]\\:p-\\[6px\\] {\n    @media (width < 860px) {\n      padding: 6px;\n    }\n  }\n  .max-\\[800px\\]\\:flex-col {\n    @media (width < 800px) {\n      flex-direction: column;\n    }\n  }\n  .max-\\[750px\\]\\:col-start-1 {\n    @media (width < 750px) {\n      grid-column-start: 1;\n    }\n  }\n  .max-\\[750px\\]\\:col-end-1 {\n    @media (width < 750px) {\n      grid-column-end: 1;\n    }\n  }\n  .max-\\[750px\\]\\:grid-cols-1 {\n    @media (width < 750px) {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n  }\n  .max-\\[750px\\]\\:flex-col {\n    @media (width < 750px) {\n      flex-direction: column;\n    }\n  }\n  .max-\\[750px\\]\\:gap-0 {\n    @media (width < 750px) {\n      gap: calc(var(--spacing) * 0);\n    }\n  }\n  .max-md\\:flex-wrap {\n    @media (width < 48rem) {\n      flex-wrap: wrap;\n    }\n  }\n  .max-sm\\:mt-2 {\n    @media (width < 40rem) {\n      margin-top: calc(var(--spacing) * 2);\n    }\n  }\n  .min-\\[861px\\]\\:col-span-2 {\n    @media (width >= 861px) {\n      grid-column: span 2 / span 2;\n    }\n  }\n  .min-\\[861px\\]\\:mx-0 {\n    @media (width >= 861px) {\n      margin-inline: calc(var(--spacing) * 0);\n    }\n  }\n  .min-\\[861px\\]\\:basis-\\[42\\%\\] {\n    @media (width >= 861px) {\n      flex-basis: 42%;\n    }\n  }\n  .min-\\[861px\\]\\:grid-cols-2 {\n    @media (width >= 861px) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .min-\\[861px\\]\\:grid-cols-3 {\n    @media (width >= 861px) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .min-\\[861px\\]\\:grid-cols-4 {\n    @media (width >= 861px) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .min-\\[861px\\]\\:flex-row {\n    @media (width >= 861px) {\n      flex-direction: row;\n    }\n  }\n  .min-\\[861px\\]\\:items-center {\n    @media (width >= 861px) {\n      align-items: center;\n    }\n  }\n  .min-\\[1101px\\]\\:grid-cols-3 {\n    @media (width >= 1101px) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .min-\\[1101px\\]\\:grid-cols-5 {\n    @media (width >= 1101px) {\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n    }\n  }\n  .min-\\[1101px\\]\\:grid-cols-6 {\n    @media (width >= 1101px) {\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n  }\n  .sm\\:col-span-2 {\n    @media (width >= 40rem) {\n      grid-column: span 2 / span 2;\n    }\n  }\n  .sm\\:col-span-3 {\n    @media (width >= 40rem) {\n      grid-column: span 3 / span 3;\n    }\n  }\n  .sm\\:-mx-6 {\n    @media (width >= 40rem) {\n      margin-inline: calc(var(--spacing) * -6);\n    }\n  }\n  .sm\\:my-8 {\n    @media (width >= 40rem) {\n      margin-block: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:mt-0 {\n    @media (width >= 40rem) {\n      margin-top: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:mt-10 {\n    @media (width >= 40rem) {\n      margin-top: calc(var(--spacing) * 10);\n    }\n  }\n  .sm\\:mb-1 {\n    @media (width >= 40rem) {\n      margin-bottom: calc(var(--spacing) * 1);\n    }\n  }\n  .sm\\:ml-2 {\n    @media (width >= 40rem) {\n      margin-left: calc(var(--spacing) * 2);\n    }\n  }\n  .sm\\:ml-4 {\n    @media (width >= 40rem) {\n      margin-left: calc(var(--spacing) * 4);\n    }\n  }\n  .sm\\:block {\n    @media (width >= 40rem) {\n      display: block;\n    }\n  }\n  .sm\\:flex {\n    @media (width >= 40rem) {\n      display: flex;\n    }\n  }\n  .sm\\:grid {\n    @media (width >= 40rem) {\n      display: grid;\n    }\n  }\n  .sm\\:hidden {\n    @media (width >= 40rem) {\n      display: none;\n    }\n  }\n  .sm\\:size-4 {\n    @media (width >= 40rem) {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .sm\\:w-1\\/2 {\n    @media (width >= 40rem) {\n      width: calc(1/2 * 100%);\n    }\n  }\n  .sm\\:w-auto {\n    @media (width >= 40rem) {\n      width: auto;\n    }\n  }\n  .sm\\:w-full {\n    @media (width >= 40rem) {\n      width: 100%;\n    }\n  }\n  .sm\\:max-w-1\\/2 {\n    @media (width >= 40rem) {\n      max-width: calc(1/2 * 100%);\n    }\n  }\n  .sm\\:max-w-2xl {\n    @media (width >= 40rem) {\n      max-width: var(--container-2xl);\n    }\n  }\n  .sm\\:max-w-3xl {\n    @media (width >= 40rem) {\n      max-width: var(--container-3xl);\n    }\n  }\n  .sm\\:max-w-3xl\\! {\n    @media (width >= 40rem) {\n      max-width: var(--container-3xl) !important;\n    }\n  }\n  .sm\\:max-w-6xl {\n    @media (width >= 40rem) {\n      max-width: var(--container-6xl);\n    }\n  }\n  .sm\\:max-w-\\[420px\\] {\n    @media (width >= 40rem) {\n      max-width: 420px;\n    }\n  }\n  .sm\\:max-w-\\[425px\\] {\n    @media (width >= 40rem) {\n      max-width: 425px;\n    }\n  }\n  .sm\\:max-w-\\[440px\\] {\n    @media (width >= 40rem) {\n      max-width: 440px;\n    }\n  }\n  .sm\\:max-w-\\[480px\\] {\n    @media (width >= 40rem) {\n      max-width: 480px;\n    }\n  }\n  .sm\\:max-w-\\[520px\\] {\n    @media (width >= 40rem) {\n      max-width: 520px;\n    }\n  }\n  .sm\\:max-w-\\[540px\\] {\n    @media (width >= 40rem) {\n      max-width: 540px;\n    }\n  }\n  .sm\\:max-w-\\[560px\\] {\n    @media (width >= 40rem) {\n      max-width: 560px;\n    }\n  }\n  .sm\\:max-w-\\[600px\\] {\n    @media (width >= 40rem) {\n      max-width: 600px;\n    }\n  }\n  .sm\\:max-w-\\[860px\\] {\n    @media (width >= 40rem) {\n      max-width: 860px;\n    }\n  }\n  .sm\\:max-w-\\[950px\\] {\n    @media (width >= 40rem) {\n      max-width: 950px;\n    }\n  }\n  .sm\\:max-w-lg {\n    @media (width >= 40rem) {\n      max-width: var(--container-lg);\n    }\n  }\n  .sm\\:max-w-md {\n    @media (width >= 40rem) {\n      max-width: var(--container-md);\n    }\n  }\n  .sm\\:max-w-none {\n    @media (width >= 40rem) {\n      max-width: none;\n    }\n  }\n  .sm\\:max-w-sm {\n    @media (width >= 40rem) {\n      max-width: var(--container-sm);\n    }\n  }\n  .sm\\:max-w-xl {\n    @media (width >= 40rem) {\n      max-width: var(--container-xl);\n    }\n  }\n  .sm\\:grid-cols-2 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .sm\\:grid-cols-3 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .sm\\:grid-cols-4 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .sm\\:grid-cols-5 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n    }\n  }\n  .sm\\:grid-cols-6 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n  }\n  .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row;\n    }\n  }\n  .sm\\:flex-row-reverse {\n    @media (width >= 40rem) {\n      flex-direction: row-reverse;\n    }\n  }\n  .sm\\:items-center {\n    @media (width >= 40rem) {\n      align-items: center;\n    }\n  }\n  .sm\\:\\!justify-start {\n    @media (width >= 40rem) {\n      justify-content: flex-start !important;\n    }\n  }\n  .sm\\:justify-between {\n    @media (width >= 40rem) {\n      justify-content: space-between;\n    }\n  }\n  .sm\\:justify-end {\n    @media (width >= 40rem) {\n      justify-content: flex-end;\n    }\n  }\n  .sm\\:justify-start {\n    @media (width >= 40rem) {\n      justify-content: flex-start;\n    }\n  }\n  .sm\\:gap-2\\.5 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 2.5);\n    }\n  }\n  .sm\\:gap-3 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 3);\n    }\n  }\n  .sm\\:gap-4 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 4);\n    }\n  }\n  .sm\\:gap-5 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 5);\n    }\n  }\n  .sm\\:gap-6 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 6);\n    }\n  }\n  .sm\\:truncate {\n    @media (width >= 40rem) {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n  .sm\\:rounded-lg {\n    @media (width >= 40rem) {\n      border-radius: var(--radius-lg);\n    }\n  }\n  .sm\\:border-t-0 {\n    @media (width >= 40rem) {\n      border-top-style: var(--tw-border-style);\n      border-top-width: 0px;\n    }\n  }\n  .sm\\:border-l {\n    @media (width >= 40rem) {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .sm\\:p-0 {\n    @media (width >= 40rem) {\n      padding: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:p-4 {\n    @media (width >= 40rem) {\n      padding: calc(var(--spacing) * 4);\n    }\n  }\n  .sm\\:p-6 {\n    @media (width >= 40rem) {\n      padding: calc(var(--spacing) * 6);\n    }\n  }\n  .sm\\:p-8 {\n    @media (width >= 40rem) {\n      padding: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:px-0 {\n    @media (width >= 40rem) {\n      padding-inline: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:px-6 {\n    @media (width >= 40rem) {\n      padding-inline: calc(var(--spacing) * 6);\n    }\n  }\n  .sm\\:px-8 {\n    @media (width >= 40rem) {\n      padding-inline: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:py-4 {\n    @media (width >= 40rem) {\n      padding-block: calc(var(--spacing) * 4);\n    }\n  }\n  .sm\\:py-5 {\n    @media (width >= 40rem) {\n      padding-block: calc(var(--spacing) * 5);\n    }\n  }\n  .sm\\:py-32 {\n    @media (width >= 40rem) {\n      padding-block: calc(var(--spacing) * 32);\n    }\n  }\n  .sm\\:pt-8 {\n    @media (width >= 40rem) {\n      padding-top: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:pr-0 {\n    @media (width >= 40rem) {\n      padding-right: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:pr-8 {\n    @media (width >= 40rem) {\n      padding-right: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:pl-0 {\n    @media (width >= 40rem) {\n      padding-left: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:text-left {\n    @media (width >= 40rem) {\n      text-align: left;\n    }\n  }\n  .sm\\:text-2xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-2xl);\n      line-height: var(--tw-leading, var(--text-2xl--line-height));\n    }\n  }\n  .sm\\:text-4xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-4xl);\n      line-height: var(--tw-leading, var(--text-4xl--line-height));\n    }\n  }\n  .sm\\:text-5xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-5xl);\n      line-height: var(--tw-leading, var(--text-5xl--line-height));\n    }\n  }\n  .sm\\:text-7xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-7xl);\n      line-height: var(--tw-leading, var(--text-7xl--line-height));\n    }\n  }\n  .sm\\:text-sm\\/6 {\n    @media (width >= 40rem) {\n      font-size: var(--text-sm);\n      line-height: calc(var(--spacing) * 6);\n    }\n  }\n  .sm\\:text-xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-xl);\n      line-height: var(--tw-leading, var(--text-xl--line-height));\n    }\n  }\n  .sm\\:text-xl\\/8 {\n    @media (width >= 40rem) {\n      font-size: var(--text-xl);\n      line-height: calc(var(--spacing) * 8);\n    }\n  }\n  .sm\\:tracking-tight {\n    @media (width >= 40rem) {\n      --tw-tracking: var(--tracking-tight);\n      letter-spacing: var(--tracking-tight);\n    }\n  }\n  .data-\\[closed\\]\\:sm\\:translate-y-0 {\n    &[data-closed] {\n      @media (width >= 40rem) {\n        --tw-translate-y: calc(var(--spacing) * 0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .data-\\[closed\\]\\:sm\\:scale-95 {\n    &[data-closed] {\n      @media (width >= 40rem) {\n        --tw-scale-x: 95%;\n        --tw-scale-y: 95%;\n        --tw-scale-z: 95%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .md\\:static {\n    @media (width >= 48rem) {\n      position: static;\n    }\n  }\n  .md\\:col-span-2 {\n    @media (width >= 48rem) {\n      grid-column: span 2 / span 2;\n    }\n  }\n  .md\\:mt-0 {\n    @media (width >= 48rem) {\n      margin-top: calc(var(--spacing) * 0);\n    }\n  }\n  .md\\:block {\n    @media (width >= 48rem) {\n      display: block;\n    }\n  }\n  .md\\:flex {\n    @media (width >= 48rem) {\n      display: flex;\n    }\n  }\n  .md\\:hidden {\n    @media (width >= 48rem) {\n      display: none;\n    }\n  }\n  .md\\:w-\\[125px\\] {\n    @media (width >= 48rem) {\n      width: 125px;\n    }\n  }\n  .md\\:w-auto {\n    @media (width >= 48rem) {\n      width: auto;\n    }\n  }\n  .md\\:flex-1 {\n    @media (width >= 48rem) {\n      flex: 1;\n    }\n  }\n  .md\\:flex-\\[1\\.15\\] {\n    @media (width >= 48rem) {\n      flex: 1.15;\n    }\n  }\n  .md\\:translate-x-0 {\n    @media (width >= 48rem) {\n      --tw-translate-x: calc(var(--spacing) * 0);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .md\\:grid-cols-1 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-2 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-3 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-4 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-\\[1fr_1\\.2fr\\] {\n    @media (width >= 48rem) {\n      grid-template-columns: 1fr 1.2fr;\n    }\n  }\n  .md\\:grid-cols-\\[220px_1fr\\] {\n    @media (width >= 48rem) {\n      grid-template-columns: 220px 1fr;\n    }\n  }\n  .md\\:grid-cols-\\[minmax\\(0\\,1fr\\)_280px\\] {\n    @media (width >= 48rem) {\n      grid-template-columns: minmax(0,1fr) 280px;\n    }\n  }\n  .md\\:flex-row {\n    @media (width >= 48rem) {\n      flex-direction: row;\n    }\n  }\n  .md\\:items-center {\n    @media (width >= 48rem) {\n      align-items: center;\n    }\n  }\n  .md\\:justify-between {\n    @media (width >= 48rem) {\n      justify-content: space-between;\n    }\n  }\n  .md\\:gap-2 {\n    @media (width >= 48rem) {\n      gap: calc(var(--spacing) * 2);\n    }\n  }\n  .md\\:gap-4 {\n    @media (width >= 48rem) {\n      gap: calc(var(--spacing) * 4);\n    }\n  }\n  .md\\:rounded-full {\n    @media (width >= 48rem) {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .md\\:border-r {\n    @media (width >= 48rem) {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 1px;\n    }\n  }\n  .md\\:border-b-0 {\n    @media (width >= 48rem) {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .md\\:px-3 {\n    @media (width >= 48rem) {\n      padding-inline: calc(var(--spacing) * 3);\n    }\n  }\n  .md\\:py-1 {\n    @media (width >= 48rem) {\n      padding-block: calc(var(--spacing) * 1);\n    }\n  }\n  .md\\:py-16 {\n    @media (width >= 48rem) {\n      padding-block: calc(var(--spacing) * 16);\n    }\n  }\n  .md\\:py-28 {\n    @media (width >= 48rem) {\n      padding-block: calc(var(--spacing) * 28);\n    }\n  }\n  .md\\:pt-4 {\n    @media (width >= 48rem) {\n      padding-top: calc(var(--spacing) * 4);\n    }\n  }\n  .md\\:text-6xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-6xl);\n      line-height: var(--tw-leading, var(--text-6xl--line-height));\n    }\n  }\n  .md\\:text-sm {\n    @media (width >= 48rem) {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .md\\:leading-normal {\n    @media (width >= 48rem) {\n      --tw-leading: var(--leading-normal);\n      line-height: var(--leading-normal);\n    }\n  }\n  .md\\:opacity-0 {\n    @media (width >= 48rem) {\n      opacity: 0%;\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:m-2 {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        margin: calc(var(--spacing) * 2);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0 {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        margin-left: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        border-radius: var(--radius-xl);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2 {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        &:is(:where(.peer)[data-state=\"collapsed\"] ~ *) {\n          margin-left: calc(var(--spacing) * 2);\n        }\n      }\n    }\n  }\n  .md\\:after\\:hidden {\n    @media (width >= 48rem) {\n      &::after {\n        content: var(--tw-content);\n        display: none;\n      }\n    }\n  }\n  .lg\\:fixed {\n    @media (width >= 64rem) {\n      position: fixed;\n    }\n  }\n  .lg\\:sticky {\n    @media (width >= 64rem) {\n      position: sticky;\n    }\n  }\n  .lg\\:inset-y-0 {\n    @media (width >= 64rem) {\n      inset-block: calc(var(--spacing) * 0);\n    }\n  }\n  .lg\\:top-6 {\n    @media (width >= 64rem) {\n      top: calc(var(--spacing) * 6);\n    }\n  }\n  .lg\\:z-50 {\n    @media (width >= 64rem) {\n      z-index: 50;\n    }\n  }\n  .lg\\:col-span-1 {\n    @media (width >= 64rem) {\n      grid-column: span 1 / span 1;\n    }\n  }\n  .lg\\:col-span-2 {\n    @media (width >= 64rem) {\n      grid-column: span 2 / span 2;\n    }\n  }\n  .lg\\:-mx-8 {\n    @media (width >= 64rem) {\n      margin-inline: calc(var(--spacing) * -8);\n    }\n  }\n  .lg\\:block {\n    @media (width >= 64rem) {\n      display: block;\n    }\n  }\n  .lg\\:flex {\n    @media (width >= 64rem) {\n      display: flex;\n    }\n  }\n  .lg\\:grid {\n    @media (width >= 64rem) {\n      display: grid;\n    }\n  }\n  .lg\\:hidden {\n    @media (width >= 64rem) {\n      display: none;\n    }\n  }\n  .lg\\:h-\\[75vh\\] {\n    @media (width >= 64rem) {\n      height: 75vh;\n    }\n  }\n  .lg\\:w-72 {\n    @media (width >= 64rem) {\n      width: calc(var(--spacing) * 72);\n    }\n  }\n  .lg\\:w-full {\n    @media (width >= 64rem) {\n      width: 100%;\n    }\n  }\n  .lg\\:flex-\\[0_0_35\\%\\] {\n    @media (width >= 64rem) {\n      flex: 0 0 35%;\n    }\n  }\n  .lg\\:flex-\\[0_0_65\\%\\] {\n    @media (width >= 64rem) {\n      flex: 0 0 65%;\n    }\n  }\n  .lg\\:grid-cols-2 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-3 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-4 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-5 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-6 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-\\[1fr_420px\\] {\n    @media (width >= 64rem) {\n      grid-template-columns: 1fr 420px;\n    }\n  }\n  .lg\\:grid-cols-\\[2fr_1fr\\] {\n    @media (width >= 64rem) {\n      grid-template-columns: 2fr 1fr;\n    }\n  }\n  .lg\\:flex-col {\n    @media (width >= 64rem) {\n      flex-direction: column;\n    }\n  }\n  .lg\\:flex-row {\n    @media (width >= 64rem) {\n      flex-direction: row;\n    }\n  }\n  .lg\\:items-start {\n    @media (width >= 64rem) {\n      align-items: flex-start;\n    }\n  }\n  .lg\\:items-stretch {\n    @media (width >= 64rem) {\n      align-items: stretch;\n    }\n  }\n  .lg\\:justify-between {\n    @media (width >= 64rem) {\n      justify-content: space-between;\n    }\n  }\n  .lg\\:justify-end {\n    @media (width >= 64rem) {\n      justify-content: flex-end;\n    }\n  }\n  .lg\\:gap-8 {\n    @media (width >= 64rem) {\n      gap: calc(var(--spacing) * 8);\n    }\n  }\n  .lg\\:self-start {\n    @media (width >= 64rem) {\n      align-self: flex-start;\n    }\n  }\n  .lg\\:border-r {\n    @media (width >= 64rem) {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 1px;\n    }\n  }\n  .lg\\:p-8 {\n    @media (width >= 64rem) {\n      padding: calc(var(--spacing) * 8);\n    }\n  }\n  .lg\\:px-6 {\n    @media (width >= 64rem) {\n      padding-inline: calc(var(--spacing) * 6);\n    }\n  }\n  .lg\\:px-8 {\n    @media (width >= 64rem) {\n      padding-inline: calc(var(--spacing) * 8);\n    }\n  }\n  .lg\\:py-5 {\n    @media (width >= 64rem) {\n      padding-block: calc(var(--spacing) * 5);\n    }\n  }\n  .lg\\:pt-8 {\n    @media (width >= 64rem) {\n      padding-top: calc(var(--spacing) * 8);\n    }\n  }\n  .lg\\:pl-72 {\n    @media (width >= 64rem) {\n      padding-left: calc(var(--spacing) * 72);\n    }\n  }\n  .xl\\:sticky {\n    @media (width >= 80rem) {\n      position: sticky;\n    }\n  }\n  .xl\\:top-0 {\n    @media (width >= 80rem) {\n      top: calc(var(--spacing) * 0);\n    }\n  }\n  .xl\\:grid-cols-4 {\n    @media (width >= 80rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .xl\\:grid-cols-\\[250px_minmax\\(0\\,1fr\\)_236px\\] {\n    @media (width >= 80rem) {\n      grid-template-columns: 250px minmax(0,1fr) 236px;\n    }\n  }\n  .xl\\:grid-cols-\\[760px_280px\\] {\n    @media (width >= 80rem) {\n      grid-template-columns: 760px 280px;\n    }\n  }\n  .xl\\:gap-x-8 {\n    @media (width >= 80rem) {\n      column-gap: calc(var(--spacing) * 8);\n    }\n  }\n  .\\32 xl\\:grid-cols-3 {\n    @media (width >= 96rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .\\@max-md\\:hidden {\n    @container (width < 28rem) {\n      display: none;\n    }\n  }\n  .\\@max-md\\:grid-cols-1 {\n    @container (width < 28rem) {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n  }\n  .\\@min-\\[460px\\]\\/strip\\:grid-cols-2 {\n    @container strip (width >= 460px) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .\\@min-\\[640px\\]\\:px-8 {\n    @container (width >= 640px) {\n      padding-inline: calc(var(--spacing) * 8);\n    }\n  }\n  .\\@min-\\[640px\\]\\:pb-3 {\n    @container (width >= 640px) {\n      padding-bottom: calc(var(--spacing) * 3);\n    }\n  }\n  .\\@min-\\[760px\\]\\/strip\\:grid-cols-3 {\n    @container strip (width >= 760px) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .\\@min-\\[1200px\\]\\/strip\\:grid-cols-6 {\n    @container strip (width >= 1200px) {\n      grid-template-columns: repeat(6, minmax(0, 1fr));\n    }\n  }\n  .dark\\:block {\n    @media (prefers-color-scheme: dark) {\n      display: block;\n    }\n  }\n  .dark\\:hidden {\n    @media (prefers-color-scheme: dark) {\n      display: none;\n    }\n  }\n  .dark\\:border-amber-800 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-amber-800);\n    }\n  }\n  .dark\\:border-amber-900 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-amber-900);\n    }\n  }\n  .dark\\:border-blue-900 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-blue-900);\n    }\n  }\n  .dark\\:border-emerald-900 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-emerald-900);\n    }\n  }\n  .dark\\:border-gray-500 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-gray-500);\n    }\n  }\n  .dark\\:border-green-900 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-green-900);\n    }\n  }\n  .dark\\:border-input {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-input);\n    }\n  }\n  .dark\\:border-purple-900 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-purple-900);\n    }\n  }\n  .dark\\:border-slate-700 {\n    @media (prefers-color-scheme: dark) {\n      border-color: var(--color-slate-700);\n    }\n  }\n  .dark\\:border-teal-400\\/25 {\n    @media (prefers-color-scheme: dark) {\n      border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 25%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--color-teal-400) 25%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-950\\/40 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-amber-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-blue-950\\/20 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-blue-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-blue-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-destructive\\/60 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #dc2626 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-emerald-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-emerald-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-gray-100 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-gray-100);\n    }\n  }\n  .dark\\:bg-gray-500 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-gray-500);\n    }\n  }\n  .dark\\:bg-gray-600 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-gray-600);\n    }\n  }\n  .dark\\:bg-gray-700 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-gray-700);\n    }\n  }\n  .dark\\:bg-gray-900 {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-gray-900);\n    }\n  }\n  .dark\\:bg-green-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-green-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-input\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, #e4e4e7 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-input) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-orange-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-orange-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-purple-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-purple-950) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-slate-900\\/50 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-teal-950\\/30 {\n    @media (prefers-color-scheme: dark) {\n      background-color: color-mix(in srgb, oklch(27.7% 0.046 192.524) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-teal-950) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-white {\n    @media (prefers-color-scheme: dark) {\n      background-color: var(--color-white);\n    }\n  }\n  .dark\\:p-\\[3px\\] {\n    @media (prefers-color-scheme: dark) {\n      padding: 3px;\n    }\n  }\n  .dark\\:text-amber-200 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-200);\n    }\n  }\n  .dark\\:text-amber-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-300);\n    }\n  }\n  .dark\\:text-amber-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-amber-400);\n    }\n  }\n  .dark\\:text-blue-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-blue-300);\n    }\n  }\n  .dark\\:text-emerald-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-emerald-300);\n    }\n  }\n  .dark\\:text-gray-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-gray-300);\n    }\n  }\n  .dark\\:text-gray-600 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-gray-600);\n    }\n  }\n  .dark\\:text-gray-900 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-gray-900);\n    }\n  }\n  .dark\\:text-green-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-green-300);\n    }\n  }\n  .dark\\:text-orange-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-orange-300);\n    }\n  }\n  .dark\\:text-purple-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-purple-300);\n    }\n  }\n  .dark\\:text-red-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-red-400);\n    }\n  }\n  .dark\\:text-slate-300 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-slate-300);\n    }\n  }\n  .dark\\:text-slate-400 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-slate-400);\n    }\n  }\n  .dark\\:text-teal-100 {\n    @media (prefers-color-scheme: dark) {\n      color: var(--color-teal-100);\n    }\n  }\n  .dark\\:text-teal-100\\/60 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, oklch(95.3% 0.051 180.801) 60%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-teal-100) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:text-teal-100\\/70 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, oklch(95.3% 0.051 180.801) 70%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-teal-100) 70%, transparent);\n      }\n    }\n  }\n  .dark\\:text-teal-100\\/80 {\n    @media (prefers-color-scheme: dark) {\n      color: color-mix(in srgb, oklch(95.3% 0.051 180.801) 80%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, var(--color-teal-100) 80%, transparent);\n      }\n    }\n  }\n  .dark\\:group-hover\\:border-gray-500 {\n    @media (prefers-color-scheme: dark) {\n      &:is(:where(.group):hover *) {\n        @media (hover: hover) {\n          border-color: var(--color-gray-500);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-gray-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: var(--color-gray-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-gray-500 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: var(--color-gray-500);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:border-red-900 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          border-color: var(--color-red-900);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-accent\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #f4f4f5 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-amber-900\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-gray-50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-gray-50);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-gray-700 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-gray-700);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-input\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #e4e4e7 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-input) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-red-950\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-red-400 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-red-400);\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:text-teal-50 {\n    @media (prefers-color-scheme: dark) {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-teal-50);\n        }\n      }\n    }\n  }\n  .dark\\:focus\\:border-gray-400 {\n    @media (prefers-color-scheme: dark) {\n      &:focus {\n        border-color: var(--color-gray-400);\n      }\n    }\n  }\n  .dark\\:focus-visible\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      &:focus-visible {\n        --tw-ring-color: color-mix(in srgb, #dc2626 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:disabled\\:bg-input\\/80 {\n    @media (prefers-color-scheme: dark) {\n      &:disabled {\n        background-color: color-mix(in srgb, #e4e4e7 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-input) 80%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:has-\\[\\[aria-checked\\=true\\]\\]\\:border-blue-900 {\n    @media (prefers-color-scheme: dark) {\n      &:has(*:is([aria-checked=true])) {\n        border-color: var(--color-blue-900);\n      }\n    }\n  }\n  .dark\\:has-\\[\\[aria-checked\\=true\\]\\]\\:bg-blue-950 {\n    @media (prefers-color-scheme: dark) {\n      &:has(*:is([aria-checked=true])) {\n        background-color: var(--color-blue-950);\n      }\n    }\n  }\n  .dark\\:aria-invalid\\:border-destructive\\/50 {\n    @media (prefers-color-scheme: dark) {\n      &[aria-invalid=\"true\"] {\n        border-color: color-mix(in srgb, #dc2626 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:aria-invalid\\:ring-destructive\\/40 {\n    @media (prefers-color-scheme: dark) {\n      &[aria-invalid=\"true\"] {\n        --tw-ring-color: color-mix(in srgb, #dc2626 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=active\\]\\:border-slate-100 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"active\"] {\n        border-color: var(--color-slate-100);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=active\\]\\:bg-slate-100 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"active\"] {\n        background-color: var(--color-slate-100);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=active\\]\\:text-slate-900 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"active\"] {\n        color: var(--color-slate-900);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=checked\\]\\:border-blue-700 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"checked\"] {\n        border-color: var(--color-blue-700);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=checked\\]\\:bg-blue-700 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"checked\"] {\n        background-color: var(--color-blue-700);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=checked\\]\\:bg-primary {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"checked\"] {\n        background-color: var(--color-primary);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=checked\\]\\:bg-primary-foreground {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"checked\"] {\n        background-color: var(--color-primary-foreground);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=unchecked\\]\\:bg-input\\/80 {\n    @media (prefers-color-scheme: dark) {\n      &[data-state=\"unchecked\"] {\n        background-color: color-mix(in srgb, #e4e4e7 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-input) 80%, transparent);\n        }\n      }\n    }\n  }\n  .print\\:fill-\\[\\#3730A3\\] {\n    @media print {\n      fill: #3730A3;\n    }\n  }\n  .\\[\\&_\\.react-draggable\\]\\:cursor-grab {\n    & .react-draggable {\n      cursor: grab;\n    }\n  }\n  .\\[\\&_\\.react-draggable-dragging\\]\\:\\!cursor-grabbing {\n    & .react-draggable-dragging {\n      cursor: grabbing !important;\n    }\n  }\n  .\\[\\&_\\.react-grid-placeholder\\]\\:\\!bg-\\[\\#6366f1\\] {\n    & .react-grid-placeholder {\n      background-color: #6366f1 !important;\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:absolute {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        position: absolute;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:right-0 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        right: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:bottom-0 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        bottom: calc(var(--spacing) * 0);\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:h-\\[10px\\] {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        height: 10px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:w-\\[10px\\] {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        width: 10px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-t-0 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        border-top-style: var(--tw-border-style);\n        border-top-width: 0px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-r-2 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        border-right-style: var(--tw-border-style);\n        border-right-width: 2px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-b-2 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        border-bottom-style: var(--tw-border-style);\n        border-bottom-width: 2px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-l-0 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        border-left-style: var(--tw-border-style);\n        border-left-width: 0px;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-solid {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        --tw-border-style: solid;\n        border-style: solid;\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:border-indigo-400 {\n    & .react-resizable-handle-se {\n      &::after {\n        content: var(--tw-content);\n        border-color: var(--color-indigo-400);\n      }\n    }\n  }\n  .\\[\\&_\\.react-resizable-handle-se\\]\\:after\\:content-\\[\\\"\\\"\\] {\n    & .react-resizable-handle-se {\n      &::after {\n        --tw-content: \"\";\n        content: var(--tw-content);\n      }\n    }\n  }\n  .\\[\\&_\\.toggle\\.active\\]\\:bg-\\[\\#4E647F\\]\\! {\n    & .toggle.active {\n      background-color: #4E647F !important;\n    }\n  }\n  .\\[\\&_\\:is\\(h1\\,h2\\,h3\\)\\]\\:m-0 {\n    & :is(h1,h2,h3) {\n      margin: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&_a\\]\\:text-accent {\n    & a {\n      color: var(--color-accent);\n    }\n  }\n  .\\[\\&_a\\]\\:text-blue-400 {\n    & a {\n      color: var(--color-blue-400);\n    }\n  }\n  .\\[\\&_a\\]\\:text-blue-500 {\n    & a {\n      color: var(--color-blue-500);\n    }\n  }\n  .\\[\\&_a\\]\\:text-white {\n    & a {\n      color: var(--color-white);\n    }\n  }\n  .\\[\\&_a\\]\\:underline {\n    & a {\n      text-decoration-line: underline;\n    }\n  }\n  .\\[\\&_a\\]\\:hover\\:text-blue-300 {\n    & a {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-blue-300);\n        }\n      }\n    }\n  }\n  .\\[\\&_a\\]\\:hover\\:no-underline {\n    & a {\n      &:hover {\n        @media (hover: hover) {\n          text-decoration-line: none;\n        }\n      }\n    }\n  }\n  .\\[\\&_code\\]\\:rounded {\n    & code {\n      border-radius: 0.25rem;\n    }\n  }\n  .\\[\\&_code\\]\\:rounded-\\[4px\\] {\n    & code {\n      border-radius: 4px;\n    }\n  }\n  .\\[\\&_code\\]\\:bg-blue-100 {\n    & code {\n      background-color: var(--color-blue-100);\n    }\n  }\n  .\\[\\&_code\\]\\:px-1 {\n    & code {\n      padding-inline: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_code\\]\\:px-\\[4px\\] {\n    & code {\n      padding-inline: 4px;\n    }\n  }\n  .\\[\\&_code\\]\\:px-\\[5px\\] {\n    & code {\n      padding-inline: 5px;\n    }\n  }\n  .\\[\\&_code\\]\\:py-0\\.5 {\n    & code {\n      padding-block: calc(var(--spacing) * 0.5);\n    }\n  }\n  .\\[\\&_code\\]\\:py-\\[1px\\] {\n    & code {\n      padding-block: 1px;\n    }\n  }\n  .\\[\\&_code\\]\\:font-mono {\n    & code {\n      font-family: var(--font-mono);\n    }\n  }\n  .\\[\\&_code\\]\\:text-xs {\n    & code {\n      font-size: var(--text-xs);\n      line-height: var(--tw-leading, var(--text-xs--line-height));\n    }\n  }\n  .\\[\\&_code\\]\\:text-\\[11px\\] {\n    & code {\n      font-size: 11px;\n    }\n  }\n  .\\[\\&_em\\]\\:italic {\n    & em {\n      font-style: italic;\n    }\n  }\n  .\\[\\&_h1\\]\\:mt-2 {\n    & h1 {\n      margin-top: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_h1\\]\\:mb-1 {\n    & h1 {\n      margin-bottom: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_h1\\]\\:text-lg {\n    & h1 {\n      font-size: var(--text-lg);\n      line-height: var(--tw-leading, var(--text-lg--line-height));\n    }\n  }\n  .\\[\\&_h1\\]\\:font-bold {\n    & h1 {\n      --tw-font-weight: var(--font-weight-bold);\n      font-weight: var(--font-weight-bold);\n    }\n  }\n  .\\[\\&_h2\\]\\:mt-2 {\n    & h2 {\n      margin-top: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_h2\\]\\:mt-\\[1em\\] {\n    & h2 {\n      margin-top: 1em;\n    }\n  }\n  .\\[\\&_h2\\]\\:mb-1 {\n    & h2 {\n      margin-bottom: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_h2\\]\\:text-base {\n    & h2 {\n      font-size: var(--text-base);\n      line-height: var(--tw-leading, var(--text-base--line-height));\n    }\n  }\n  .\\[\\&_h2\\]\\:text-lg {\n    & h2 {\n      font-size: var(--text-lg);\n      line-height: var(--tw-leading, var(--text-lg--line-height));\n    }\n  }\n  .\\[\\&_h2\\]\\:font-semibold {\n    & h2 {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n  }\n  .\\[\\&_h2\\,\\&_h3\\]\\:mt-\\[1em\\] {\n    & h2,& h3 {\n      margin-top: 1em;\n    }\n  }\n  .\\[\\&_h3\\]\\:mt-1 {\n    & h3 {\n      margin-top: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_h3\\]\\:mb-1 {\n    & h3 {\n      margin-bottom: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_h3\\]\\:text-sm {\n    & h3 {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .\\[\\&_h3\\]\\:font-semibold {\n    & h3 {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n  }\n  .\\[\\&_hr\\]\\:my-\\[1em\\] {\n    & hr {\n      margin-block: 1em;\n    }\n  }\n  .\\[\\&_img\\]\\:my-2 {\n    & img {\n      margin-block: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_img\\]\\:max-w-full {\n    & img {\n      max-width: 100%;\n    }\n  }\n  .\\[\\&_img\\]\\:rounded {\n    & img {\n      border-radius: 0.25rem;\n    }\n  }\n  .\\[\\&_li\\]\\:my-0\\.5 {\n    & li {\n      margin-block: calc(var(--spacing) * 0.5);\n    }\n  }\n  .\\[\\&_ol\\]\\:my-1 {\n    & ol {\n      margin-block: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_ol\\]\\:list-decimal {\n    & ol {\n      list-style-type: decimal;\n    }\n  }\n  .\\[\\&_ol\\]\\:pl-4 {\n    & ol {\n      padding-left: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&_ol\\]\\:pl-5 {\n    & ol {\n      padding-left: calc(var(--spacing) * 5);\n    }\n  }\n  .\\[\\&_p\\]\\:my-1 {\n    & p {\n      margin-block: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_p\\+p\\]\\:mt-\\[1em\\] {\n    & p+p {\n      margin-top: 1em;\n    }\n  }\n  .\\[\\&_pre\\]\\:my-2 {\n    & pre {\n      margin-block: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_pre\\]\\:max-w-full {\n    & pre {\n      max-width: 100%;\n    }\n  }\n  .\\[\\&_pre\\]\\:overflow-x-auto {\n    & pre {\n      overflow-x: auto;\n    }\n  }\n  .\\[\\&_pre\\]\\:rounded {\n    & pre {\n      border-radius: 0.25rem;\n    }\n  }\n  .\\[\\&_pre\\]\\:bg-gray-800 {\n    & pre {\n      background-color: var(--color-gray-800);\n    }\n  }\n  .\\[\\&_pre\\]\\:p-2 {\n    & pre {\n      padding: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_pre\\]\\:text-gray-100 {\n    & pre {\n      color: var(--color-gray-100);\n    }\n  }\n  .\\[\\&_pre_code\\]\\:bg-transparent {\n    & pre code {\n      background-color: transparent;\n    }\n  }\n  .\\[\\&_pre_code\\]\\:p-0 {\n    & pre code {\n      padding: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&_pre_code\\]\\:break-words {\n    & pre code {\n      overflow-wrap: break-word;\n    }\n  }\n  .\\[\\&_pre_code\\]\\:whitespace-pre-wrap {\n    & pre code {\n      white-space: pre-wrap;\n    }\n  }\n  .\\[\\&_strong\\]\\:font-medium {\n    & strong {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&_svg\\]\\:pointer-events-none {\n    & svg {\n      pointer-events: none;\n    }\n  }\n  .\\[\\&_svg\\]\\:size-4 {\n    & svg {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&_svg\\]\\:h-\\[12px\\] {\n    & svg {\n      height: 12px;\n    }\n  }\n  .\\[\\&_svg\\]\\:h-\\[13px\\] {\n    & svg {\n      height: 13px;\n    }\n  }\n  .\\[\\&_svg\\]\\:w-\\[12px\\] {\n    & svg {\n      width: 12px;\n    }\n  }\n  .\\[\\&_svg\\]\\:w-\\[13px\\] {\n    & svg {\n      width: 13px;\n    }\n  }\n  .\\[\\&_svg\\]\\:shrink-0 {\n    & svg {\n      flex-shrink: 0;\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n    & svg:not([class*='size-']) {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&_table\\]\\:min-w-full {\n    & table {\n      min-width: 100%;\n    }\n  }\n  .\\[\\&_table\\]\\:table-fixed {\n    & table {\n      table-layout: fixed;\n    }\n  }\n  .\\[\\&_tbody_td\\]\\:px-\\[17px\\] {\n    & tbody td {\n      padding-inline: 17px;\n    }\n  }\n  .\\[\\&_tbody_td\\]\\:py-0 {\n    & tbody td {\n      padding-block: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&_tbody_td\\]\\:text-\\[12px\\] {\n    & tbody td {\n      font-size: 12px;\n    }\n  }\n  .\\[\\&_tbody_td\\]\\:tabular-nums {\n    & tbody td {\n      --tw-numeric-spacing: tabular-nums;\n      font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n    }\n  }\n  .\\[\\&_tbody_tr\\]\\:h-\\[53px\\] {\n    & tbody tr {\n      height: 53px;\n    }\n  }\n  .\\[\\&_tbody_tr\\]\\:transition-colors {\n    & tbody tr {\n      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n      transition-duration: var(--tw-duration, var(--default-transition-duration));\n    }\n  }\n  .\\[\\&_td\\]\\:border {\n    & td {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .\\[\\&_td\\]\\:border-border {\n    & td {\n      border-color: var(--color-border);\n    }\n  }\n  .\\[\\&_td\\]\\:border-neutral-10 {\n    & td {\n      border-color: var(--color-neutral-10);\n    }\n  }\n  .\\[\\&_td\\]\\:border-neutral-200 {\n    & td {\n      border-color: var(--color-neutral-200);\n    }\n  }\n  .\\[\\&_td\\]\\:p-1 {\n    & td {\n      padding: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_td\\]\\:p-2 {\n    & td {\n      padding: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_td\\]\\:px-3 {\n    & td {\n      padding-inline: calc(var(--spacing) * 3);\n    }\n  }\n  .\\[\\&_td\\]\\:py-1\\.5 {\n    & td {\n      padding-block: calc(var(--spacing) * 1.5);\n    }\n  }\n  .\\[\\&_th\\]\\:sticky {\n    & th {\n      position: sticky;\n    }\n  }\n  .\\[\\&_th\\]\\:top-0 {\n    & th {\n      top: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&_th\\]\\:z-\\[1\\] {\n    & th {\n      z-index: 1;\n    }\n  }\n  .\\[\\&_th\\]\\:border {\n    & th {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .\\[\\&_th\\]\\:border-border {\n    & th {\n      border-color: var(--color-border);\n    }\n  }\n  .\\[\\&_th\\]\\:border-neutral-10 {\n    & th {\n      border-color: var(--color-neutral-10);\n    }\n  }\n  .\\[\\&_th\\]\\:border-neutral-200 {\n    & th {\n      border-color: var(--color-neutral-200);\n    }\n  }\n  .\\[\\&_th\\]\\:p-1 {\n    & th {\n      padding: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_th\\]\\:p-2 {\n    & th {\n      padding: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_th\\]\\:px-3 {\n    & th {\n      padding-inline: calc(var(--spacing) * 3);\n    }\n  }\n  .\\[\\&_th\\]\\:py-1\\.5 {\n    & th {\n      padding-block: calc(var(--spacing) * 1.5);\n    }\n  }\n  .\\[\\&_th\\]\\:py-2 {\n    & th {\n      padding-block: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&_th\\]\\:text-\\[14px\\] {\n    & th {\n      font-size: 14px;\n    }\n  }\n  .\\[\\&_th\\]\\:font-medium {\n    & th {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&_th\\]\\:tracking-wide {\n    & th {\n      --tw-tracking: var(--tracking-wide);\n      letter-spacing: var(--tracking-wide);\n    }\n  }\n  .\\[\\&_th\\]\\:uppercase {\n    & th {\n      text-transform: uppercase;\n    }\n  }\n  .\\[\\&_th\\]\\:shadow-\\[inset_0_-1px_0_var\\(--border\\)\\] {\n    & th {\n      --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--border));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .\\[\\&_thead_th\\]\\:sticky {\n    & thead th {\n      position: sticky;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:h-\\[48px\\] {\n    & thead th {\n      height: 48px;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:px-\\[17px\\] {\n    & thead th {\n      padding-inline: 17px;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:font-mono {\n    & thead th {\n      font-family: var(--font-mono);\n    }\n  }\n  .\\[\\&_thead_th\\]\\:text-\\[10px\\] {\n    & thead th {\n      font-size: 10px;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:font-medium {\n    & thead th {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&_thead_th\\]\\:tracking-\\[0\\.05em\\] {\n    & thead th {\n      --tw-tracking: 0.05em;\n      letter-spacing: 0.05em;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:whitespace-nowrap {\n    & thead th {\n      white-space: nowrap;\n    }\n  }\n  .\\[\\&_thead_th\\]\\:uppercase {\n    & thead th {\n      text-transform: uppercase;\n    }\n  }\n  .\\[\\&_thead_th_div\\>button\\]\\:gap-\\[4px\\] {\n    & thead th div>button {\n      gap: 4px;\n    }\n  }\n  .\\[\\&_thead_th_div\\>button\\]\\:\\!text-\\[10px\\] {\n    & thead th div>button {\n      font-size: 10px !important;\n    }\n  }\n  .\\[\\&_thead_th_div\\>button\\]\\:hover\\:bg-transparent {\n    & thead th div>button {\n      &:hover {\n        @media (hover: hover) {\n          background-color: transparent;\n        }\n      }\n    }\n  }\n  .\\[\\&_thead_th_div\\>button_svg\\]\\:h-\\[11px\\] {\n    & thead th div>button svg {\n      height: 11px;\n    }\n  }\n  .\\[\\&_thead_th_div\\>button_svg\\]\\:w-\\[11px\\] {\n    & thead th div>button svg {\n      width: 11px;\n    }\n  }\n  .\\[\\&_thead_tr\\]\\:bg-blue-50 {\n    & thead tr {\n      background-color: var(--color-blue-50);\n    }\n  }\n  .\\[\\&_thead_tr\\]\\:bg-muted\\/50 {\n    & thead tr {\n      background-color: color-mix(in srgb, #f7f7f6 50%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);\n      }\n    }\n  }\n  .\\[\\&_thead_tr\\]\\:bg-neutral-50 {\n    & thead tr {\n      background-color: var(--color-neutral-50);\n    }\n  }\n  .\\[\\&_tr\\]\\:border-b {\n    & tr {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 1px;\n    }\n  }\n  .\\[\\&_tr\\:last-child\\]\\:border-0 {\n    & tr:last-child {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .\\[\\&_ul\\]\\:my-1 {\n    & ul {\n      margin-block: calc(var(--spacing) * 1);\n    }\n  }\n  .\\[\\&_ul\\]\\:list-inside {\n    & ul {\n      list-style-position: inside;\n    }\n  }\n  .\\[\\&_ul\\]\\:list-disc {\n    & ul {\n      list-style-type: disc;\n    }\n  }\n  .\\[\\&_ul\\]\\:pl-4 {\n    & ul {\n      padding-left: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&_ul\\]\\:pl-5 {\n    & ul {\n      padding-left: calc(var(--spacing) * 5);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden {\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar\\]\\:w-1\\.5 {\n    &::-webkit-scrollbar {\n      width: calc(var(--spacing) * 1.5);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar\\]\\:w-\\[6px\\] {\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:rounded-full {\n    &::-webkit-scrollbar-thumb {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:bg-slate-300 {\n    &::-webkit-scrollbar-thumb {\n      background-color: var(--color-slate-300);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:bg-transparent {\n    &::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n  }\n  .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0 {\n    &:has([role=checkbox]) {\n      padding-right: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\.border-b\\]\\:pb-6 {\n    &:is(.border-b) {\n      padding-bottom: calc(var(--spacing) * 6);\n    }\n  }\n  .\\[\\.border-t\\]\\:pt-6 {\n    &:is(.border-t) {\n      padding-top: calc(var(--spacing) * 6);\n    }\n  }\n  .\\[\\&\\:last-child\\>td\\]\\:border-b-0 {\n    &:last-child>td {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .\\[\\&\\>\\*\\]\\:m-0 {\n    &>* {\n      margin: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&\\>\\*\\]\\:shrink-0 {\n    &>* {\n      flex-shrink: 0;\n    }\n  }\n  .\\[\\&\\>button\\]\\:hidden {\n    &>button {\n      display: none;\n    }\n  }\n  .\\[\\&\\>button\\]\\:w-auto {\n    &>button {\n      width: auto;\n    }\n  }\n  .\\[\\&\\>button\\]\\:cursor-not-allowed {\n    &>button {\n      cursor: not-allowed;\n    }\n  }\n  .\\[\\&\\>button\\]\\:rounded-none\\! {\n    &>button {\n      border-radius: 0 !important;\n    }\n  }\n  .\\[\\&\\>button\\]\\:bg-neutral-900 {\n    &>button {\n      background-color: var(--color-neutral-900);\n    }\n  }\n  .\\[\\&\\>button\\]\\:bg-transparent\\! {\n    &>button {\n      background-color: transparent !important;\n    }\n  }\n  .\\[\\&\\>button\\]\\:font-semibold {\n    &>button {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n  }\n  .\\[\\&\\>button\\]\\:text-neutral-300 {\n    &>button {\n      color: var(--color-neutral-300);\n    }\n  }\n  .\\[\\&\\>button\\]\\:text-neutral-900\\! {\n    &>button {\n      color: var(--color-neutral-900) !important;\n    }\n  }\n  .\\[\\&\\>button\\]\\:text-white {\n    &>button {\n      color: var(--color-white);\n    }\n  }\n  .\\[\\&\\>button\\]\\:line-through {\n    &>button {\n      text-decoration-line: line-through;\n    }\n  }\n  .\\[\\&\\>button\\]\\:underline {\n    &>button {\n      text-decoration-line: underline;\n    }\n  }\n  .\\[\\&\\>button\\]\\:decoration-2 {\n    &>button {\n      text-decoration-thickness: 2px;\n    }\n  }\n  .\\[\\&\\>button\\]\\:underline-offset-4 {\n    &>button {\n      text-underline-offset: 4px;\n    }\n  }\n  .\\[\\&\\>button\\]\\:hover\\:bg-neutral-900 {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-neutral-900);\n        }\n      }\n    }\n  }\n  .\\[\\&\\>button\\]\\:hover\\:bg-transparent\\! {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          background-color: transparent !important;\n        }\n      }\n    }\n  }\n  .\\[\\&\\>button\\]\\:hover\\:text-neutral-900\\! {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-neutral-900) !important;\n        }\n      }\n    }\n  }\n  .\\[\\&\\>button\\]\\:hover\\:text-white {\n    &>button {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-white);\n        }\n      }\n    }\n  }\n  .\\[\\&\\>button\\:last-child\\]\\:mt-0 {\n    &>button:last-child {\n      margin-top: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&\\>div\\]\\:min-w-\\[200px\\] {\n    &>div {\n      min-width: 200px;\n    }\n  }\n  .\\[\\&\\>div\\]\\:flex-1 {\n    &>div {\n      flex: 1;\n    }\n  }\n  .\\[\\&\\>div\\]\\:\\!rounded-none {\n    &>div {\n      border-radius: 0 !important;\n    }\n  }\n  .\\[\\&\\>div\\]\\:\\!border-0 {\n    &>div {\n      border-style: var(--tw-border-style) !important;\n      border-width: 0px !important;\n    }\n  }\n  .\\[\\&\\>div\\]\\:\\!shadow-none {\n    &>div {\n      --tw-shadow: 0 0 #0000 !important;\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n    }\n  }\n  .\\[\\&\\>div_label\\]\\:mb-2 {\n    &>div label {\n      margin-bottom: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&\\>div_label\\]\\:block {\n    &>div label {\n      display: block;\n    }\n  }\n  .\\[\\&\\>div_label\\]\\:text-sm {\n    &>div label {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .\\[\\&\\>div_label\\]\\:font-medium {\n    &>div label {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&\\>div_label\\]\\:text-gray-700 {\n    &>div label {\n      color: var(--color-gray-700);\n    }\n  }\n  .\\[\\&\\>div\\:first-child\\]\\:min-w-\\[200px\\] {\n    &>div:first-child {\n      min-width: 200px;\n    }\n  }\n  .\\[\\&\\>div\\:first-child\\]\\:flex-1 {\n    &>div:first-child {\n      flex: 1;\n    }\n  }\n  .\\[\\&\\>div\\:nth-child\\(2\\)\\]\\:min-w-\\[200px\\] {\n    &>div:nth-child(2) {\n      min-width: 200px;\n    }\n  }\n  .\\[\\&\\>div\\:nth-child\\(2\\)\\]\\:flex-1 {\n    &>div:nth-child(2) {\n      flex: 1;\n    }\n  }\n  .\\[\\&\\>label\\]\\:mb-2 {\n    &>label {\n      margin-bottom: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&\\>label\\]\\:block {\n    &>label {\n      display: block;\n    }\n  }\n  .\\[\\&\\>label\\]\\:text-sm {\n    &>label {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .\\[\\&\\>label\\]\\:font-medium {\n    &>label {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&\\>label\\]\\:text-gray-700 {\n    &>label {\n      color: var(--color-gray-700);\n    }\n  }\n  .max-\\[800px\\]\\:\\[\\&\\>li\\]\\:pb-4 {\n    @media (width < 800px) {\n      &>li {\n        padding-bottom: calc(var(--spacing) * 4);\n      }\n    }\n  }\n  .\\[\\&\\>span\\]\\:line-clamp-1 {\n    &>span {\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n  }\n  .\\[\\&\\>span\\:last-child\\]\\:truncate {\n    &>span:last-child {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:pointer-events-none {\n    &>svg {\n      pointer-events: none;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:size-3 {\n    &>svg {\n      width: calc(var(--spacing) * 3);\n      height: calc(var(--spacing) * 3);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:size-4 {\n    &>svg {\n      width: calc(var(--spacing) * 4);\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:h-3\\.5 {\n    &>svg {\n      height: calc(var(--spacing) * 3.5);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:h-\\[12px\\] {\n    &>svg {\n      height: 12px;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:w-3\\.5 {\n    &>svg {\n      width: calc(var(--spacing) * 3.5);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:w-\\[12px\\] {\n    &>svg {\n      width: 12px;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:shrink-0 {\n    &>svg {\n      flex-shrink: 0;\n    }\n  }\n  .\\[\\&\\>tbody\\>tr\\:last-child\\>td\\]\\:border-b-0 {\n    &>tbody>tr:last-child>td {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .\\[\\&\\>td\\]\\:border-b-0 {\n    &>td {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .\\[\\&\\>td\\]\\:p-2 {\n    &>td {\n      padding: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&\\>th\\]\\:sticky {\n    &>th {\n      position: sticky;\n    }\n  }\n  .\\[\\&\\>th\\]\\:top-0 {\n    &>th {\n      top: calc(var(--spacing) * 0);\n    }\n  }\n  .\\[\\&\\>th\\]\\:z-10 {\n    &>th {\n      z-index: 10;\n    }\n  }\n  .\\[\\&\\>th\\]\\:bg-muted {\n    &>th {\n      background-color: var(--color-muted);\n    }\n  }\n  .\\[\\&\\>th\\]\\:bg-muted\\/70 {\n    &>th {\n      background-color: color-mix(in srgb, #f7f7f6 70%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);\n      }\n    }\n  }\n  .\\[\\&\\>th\\]\\:p-2 {\n    &>th {\n      padding: calc(var(--spacing) * 2);\n    }\n  }\n  .\\[\\&\\>th\\]\\:text-left {\n    &>th {\n      text-align: left;\n    }\n  }\n  .\\[\\&\\>th\\]\\:font-semibold {\n    &>th {\n      --tw-font-weight: var(--font-weight-semibold);\n      font-weight: var(--font-weight-semibold);\n    }\n  }\n  .\\[\\&\\>tr\\]\\:last\\:border-b-0 {\n    &>tr {\n      &:last-child {\n        border-bottom-style: var(--tw-border-style);\n        border-bottom-width: 0px;\n      }\n    }\n  }\n  .\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180 {\n    &[data-state=open]>svg {\n      rotate: 180deg;\n    }\n  }\n  .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 {\n    [data-side=left][data-collapsible=offcanvas] & {\n      right: calc(var(--spacing) * -2);\n    }\n  }\n  .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize {\n    [data-side=left][data-state=collapsed] & {\n      cursor: e-resize;\n    }\n  }\n  .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 {\n    [data-side=right][data-collapsible=offcanvas] & {\n      left: calc(var(--spacing) * -2);\n    }\n  }\n  .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize {\n    [data-side=right][data-state=collapsed] & {\n      cursor: w-resize;\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-accent {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-accent);\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-destructive\\/90 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #dc2626 90%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-green-200 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--color-green-200);\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-primary\\/90 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #18181b 90%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-secondary\\/90 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: color-mix(in srgb, #f4f4f5 90%, transparent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:text-accent-foreground {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--color-accent-foreground);\n        }\n      }\n    }\n  }\n  .\\[table\\[data-flush\\]_\\&\\:last-child\\>td\\:first-child\\]\\:rounded-bl-\\[13px\\] {\n    table[data-flush] &:last-child>td:first-child {\n      border-bottom-left-radius: 13px;\n    }\n  }\n  .\\[table\\[data-flush\\]_\\&\\:last-child\\>td\\:last-child\\]\\:rounded-br-\\[13px\\] {\n    table[data-flush] &:last-child>td:last-child {\n      border-bottom-right-radius: 13px;\n    }\n  }\n}\n@layer base {\n  :root,\n  :host {\n    font-family: 'Inter', sans-serif;\n  }\n}\n@property --tw-border-spacing-x {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-spacing-y {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-scroll-snap-strictness {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: proximity;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-x-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-gradient-position {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-from {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-via {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-to {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-stops {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-via-stops {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-from-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-content {\n  syntax: \"*\";\n  initial-value: \"\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-border-spacing-x: 0;\n      --tw-border-spacing-y: 0;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-scroll-snap-strictness: proximity;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n    }\n  }\n}\n";
 
 /**
  * Global stylesheet registry (shared across independently-bundled SDKs via
@@ -7636,20 +8766,33 @@ const renderImageBlock = (block) => {
     if (!block.props.url || !isSafeImageUrl(block.props.url)) {
         return null;
     }
+    // The step's rows grow to fit their content, and an `<img>` grid item
+    // contributes its natural aspect-ratio height — a banner area holding a
+    // square photo would grow to the photo instead of cropping it. Taking the
+    // image out of flow leaves the wrapper nothing to contribute, so the image
+    // fills exactly the cells it was placed in.
+    const wrapper = document.createElement('div');
+    applyStyles(wrapper, { position: 'relative', width: '100%', height: '100%' });
     const el = document.createElement('img');
     el.src = block.props.url;
     el.alt = (_a = block.props.alt) !== null && _a !== void 0 ? _a : '';
     applyStyles(el, {
+        position: 'absolute',
+        top: '0',
+        left: '0',
         width: '100%',
         height: '100%',
         'object-fit': 'cover',
         display: 'block',
         'border-radius': block.props.borderRadius,
     });
-    return el;
+    wrapper.appendChild(el);
+    return wrapper;
 };
 
-const renderPhoneInputBlock = (block) => {
+// eslint-disable-next-line @nx/enforce-module-boundaries
+const COUNTRIES = Object.keys(COUNTRY_DIAL_CODES).sort();
+const renderPhoneInputBlock = (block, ctx) => {
     const wrapper = document.createElement('div');
     applyStyles(wrapper, { 'margin-bottom': '0.5em' });
     if (block.props.label) {
@@ -7671,38 +8814,71 @@ const renderPhoneInputBlock = (block) => {
     }
     const row = document.createElement('div');
     applyStyles(row, { display: 'flex' });
-    if (block.props.defaultCountry) {
-        const prefix = document.createElement('span');
-        prefix.textContent = block.props.defaultCountry;
-        applyStyles(prefix, {
-            padding: '0.625em 0.75em',
-            border: '1px solid #d1d5db',
-            'border-radius': '0.375em 0 0 0.375em',
-            'border-right': 'none',
-            background: '#f9fafb',
-            'font-size': '0.875em',
-            color: '#6b7280',
-        });
-        row.appendChild(prefix);
-    }
+    // Geo first unless the merchant pinned the country, then whatever they
+    // configured, then the fallback — so an unknown country never leaves the
+    // picker blank.
+    const initialCountry = block.props.useShopperCountry === false
+        ? resolveCountry(block.props.defaultCountry)
+        : resolveCountry(ctx.geoCountry, block.props.defaultCountry);
+    // Deliberately unnamed. `collectFormData` collects every named input and
+    // select, and the country is an input to the phone value rather than a field
+    // of its own — naming it would forward a stray key to the leads backend.
+    const country = document.createElement('select');
+    country.setAttribute('aria-label', 'Country calling code');
+    for (const iso of COUNTRIES) {
+        const option = document.createElement('option');
+        option.value = iso;
+        option.textContent = `${iso} +${COUNTRY_DIAL_CODES[iso]}`;
+        country.appendChild(option);
+    }
+    country.value = initialCountry;
+    applyStyles(country, {
+        padding: '0.5em',
+        border: '1px solid #d1d5db',
+        'border-right': 'none',
+        'border-radius': '0.375em 0 0 0.375em',
+        background: '#f9fafb',
+        'font-size': '0.875em',
+        color: '#374151',
+        'font-family': 'inherit',
+    });
+    row.appendChild(country);
+    // Also unnamed: the canonical E.164 value is submitted from the hidden input
+    // below, so every lead carries one shape whatever the shopper typed.
     const input = document.createElement('input');
     input.type = 'tel';
-    input.name = 'phone';
     input.autocomplete = 'tel';
     input.inputMode = 'tel';
     input.placeholder = block.props.placeholder;
     input.required = block.props.required;
     applyStyles(input, {
         flex: '1',
+        'min-width': '0',
         padding: '0.625em 0.75em',
         border: '1px solid #d1d5db',
-        'border-radius': block.props.defaultCountry
-            ? '0 0.375em 0.375em 0'
-            : '0.375em',
+        'border-radius': '0 0.375em 0.375em 0',
         'font-size': '0.875em',
     });
     row.appendChild(input);
     wrapper.appendChild(row);
+    const canonical = document.createElement('input');
+    canonical.type = 'hidden';
+    canonical.name = 'phone';
+    wrapper.appendChild(canonical);
+    attachFieldValidation({
+        input,
+        wrapper,
+        root: ctx.popupRoot,
+        check: phoneCheck(() => dialCode(country.value), block.props.invalidMessage, block.props.required),
+        onValue: (value) => {
+            canonical.value = toE164(value, dialCode(country.value));
+        },
+    });
+    // Changing the country changes what counts as valid, so a number already
+    // typed is re-judged rather than left showing a stale verdict.
+    country.addEventListener('change', () => {
+        input.dispatchEvent(new Event('input'));
+    });
     return wrapper;
 };
 
@@ -7713,6 +8889,8 @@ const renderPhoneInputBlock = (block) => {
 // card unmounting must not cancel the request other cards are awaiting.
 const productCache = new Map();
 const inFlight = new Map();
+/** Synchronous cache read, so a warmed product can render on the first paint. */
+const getCachedProduct = (handle) => productCache.get(handle);
 const fetchProduct = (handle) => {
     const cached = productCache.get(handle);
     if (cached) {
@@ -7739,6 +8917,7 @@ const fetchProduct = (handle) => {
     inFlight.set(handle, promise);
     return promise;
 };
+
 const renderProductCardBlock = (block) => {
     var _a, _b, _c;
     const card = document.createElement('div');
@@ -8059,7 +9238,20 @@ const renderTestimonialBlock = (block) => {
     return wrapper;
 };
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
+/** One resolve pass; containers recurse through here, so nesting is covered. */
 const renderBlock = (block, ctx) => {
+    var _a;
+    const resolved = ctx.tokens
+        ? resolveBlockProps(block, ctx.tokens.values)
+        : block;
+    const el = dispatchBlock(resolved, ctx);
+    if (el && ((_a = ctx.tokens) === null || _a === void 0 ? void 0 : _a.onBlockRendered)) {
+        ctx.tokens.onBlockRendered(block, el);
+    }
+    return el;
+};
+const dispatchBlock = (block, ctx) => {
     switch (block.type) {
         case 'heading':
             return renderHeadingBlock(block);
@@ -8074,7 +9266,7 @@ const renderBlock = (block, ctx) => {
         case 'email-input':
             return renderEmailInputBlock(block, ctx);
         case 'phone-input':
-            return renderPhoneInputBlock(block);
+            return renderPhoneInputBlock(block, ctx);
         case 'consent':
             return renderConsentBlock(block);
         case 'countdown':
@@ -8096,7 +9288,7 @@ const renderBlock = (block, ctx) => {
         case 'radio-group':
             return renderRadioGroupBlock(block);
         case 'form-input':
-            return renderFormInputBlock(block);
+            return renderFormInputBlock(block, ctx);
         case 'floating-image':
             return renderFloatingImageBlock(block);
         case 'product-card':
@@ -8166,6 +9358,11 @@ const pickStep = (rule) => {
 const renderStep = (step, ctx) => {
     var _a, _b, _c, _d;
     const isMobile = isMobileViewport();
+    // An inline form is sized by whatever section the merchant dropped it into,
+    // so it is laid out fluidly rather than as the fixed box every floating
+    // format gets, and it comes back wrapped in the element its rows measure
+    // against. The blocks and their placement are identical either way.
+    const isInline = isInlineRule(ctx.rule);
     const container = document.createElement('div');
     applyStyles(container, {
         ...rootStyleToCss(step.rootStyle, ctx.theme),
@@ -8176,18 +9373,46 @@ const renderStep = (step, ctx) => {
         'grid-auto-rows': 'minmax(8px, auto)',
         'box-sizing': 'border-box',
         // A block taller than the rows it was given is clipped to the popup rather
-        // than escaping it and floating over the merchant's page.
-        overflow: 'hidden',
+        // than escaping it and floating over the merchant's page. An inline form
+        // has no such edge to escape, and clipping it would cut off its own fields
+        // as soon as the rows reflow in a column narrower than the canvas.
+        overflow: isInline ? 'visible' : 'hidden',
     });
-    if (step.popupDimensions) {
-        const size = isMobile
+    const size = step.popupDimensions
+        ? isMobile
             ? step.popupDimensions.mobile
-            : step.popupDimensions.desktop;
-        applyStyles(container, {
-            width: `${size.width}px`,
-            height: `${size.height}px`,
-            'grid-auto-rows': `${size.width / CANVAS_COLS}px`,
-        });
+            : step.popupDimensions.desktop
+        : undefined;
+    if (size) {
+        applyStyles(container, isInline
+            ? {
+                // The authored width becomes a ceiling, not a box: the form fills a
+                // narrow footer column and stops growing past the size it was
+                // designed at. Height stays automatic, because content that
+                // reflows into more rows must not be cut off.
+                width: '100%',
+                // Rows track the width the form actually got, so a design squeezed
+                // into a narrow column keeps its proportions instead of collapsing
+                // to content. Leaving this at the `minmax(8px, auto)` default took
+                // a 4-row spacer on a 480 canvas from 160px to 32px. `100cqw`
+                // resolves against the wrapper added below — a grid cannot query
+                // its own width — and `auto` as the ceiling keeps a block whose
+                // content reflows taller from being clipped.
+                'grid-auto-rows': `minmax(calc(100cqw / ${CANVAS_COLS}), auto)`,
+            }
+            : {
+                // The configured height and row height are a floor, not a cap. A
+                // block whose content is taller than the rows it was given — a
+                // labelled input showing a validation message, most often — grows
+                // its row and pushes the rest down, instead of spilling over the
+                // block beneath it. A popup whose blocks all fit is laid out
+                // exactly as before: `align-content: start` stops auto rows
+                // stretching to fill the min-height, which fixed rows never did.
+                width: `${size.width}px`,
+                'min-height': `${size.height}px`,
+                'grid-auto-rows': `minmax(${size.width / CANVAS_COLS}px, auto)`,
+                'align-content': 'start',
+            });
     }
     for (const block of step.blocks) {
         if (!isBlockVisible(block, isMobile)) {
@@ -8197,6 +9422,16 @@ const renderStep = (step, ctx) => {
         if (!el) {
             continue;
         }
+        // Image blocks take their <img> out of flow so a photo can't grow the
+        // configured rows. Without configured rows the photo's own height is the
+        // only thing sizing them, so it goes back in flow.
+        if (!step.popupDimensions &&
+            (block.type === 'image' || block.type === 'floating-image')) {
+            const img = el.firstElementChild;
+            if (img) {
+                img.style.position = 'static';
+            }
+        }
         const coords = resolveCoords(block.props, isMobile);
         // Blocks size themselves with width/height 100% and add their own padding
         // and border, so content-box makes them wider than the cells they occupy.
@@ -8212,7 +9447,21 @@ const renderStep = (step, ctx) => {
         applyBlockAnimation(block, el);
         container.appendChild(el);
     }
-    return container;
+    if (!isInline || !size) {
+        return container;
+    }
+    // The width ceiling moves out to a wrapper so the grid has something to query
+    // for `cqw`. `rootStyleToCss` writes no padding and no border, so the
+    // wrapper's content box is exactly the grid's width and one column is the
+    // same size the builder canvas showed.
+    const fluid = document.createElement('div');
+    applyStyles(fluid, {
+        width: '100%',
+        'max-width': `${size.width}px`,
+        'container-type': 'inline-size',
+    });
+    fluid.appendChild(container);
+    return fluid;
 };
 
 // Stays below blotout-consent banner's 999999 so the legally-required
@@ -8258,8 +9507,9 @@ const CORNER_TRANSFORM_ORIGIN = {
     'bottom-right': 'bottom right',
 };
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
 const TEASER_PREFIX = 'blotoutPopup:teaser:';
-const renderTeaser = (rule, onReopen) => {
+const renderTeaser = (rule, tokenValues, onReopen) => {
     var _a, _b, _c, _d, _e;
     if (!((_a = rule.teaser) === null || _a === void 0 ? void 0 : _a.enabled)) {
         return null;
@@ -8304,7 +9554,8 @@ const renderTeaser = (rule, onReopen) => {
         chip.appendChild(icon);
     }
     const text = document.createElement('span');
-    text.textContent = teaser.text;
+    // Teaser sits outside the block tree, so the dispatcher never sees it.
+    text.textContent = resolveTokens(teaser.text, tokenValues, teaser.tokenFallbacks);
     chip.appendChild(text);
     const close = document.createElement('button');
     close.type = 'button';
@@ -8334,6 +9585,263 @@ const renderTeaser = (rule, onReopen) => {
     return chip;
 };
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
+// From the registry, so a third product token is swapped as well as fetched.
+const PRODUCT_TOKEN_IDS = new Set(TOKENS.filter((token) => token.tier === 'product').map((token) => token.id));
+// `{{lastViewedProduct.price}}` belongs to the same fetch as its bare form.
+const isProductToken = (id) => PRODUCT_TOKEN_IDS.has(tokenBaseId(id));
+// Shopify's shape, flattened to the registry's field names. First variant,
+// same as product-card.
+const fieldValues = (product) => {
+    var _a;
+    const variant = (_a = product.variants) === null || _a === void 0 ? void 0 : _a[0];
+    return {
+        title: product.title,
+        price: variant === null || variant === void 0 ? void 0 : variant.price,
+        compareAtPrice: variant === null || variant === void 0 ? void 0 : variant.compare_at_price,
+        vendor: product.vendor,
+        type: product.product_type,
+    };
+};
+// A dropdown renders labels as `optEl.textContent` (blocks/dropdown.ts:29), so
+// wrapping a token there would put a span inside an `<option>`.
+const rejectsChildren = (node) => { var _a; return ((_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === 'OPTION'; };
+const ATTRS = ['placeholder', 'alt'];
+// Exact match wins over a containing one: a token-only prop resolves to a
+// short phrase ("this item") that static copy nearby may also contain.
+const findTextNode = (root, needle) => {
+    if (needle === '') {
+        return null;
+    }
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+    let contains = null;
+    let node = walker.nextNode();
+    while (node) {
+        const value = node.nodeValue;
+        if (value === needle) {
+            return node;
+        }
+        if (!contains && (value === null || value === void 0 ? void 0 : value.includes(needle))) {
+            contains = node;
+        }
+        node = walker.nextNode();
+    }
+    return contains;
+};
+/** Cuts [start, end) out of `node` into its own span. */
+const wrapRange = (node, start, end) => {
+    // The tail stays a sibling; `node` is left holding everything before it.
+    node.splitText(end);
+    const value = node.splitText(start);
+    const el = document.createElement('span');
+    value.replaceWith(el);
+    el.appendChild(value);
+    return el;
+};
+/**
+ * Wraps each product token's value in its own span.
+ *
+ * Right-to-left, so splitting the tail never shifts an earlier offset.
+ */
+const markSpans = (node, rendered, spans, fallbacks, into, raw) => {
+    var _a, _b;
+    const base = (_b = (_a = node.nodeValue) === null || _a === void 0 ? void 0 : _a.indexOf(rendered)) !== null && _b !== void 0 ? _b : -1;
+    if (base < 0) {
+        return;
+    }
+    if (rejectsChildren(node)) {
+        into.push({ kind: 'text', node, raw, fallbacks });
+        return;
+    }
+    for (const span of [...spans].reverse()) {
+        if (span.end <= span.start) {
+            continue;
+        }
+        const el = wrapRange(node, base + span.start, base + span.end);
+        into.push({ kind: 'span', el, id: span.id, fallbacks });
+    }
+};
+/**
+ * Fallback when the copy is not contiguous — a renderer split the line across
+ * nodes. Marks each token's own value wherever it landed.
+ */
+const markEach = (root, spans, values, fallbacks, into, raw) => {
+    var _a, _b;
+    let any = false;
+    for (const span of spans) {
+        const value = resolveToken(span.id, values, fallbacks);
+        const node = findTextNode(root, value);
+        const at = (_b = (_a = node === null || node === void 0 ? void 0 : node.nodeValue) === null || _a === void 0 ? void 0 : _a.indexOf(value)) !== null && _b !== void 0 ? _b : -1;
+        if (!node || at < 0) {
+            continue;
+        }
+        if (rejectsChildren(node)) {
+            into.push({ kind: 'text', node, raw, fallbacks });
+            any = true;
+            continue;
+        }
+        const el = wrapRange(node, at, at + value.length);
+        into.push({ kind: 'span', el, id: span.id, fallbacks });
+        any = true;
+    }
+    return any;
+};
+const markAttrs = (root, rendered, raw, fallbacks, into) => {
+    const check = (el) => {
+        for (const attr of ATTRS) {
+            if (el.getAttribute(attr) === rendered) {
+                into.push({ kind: 'attr', el, attr, raw, fallbacks });
+            }
+        }
+    };
+    check(root);
+    root.querySelectorAll('*').forEach(check);
+};
+// Which handle answers which token on this page.
+const productSources = (signals, lastViewedHandle) => [
+    ['productName', signals['page.productHandle']],
+    ['lastViewedProduct', lastViewedHandle],
+];
+/** True when a rule's copy references a product-tier token. */
+const needsProductRead = (rules) => rules.some((rule) => tokensInTier(collectRuleTokens(rule), 'product').length > 0);
+/**
+ * Warms `productCache` before the gate runs, so the popup opens on real values
+ * instead of opening on fallbacks and visibly rewriting itself ~600ms later.
+ *
+ * Never rejects, and never waits past the deadline: a slow or dead Shopify
+ * answers with the fallback copy, exactly as it did before.
+ */
+const warmProductTokens = (signals, lastViewedHandle, timeoutMs) => {
+    const reads = productSources(signals, lastViewedHandle)
+        .map(([, handle]) => handle)
+        .filter((handle) => !!handle)
+        .map((handle) => fetchProduct(handle));
+    if (!reads.length) {
+        return Promise.resolve();
+    }
+    return new Promise((resolve) => {
+        const timer = setTimeout(resolve, timeoutMs);
+        void Promise.all(reads).then(() => {
+            clearTimeout(timer);
+            resolve();
+        });
+    });
+};
+/**
+ * Seeds values from the warmed cache, then swaps anything that lands later.
+ *
+ * The swap is the safety net now, not the normal path: a click trigger three
+ * navigations after the warm-up still gets its title this way.
+ */
+const attachProductTokens = (tokens, signals, 
+/** Product viewed BEFORE this page; init records the current one at load. */
+lastViewedHandle) => {
+    const marked = [];
+    tokens.onBlockRendered = (block, el) => {
+        const props = block.props;
+        if (!props) {
+            return;
+        }
+        const fallbacks = props['tokenFallbacks'];
+        // `tokenTextsOf` covers `options[].label`, which `resolveProps` resolves
+        // but a TOKEN_TEXT_PROPS-only scan left stuck on its fallback forever.
+        for (const raw of tokenTextsOf(props)) {
+            if (!collectTokens(raw).some(isProductToken)) {
+                continue;
+            }
+            const { text: rendered, spans } = resolveTokenSpans(raw, tokens.values, fallbacks);
+            const product = spans.filter((span) => isProductToken(span.id));
+            if (!product.length) {
+                continue;
+            }
+            const node = findTextNode(el, rendered);
+            if (node) {
+                markSpans(node, rendered, product, fallbacks, marked, raw);
+                continue;
+            }
+            // The line is not in one piece. Mark each token's own value instead.
+            if (markEach(el, product, tokens.values, fallbacks, marked, raw)) {
+                continue;
+            }
+            // Not in any text node — the renderer put it in an attribute.
+            markAttrs(el, rendered, raw, fallbacks, marked);
+        }
+    };
+    const setValues = (base, product) => {
+        const resolved = fieldValues(product);
+        let changed = false;
+        const set = (key, value) => {
+            if (!value || tokens.values[key] === value) {
+                return;
+            }
+            tokens.values[key] = value;
+            changed = true;
+        };
+        // Bare `{{productName}}` stays the title; the dotted forms carry the rest.
+        set(base, resolved.title);
+        for (const field of PRODUCT_FIELDS) {
+            set(`${base}.${field}`, resolved[field]);
+        }
+        return changed;
+    };
+    const apply = (base, product) => {
+        if (!setValues(base, product)) {
+            return;
+        }
+        for (const mark of marked) {
+            if (mark.kind === 'text') {
+                // Same guard as product-card.ts:70.
+                if (mark.node.isConnected) {
+                    mark.node.nodeValue = resolveTokens(mark.raw, tokens.values, mark.fallbacks);
+                }
+                continue;
+            }
+            // Same guard as product-card.ts:70.
+            if (!mark.el.isConnected) {
+                continue;
+            }
+            if (mark.kind === 'span') {
+                const next = resolveToken(mark.id, tokens.values, mark.fallbacks);
+                if (mark.el.textContent !== next) {
+                    mark.el.textContent = next;
+                }
+                continue;
+            }
+            const next = resolveTokens(mark.raw, tokens.values, mark.fallbacks);
+            if (mark.el.getAttribute(mark.attr) !== next) {
+                mark.el.setAttribute(mark.attr, next);
+            }
+        }
+    };
+    const sources = productSources(signals, lastViewedHandle);
+    // Warmed by `warmProductTokens` before the gate: seed synchronously so the
+    // first paint is already right and nothing visibly changes.
+    for (const [id, handle] of sources) {
+        const cached = handle ? getCachedProduct(handle) : undefined;
+        if (cached) {
+            setValues(id, cached);
+        }
+    }
+    for (const [id, handle] of sources) {
+        if (!handle) {
+            continue;
+        }
+        // A failed fetch leaves the fallback in place, and nothing retries.
+        void fetchProduct(handle).then((product) => {
+            if (product) {
+                apply(id, product);
+            }
+        });
+    }
+    // `showStep` re-renders the tree per step; without this the detached
+    // subtrees stay retained here.
+    return {
+        resetPending: () => {
+            marked.length = 0;
+        },
+    };
+};
+
 // eslint-disable-next-line no-duplicate-imports -- side-effect: registers <bop-popup>
 const createOverlayCloseButton = (onClose) => {
     const btn = document.createElement('button');
@@ -8447,6 +9955,26 @@ const wrapFullscreenTakeover = (rule, popupRoot, inner) => {
     popupRoot.contentRoot.appendChild(inner);
 };
 
+/**
+ * The one format that is not a floating layer.
+ *
+ * Every other wrapper pins the host with `position: fixed` and `Z_INDEX` and
+ * appends an overlay close button. This one writes neither: the host element
+ * already defaults to `:host { display: block }`, so leaving its positioning
+ * alone is what puts the form in the merchant's normal page flow, taking real
+ * layout space and reflowing with the section that holds it. There is no close
+ * control because an inline form is not a dismissible surface.
+ */
+const wrapInline = (rule, popupRoot, inner) => {
+    var _a;
+    const display = rule.display;
+    inner.style.width = '100%';
+    // Defaults to no animation: the floating formats animate because they arrive
+    // over the page, while this one is part of the page from first paint.
+    applyPopupAnimation(inner, (_a = display.animation) !== null && _a !== void 0 ? _a : 'none');
+    popupRoot.contentRoot.appendChild(inner);
+};
+
 const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 // Asked of the DOM rather than closed over, because `showStep` replaces the
 // whole subtree on every step change — a captured reference would point at the
@@ -8683,7 +10211,8 @@ const MIN_FIT_SCALE = 0.1;
 // behind the step container's `overflow: hidden`.
 const fitScale = (inner) => {
     const width = pxSize(inner.style.width);
-    const height = pxSize(inner.style.height);
+    // step.ts sets the configured height as a floor, so it lands on min-height.
+    const height = pxSize(inner.style.height || inner.style.minHeight);
     if (!(width > 0) || !(height > 0)) {
         return undefined;
     }
@@ -8748,6 +10277,7 @@ const wrapSlideIn = (rule, popupRoot, inner) => {
 
 // eslint-disable-next-line @nx/enforce-module-boundaries
 const renderPopup = (rule, signals, options = {}) => {
+    var _a;
     const { sendTag, getEdgeData, sendEdgeData, baseUrl, userId } = options;
     const { variantId, content } = selectVariant(rule, userId !== null && userId !== void 0 ? userId : '');
     const effRule = { ...rule, content };
@@ -8761,6 +10291,17 @@ const renderPopup = (rule, signals, options = {}) => {
     // Resolve once so every block, wrapper and CSS variable sees the same
     // complete theme — a rule may carry a partial theme, or none at all.
     const theme = resolveTheme(effRule.theme);
+    // One map per instance; the product tier mutates it after render.
+    const tokens = {
+        values: { ...signalTokenValues(signals), ...((_a = options.tokenValues) !== null && _a !== void 0 ? _a : {}) },
+    };
+    // Only when the copy asks for a product. `variants` stripped first:
+    // `selectVariant` already picked the content that renders.
+    let resetTokenSwaps;
+    const renderedTokens = collectRuleTokens({ ...effRule, variants: undefined });
+    if (tokensInTier(renderedTokens, 'product').length > 0) {
+        resetTokenSwaps = attachProductTokens(tokens, signals, options.lastViewedProduct).resetPending;
+    }
     // Custom properties inherit through the shadow boundary, so setting them on
     // the host is what lets blocks and the merchant's rule CSS read the theme.
     applyStyles(popupRoot, themeCssVars(theme));
@@ -8769,6 +10310,8 @@ const renderPopup = (rule, signals, options = {}) => {
     }
     const showStep = (step) => {
         popupRoot.contentRoot.replaceChildren();
+        // Previous step's elements are detached; drop their swap entries.
+        resetTokenSwaps === null || resetTokenSwaps === void 0 ? void 0 : resetTokenSwaps();
         const ctx = {
             rule: effRule,
             popupRoot,
@@ -8782,6 +10325,10 @@ const renderPopup = (rule, signals, options = {}) => {
             userId,
             variantId,
             leadState,
+            tokens,
+            geoCountry: typeof signals['location.country'] === 'string'
+                ? signals['location.country']
+                : undefined,
         };
         const inner = renderStep(step, ctx);
         switch (effRule.display.format) {
@@ -8800,6 +10347,9 @@ const renderPopup = (rule, signals, options = {}) => {
             case 'fullscreenTakeover':
                 wrapFullscreenTakeover(effRule, popupRoot, inner);
                 return;
+            case 'inline':
+                wrapInline(effRule, popupRoot, inner);
+                return;
         }
     };
     popupRoot.addEventListener('blotoutPopup:gotostep', ((e) => {
@@ -8816,6 +10366,15 @@ const renderPopup = (rule, signals, options = {}) => {
     popupRoot.addEventListener('blotoutPopup:dismiss', ((e) => {
         var _a, _b;
         const source = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.source) !== null && _b !== void 0 ? _b : 'closeButton';
+        // An inline form is not a dismissible surface. Nothing in this handler
+        // applies to it: there is no fatigue to record for a rule that is never
+        // fatigue-gated, and no teaser to offer for something that was never a
+        // popup. Reachable only if a merchant drops a close-button block onto the
+        // canvas before switching the rule to inline; `triggerDismiss` leaves the
+        // host in its anchor, so the click does nothing at all.
+        if (isInlineRule(rule)) {
+            return;
+        }
         setDismissed(rule.id, rule.fatigue.suppressAfterDismiss);
         persistRuleEvent(rule, 'dismiss', getEdgeData, sendEdgeData);
         // A post-convert auto-close already fired blotoutPopupConvert; only an explicit
@@ -8831,7 +10390,7 @@ const renderPopup = (rule, signals, options = {}) => {
                 displayFormat: rule.display.format,
             });
         }
-        const teaser = renderTeaser(rule, () => {
+        const teaser = renderTeaser(rule, tokens.values, () => {
             clearDismissed(rule.id, rule.fatigue.suppressAfterDismiss);
             // The page-load server snapshot is stale by reopen time (the visitor may
             // have converted/dismissed on another device), so gate local-only.
@@ -9479,16 +11038,112 @@ const createCartTracker = (adapter, opts) => {
     };
 };
 
+/**
+ * How long to keep asking the adapter for an answer it has not given yet.
+ *
+ * The platform writes its customer global as the document renders, so on
+ * almost every page view the first read already resolves and none of this runs.
+ * The window only has to cover a storefront where the SDK happens to execute
+ * before that markup does; past a few seconds the global is not coming and a
+ * rule gated on it has no business waiting on it either.
+ */
+const RESOLVE_POLL_MS = 200;
+const RESOLVE_DEADLINE_MS = 3000;
+/**
+ * Sign-in state, derived from whatever customer adapter this page resolved to.
+ *
+ * Like the cart tracker it knows nothing about Shopify — the adapter answers,
+ * this turns the answer into a signal. Unlike the cart there is nothing to
+ * fetch and nothing to keep watching: every platform we care about makes
+ * signing in and out a full page load, so once resolved the value cannot move
+ * under us within one SDK lifetime. So `getSignals` reads live rather than
+ * caching, and a page-view boundary picks up a fresh answer for free.
+ *
+ * What it does have to announce is the first resolution. The engine evaluates
+ * once at start and then only when something tells it to, so a read that was
+ * still unresolved at init would otherwise sit unjudged until the shopper
+ * happened to scroll or navigate — and on a page where they do neither, a
+ * signed-in customer would simply never see their popup. Same reasoning as the
+ * cart tracker's "always notify the first read": if the first read stays
+ * silent, nothing ever asks the engine to look again.
+ */
+const createSignInTracker = (adapter) => {
+    const subscribers = [];
+    let timer;
+    // The adapter slot is a merchant's to fill, so its promise not to throw is
+    // one we cannot enforce. Unguarded, a throw here would abort `runGate` on the
+    // edge-read path, outside init's own try/catch, and leave the poll below
+    // running past its deadline.
+    const read = () => {
+        try {
+            return adapter.isSignedIn();
+        }
+        catch {
+            return undefined;
+        }
+    };
+    const stopPolling = () => {
+        if (timer !== undefined) {
+            clearInterval(timer);
+            timer = undefined;
+        }
+    };
+    // Only started when the answer is not already there, and stopped the moment
+    // it arrives, so the common case costs one property read and no timer.
+    if (read() === undefined) {
+        const startedAt = Date.now();
+        timer = setInterval(() => {
+            if (read() !== undefined) {
+                stopPolling();
+                for (const cb of subscribers) {
+                    cb();
+                }
+                return;
+            }
+            if (Date.now() - startedAt >= RESOLVE_DEADLINE_MS) {
+                stopPolling();
+            }
+        }, RESOLVE_POLL_MS);
+    }
+    return {
+        getSignals: () => {
+            const signedIn = read();
+            // No key at all while unresolved, rather than a guess. Sign-in
+            // conditions are restricted to `equals`, which cannot match an absent
+            // signal, so an unanswered read leaves the rule inert instead of
+            // treating a customer the store has not named yet as a stranger.
+            if (signedIn === undefined) {
+                return {};
+            }
+            return { 'customer.isSignedIn': signedIn };
+        },
+        onChange: (cb) => {
+            subscribers.push(cb);
+        },
+        stop: stopPolling,
+    };
+};
+
 const usesSignal = (rule, ids) => { var _a; return ((_a = rule.conditions) !== null && _a !== void 0 ? _a : []).some((c) => ids.has(c.signalId)); };
 const anyUsesSignal = (rules, ids) => rules.some((r) => usesSignal(r, ids));
 const BEHAVIOR_SIGNALS = new Set(BEHAVIOR_SIGNAL_IDS);
 const CART_SIGNALS = new Set(CART_SIGNAL_IDS);
+const SIGN_IN_SIGNALS = new Set(SIGN_IN_SIGNAL_IDS);
 const usesBehaviorSignal = (rule) => usesSignal(rule, BEHAVIOR_SIGNALS);
 /**
  * Cart rules are deferred like behavior rules: the cart is read after init, so
  * evaluating one in the static gate would always see an unknown cart.
  */
 const usesCartSignal = (rule) => usesSignal(rule, CART_SIGNALS);
+/**
+ * Sign-in rules are deferred too, for a different reason: the read is
+ * synchronous, but the store global behind it is written as the page renders
+ * and can be missing when the static gate runs. Judging one there gives it a
+ * single look at the moment it is least likely to be answerable. On the engine
+ * it is re-judged whenever anything else moves and at every page-view boundary,
+ * so the answer only has to arrive eventually.
+ */
+const usesSignInSignal = (rule) => usesSignal(rule, SIGN_IN_SIGNALS);
 // The signals that advance without an event to hang off, so they are the only
 // ones that need a periodic tick. `satisfies` is the guard: rename any of these
 // ids in config and this stops compiling, rather than shipping a trigger that
@@ -9619,24 +11274,27 @@ const startTriggerEngine = (params) => {
 };
 
 /**
- * The cart adapter for the platform this page is running on, or undefined when
- * none registered.
+ * The adapter in `slot` for the platform this page is running on, or undefined
+ * when none registered.
  *
  * Read from the window registry rather than a table in here, so the core bundle
  * links no platform code at all. The per-platform bundle that `/load` served
  * has already put itself in the registry by the time init runs.
  *
  * Undefined is the normal answer, not an error: on a host with no adapter the
- * cart is never read and cart rules simply stay inert.
+ * store is never read and the rules that depend on it simply stay inert.
+ *
+ * `kind` and `rules` only feed the log lines — which adapter answered is the
+ * first thing you want when a rule does nothing on a merchant's store.
  */
-const resolveCartAdapter = () => {
+const resolveAdapter = (slot, kind, rules) => {
     var _a;
     if (typeof window === 'undefined') {
         return undefined;
     }
-    const adapter = (_a = window[registryKey]) === null || _a === void 0 ? void 0 : _a.cartAdapter;
+    const adapter = (_a = window[registryKey]) === null || _a === void 0 ? void 0 : _a[slot];
     if (!adapter) {
-        logger.info('BlotoutPopup SDK: no cart adapter registered for this host; cart rules idle');
+        logger.info(`BlotoutPopup SDK: no ${kind} adapter registered for this host; ${rules} rules idle`);
         return undefined;
     }
     // The registered adapter still has to agree it is on its own platform. A tag
@@ -9645,7 +11303,7 @@ const resolveCartAdapter = () => {
     // page view.
     try {
         if (!adapter.detect()) {
-            logger.info(`BlotoutPopup SDK: cart adapter '${adapter.id}' registered but this page is not that platform; cart rules idle`);
+            logger.info(`BlotoutPopup SDK: ${kind} adapter '${adapter.id}' registered but this page is not that platform; ${rules} rules idle`);
             return undefined;
         }
     }
@@ -9653,11 +11311,109 @@ const resolveCartAdapter = () => {
         // A detector must never take the SDK down.
         return undefined;
     }
-    // Which adapter answered is the first thing you want when a cart rule does
-    // nothing on a merchant's store.
-    logger.info(`BlotoutPopup SDK: cart adapter '${adapter.id}' active`);
+    logger.info(`BlotoutPopup SDK: ${kind} adapter '${adapter.id}' active`);
     return adapter;
 };
+const resolveCartAdapter = () => resolveAdapter('cartAdapter', 'cart', 'cart');
+/**
+ * Same contract, for the same reason: the core bundle links no platform code,
+ * and a host with no adapter leaves sign-in rules inert rather than answering
+ * the question wrongly.
+ */
+const resolveCustomerAdapter = () => resolveAdapter('customerAdapter', 'customer', 'sign-in');
+
+// eslint-disable-next-line @nx/enforce-module-boundaries
+/** True when at least one rule's copy references an identity-tier token. */
+const needsIdentityRead = (rules) => rules.some((rule) => tokensInTier(collectRuleTokens(rule), 'identity').length > 0);
+/** Never rejects: failure, timeout or a bad body all resolve to `{}`. */
+const fetchIdentityTokens = (baseUrl, timeoutMs, userId) => {
+    if (!baseUrl) {
+        return Promise.resolve({});
+    }
+    let url;
+    try {
+        url = new URL('/providers/blotoutPopup/tokens', baseUrl).toString();
+    }
+    catch {
+        return Promise.resolve({});
+    }
+    const headers = new Headers();
+    if (userId) {
+        headers.set('EdgeTagUserId', userId);
+    }
+    return new Promise((resolve) => {
+        let settled = false;
+        const done = (values) => {
+            if (settled) {
+                return;
+            }
+            settled = true;
+            resolve(values);
+        };
+        const timer = setTimeout(() => done({}), timeoutMs);
+        fetch(url, { credentials: 'include', headers })
+            .then((res) => (res.ok ? res.json() : null))
+            .then((body) => {
+            clearTimeout(timer);
+            const values = body === null || body === void 0 ? void 0 : body.values;
+            if (!values || typeof values !== 'object') {
+                done({});
+                return;
+            }
+            const out = {};
+            for (const [id, value] of Object.entries(values)) {
+                if (typeof value === 'string' && value !== '') {
+                    out[id] = value;
+                }
+            }
+            done(out);
+        })
+            .catch(() => {
+            clearTimeout(timer);
+            done({});
+        });
+    });
+};
+
+// `blotoutPopup:` prefix so `clearBlotoutPopupState` wipes it.
+const LAST_VIEWED_KEY = 'blotoutPopup:lastViewed';
+const MAX_AGE_MS = 30 * 24 * 60 * 60 * 1000;
+/** Records the product the shopper is looking at now. */
+const recordLastViewedProduct = (handle) => {
+    if (!handle) {
+        return;
+    }
+    const entry = { handle, at: Date.now() };
+    safeSet('visitor', LAST_VIEWED_KEY, JSON.stringify(entry));
+};
+/** Undefined when missing, unreadable, or older than 30 days. */
+const readLastViewedProduct = () => {
+    const raw = safeGet('visitor', LAST_VIEWED_KEY);
+    if (!raw) {
+        return undefined;
+    }
+    let entry;
+    try {
+        entry = JSON.parse(raw);
+    }
+    catch {
+        safeRemove('visitor', LAST_VIEWED_KEY);
+        return undefined;
+    }
+    if (!entry ||
+        typeof entry.handle !== 'string' ||
+        entry.handle === '' ||
+        typeof entry.at !== 'number' ||
+        !Number.isFinite(entry.at)) {
+        safeRemove('visitor', LAST_VIEWED_KEY);
+        return undefined;
+    }
+    if (Date.now() - entry.at > MAX_AGE_MS) {
+        safeRemove('visitor', LAST_VIEWED_KEY);
+        return undefined;
+    }
+    return entry.handle;
+};
 
 // Fail-open deadline for the edge fatigue/identity read (see runInit).
 const EDGE_READ_TIMEOUT_MS = 2500;
@@ -9694,8 +11450,17 @@ const runInit = (params) => {
     sendPopupEvent(params.sendTag, 'blotoutPopupInitialized', {
         ruleCount: variables.popupRules.length,
     });
+    // Empty until the edge read settles, so those tokens show their fallback.
+    let identityValues = {};
+    let identityRead;
+    let productRead;
+    // Declared here, assigned at the read below: `show` closes over it and
+    // preview mode can return before that line runs.
+    let lastViewedProduct;
     let current = null;
-    const mount = (el) => {
+    // Split out of `mount` because an inline form is placed into the merchant's
+    // own anchor rather than the body, but must still carry the tag's UI CSS.
+    const applyUiCss = (el) => {
         if (variables.uiPreferences.css) {
             if (isSafeCss(variables.uiPreferences.css)) {
                 el.setUiCss(variables.uiPreferences.css);
@@ -9704,6 +11469,9 @@ const runInit = (params) => {
                 logger.info('BlotoutPopup SDK: uiPreferences.css rejected (contains @import / @charset / expression() or exceeds 50KB)');
             }
         }
+    };
+    const mount = (el) => {
+        applyUiCss(el);
         current === null || current === void 0 ? void 0 : current.remove();
         document.body.appendChild(el);
         current = el;
@@ -9718,10 +11486,20 @@ const runInit = (params) => {
         if (!rule) {
             return;
         }
+        // `mount` body-appends, so forcing an inline rule would drop an
+        // unpositioned form at the end of the page instead of into its anchor,
+        // where it either already sits or has no placement at all. Reachable with a
+        // bare `show()` on a store whose first rule happens to be inline.
+        if (isInlineRule(rule)) {
+            logger.info(`BlotoutPopup SDK: rule '${rule.id}' is inline and cannot be shown`);
+            return;
+        }
         const popup = renderPopup(rule, variables.cdnSignals, {
             sendTag: params.sendTag,
             baseUrl: params.baseUrl,
             userId: params.userId,
+            tokenValues: identityValues,
+            lastViewedProduct,
         });
         if (popup) {
             mount(popup);
@@ -9758,18 +11536,91 @@ const runInit = (params) => {
     if (params.geoRegion) {
         signals['location.region'] = params.geoRegion;
     }
+    // Only when a rule asks for it; otherwise we store a browsing record nothing
+    // reads.
+    const tracksLastViewed = variables.popupRules.some((rule) => collectRuleTokens(rule).some((id) => tokenBaseId(id) === 'lastViewedProduct'));
+    // Read before recording, or on a PDP this names the on-screen product.
+    lastViewedProduct = tracksLastViewed ? readLastViewedProduct() : undefined;
+    if (tracksLastViewed) {
+        recordLastViewedProduct(signals['page.productHandle']);
+    }
     // The page-scoped view of `signals`, refreshed at every page-view boundary.
     // Click triggers and the public API read this rather than closing over the
     // snapshot above, so a click three soft navigations later does not carry the
     // first page's path and product handle into the popup and its analytics.
     let pageSignals = signals;
     const refreshPageSignals = () => {
+        var _a;
         pageSignals = withCurrentPageSignals(signals, {
             url: window.location.href,
             referrer: document.referrer,
         });
+        if (tracksLastViewed) {
+            // Same order as above: this page's product is "last viewed" for the next.
+            const handle = pageSignals['page.productHandle'];
+            if (handle) {
+                lastViewedProduct = (_a = readLastViewedProduct()) !== null && _a !== void 0 ? _a : lastViewedProduct;
+                recordLastViewedProduct(handle);
+            }
+        }
         return pageSignals;
     };
+    // Inline forms mount here, ahead of and independent of every gate below.
+    // They are placed by the merchant in their theme rather than fired at the
+    // shopper, so there is no trigger to wait for, no fatigue to consult and no
+    // impression cap to spend — and nothing to gain from waiting on the edge
+    // read, which would leave a hole in the page for up to its whole deadline.
+    const inlineRules = variables.popupRules.filter(isInlineRule);
+    // One impression per rule per page view. `onMount` runs on every fill, and
+    // the observer re-fills whenever the theme swaps the section an anchor sits
+    // in — the case it exists for — so emitting per fill would count theme churn
+    // rather than shoppers. Cleared at the page-view boundary below.
+    const inlineCounted = new Set();
+    const countInlineImpression = (rule, host) => {
+        if (inlineCounted.has(rule.id)) {
+            return;
+        }
+        inlineCounted.add(rule.id);
+        sendPopupEvent(params.sendTag, 'blotoutPopupLoaded', {
+            ruleId: rule.id,
+            displayFormat: rule.display.format,
+        });
+        // Analytics only: `recordAndEmitImpression` would also tick the local
+        // impression counter and write engagement to the edge, which is how a
+        // rule becomes spent — and an always-on form has nothing to spend.
+        emitImpression(rule, params.userId, params.sendTag, params.baseUrl, host);
+    };
+    const inline = inlineRules.length
+        ? startInlineForms({
+            rules: inlineRules,
+            render: (rule) => {
+                // The only schedule check on this path. `canFireRule` owns it for
+                // every other format and inline skips that, so without this an SPA —
+                // which fetches the rules once and re-fills from the page-view
+                // boundary — would keep putting the form back past `endsAt`.
+                if (!isInSchedule(rule.schedule)) {
+                    return null;
+                }
+                const host = renderPopup(rule, pageSignals, {
+                    sendTag: params.sendTag,
+                    getEdgeData: params.getEdgeData,
+                    sendEdgeData: params.sendEdgeData,
+                    baseUrl: params.baseUrl,
+                    userId: params.userId,
+                    tokenValues: identityValues,
+                    lastViewedProduct,
+                });
+                if (host) {
+                    applyUiCss(host);
+                }
+                return host;
+            },
+            onMount: (rule, host) => {
+                logger.info(`BlotoutPopup SDK: mounted inline rule '${rule.id}' into its anchor`);
+                countInlineImpression(rule, host);
+            },
+        })
+        : undefined;
     let serverState;
     // Set once the deferred engine exists. Called when the screen frees up, so a
     // rule that was eligible but held back gets its turn.
@@ -9789,7 +11640,11 @@ const runInit = (params) => {
         // email-capture modal a shopper was half-way through typing into. Asked of
         // the DOM rather than of `current`, because a teaser reopen appends its
         // popup itself and `current` never learns about it.
-        if (document.querySelector(POPUP_TAG)) {
+        // Inline hosts are excluded by attribute, not just skipped as rules. They
+        // are the same custom element, so a footer form sitting in the page all
+        // session would otherwise read as "a popup is already open" and hold back
+        // every real popup on the store, permanently.
+        if (document.querySelector(`${POPUP_TAG}:not([data-format="inline"])`)) {
             logger.info(`BlotoutPopup SDK: rule '${rule.id}' held back, a popup is already open`);
             return 'held';
         }
@@ -9821,6 +11676,8 @@ const runInit = (params) => {
             sendEdgeData: params.sendEdgeData,
             baseUrl: params.baseUrl,
             userId: params.userId,
+            tokenValues: identityValues,
+            lastViewedProduct,
         });
         if (!popup) {
             return 'no-match';
@@ -9837,16 +11694,49 @@ const runInit = (params) => {
             ruleId: rule.id,
             displayFormat: rule.display.format,
         });
-        recordAndEmitImpression(rule, params.userId, params.sendTag, params.getEdgeData, params.sendEdgeData);
+        recordAndEmitImpression(rule, params.userId, popup, params.baseUrl, params.sendTag, params.getEdgeData, params.sendEdgeData);
         logger.info(`BlotoutPopup SDK: rendered rule '${rule.id}' (format: ${rule.display.format})`);
         return 'fired';
     };
     // Rules the static gate must not judge: a trigger rule opens on its trigger,
-    // and a behavior or cart rule is judged by the engine once its signals exist.
-    const isDeferred = (rule) => isTriggerDriven(rule) || usesBehaviorSignal(rule) || usesCartSignal(rule);
+    // and a behavior, cart or sign-in rule is judged by the engine once its
+    // signals exist.
+    const isDeferred = (rule) => isTriggerDriven(rule) ||
+        usesBehaviorSignal(rule) ||
+        usesCartSignal(rule) ||
+        usesSignInSignal(rule);
+    /**
+     * Which rules this gate could still put on screen, asked before the reads
+     * resolve.
+     *
+     * A trigger-driven rule never counts: it opens on a click, and
+     * `startClickTriggers` is wired outside this wait, so it gains nothing from
+     * one and would only delay an unrelated static popup.
+     *
+     * An engine-deferred rule counts whatever `canFireRule` says right now, on
+     * any signals that do not exist yet. Every eligible static rule counts too:
+     * `runStaticGate` only stops on `'fired'`, and a rule that passes
+     * `canFireRule` can still produce no popup, so the gate carries on to the
+     * next one. Stopping at the first eligible rule would leave that next one
+     * opening on fallback copy.
+     */
+    const gateNeeds = (tier) => variables.popupRules.some((rule) => {
+        if (isTriggerDriven(rule)) {
+            return false;
+        }
+        if (tokensInTier(collectRuleTokens(rule), tier).length === 0) {
+            return false;
+        }
+        return (isDeferred(rule) ||
+            canFireRule(rule, signals, serverState === null || serverState === void 0 ? void 0 : serverState.rules.rules[rule.id]));
+    });
     const runStaticGate = () => {
         for (const rule of variables.popupRules) {
-            if (isDeferred(rule)) {
+            // An inline rule is already mounted in its anchor. Letting it through
+            // here would body-mount a second copy with no wrapper positioning, and
+            // the gate stops at the first rule that fires, so an inline rule listed
+            // first would also spend the slot a real popup was waiting for.
+            if (isInlineRule(rule) || isDeferred(rule)) {
                 continue;
             }
             if (!canFireRule(rule, signals, serverState === null || serverState === void 0 ? void 0 : serverState.rules.rules[rule.id])) {
@@ -9867,8 +11757,11 @@ const runInit = (params) => {
      * the shopper has not seen, and a rule that already fired stays spent.
      */
     const startDeferredRules = () => {
-        const deferredRules = variables.popupRules.filter((rule) => !isTriggerDriven(rule) &&
-            (usesBehaviorSignal(rule) || usesCartSignal(rule)));
+        const deferredRules = variables.popupRules.filter((rule) => !isInlineRule(rule) &&
+            !isTriggerDriven(rule) &&
+            (usesBehaviorSignal(rule) ||
+                usesCartSignal(rule) ||
+                usesSignInSignal(rule)));
         if (!deferredRules.length) {
             return undefined;
         }
@@ -9886,6 +11779,16 @@ const runInit = (params) => {
                 timer: needsCartTicker(deferredRules),
             }));
         }
+        // Same shape: only when a rule asks, and only where a customer adapter
+        // recognises the host. With no adapter the signal is never written, and an
+        // `equals` condition on an absent signal cannot match — so sign-in rules
+        // stay inert on a non-Shopify storefront rather than guessing.
+        const customerAdapter = deferredRules.some(usesSignInSignal)
+            ? resolveCustomerAdapter()
+            : undefined;
+        if (customerAdapter) {
+            trackers.push(createSignInTracker(customerAdapter));
+        }
         const engine = startTriggerEngine({
             rules: deferredRules,
             baseSignals: signals,
@@ -9914,8 +11817,36 @@ const runInit = (params) => {
                 }
             }
         }
-        runStaticGate();
-        const clickRules = variables.popupRules.filter(hasClickTrigger);
+        // Only the page-load render waits; click triggers, the public API and the
+        // watcher wire up now rather than behind a network read. And only for a
+        // tier a rule the static gate could actually fire uses — otherwise a
+        // token-free modal waits out the deadline for values it never reads.
+        //
+        // Product joins identity here so the popup opens on the real title rather
+        // than opening on fallbacks and rewriting itself once Shopify answers.
+        // Both reads started together, so the wait is one deadline, not two.
+        const waits = [];
+        if (identityRead && gateNeeds('identity')) {
+            waits.push(identityRead);
+        }
+        if (productRead && gateNeeds('product')) {
+            waits.push(productRead);
+        }
+        // The static gate and the trigger engine both open popups, so both wait.
+        // Gating only the static gate left a `behavior.timeOnPage` rule opening on
+        // fallback copy and rewriting itself once Shopify answered.
+        let onBoundary;
+        const openGate = () => {
+            runStaticGate();
+            onBoundary = startDeferredRules();
+        };
+        if (waits.length) {
+            void Promise.all(waits).then(openGate);
+        }
+        else {
+            openGate();
+        }
+        const clickRules = variables.popupRules.filter((rule) => !isInlineRule(rule) && hasClickTrigger(rule));
         if (clickRules.length) {
             startClickTriggers({
                 rules: clickRules,
@@ -9929,20 +11860,19 @@ const runInit = (params) => {
         installPublicApi({
             rules: variables.popupRules,
             openRule: (rule) => {
+                // There is nothing to open: an inline rule is either already in the
+                // page or has no anchor, and body-mounting it on demand would drop an
+                // unpositioned form over the storefront.
+                if (isInlineRule(rule)) {
+                    logger.info(`BlotoutPopup SDK: rule '${rule.id}' is inline and cannot be opened`);
+                    return false;
+                }
                 if (!canFireIgnoringConditions(rule, serverState === null || serverState === void 0 ? void 0 : serverState.rules.rules[rule.id])) {
                     return false;
                 }
                 return fireRule(rule, pageSignals, { shopperAsked: true }) === 'fired';
             },
         });
-        // Started whether or not the static gate already fired something. Per-rule
-        // fire state is the whole point of the engine: a cart rule must still get
-        // its chance on a page where a welcome rule ran, and `fireRule` refuses
-        // while a popup is on screen, so "still eligible" never means "clobbers the
-        // one the shopper is reading". Gating this on `!fired` also meant a single
-        // static fire left the document with no engine and no boundary watcher for
-        // the rest of the session.
-        const onBoundary = startDeferredRules();
         // One watcher, because it patches the history methods — two would stack
         // patches. Unconditional: `pageSignals` feeds the click triggers, the
         // public API and the re-armed engine alike, and any of the three can be
@@ -9951,12 +11881,41 @@ const runInit = (params) => {
             refreshPageSignals();
             pacing.resetPageView();
             onBoundary === null || onBoundary === void 0 ? void 0 : onBoundary();
+            // A soft navigation is a new page view, so the forms it mounts are a new
+            // impression each.
+            inlineCounted.clear();
+            // Belt and braces beside the anchor observer: a soft navigation that
+            // swaps the page's content without touching `document.body`'s subtree in
+            // a way the observer reports would otherwise leave the new page's anchor
+            // empty until something else mutated the DOM.
+            inline === null || inline === void 0 ? void 0 : inline.rescan();
+            // An impression is per page view, not per mount. On the ordinary soft nav
+            // the anchor and its host both survive, so nothing re-mounts and `onMount`
+            // never runs — counting only mounts would report fewer impressions on an
+            // SPA theme than on one doing full page loads. Runs after the rescan so a
+            // form this boundary mounted is already counted and skipped here.
+            for (const ruleId of mountedInlineRuleIds()) {
+                const rule = inlineRules.find((r) => r.id === ruleId);
+                if (rule) {
+                    countInlineImpression(rule);
+                }
+            }
         });
     };
     // Only read server state when a rule that survives the cheap local gates
     // (schedule + locally-decidable conditions) actually needs it — keeps the
     // external read off the hot path on pages where no such rule can match.
-    const candidates = variables.popupRules.filter((rule) => locallySurvivable(rule, signals));
+    const candidates = variables.popupRules.filter((rule) => !isInlineRule(rule) && locallySurvivable(rule, signals));
+    // Every enabled rule, not just this page's candidates: a `/cart` rule is not
+    // survivable on the landing page, and the read is never retried.
+    if (needsIdentityRead(variables.popupRules)) {
+        identityRead = fetchIdentityTokens(params.baseUrl, EDGE_READ_TIMEOUT_MS, params.userId).then((values) => {
+            identityValues = values;
+        });
+    }
+    if (needsProductRead(variables.popupRules)) {
+        productRead = warmProductTokens(signals, lastViewedProduct, EDGE_READ_TIMEOUT_MS);
+    }
     if (needsServerRead(candidates)) {
         readServerStateWithDeadline(params.getEdgeData, EDGE_READ_TIMEOUT_MS, runGate);
     }