function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }function bayNativePublishedBase() { const canonical = "https://broker-marketplace.com/s/bay-area-jim-black-bf70f2"; try { const ref = new URL(document.referrer), frame = new URL(location.href), prefix = "/s/bay-area-jim-black-bf70f2"; if (ref.origin === frame.origin) { if (ref.pathname === prefix || ref.pathname.startsWith(prefix + "/")) return ref.origin + prefix; if (ref.protocol === "https:" && !["broker-marketplace.com", "www.broker-marketplace.com"].includes(ref.hostname)) return ref.origin; } } catch (e2) {} return canonical; } function bayNativeCurrentSearch(path, params) { const marker = new URLSearchParams(params || {}).toString(); let state = window.__bayNativeNavigation; if (!state) { let search = marker ? "?" + marker : ""; try { const ref = new URL(document.referrer), frame = new URL(location.href), prefix = "/s/bay-area-jim-black-bf70f2"; if (ref.origin === frame.origin) { let refPath = null; if (ref.pathname === prefix || ref.pathname.startsWith(prefix + "/")) refPath = ref.pathname.slice(prefix.length) || "/"; else if (ref.protocol === "https:" && !["broker-marketplace.com", "www.broker-marketplace.com"].includes(ref.hostname)) refPath = ref.pathname; if (refPath && (refPath.replace(/\/+$/, "") || "/") === (path.replace(/\/+$/, "") || "/")) { const query = new URLSearchParams(ref.search); for (const key of [...query.keys()]) if (["preview", "embed", "sharetoken", "abvariant"].includes(key.toLowerCase())) query.delete(key); search = query.toString() ? "?" + query.toString() : ""; } } } catch (e3) {} state = { path, search, marker }; } else if (state.path !== path || state.marker !== marker) state = { path, search: marker ? "?" + marker : "", marker }; window.__bayNativeNavigation = state; return state.search; } function bayNativeRecordTarget(target) { if (typeof target !== "string" || !target.startsWith("/") || target.startsWith("//")) return; try { const parsed = new URL(target, "https://website-navigation.invalid"), previous = window.__bayNativeNavigation; window.__bayNativeNavigation = { path: parsed.pathname, search: parsed.search, marker: _optionalChain([previous, 'optionalAccess', _3 => _3.marker]) || "" }; } catch (e4) {} } function bayNativeSourceTarget(href, path, params) { if (!href.startsWith("#")) return href; return path + bayNativeCurrentSearch(path, params) + href; } var BayAreaPage = (() => { var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // var stdin_exports = {}; __export(stdin_exports, { default: () => Native }); // shim:react var R = React; var react_default = R; var Activity = R.Activity; var Children = R.Children; var Component = R.Component; var Fragment = R.Fragment; var Profiler = R.Profiler; var PureComponent = R.PureComponent; var StrictMode = R.StrictMode; var Suspense = R.Suspense; var __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; var __COMPILER_RUNTIME = R.__COMPILER_RUNTIME; var act = R.act; var cache = R.cache; var cacheSignal = R.cacheSignal; var captureOwnerStack = R.captureOwnerStack; var cloneElement = R.cloneElement; var createContext = R.createContext; var createElement = R.createElement; var createRef = R.createRef; var forwardRef = R.forwardRef; var isValidElement = R.isValidElement; var lazy = R.lazy; var memo = R.memo; var startTransition = R.startTransition; var unstable_useCacheRefresh = R.unstable_useCacheRefresh; var use = R.use; var useActionState = R.useActionState; var useCallback = R.useCallback; var useContext = R.useContext; var useDebugValue = R.useDebugValue; var useDeferredValue = R.useDeferredValue; var useEffect = R.useEffect; var useEffectEvent = R.useEffectEvent; var useId = R.useId; var useImperativeHandle = R.useImperativeHandle; var useInsertionEffect = R.useInsertionEffect; var useLayoutEffect = R.useLayoutEffect; var useMemo = R.useMemo; var useOptimistic = R.useOptimistic; var useReducer = R.useReducer; var useRef = R.useRef; var useState = R.useState; var useSyncExternalStore = R.useSyncExternalStore; var useTransition = R.useTransition; var version = R.version; // node_modules/lucide-react/dist/esm/shared/src/utils.js var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(); var toCamelCase = (string) => string.replace( /^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase() ); var toPascalCase = (string) => { const camelCase = toCamelCase(string); return camelCase.charAt(0).toUpperCase() + camelCase.slice(1); }; var mergeClasses = (...classes) => classes.filter((className, index, array) => { return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index; }).join(" ").trim(); var hasA11yProp = (props) => { for (const prop in props) { if (prop.startsWith("aria-") || prop === "role" || prop === "title") { return true; } } }; // node_modules/lucide-react/dist/esm/defaultAttributes.js var defaultAttributes = { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }; // node_modules/lucide-react/dist/esm/Icon.js var Icon = forwardRef( ({ color = "currentColor", size = 24, strokeWidth = 2, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref) => createElement( "svg", { ref, ...defaultAttributes, width: size, height: size, stroke: color, strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth, className: mergeClasses("lucide", className), ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" }, ...rest }, [ ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)), ...Array.isArray(children) ? children : [children] ] ) ); // node_modules/lucide-react/dist/esm/createLucideIcon.js var createLucideIcon = (iconName, iconNode) => { const Component2 = forwardRef( ({ className, ...props }, ref) => createElement(Icon, { ref, iconNode, className: mergeClasses( `lucide-${toKebabCase(toPascalCase(iconName))}`, `lucide-${iconName}`, className ), ...props }) ); Component2.displayName = toPascalCase(iconName); return Component2; }; // node_modules/lucide-react/dist/esm/icons/arrow-right.js var __iconNode = [ ["path", { d: "M5 12h14", key: "1ays0h" }], ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }] ]; var ArrowRight = createLucideIcon("arrow-right", __iconNode); // node_modules/lucide-react/dist/esm/icons/book-open.js var __iconNode2 = [ ["path", { d: "M12 7v14", key: "1akyts" }], [ "path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z", key: "ruj8y" } ] ]; var BookOpen = createLucideIcon("book-open", __iconNode2); // node_modules/lucide-react/dist/esm/icons/briefcase-business.js var __iconNode3 = [ ["path", { d: "M12 12h.01", key: "1mp3jc" }], ["path", { d: "M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2", key: "1ksdt3" }], ["path", { d: "M22 13a18.15 18.15 0 0 1-20 0", key: "12hx5q" }], ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }] ]; var BriefcaseBusiness = createLucideIcon("briefcase-business", __iconNode3); // node_modules/lucide-react/dist/esm/icons/building-2.js var __iconNode4 = [ ["path", { d: "M10 12h4", key: "a56b0p" }], ["path", { d: "M10 8h4", key: "1sr2af" }], ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }], [ "path", { d: "M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2", key: "secmi2" } ], ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }] ]; var Building2 = createLucideIcon("building-2", __iconNode4); // node_modules/lucide-react/dist/esm/icons/check.js var __iconNode5 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]; var Check = createLucideIcon("check", __iconNode5); // node_modules/lucide-react/dist/esm/icons/circle-question-mark.js var __iconNode6 = [ ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }], ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }], ["path", { d: "M12 17h.01", key: "p32p05" }] ]; var CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode6); // node_modules/lucide-react/dist/esm/icons/compass.js var __iconNode7 = [ [ "path", { d: "m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z", key: "9ktpf1" } ], ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }] ]; var Compass = createLucideIcon("compass", __iconNode7); // node_modules/lucide-react/dist/esm/icons/earth.js var __iconNode8 = [ ["path", { d: "M21.54 15H17a2 2 0 0 0-2 2v4.54", key: "1djwo0" }], [ "path", { d: "M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17", key: "1tzkfa" } ], ["path", { d: "M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05", key: "14pb5j" }], ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }] ]; var Earth = createLucideIcon("earth", __iconNode8); // node_modules/lucide-react/dist/esm/icons/heart-handshake.js var __iconNode9 = [ [ "path", { d: "M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762", key: "17lmqv" } ] ]; var HeartHandshake = createLucideIcon("heart-handshake", __iconNode9); // node_modules/lucide-react/dist/esm/icons/house.js var __iconNode10 = [ ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }], [ "path", { d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", key: "r6nss1" } ] ]; var House = createLucideIcon("house", __iconNode10); // node_modules/lucide-react/dist/esm/icons/landmark.js var __iconNode11 = [ ["path", { d: "M10 18v-7", key: "wt116b" }], [ "path", { d: "M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z", key: "1m329m" } ], ["path", { d: "M14 18v-7", key: "vav6t3" }], ["path", { d: "M18 18v-7", key: "aexdmj" }], ["path", { d: "M3 22h18", key: "8prr45" }], ["path", { d: "M6 18v-7", key: "1ivflk" }] ]; var Landmark = createLucideIcon("landmark", __iconNode11); // node_modules/lucide-react/dist/esm/icons/mail.js var __iconNode12 = [ ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }], ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }] ]; var Mail = createLucideIcon("mail", __iconNode12); // node_modules/lucide-react/dist/esm/icons/map-pin.js var __iconNode13 = [ [ "path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0", key: "1r0f0z" } ], ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }] ]; var MapPin = createLucideIcon("map-pin", __iconNode13); // node_modules/lucide-react/dist/esm/icons/phone.js var __iconNode14 = [ [ "path", { d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384", key: "9njp5v" } ] ]; var Phone = createLucideIcon("phone", __iconNode14); // node_modules/lucide-react/dist/esm/icons/search.js var __iconNode15 = [ ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }], ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }] ]; var Search = createLucideIcon("search", __iconNode15); // node_modules/lucide-react/dist/esm/icons/sparkles.js var __iconNode16 = [ [ "path", { d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z", key: "1s2grr" } ], ["path", { d: "M20 2v4", key: "1rf3ol" }], ["path", { d: "M22 4h-4", key: "gwowj6" }], ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }] ]; var Sparkles = createLucideIcon("sparkles", __iconNode16); // node_modules/lucide-react/dist/esm/icons/users-round.js var __iconNode17 = [ ["path", { d: "M18 21a8 8 0 0 0-16 0", key: "3ypg7q" }], ["circle", { cx: "10", cy: "8", r: "5", key: "o932ke" }], ["path", { d: "M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3", key: "10s06x" }] ]; var UsersRound = createLucideIcon("users-round", __iconNode17); // outputs/jim-black/bay-area/runtime.jsx var Bridge = react_default.createContext({}); "use strict"; var BaySourceSonner = (() => { var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __esm = (fn, res) => function __init() { return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res; }; var __commonJS = (cb, mod) => function __require() { return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // native:native-react var native_react_exports = {}; __export(native_react_exports, { Children: () => Children, Component: () => Component, Fragment: () => Fragment, Profiler: () => Profiler, PureComponent: () => PureComponent, StrictMode: () => StrictMode, Suspense: () => Suspense, __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE: () => __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, cloneElement: () => cloneElement, createContext: () => createContext, createElement: () => createElement, createRef: () => createRef, default: () => native_react_default, forwardRef: () => forwardRef, isValidElement: () => isValidElement, lazy: () => lazy, memo: () => memo, startTransition: () => startTransition, use: () => use, useActionState: () => useActionState, useCallback: () => useCallback, useContext: () => useContext, useDebugValue: () => useDebugValue, useDeferredValue: () => useDeferredValue, useEffect: () => useEffect, useId: () => useId, useImperativeHandle: () => useImperativeHandle, useInsertionEffect: () => useInsertionEffect, useLayoutEffect: () => useLayoutEffect, useMemo: () => useMemo, useOptimistic: () => useOptimistic, useReducer: () => useReducer, useRef: () => useRef, useState: () => useState, useSyncExternalStore: () => useSyncExternalStore, useTransition: () => useTransition, version: () => version }); var native_react_default, Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, cloneElement, createContext, createElement, createRef, forwardRef, isValidElement, lazy, memo, startTransition, use, useActionState, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useOptimistic, useReducer, useRef, useState, useSyncExternalStore, useTransition, version, __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; var init_native_react = __esm({ "native:native-react"() { native_react_default = React; Children = React.Children; Component = React.Component; Fragment = React.Fragment; Profiler = React.Profiler; PureComponent = React.PureComponent; StrictMode = React.StrictMode; Suspense = React.Suspense; cloneElement = React.cloneElement; createContext = React.createContext; createElement = React.createElement; createRef = React.createRef; forwardRef = React.forwardRef; isValidElement = React.isValidElement; lazy = React.lazy; memo = React.memo; startTransition = React.startTransition; use = React.use; useActionState = React.useActionState; useCallback = React.useCallback; useContext = React.useContext; useDebugValue = React.useDebugValue; useDeferredValue = React.useDeferredValue; useEffect = React.useEffect; useId = React.useId; useImperativeHandle = React.useImperativeHandle; useInsertionEffect = React.useInsertionEffect; useLayoutEffect = React.useLayoutEffect; useMemo = React.useMemo; useOptimistic = React.useOptimistic; useReducer = React.useReducer; useRef = React.useRef; useState = React.useState; useSyncExternalStore = React.useSyncExternalStore; useTransition = React.useTransition; version = React.version; __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; } }); // node_modules/react-dom/cjs/react-dom.production.js var require_react_dom_production = __commonJS({ "node_modules/react-dom/cjs/react-dom.production.js"(exports) { "use strict"; var React2 = (init_native_react(), __toCommonJS(native_react_exports)); function formatProdErrorMessage(code) { var url = "https://react.dev/errors/" + code; if (1 < arguments.length) { url += "?args[]=" + encodeURIComponent(arguments[1]); for (var i = 2; i < arguments.length; i++) url += "&args[]=" + encodeURIComponent(arguments[i]); } return "Minified React error #" + code + "; visit " + url + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings."; } function noop() { } var Internals = { d: { f: noop, r: function() { throw Error(formatProdErrorMessage(522)); }, D: noop, C: noop, L: noop, m: noop, X: noop, S: noop, M: noop }, p: 0, findDOMNode: null }; var REACT_PORTAL_TYPE = Symbol.for("react.portal"); function createPortal$1(children, containerInfo, implementation) { var key = 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null; return { $$typeof: REACT_PORTAL_TYPE, key: null == key ? null : "" + key, children, containerInfo, implementation }; } var ReactSharedInternals = React2.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE; function getCrossOriginStringAs(as, input) { if ("font" === as) return ""; if ("string" === typeof input) return "use-credentials" === input ? input : ""; } exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = Internals; exports.createPortal = function(children, container) { var key = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null; if (!container || 1 !== container.nodeType && 9 !== container.nodeType && 11 !== container.nodeType) throw Error(formatProdErrorMessage(299)); return createPortal$1(children, container, null, key); }; exports.flushSync = function(fn) { var previousTransition = ReactSharedInternals.T, previousUpdatePriority = Internals.p; try { if (ReactSharedInternals.T = null, Internals.p = 2, fn) return fn(); } finally { ReactSharedInternals.T = previousTransition, Internals.p = previousUpdatePriority, Internals.d.f(); } }; exports.preconnect = function(href, options) { "string" === typeof href && (options ? (options = options.crossOrigin, options = "string" === typeof options ? "use-credentials" === options ? options : "" : void 0) : options = null, Internals.d.C(href, options)); }; exports.prefetchDNS = function(href) { "string" === typeof href && Internals.d.D(href); }; exports.preinit = function(href, options) { if ("string" === typeof href && options && "string" === typeof options.as) { var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin), integrity = "string" === typeof options.integrity ? options.integrity : void 0, fetchPriority = "string" === typeof options.fetchPriority ? options.fetchPriority : void 0; "style" === as ? Internals.d.S( href, "string" === typeof options.precedence ? options.precedence : void 0, { crossOrigin, integrity, fetchPriority } ) : "script" === as && Internals.d.X(href, { crossOrigin, integrity, fetchPriority, nonce: "string" === typeof options.nonce ? options.nonce : void 0 }); } }; exports.preinitModule = function(href, options) { if ("string" === typeof href) if ("object" === typeof options && null !== options) { if (null == options.as || "script" === options.as) { var crossOrigin = getCrossOriginStringAs( options.as, options.crossOrigin ); Internals.d.M(href, { crossOrigin, integrity: "string" === typeof options.integrity ? options.integrity : void 0, nonce: "string" === typeof options.nonce ? options.nonce : void 0 }); } } else null == options && Internals.d.M(href); }; exports.preload = function(href, options) { if ("string" === typeof href && "object" === typeof options && null !== options && "string" === typeof options.as) { var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin); Internals.d.L(href, as, { crossOrigin, integrity: "string" === typeof options.integrity ? options.integrity : void 0, nonce: "string" === typeof options.nonce ? options.nonce : void 0, type: "string" === typeof options.type ? options.type : void 0, fetchPriority: "string" === typeof options.fetchPriority ? options.fetchPriority : void 0, referrerPolicy: "string" === typeof options.referrerPolicy ? options.referrerPolicy : void 0, imageSrcSet: "string" === typeof options.imageSrcSet ? options.imageSrcSet : void 0, imageSizes: "string" === typeof options.imageSizes ? options.imageSizes : void 0, media: "string" === typeof options.media ? options.media : void 0 }); } }; exports.preloadModule = function(href, options) { if ("string" === typeof href) if (options) { var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin); Internals.d.m(href, { as: "string" === typeof options.as && "script" !== options.as ? options.as : void 0, crossOrigin, integrity: "string" === typeof options.integrity ? options.integrity : void 0 }); } else Internals.d.m(href); }; exports.requestFormReset = function(form) { Internals.d.r(form); }; exports.unstable_batchedUpdates = function(fn, a) { return fn(a); }; exports.useFormState = function(action, initialState, permalink) { return ReactSharedInternals.H.useFormState(action, initialState, permalink); }; exports.useFormStatus = function() { return ReactSharedInternals.H.useHostTransitionStatus(); }; exports.version = "19.1.2"; } }); // node_modules/react-dom/index.js var require_react_dom = __commonJS({ "node_modules/react-dom/index.js"(exports, module) { "use strict"; function checkDCE() { if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== "function") { return; } if (false) { throw new Error("^_^"); } try { __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE); } catch (err) { console.error(err); } } if (true) { checkDCE(); module.exports = require_react_dom_production(); } else { module.exports = null; } } }); // entry.tsx var entry_exports = {}; __export(entry_exports, { Toaster: () => Toaster3, toast: () => toast }); init_native_react(); // node_modules/next-themes/dist/index.mjs init_native_react(); var M = (e, i, s, u, m, a, l, h) => { let d = document.documentElement, w = ["light", "dark"]; function p(n) { (Array.isArray(e) ? e : [e]).forEach((y) => { let k = y === "class", S = k && a ? m.map((f) => a[f] || f) : m; k ? (d.classList.remove(...S), d.classList.add(a && a[n] ? a[n] : n)) : d.setAttribute(y, n); }), R(n); } function R(n) { h && w.includes(n) && (d.style.colorScheme = n); } function c() { return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } if (u) p(u); else try { let n = localStorage.getItem(i) || s, y = l && n === "system" ? c() : n; p(y); } catch (n) { } }; var x = createContext(void 0); var U = { setTheme: (e) => { }, themes: [] }; var z = () => { var e; return (e = useContext(x)) != null ? e : U; }; var _ = memo(({ forcedTheme: e, storageKey: i, attribute: s, enableSystem: u, enableColorScheme: m, defaultTheme: a, value: l, themes: h, nonce: d, scriptProps: w }) => { let p = JSON.stringify([s, i, a, e, h, l, u, m]).slice(1, -1); return createElement("script", { ...w, suppressHydrationWarning: true, nonce: typeof window == "undefined" ? d : "", dangerouslySetInnerHTML: { __html: `(${M.toString()})(${p})` } }); }); // node_modules/sonner/dist/index.mjs init_native_react(); var import_react_dom = __toESM(require_react_dom(), 1); function __insertCSS(code) { if (!code || typeof document == "undefined") return; let head = document.head || document.getElementsByTagName("head")[0]; let style = document.createElement("style"); style.type = "text/css"; head.appendChild(style); style.styleSheet ? style.styleSheet.cssText = code : style.appendChild(document.createTextNode(code)); } var getAsset = (type) => { switch (type) { case "success": return SuccessIcon; case "info": return InfoIcon; case "warning": return WarningIcon; case "error": return ErrorIcon; default: return null; } }; var bars = Array(12).fill(0); var Loader = ({ visible, className }) => { return /* @__PURE__ */ native_react_default.createElement("div", { className: [ "sonner-loading-wrapper", className ].filter(Boolean).join(" "), "data-visible": visible }, /* @__PURE__ */ native_react_default.createElement("div", { className: "sonner-spinner" }, bars.map((_2, i) => /* @__PURE__ */ native_react_default.createElement("div", { className: "sonner-loading-bar", key: `spinner-bar-${i}` })))); }; var SuccessIcon = /* @__PURE__ */ native_react_default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, /* @__PURE__ */ native_react_default.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" })); var WarningIcon = /* @__PURE__ */ native_react_default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", height: "20", width: "20" }, /* @__PURE__ */ native_react_default.createElement("path", { fillRule: "evenodd", d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" })); var InfoIcon = /* @__PURE__ */ native_react_default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, /* @__PURE__ */ native_react_default.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", clipRule: "evenodd" })); var ErrorIcon = /* @__PURE__ */ native_react_default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, /* @__PURE__ */ native_react_default.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z", clipRule: "evenodd" })); var CloseIcon = /* @__PURE__ */ native_react_default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ native_react_default.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), /* @__PURE__ */ native_react_default.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })); var useIsDocumentHidden = () => { const [isDocumentHidden, setIsDocumentHidden] = native_react_default.useState(document.hidden); native_react_default.useEffect(() => { const callback = () => { setIsDocumentHidden(document.hidden); }; document.addEventListener("visibilitychange", callback); return () => window.removeEventListener("visibilitychange", callback); }, []); return isDocumentHidden; }; var toastsCounter = 1; var Observer = class { constructor() { this.subscribe = (subscriber) => { this.subscribers.push(subscriber); return () => { const index = this.subscribers.indexOf(subscriber); this.subscribers.splice(index, 1); }; }; this.publish = (data) => { this.subscribers.forEach((subscriber) => subscriber(data)); }; this.addToast = (data) => { this.publish(data); this.toasts = [ ...this.toasts, data ]; }; this.create = (data) => { var _data_id; const { message, ...rest } = data; const id = typeof (data == null ? void 0 : data.id) === "number" || ((_data_id = data.id) == null ? void 0 : _data_id.length) > 0 ? data.id : toastsCounter++; const alreadyExists = this.toasts.find((toast2) => { return toast2.id === id; }); const dismissible = data.dismissible === void 0 ? true : data.dismissible; if (this.dismissedToasts.has(id)) { this.dismissedToasts.delete(id); } if (alreadyExists) { this.toasts = this.toasts.map((toast2) => { if (toast2.id === id) { this.publish({ ...toast2, ...data, id, title: message }); return { ...toast2, ...data, id, dismissible, title: message }; } return toast2; }); } else { this.addToast({ title: message, ...rest, dismissible, id }); } return id; }; this.dismiss = (id) => { if (id) { this.dismissedToasts.add(id); requestAnimationFrame(() => this.subscribers.forEach((subscriber) => subscriber({ id, dismiss: true }))); } else { this.toasts.forEach((toast2) => { this.subscribers.forEach((subscriber) => subscriber({ id: toast2.id, dismiss: true })); }); } return id; }; this.message = (message, data) => { return this.create({ ...data, message }); }; this.error = (message, data) => { return this.create({ ...data, message, type: "error" }); }; this.success = (message, data) => { return this.create({ ...data, type: "success", message }); }; this.info = (message, data) => { return this.create({ ...data, type: "info", message }); }; this.warning = (message, data) => { return this.create({ ...data, type: "warning", message }); }; this.loading = (message, data) => { return this.create({ ...data, type: "loading", message }); }; this.promise = (promise, data) => { if (!data) { return; } let id = void 0; if (data.loading !== void 0) { id = this.create({ ...data, promise, type: "loading", message: data.loading, description: typeof data.description !== "function" ? data.description : void 0 }); } const p = Promise.resolve(promise instanceof Function ? promise() : promise); let shouldDismiss = id !== void 0; let result; const originalPromise = p.then(async (response) => { result = [ "resolve", response ]; const isReactElementResponse = native_react_default.isValidElement(response); if (isReactElementResponse) { shouldDismiss = false; this.create({ id, type: "default", message: response }); } else if (isHttpResponse(response) && !response.ok) { shouldDismiss = false; const promiseData = typeof data.error === "function" ? await data.error(`HTTP error! status: ${response.status}`) : data.error; const description = typeof data.description === "function" ? await data.description(`HTTP error! status: ${response.status}`) : data.description; const isExtendedResult = typeof promiseData === "object" && !native_react_default.isValidElement(promiseData); const toastSettings = isExtendedResult ? promiseData : { message: promiseData }; this.create({ id, type: "error", description, ...toastSettings }); } else if (response instanceof Error) { shouldDismiss = false; const promiseData = typeof data.error === "function" ? await data.error(response) : data.error; const description = typeof data.description === "function" ? await data.description(response) : data.description; const isExtendedResult = typeof promiseData === "object" && !native_react_default.isValidElement(promiseData); const toastSettings = isExtendedResult ? promiseData : { message: promiseData }; this.create({ id, type: "error", description, ...toastSettings }); } else if (data.success !== void 0) { shouldDismiss = false; const promiseData = typeof data.success === "function" ? await data.success(response) : data.success; const description = typeof data.description === "function" ? await data.description(response) : data.description; const isExtendedResult = typeof promiseData === "object" && !native_react_default.isValidElement(promiseData); const toastSettings = isExtendedResult ? promiseData : { message: promiseData }; this.create({ id, type: "success", description, ...toastSettings }); } }).catch(async (error) => { result = [ "reject", error ]; if (data.error !== void 0) { shouldDismiss = false; const promiseData = typeof data.error === "function" ? await data.error(error) : data.error; const description = typeof data.description === "function" ? await data.description(error) : data.description; const isExtendedResult = typeof promiseData === "object" && !native_react_default.isValidElement(promiseData); const toastSettings = isExtendedResult ? promiseData : { message: promiseData }; this.create({ id, type: "error", description, ...toastSettings }); } }).finally(() => { if (shouldDismiss) { this.dismiss(id); id = void 0; } data.finally == null ? void 0 : data.finally.call(data); }); const unwrap = () => new Promise((resolve, reject) => originalPromise.then(() => result[0] === "reject" ? reject(result[1]) : resolve(result[1])).catch(reject)); if (typeof id !== "string" && typeof id !== "number") { return { unwrap }; } else { return Object.assign(id, { unwrap }); } }; this.custom = (jsx, data) => { const id = (data == null ? void 0 : data.id) || toastsCounter++; this.create({ jsx: jsx(id), id, ...data }); return id; }; this.getActiveToasts = () => { return this.toasts.filter((toast2) => !this.dismissedToasts.has(toast2.id)); }; this.subscribers = []; this.toasts = []; this.dismissedToasts = /* @__PURE__ */ new Set(); } }; var ToastState = new Observer(); var toastFunction = (message, data) => { const id = (data == null ? void 0 : data.id) || toastsCounter++; ToastState.addToast({ title: message, ...data, id }); return id; }; var isHttpResponse = (data) => { return data && typeof data === "object" && "ok" in data && typeof data.ok === "boolean" && "status" in data && typeof data.status === "number"; }; var basicToast = toastFunction; var getHistory = () => ToastState.toasts; var getToasts = () => ToastState.getActiveToasts(); var toast = Object.assign(basicToast, { success: ToastState.success, info: ToastState.info, warning: ToastState.warning, error: ToastState.error, custom: ToastState.custom, message: ToastState.message, promise: ToastState.promise, dismiss: ToastState.dismiss, loading: ToastState.loading }, { getHistory, getToasts }); __insertCSS("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}"); function isAction(action) { return action.label !== void 0; } var VISIBLE_TOASTS_AMOUNT = 3; var VIEWPORT_OFFSET = "24px"; var MOBILE_VIEWPORT_OFFSET = "16px"; var TOAST_LIFETIME = 4e3; var TOAST_WIDTH = 356; var GAP = 14; var SWIPE_THRESHOLD = 45; var TIME_BEFORE_UNMOUNT = 200; function cn(...classes) { return classes.filter(Boolean).join(" "); } function getDefaultSwipeDirections(position) { const [y, x2] = position.split("-"); const directions = []; if (y) { directions.push(y); } if (x2) { directions.push(x2); } return directions; } var Toast = (props) => { var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8; const { invert: ToasterInvert, toast: toast2, unstyled, interacting, setHeights, visibleToasts, heights, index, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props; const [swipeDirection, setSwipeDirection] = native_react_default.useState(null); const [swipeOutDirection, setSwipeOutDirection] = native_react_default.useState(null); const [mounted, setMounted] = native_react_default.useState(false); const [removed, setRemoved] = native_react_default.useState(false); const [swiping, setSwiping] = native_react_default.useState(false); const [swipeOut, setSwipeOut] = native_react_default.useState(false); const [isSwiped, setIsSwiped] = native_react_default.useState(false); const [offsetBeforeRemove, setOffsetBeforeRemove] = native_react_default.useState(0); const [initialHeight, setInitialHeight] = native_react_default.useState(0); const remainingTime = native_react_default.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME); const dragStartTime = native_react_default.useRef(null); const toastRef = native_react_default.useRef(null); const isFront = index === 0; const isVisible = index + 1 <= visibleToasts; const toastType = toast2.type; const dismissible = toast2.dismissible !== false; const toastClassname = toast2.className || ""; const toastDescriptionClassname = toast2.descriptionClassName || ""; const heightIndex = native_react_default.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [ heights, toast2.id ]); const closeButton = native_react_default.useMemo(() => { var _toast_closeButton; return (_toast_closeButton = toast2.closeButton) != null ? _toast_closeButton : closeButtonFromToaster; }, [ toast2.closeButton, closeButtonFromToaster ]); const duration = native_react_default.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [ toast2.duration, durationFromToaster ]); const closeTimerStartTimeRef = native_react_default.useRef(0); const offset = native_react_default.useRef(0); const lastCloseTimerStartTimeRef = native_react_default.useRef(0); const pointerStartRef = native_react_default.useRef(null); const [y, x2] = position.split("-"); const toastsHeightBefore = native_react_default.useMemo(() => { return heights.reduce((prev, curr, reducerIndex) => { if (reducerIndex >= heightIndex) { return prev; } return prev + curr.height; }, 0); }, [ heights, heightIndex ]); const isDocumentHidden = useIsDocumentHidden(); const invert = toast2.invert || ToasterInvert; const disabled = toastType === "loading"; offset.current = native_react_default.useMemo(() => heightIndex * gap + toastsHeightBefore, [ heightIndex, toastsHeightBefore ]); native_react_default.useEffect(() => { remainingTime.current = duration; }, [ duration ]); native_react_default.useEffect(() => { setMounted(true); }, []); native_react_default.useEffect(() => { const toastNode = toastRef.current; if (toastNode) { const height = toastNode.getBoundingClientRect().height; setInitialHeight(height); setHeights((h) => [ { toastId: toast2.id, height, position: toast2.position }, ...h ]); return () => setHeights((h) => h.filter((height2) => height2.toastId !== toast2.id)); } }, [ setHeights, toast2.id ]); native_react_default.useLayoutEffect(() => { if (!mounted) return; const toastNode = toastRef.current; const originalHeight = toastNode.style.height; toastNode.style.height = "auto"; const newHeight = toastNode.getBoundingClientRect().height; toastNode.style.height = originalHeight; setInitialHeight(newHeight); setHeights((heights2) => { const alreadyExists = heights2.find((height) => height.toastId === toast2.id); if (!alreadyExists) { return [ { toastId: toast2.id, height: newHeight, position: toast2.position }, ...heights2 ]; } else { return heights2.map((height) => height.toastId === toast2.id ? { ...height, height: newHeight } : height); } }); }, [ mounted, toast2.title, toast2.description, setHeights, toast2.id, toast2.jsx, toast2.action, toast2.cancel ]); const deleteToast = native_react_default.useCallback(() => { setRemoved(true); setOffsetBeforeRemove(offset.current); setHeights((h) => h.filter((height) => height.toastId !== toast2.id)); setTimeout(() => { removeToast(toast2); }, TIME_BEFORE_UNMOUNT); }, [ toast2, removeToast, setHeights, offset ]); native_react_default.useEffect(() => { if (toast2.promise && toastType === "loading" || toast2.duration === Infinity || toast2.type === "loading") return; let timeoutId; const pauseTimer = () => { if (lastCloseTimerStartTimeRef.current < closeTimerStartTimeRef.current) { const elapsedTime = (/* @__PURE__ */ new Date()).getTime() - closeTimerStartTimeRef.current; remainingTime.current = remainingTime.current - elapsedTime; } lastCloseTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime(); }; const startTimer = () => { if (remainingTime.current === Infinity) return; closeTimerStartTimeRef.current = (/* @__PURE__ */ new Date()).getTime(); timeoutId = setTimeout(() => { toast2.onAutoClose == null ? void 0 : toast2.onAutoClose.call(toast2, toast2); deleteToast(); }, remainingTime.current); }; if (expanded || interacting || isDocumentHidden) { pauseTimer(); } else { startTimer(); } return () => clearTimeout(timeoutId); }, [ expanded, interacting, toast2, toastType, isDocumentHidden, deleteToast ]); native_react_default.useEffect(() => { if (toast2.delete) { deleteToast(); toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2); } }, [ deleteToast, toast2.delete ]); function getLoadingIcon() { var _toast_classNames9; if (icons == null ? void 0 : icons.loading) { var _toast_classNames12; return /* @__PURE__ */ native_react_default.createElement("div", { className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames12 = toast2.classNames) == null ? void 0 : _toast_classNames12.loader, "sonner-loader"), "data-visible": toastType === "loading" }, icons.loading); } return /* @__PURE__ */ native_react_default.createElement(Loader, { className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames9 = toast2.classNames) == null ? void 0 : _toast_classNames9.loader), visible: toastType === "loading" }); } const icon = toast2.icon || (icons == null ? void 0 : icons[toastType]) || getAsset(toastType); var _toast_richColors, _icons_close; return /* @__PURE__ */ native_react_default.createElement("li", { tabIndex: 0, ref: toastRef, className: cn(className, toastClassname, classNames == null ? void 0 : classNames.toast, toast2 == null ? void 0 : (_toast_classNames = toast2.classNames) == null ? void 0 : _toast_classNames.toast, classNames == null ? void 0 : classNames.default, classNames == null ? void 0 : classNames[toastType], toast2 == null ? void 0 : (_toast_classNames1 = toast2.classNames) == null ? void 0 : _toast_classNames1[toastType]), "data-sonner-toast": "", "data-rich-colors": (_toast_richColors = toast2.richColors) != null ? _toast_richColors : defaultRichColors, "data-styled": !Boolean(toast2.jsx || toast2.unstyled || unstyled), "data-mounted": mounted, "data-promise": Boolean(toast2.promise), "data-swiped": isSwiped, "data-removed": removed, "data-visible": isVisible, "data-y-position": y, "data-x-position": x2, "data-index": index, "data-front": isFront, "data-swiping": swiping, "data-dismissible": dismissible, "data-type": toastType, "data-invert": invert, "data-swipe-out": swipeOut, "data-swipe-direction": swipeOutDirection, "data-expanded": Boolean(expanded || expandByDefault && mounted), "data-testid": toast2.testId, style: { "--index": index, "--toasts-before": index, "--z-index": toasts.length - index, "--offset": `${removed ? offsetBeforeRemove : offset.current}px`, "--initial-height": expandByDefault ? "auto" : `${initialHeight}px`, ...style, ...toast2.style }, onDragEnd: () => { setSwiping(false); setSwipeDirection(null); pointerStartRef.current = null; }, onPointerDown: (event) => { if (event.button === 2) return; if (disabled || !dismissible) return; dragStartTime.current = /* @__PURE__ */ new Date(); setOffsetBeforeRemove(offset.current); event.target.setPointerCapture(event.pointerId); if (event.target.tagName === "BUTTON") return; setSwiping(true); pointerStartRef.current = { x: event.clientX, y: event.clientY }; }, onPointerUp: () => { var _toastRef_current, _toastRef_current1, _dragStartTime_current; if (swipeOut || !dismissible) return; pointerStartRef.current = null; const swipeAmountX = Number(((_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0); const swipeAmountY = Number(((_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0); const timeTaken = (/* @__PURE__ */ new Date()).getTime() - ((_dragStartTime_current = dragStartTime.current) == null ? void 0 : _dragStartTime_current.getTime()); const swipeAmount = swipeDirection === "x" ? swipeAmountX : swipeAmountY; const velocity = Math.abs(swipeAmount) / timeTaken; if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) { setOffsetBeforeRemove(offset.current); toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2); if (swipeDirection === "x") { setSwipeOutDirection(swipeAmountX > 0 ? "right" : "left"); } else { setSwipeOutDirection(swipeAmountY > 0 ? "down" : "up"); } deleteToast(); setSwipeOut(true); return; } else { var _toastRef_current2, _toastRef_current3; (_toastRef_current2 = toastRef.current) == null ? void 0 : _toastRef_current2.style.setProperty("--swipe-amount-x", `0px`); (_toastRef_current3 = toastRef.current) == null ? void 0 : _toastRef_current3.style.setProperty("--swipe-amount-y", `0px`); } setIsSwiped(false); setSwiping(false); setSwipeDirection(null); }, onPointerMove: (event) => { var _window_getSelection, _toastRef_current, _toastRef_current1; if (!pointerStartRef.current || !dismissible) return; const isHighlighted = ((_window_getSelection = window.getSelection()) == null ? void 0 : _window_getSelection.toString().length) > 0; if (isHighlighted) return; const yDelta = event.clientY - pointerStartRef.current.y; const xDelta = event.clientX - pointerStartRef.current.x; var _props_swipeDirections; const swipeDirections = (_props_swipeDirections = props.swipeDirections) != null ? _props_swipeDirections : getDefaultSwipeDirections(position); if (!swipeDirection && (Math.abs(xDelta) > 1 || Math.abs(yDelta) > 1)) { setSwipeDirection(Math.abs(xDelta) > Math.abs(yDelta) ? "x" : "y"); } let swipeAmount = { x: 0, y: 0 }; const getDampening = (delta) => { const factor = Math.abs(delta) / 20; return 1 / (1.5 + factor); }; if (swipeDirection === "y") { if (swipeDirections.includes("top") || swipeDirections.includes("bottom")) { if (swipeDirections.includes("top") && yDelta < 0 || swipeDirections.includes("bottom") && yDelta > 0) { swipeAmount.y = yDelta; } else { const dampenedDelta = yDelta * getDampening(yDelta); swipeAmount.y = Math.abs(dampenedDelta) < Math.abs(yDelta) ? dampenedDelta : yDelta; } } } else if (swipeDirection === "x") { if (swipeDirections.includes("left") || swipeDirections.includes("right")) { if (swipeDirections.includes("left") && xDelta < 0 || swipeDirections.includes("right") && xDelta > 0) { swipeAmount.x = xDelta; } else { const dampenedDelta = xDelta * getDampening(xDelta); swipeAmount.x = Math.abs(dampenedDelta) < Math.abs(xDelta) ? dampenedDelta : xDelta; } } } if (Math.abs(swipeAmount.x) > 0 || Math.abs(swipeAmount.y) > 0) { setIsSwiped(true); } (_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.setProperty("--swipe-amount-x", `${swipeAmount.x}px`); (_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.setProperty("--swipe-amount-y", `${swipeAmount.y}px`); } }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ native_react_default.createElement("button", { "aria-label": closeButtonAriaLabel, "data-disabled": disabled, "data-close-button": true, onClick: disabled || !dismissible ? () => { } : () => { deleteToast(); toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2); }, className: cn(classNames == null ? void 0 : classNames.closeButton, toast2 == null ? void 0 : (_toast_classNames2 = toast2.classNames) == null ? void 0 : _toast_classNames2.closeButton) }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast2.icon || toast2.promise) && toast2.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast2.icon) ? /* @__PURE__ */ native_react_default.createElement("div", { "data-icon": "", className: cn(classNames == null ? void 0 : classNames.icon, toast2 == null ? void 0 : (_toast_classNames3 = toast2.classNames) == null ? void 0 : _toast_classNames3.icon) }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ native_react_default.createElement("div", { "data-content": "", className: cn(classNames == null ? void 0 : classNames.content, toast2 == null ? void 0 : (_toast_classNames4 = toast2.classNames) == null ? void 0 : _toast_classNames4.content) }, /* @__PURE__ */ native_react_default.createElement("div", { "data-title": "", className: cn(classNames == null ? void 0 : classNames.title, toast2 == null ? void 0 : (_toast_classNames5 = toast2.classNames) == null ? void 0 : _toast_classNames5.title) }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ native_react_default.createElement("div", { "data-description": "", className: cn(descriptionClassName, toastDescriptionClassname, classNames == null ? void 0 : classNames.description, toast2 == null ? void 0 : (_toast_classNames6 = toast2.classNames) == null ? void 0 : _toast_classNames6.description) }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ native_react_default.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ native_react_default.createElement("button", { "data-button": true, "data-cancel": true, style: toast2.cancelButtonStyle || cancelButtonStyle, onClick: (event) => { if (!isAction(toast2.cancel)) return; if (!dismissible) return; toast2.cancel.onClick == null ? void 0 : toast2.cancel.onClick.call(toast2.cancel, event); deleteToast(); }, className: cn(classNames == null ? void 0 : classNames.cancelButton, toast2 == null ? void 0 : (_toast_classNames7 = toast2.classNames) == null ? void 0 : _toast_classNames7.cancelButton) }, toast2.cancel.label) : null, /* @__PURE__ */ native_react_default.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ native_react_default.createElement("button", { "data-button": true, "data-action": true, style: toast2.actionButtonStyle || actionButtonStyle, onClick: (event) => { if (!isAction(toast2.action)) return; toast2.action.onClick == null ? void 0 : toast2.action.onClick.call(toast2.action, event); if (event.defaultPrevented) return; deleteToast(); }, className: cn(classNames == null ? void 0 : classNames.actionButton, toast2 == null ? void 0 : (_toast_classNames8 = toast2.classNames) == null ? void 0 : _toast_classNames8.actionButton) }, toast2.action.label) : null); }; function getDocumentDirection() { if (typeof window === "undefined") return "ltr"; if (typeof document === "undefined") return "ltr"; const dirAttribute = document.documentElement.getAttribute("dir"); if (dirAttribute === "auto" || !dirAttribute) { return window.getComputedStyle(document.documentElement).direction; } return dirAttribute; } function assignOffset(defaultOffset, mobileOffset) { const styles = {}; [ defaultOffset, mobileOffset ].forEach((offset, index) => { const isMobile = index === 1; const prefix = isMobile ? "--mobile-offset" : "--offset"; const defaultValue = isMobile ? MOBILE_VIEWPORT_OFFSET : VIEWPORT_OFFSET; function assignAll(offset2) { [ "top", "right", "bottom", "left" ].forEach((key) => { styles[`${prefix}-${key}`] = typeof offset2 === "number" ? `${offset2}px` : offset2; }); } if (typeof offset === "number" || typeof offset === "string") { assignAll(offset); } else if (typeof offset === "object") { [ "top", "right", "bottom", "left" ].forEach((key) => { if (offset[key] === void 0) { styles[`${prefix}-${key}`] = defaultValue; } else { styles[`${prefix}-${key}`] = typeof offset[key] === "number" ? `${offset[key]}px` : offset[key]; } }); } else { assignAll(defaultValue); } }); return styles; } var Toaster = /* @__PURE__ */ native_react_default.forwardRef(function Toaster2(props, ref) { const { id, invert, position = "bottom-right", hotkey = [ "altKey", "KeyT" ], expand, closeButton, className, offset, mobileOffset, theme = "light", richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = "Notifications" } = props; const [toasts, setToasts] = native_react_default.useState([]); const filteredToasts = native_react_default.useMemo(() => { if (id) { return toasts.filter((toast2) => toast2.toasterId === id); } return toasts.filter((toast2) => !toast2.toasterId); }, [ toasts, id ]); const possiblePositions = native_react_default.useMemo(() => { return Array.from(new Set([ position ].concat(filteredToasts.filter((toast2) => toast2.position).map((toast2) => toast2.position)))); }, [ filteredToasts, position ]); const [heights, setHeights] = native_react_default.useState([]); const [expanded, setExpanded] = native_react_default.useState(false); const [interacting, setInteracting] = native_react_default.useState(false); const [actualTheme, setActualTheme] = native_react_default.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light"); const listRef = native_react_default.useRef(null); const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""); const lastFocusedElementRef = native_react_default.useRef(null); const isFocusWithinRef = native_react_default.useRef(false); const removeToast = native_react_default.useCallback((toastToRemove) => { setToasts((toasts2) => { var _toasts_find; if (!((_toasts_find = toasts2.find((toast2) => toast2.id === toastToRemove.id)) == null ? void 0 : _toasts_find.delete)) { ToastState.dismiss(toastToRemove.id); } return toasts2.filter(({ id: id2 }) => id2 !== toastToRemove.id); }); }, []); native_react_default.useEffect(() => { return ToastState.subscribe((toast2) => { if (toast2.dismiss) { requestAnimationFrame(() => { setToasts((toasts2) => toasts2.map((t) => t.id === toast2.id ? { ...t, delete: true } : t)); }); return; } setTimeout(() => { import_react_dom.default.flushSync(() => { setToasts((toasts2) => { const indexOfExistingToast = toasts2.findIndex((t) => t.id === toast2.id); if (indexOfExistingToast !== -1) { return [ ...toasts2.slice(0, indexOfExistingToast), { ...toasts2[indexOfExistingToast], ...toast2 }, ...toasts2.slice(indexOfExistingToast + 1) ]; } return [ toast2, ...toasts2 ]; }); }); }); }); }, [ toasts ]); native_react_default.useEffect(() => { if (theme !== "system") { setActualTheme(theme); return; } if (theme === "system") { if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) { setActualTheme("dark"); } else { setActualTheme("light"); } } if (typeof window === "undefined") return; const darkMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"); try { darkMediaQuery.addEventListener("change", ({ matches }) => { if (matches) { setActualTheme("dark"); } else { setActualTheme("light"); } }); } catch (error) { darkMediaQuery.addListener(({ matches }) => { try { if (matches) { setActualTheme("dark"); } else { setActualTheme("light"); } } catch (e) { console.error(e); } }); } }, [ theme ]); native_react_default.useEffect(() => { if (toasts.length <= 1) { setExpanded(false); } }, [ toasts ]); native_react_default.useEffect(() => { const handleKeyDown = (event) => { var _listRef_current; const isHotkeyPressed = hotkey.every((key) => event[key] || event.code === key); if (isHotkeyPressed) { var _listRef_current1; setExpanded(true); (_listRef_current1 = listRef.current) == null ? void 0 : _listRef_current1.focus(); } if (event.code === "Escape" && (document.activeElement === listRef.current || ((_listRef_current = listRef.current) == null ? void 0 : _listRef_current.contains(document.activeElement)))) { setExpanded(false); } }; document.addEventListener("keydown", handleKeyDown); return () => document.removeEventListener("keydown", handleKeyDown); }, [ hotkey ]); native_react_default.useEffect(() => { if (listRef.current) { return () => { if (lastFocusedElementRef.current) { lastFocusedElementRef.current.focus({ preventScroll: true }); lastFocusedElementRef.current = null; isFocusWithinRef.current = false; } }; } }, [ listRef.current ]); return ( // Remove item from normal navigation flow, only available via hotkey /* @__PURE__ */ native_react_default.createElement("section", { ref, "aria-label": `${containerAriaLabel} ${hotkeyLabel}`, tabIndex: -1, "aria-live": "polite", "aria-relevant": "additions text", "aria-atomic": "false", suppressHydrationWarning: true }, possiblePositions.map((position2, index) => { var _heights_; const [y, x2] = position2.split("-"); if (!filteredToasts.length) return null; return /* @__PURE__ */ native_react_default.createElement("ol", { key: position2, dir: dir === "auto" ? getDocumentDirection() : dir, tabIndex: -1, ref: listRef, className, "data-sonner-toaster": true, "data-sonner-theme": actualTheme, "data-y-position": y, "data-x-position": x2, style: { "--front-toast-height": `${((_heights_ = heights[0]) == null ? void 0 : _heights_.height) || 0}px`, "--width": `${TOAST_WIDTH}px`, "--gap": `${gap}px`, ...style, ...assignOffset(offset, mobileOffset) }, onBlur: (event) => { if (isFocusWithinRef.current && !event.currentTarget.contains(event.relatedTarget)) { isFocusWithinRef.current = false; if (lastFocusedElementRef.current) { lastFocusedElementRef.current.focus({ preventScroll: true }); lastFocusedElementRef.current = null; } } }, onFocus: (event) => { const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === "false"; if (isNotDismissible) return; if (!isFocusWithinRef.current) { isFocusWithinRef.current = true; lastFocusedElementRef.current = event.relatedTarget; } }, onMouseEnter: () => setExpanded(true), onMouseMove: () => setExpanded(true), onMouseLeave: () => { if (!interacting) { setExpanded(false); } }, onDragEnd: () => setExpanded(false), onPointerDown: (event) => { const isNotDismissible = event.target instanceof HTMLElement && event.target.dataset.dismissible === "false"; if (isNotDismissible) return; setInteracting(true); }, onPointerUp: () => setInteracting(false) }, filteredToasts.filter((toast2) => !toast2.position && index === 0 || toast2.position === position2).map((toast2, index2) => { var _toastOptions_duration, _toastOptions_closeButton; return /* @__PURE__ */ native_react_default.createElement(Toast, { key: toast2.id, icons, index: index2, toast: toast2, defaultRichColors: richColors, duration: (_toastOptions_duration = toastOptions == null ? void 0 : toastOptions.duration) != null ? _toastOptions_duration : duration, className: toastOptions == null ? void 0 : toastOptions.className, descriptionClassName: toastOptions == null ? void 0 : toastOptions.descriptionClassName, invert, visibleToasts, closeButton: (_toastOptions_closeButton = toastOptions == null ? void 0 : toastOptions.closeButton) != null ? _toastOptions_closeButton : closeButton, interacting, position: position2, style: toastOptions == null ? void 0 : toastOptions.style, unstyled: toastOptions == null ? void 0 : toastOptions.unstyled, classNames: toastOptions == null ? void 0 : toastOptions.classNames, cancelButtonStyle: toastOptions == null ? void 0 : toastOptions.cancelButtonStyle, actionButtonStyle: toastOptions == null ? void 0 : toastOptions.actionButtonStyle, closeButtonAriaLabel: toastOptions == null ? void 0 : toastOptions.closeButtonAriaLabel, removeToast, toasts: filteredToasts.filter((t) => t.position == toast2.position), heights: heights.filter((h) => h.position == toast2.position), setHeights, expandByDefault: expand, gap, expanded, swipeDirections: props.swipeDirections }); })); })) ); }); // entry.tsx function Toaster3(props) { const { theme = "system" } = z(); return /* @__PURE__ */ native_react_default.createElement(Toaster, { theme, className: "toaster group", style: { "--normal-bg": "var(--popover)", "--normal-text": "var(--popover-foreground)", "--normal-border": "var(--border)" }, ...props }); } return __toCommonJS(entry_exports); })(); /*! Bundled license information: react-dom/cjs/react-dom.production.js: (** * @license React * react-dom.production.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ const toast = BaySourceSonner.toast; function Notice(){ return react_default.createElement(BaySourceSonner.Toaster); } // outputs/jim-black/bay-area/source/client/src/data/approvedProfessionals.ts var approvedProfessionals = [ { id: "jim-black", name: "Jim Black", category: "Mortgage Professional", firm: "", role: "Mortgage Professional", email: "", specialty: "Mortgage", group: "", lifeEvents: ["Buying a Home", "Selling a Home", "Relocation"], keywords: ["mortgage", "home loan", "home financing", "buying a home", "refinance"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/jim-black-headshot_304d8f51.jpeg", website: "https://broker-marketplace.com/s/meetjimblack-jim-black-9e75e3" }, { id: "michael-bryant", name: "Michael Bryant, CPA", category: "CPA", firm: "BryMar CPA, LLP", role: "Managing Partner", phone: "(831) 227-6565", email: "michael.bryant@brymar.cpa", specialty: "Audits, reviews and privately held businesses", group: "San Jose 3", lifeEvents: ["Starting a Business", "Selling a Business"], keywords: ["audit", "review", "business", "financial statements", "private company"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/michael-bryant-headshot_34ebd67d.jpg", website: "https://www.brymar.cpa/aboutus" }, { id: "nisha-golcha", name: "Nisha Golcha, CPA", category: "CPA", firm: "GHJ Advisors", role: "Tax Partner", phone: "(216) 375-1496", email: "ngolcha@ghjadvisors.com", specialty: "Corporate tax", group: "Santa Clara 2", lifeEvents: ["Starting a Business", "Selling a Business", "Investment Property"], keywords: ["tax", "corporate", "business", "investment"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/nisha-golcha-headshot_128e2fee.avif", website: "https://www.ghjadvisors.com/about-us/people/nisha-golcha" }, { id: "kim-le", name: "Kim Le, CPA", category: "CPA", firm: "A2Q2", role: "Founder & CEO", email: "kle@a2q2.com", specialty: "Accounting operations and internal controls", group: "Menlo Park 1", lifeEvents: ["Starting a Business", "Selling a Business"], keywords: ["accounting", "internal controls", "financial reporting", "business", "transaction"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/kim-le-headshot_bfe0da25.jpg", website: "https://kimleecpas.com/" }, { id: "sarada-majumder", name: "Sarada Majumder, CPA", category: "CPA", firm: "Sarada Majumder", role: "CPA", phone: "(408) 753-0272", email: "sarada@sfbaycpa.net", specialty: "Business and individual taxation", group: "San Jose 2", lifeEvents: ["Buying a Home", "Selling a Home", "Inheritance", "Retirement", "Starting a Business", "Selling a Business", "Investment Property"], keywords: ["tax", "individual", "business", "home", "property", "retirement", "inheritance"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/sara-majumder-headshot_b2d30b6a.jpg", website: "https://sfbaycpa.biz/" }, { id: "kim-gaxiola", name: "Kim Gaxiola", category: "Financial Advisor", firm: "Resilient Wealth Planning LLC", role: "Founding Partner", phone: "(800) 584-3652", email: "kim@resilientplanning.com", specialty: "Concentrated stock and business-owner wealth", group: "Morgan Hill", lifeEvents: ["Retirement", "Inheritance", "Selling a Business"], keywords: ["wealth", "financial planning", "retirement", "business owner", "stock", "inheritance"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/kim-gaxiola-headshot_1816b8cb.jpg", website: "https://www.resilientplanning.com/team/kim-gaxiola" }, { id: "mike-lee", name: "Mike Lee", category: "Financial Advisor", firm: "Edward Jones", role: "Financial Advisor", phone: "(669) 279-1475", email: "mike.lee@edwardjones.com", specialty: "Personal financial planning", group: "Santa Clara 2", lifeEvents: ["Buying a Home", "Selling a Home", "Divorce", "Inheritance", "Retirement", "Growing a Family", "Investment Property"], keywords: ["financial planning", "home", "retirement", "divorce", "inheritance", "family", "investment"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/mike-lee-headshot_5a11a78d.jpg", website: "https://www.edwardjones.com/us-en/financial-advisor/mike-lee" }, { id: "jason-papier", name: "Jason Papier", category: "Financial Advisor", firm: "Werba Rubin Papier Wealth Management", role: "Managing Member", phone: "(408) 217-2000", email: "jpapier@wrpwealth.com", specialty: "Pre-IPO executives and equity compensation", group: "San Jose 2", lifeEvents: ["Starting a Business", "Selling a Business", "Retirement"], keywords: ["equity compensation", "pre-ipo", "stock", "financial planning", "business", "retirement"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/jason-papier-headshot_e6239b34.jpg", website: "https://www.wrpwealth.com/who-we-are/" }, { id: "zach-smith", name: "Zach Smith", category: "Financial Advisor", firm: "Brighton Jones", role: "Senior Financial Advisor", phone: "(650) 618-3401", email: "zach.smith@brightonjones.com", specialty: "Personal-CFO and wealth planning", group: "Palo Alto 2", lifeEvents: ["Retirement", "Inheritance", "Selling a Business", "Growing a Family"], keywords: ["wealth", "personal cfo", "financial planning", "retirement", "inheritance", "family", "business"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/zach-smith-headshot_2cd3078d.jpg", website: "https://www.brightonjones.com/team/zach-smith-cfp/" }, { id: "christina-gorokhovsky", name: "Christina Gorokhovsky", category: "Estate Attorney", firm: "The Dayton Law Firm", role: "Trusts & Estates Attorney", phone: "(408) 437-7570", email: "christina@thedaytonlawfirm.com", specialty: "Estate planning, trusts and probate avoidance", group: "Santa Clara 1", lifeEvents: ["Inheritance", "Retirement", "Aging Parents", "Growing a Family", "Loss of a Loved One"], keywords: ["estate", "trust", "probate", "inheritance", "retirement", "aging parents", "family"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/christina-gorokhovsky-headshot_b185e095.jpg", website: "https://gorokhovskylaw.com/" }, { id: "sara-hire", name: "Sara Hire", category: "Estate Attorney", firm: "Lathrop GPM LLP", role: "Counsel", phone: "(408) 299-1376", email: "sara.hire@lathropgpm.com", specialty: "Complex and high-net-worth estate planning", group: "Mountain View 1", lifeEvents: ["Inheritance", "Retirement", "Aging Parents", "Growing a Family", "Loss of a Loved One"], keywords: ["estate", "trust", "high-net-worth", "inheritance", "retirement", "aging parents", "family"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/sara-hire-headshot_5d4f84a8.jpg", website: "https://www.lathropgpm.com/team/sara-hire/" }, { id: "adam-ferguson", name: "Adam Ferguson", category: "Estate Attorney", firm: "Ferguson Law Group, Inc.", role: "Attorney", phone: "(408) 296-3602", email: "adam@ferglawgroup.com", specialty: "Probate and trust litigation", group: "San Jose 2", lifeEvents: ["Inheritance", "Loss of a Loved One"], keywords: ["probate", "trust", "litigation", "inheritance", "estate"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/adam-ferguson-headshot_841544ac.jpg", website: "https://ferglawgroup.com/team/adam-ferguson/" }, { id: "brigitte-binkert", name: "Brigitte Binkert", category: "Estate Attorney", firm: "Binkert Greene LLP", role: "Attorney", phone: "(650) 714-8253", email: "brigitte@binkertgreenelaw.com", specialty: "International estate planning and administration", group: "Santa Clara 2", lifeEvents: ["Inheritance", "Retirement", "Aging Parents", "Growing a Family", "Loss of a Loved One"], keywords: ["estate", "trust", "international", "inheritance", "retirement", "family", "administration"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/brigitte-binkert-headshot_31fdd128.jpg", website: "https://www.binkertgreenelaw.com/" }, { id: "lydia-hsu", name: "Lydia Hsu", category: "Family Law Attorney", firm: "Foster Hsu, LLP", role: "Partner", phone: "(408) 841-7200", email: "lydia@fosterhsu.com", specialty: "Certified specialist and mediator", group: "Campbell 1", lifeEvents: ["Divorce", "Growing a Family"], keywords: ["divorce", "family law", "custody", "mediation", "family"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/lydia-hsu-headshot_e56c7dcc.png", website: "https://www.fosterhsu.com/about/lydia-e-hsu/" }, { id: "meghan-herning", name: "Meghan Herning", category: "Family Law Attorney", firm: "JKZ, LLP", role: "Family Law Attorney", phone: "(415) 515-9148", email: "meghan.herning@jkzllp.com", specialty: "Complex financial cases, custody and domestic violence", group: "Fremont 1", lifeEvents: ["Divorce", "Growing a Family"], keywords: ["divorce", "family law", "custody", "financial", "family"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/meghan-herning-headshot_3057db73.jpg", website: "https://www.jkzllp.com/attorney/herning-meghan/" }, { id: "patricia-zerbini", name: "Patricia Zerbini", category: "Family Law Attorney", firm: "Hoover Krepelka", role: "Family Law Attorney", phone: "(408) 947-7600", email: "patricia@hooverkrepelka.com", specialty: "High-net-worth divorce and custody", group: "Mountain View 1", lifeEvents: ["Divorce", "Growing a Family"], keywords: ["divorce", "family law", "custody", "high-net-worth", "family"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/patricia-zerbini-headshot_4a7f6c58.jpg", website: "https://hooverkrepelka.com/attorney/zerbini-patricia-m/" }, { id: "kara-foster", name: "Kara Foster", category: "Family Law Attorney", firm: "Foster Hsu, LLP", role: "Partner", phone: "(408) 841-7200", email: "kara@fosterhsu.com", specialty: "Divorce, custody, settlement and litigation", group: "San Jose 3", lifeEvents: ["Divorce", "Growing a Family"], keywords: ["divorce", "family law", "custody", "settlement", "family"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/kara-foster-headshot_da167cff.png", website: "https://www.fosterhsu.com/about/kara-n-foster/" }, { id: "bau-lin-yueh", name: "Bau-Lin Yueh", category: "Insurance Professional", firm: "New York Life", role: "Insurance Professional", email: "", specialty: "New York Life insurance", group: "Palo Alto 3", lifeEvents: ["Growing a Family", "Retirement", "Loss of a Loved One"], keywords: ["insurance", "life insurance", "family", "retirement"], website: "https://www.linkedin.com/in/bau-lin-yueh-bb43576/" }, { id: "ben-jonas", name: "Ben Jonas", category: "Insurance Professional", firm: "HUB International", role: "Senior Vice President", phone: "(831) 428-2965", email: "ben.jonas@hubinternational.com", specialty: "Property and casualty insurance", group: "Menlo Park 1", lifeEvents: ["Buying a Home", "Selling a Home", "Relocation", "Investment Property"], keywords: ["insurance", "property", "casualty", "home", "buying", "selling", "relocation", "investment property"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/ben-jonas-headshot_57c4b5e6.jpg", website: "https://www.hubinternational.com/" }, { id: "patrick-whitaker", name: "Patrick Whitaker", category: "Insurance Professional", firm: "Whitaker Insurance", role: "CEO & Founder", phone: "(408) 286-3000", email: "patrick@whitakerfs.com", specialty: "Employee benefits", group: "San Jose 3", lifeEvents: ["Starting a Business", "Selling a Business"], keywords: ["insurance", "employee benefits", "business", "employer"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/patrick-whitaker-headshot_44e0c0dc.jpg", website: "https://www.whitakerfs.com/team/patrick-whitaker" }, { id: "angelo-desando", name: "Angelo DeSando", category: "Insurance Professional", firm: "DeSando Insurance Services", role: "President", phone: "(408) 268-3333", email: "angelo@desandoins.com", specialty: "Commercial insurance and property risk", group: "Campbell 1", lifeEvents: ["Starting a Business", "Selling a Business", "Investment Property"], keywords: ["insurance", "commercial", "business", "property", "risk", "investment property"], photoUrl: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/angelo-desando-headshot_a4d5ada1.jpg", website: "https://desandoins.com/" } ]; var tileSelections = { "Buying a Home": ["sarada-majumder", "mike-lee", "ben-jonas"], "Selling a Home": ["sarada-majumder", "mike-lee", "ben-jonas"], "Divorce": ["lydia-hsu", "meghan-herning", "patricia-zerbini"], "Inheritance": ["christina-gorokhovsky", "sara-hire", "brigitte-binkert"], "Retirement": ["kim-gaxiola", "zach-smith", "christina-gorokhovsky"], "Aging Parents": ["christina-gorokhovsky", "sara-hire", "brigitte-binkert"], "Starting a Business": ["michael-bryant", "nisha-golcha", "kim-le"], "Selling a Business": ["michael-bryant", "nisha-golcha", "kim-le"], "Relocation": ["ben-jonas", "mike-lee", "sarada-majumder"], "Growing a Family": ["lydia-hsu", "meghan-herning", "patricia-zerbini"], "Investment Property": ["nisha-golcha", "sarada-majumder", "angelo-desando"], "Loss of a Loved One": ["christina-gorokhovsky", "sara-hire", "adam-ferguson"] }; function professionalsForTile(tile) { const selectedIds = tile === "Mortgage" ? ["jim-black"] : tileSelections[tile]; return selectedIds.map((id) => approvedProfessionals.find((professional) => professional.id === id)).filter((professional) => Boolean(professional)); } function searchApprovedProfessionals(searchTerm) { const normalized = searchTerm.toLowerCase().trim(); if (!normalized) return []; const queryTerms = normalized.split(/\s+/).filter(Boolean); return approvedProfessionals.map((professional) => { const searchable = [professional.name, professional.category, professional.firm, professional.role, professional.specialty, professional.group, ...professional.lifeEvents, ...professional.keywords].join(" ").toLowerCase(); const score = queryTerms.reduce((total, term) => total + (searchable.includes(term) ? 1 : 0), 0); return { professional, score }; }).filter((entry) => entry.score > 0).sort((first, second) => second.score - first.score || first.professional.name.localeCompare(second.professional.name)).map((entry) => entry.professional); } function initialsFor(name) { return name.replace(/,.*$/, "").split(/\s+/).map((word) => word[0]).join("").slice(0, 2).toUpperCase(); } // outputs/jim-black/bay-area/source/client/src/pages/Home.tsx var lifeEvents = [ { title: "Buying a Home", icon: House, professionals: "Mortgage \xB7 Real Estate \xB7 Insurance" }, { title: "Selling a Home", icon: Building2, professionals: "Real Estate \xB7 Tax \xB7 Financial Planning" }, { title: "Divorce", icon: HeartHandshake, professionals: "Family Law \xB7 Financial Planning \xB7 Mortgage" }, { title: "Inheritance", icon: Landmark, professionals: "Estate Planning \xB7 Tax \xB7 Real Estate" }, { title: "Retirement", icon: Compass, professionals: "Financial Planning \xB7 Tax \xB7 Estate Planning" }, { title: "Aging Parents", icon: UsersRound, professionals: "Senior Services \xB7 Estate Planning \xB7 Care" }, { title: "Starting a Business", icon: BriefcaseBusiness, professionals: "Business Law \xB7 Tax \xB7 Banking" }, { title: "Selling a Business", icon: ArrowRight, professionals: "Business Advisory \xB7 Tax \xB7 Legal" }, { title: "Relocation", icon: MapPin, professionals: "Real Estate \xB7 Mortgage \xB7 Financial Planning" }, { title: "Growing a Family", icon: Sparkles, professionals: "Estate Planning \xB7 Insurance \xB7 Financial Planning" }, { title: "Investment Property", icon: Building2, professionals: "Real Estate \xB7 Tax \xB7 Insurance" }, { title: "Loss of a Loved One", icon: HeartHandshake, professionals: "Estate Planning \xB7 Tax \xB7 Senior Services" }, { title: "Mortgage", icon: Landmark, professionals: "Mortgage Professional" } ]; var professions = [ "Real Estate", "Mortgage", "Financial Planning", "CPA & Tax", "Estate Planning", "Family Law", "Business Law", "Insurance", "Business Advisory", "Senior Services", "Home Services", "Wealth Management" ]; var teams = [ { name: "Home Transition", copy: "Buying, selling, relocating, or helping a loved one move.", roles: ["Real Estate", "Mortgage", "Tax", "Insurance"], accent: "gold" }, { name: "Retirement", copy: "Bring your plans, assets, and next chapter into one conversation.", roles: ["Financial Planning", "Tax", "Estate", "Senior Living"], accent: "mist" }, { name: "Inheritance", copy: "A steadier way to understand what comes next for people and property.", roles: ["Estate Planning", "Tax", "Real Estate", "Financial Planning"], accent: "sand" }, { name: "Business Owner", copy: "The professionals to know as you launch, lead, grow, or exit.", roles: ["Business Law", "Tax", "Banking", "Advisory"], accent: "navy" } ]; var questions = [ "Should I buy before selling my home?", "What should I do after inheriting a house?", "When should I update my estate plan?", "What professionals do I need when retiring?" ]; var cities = ["San Francisco", "San Jose", "Palo Alto", "Los Gatos", "Oakland", "Berkeley", "Walnut Creek", "Santa Cruz"]; function HomePage() { const bridgeParams = react_default.useContext(Bridge).urlParams; const [flippedTile, setFlippedTile] = useState(() => { const requestedTile = new URLSearchParams(bridgeParams || window.location.search).get("tile"); return lifeEvents.some((event) => event.title === requestedTile) ? requestedTile : null; }); const [search, setSearch] = useState(() => _nullishCoalesce(new URLSearchParams(bridgeParams || window.location.search).get("search"), () => ( ""))); const searchResults = searchApprovedProfessionals(search); const onSearch = (event) => { event.preventDefault(); const query = search.trim(); if (!query) { toast("Tell us what you are trying to accomplish", { description: "For example: buy a home, plan for retirement, or start a business." }); return; } if (!searchResults.length) { toast("No exact match in the current approved roster", { description: "Try a broader need such as home, tax, estate, divorce, retirement, or insurance." }); return; } _optionalChain([document, 'access', _4 => _4.getElementById, 'call', _5 => _5("expert-results"), 'optionalAccess', _6 => _6.scrollIntoView, 'call', _7 => _7({ behavior: "smooth", block: "nearest" })]); }; const actionToast = (topic) => { setSearch(topic); _optionalChain([document, 'access', _8 => _8.getElementById, 'call', _9 => _9("expert-results"), 'optionalAccess', _10 => _10.scrollIntoView, 'call', _11 => _11({ behavior: "smooth", block: "nearest" })]); }; return /* @__PURE__ */ React.createElement("div", { className: "bate-site min-h-screen" }, /* @__PURE__ */ React.createElement("header", { className: "bate-header" }, /* @__PURE__ */ React.createElement("a", { href: "#top", className: "bate-brand", "aria-label": "Bay Area Trusted Experts home" }, /* @__PURE__ */ React.createElement("img", { src: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/BayAreaTrustedExperts_25237d54.png", alt: "Bay Area Trusted Experts seal" }), /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("strong", null, "Bay Area"), /* @__PURE__ */ React.createElement("small", null, "Trusted Experts"))), /* @__PURE__ */ React.createElement("nav", { className: "bate-nav", "aria-label": "Primary navigation" }, /* @__PURE__ */ React.createElement("a", { href: "#life-events" }, "Life events"), /* @__PURE__ */ React.createElement("a", { href: "#experts" }, "Find experts"), /* @__PURE__ */ React.createElement("a", { href: "#teams" }, "Expert teams"), /* @__PURE__ */ React.createElement("a", { href: "#insights" }, "Insights"), /* @__PURE__ */ React.createElement("a", { href: "#join" }, "About")), /* @__PURE__ */ React.createElement("a", { href: "/members", className: "bate-header-button" }, "Member access ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 15 }))), /* @__PURE__ */ React.createElement("main", { id: "top" }, /* @__PURE__ */ React.createElement("section", { className: "bate-hero", "aria-labelledby": "hero-title" }, /* @__PURE__ */ React.createElement("div", { className: "bate-hero-copy" }, /* @__PURE__ */ React.createElement("p", { className: "bate-kicker" }, /* @__PURE__ */ React.createElement("span", null), " A trusted professional community"), /* @__PURE__ */ React.createElement("h1", { id: "hero-title" }, "Trusted Experts for ", /* @__PURE__ */ React.createElement("em", null, "Life\u2019s Biggest Decisions.")), /* @__PURE__ */ React.createElement("p", { className: "bate-hero-summary" }, "Connect with proven Bay Area professionals in real estate, mortgage, financial planning, legal, insurance, business advisory, and other services that matter when life changes."), /* @__PURE__ */ React.createElement("div", { className: "bate-hero-actions" }, /* @__PURE__ */ React.createElement("a", { href: "#experts", className: "bate-button bate-button-gold" }, "Find an expert ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 17 })), /* @__PURE__ */ React.createElement("a", { href: "/members", className: "bate-text-link" }, "Member access ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 16 }))), /* @__PURE__ */ React.createElement("div", { className: "bate-hero-trust" }, /* @__PURE__ */ React.createElement(Check, { size: 15 }), " Find the people who can help you move forward well.")), /* @__PURE__ */ React.createElement("div", { className: "bate-hero-art", "aria-label": "Bay Area professional overlooking San Francisco Bay" }, /* @__PURE__ */ React.createElement("div", { className: "bate-hero-photo" }), /* @__PURE__ */ React.createElement("div", { className: "bate-hero-overlay" }), /* @__PURE__ */ React.createElement("p", { className: "bate-serving" }, /* @__PURE__ */ React.createElement(MapPin, { size: 14 }), " Serving the Bay Area"), /* @__PURE__ */ React.createElement("div", { className: "bate-hero-seal" }, /* @__PURE__ */ React.createElement("img", { src: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/BayAreaTrustedExperts_25237d54.png", alt: "" })), /* @__PURE__ */ React.createElement("div", { className: "bate-hero-arc" }))), /* @__PURE__ */ React.createElement("section", { className: "bate-life-section", id: "life-events", "aria-labelledby": "life-title" }, /* @__PURE__ */ React.createElement("div", { className: "bate-section-lead" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "bate-kicker" }, /* @__PURE__ */ React.createElement("span", null), " Start with what is happening"), /* @__PURE__ */ React.createElement("h2", { id: "life-title" }, "Life happens.", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("em", null, "Know who to call."))), /* @__PURE__ */ React.createElement("p", null, "Important decisions rarely involve just one question or one professional. Begin with the moment you are navigating, then see the kinds of expertise that may belong in the conversation.")), /* @__PURE__ */ React.createElement("div", { className: "bate-event-grid" }, lifeEvents.map((item, index) => { const Icon2 = item.icon; const isFlipped = flippedTile === item.title; const professionals = professionalsForTile(item.title); return /* @__PURE__ */ React.createElement("div", { key: item.title, className: isFlipped ? "bate-flip-tile is-flipped" : "bate-flip-tile", onClick: () => setFlippedTile(isFlipped ? null : item.title), onKeyDown: (event) => { if (event.key === "Enter" || event.key === " ") { event.preventDefault(); setFlippedTile(isFlipped ? null : item.title); } }, role: "button", tabIndex: 0, "aria-pressed": isFlipped, "aria-label": `${item.title}. ${isFlipped ? "Hide" : "Show"} relevant approved professionals` }, /* @__PURE__ */ React.createElement("span", { className: "bate-flip-inner" }, /* @__PURE__ */ React.createElement("span", { className: "bate-flip-face bate-flip-front" }, /* @__PURE__ */ React.createElement("span", { className: "bate-event-number" }, String(index + 1).padStart(2, "0")), /* @__PURE__ */ React.createElement(Icon2, { size: 22, strokeWidth: 1.5 }), /* @__PURE__ */ React.createElement("span", { className: "bate-event-title" }, item.title), /* @__PURE__ */ React.createElement(ArrowRight, { size: 17, className: "bate-event-arrow" }), /* @__PURE__ */ React.createElement("span", { className: "bate-tile-prompt" }, "Hover or tap to meet the team")), /* @__PURE__ */ React.createElement("span", { className: "bate-flip-face bate-flip-back" }, /* @__PURE__ */ React.createElement("span", { className: "bate-tile-back-label" }, item.title === "Mortgage" ? "Mortgage professional" : "Relevant approved professionals"), /* @__PURE__ */ React.createElement("span", { className: "bate-tile-people" }, professionals.map((professional) => /* @__PURE__ */ React.createElement(TileProfessional, { key: professional.id, professional }))), /* @__PURE__ */ React.createElement("span", { className: "bate-tile-back-hint" }, "Tap to return ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 13 }))))); })), /* @__PURE__ */ React.createElement("p", { className: "bate-event-caption" }, /* @__PURE__ */ React.createElement(CircleQuestionMark, { size: 15 }), " Hover over a tile, or tap it on mobile, to meet the relevant professionals from the current approved roster.")), /* @__PURE__ */ React.createElement("section", { className: "bate-find-section", id: "experts", "aria-labelledby": "find-title" }, /* @__PURE__ */ React.createElement("div", { className: "bate-find-copy" }, /* @__PURE__ */ React.createElement("p", { className: "bate-kicker bate-kicker-light" }, /* @__PURE__ */ React.createElement("span", null), " Search by need or profession"), /* @__PURE__ */ React.createElement("h2", { id: "find-title" }, "What do you need help ", /* @__PURE__ */ React.createElement("em", null, "with?")), /* @__PURE__ */ React.createElement("p", null, "Start with a goal, a concern, or a profession. Bay Area Trusted Experts is designed to make the next conversation more informed.")), /* @__PURE__ */ React.createElement("form", { className: "bate-search-card", onSubmit: onSearch }, /* @__PURE__ */ React.createElement("label", { htmlFor: "expert-search" }, "What are you trying to accomplish?"), /* @__PURE__ */ React.createElement("div", { className: "bate-search-control" }, /* @__PURE__ */ React.createElement(Search, { size: 20 }), /* @__PURE__ */ React.createElement("input", { id: "expert-search", value: search, onChange: (event) => setSearch(event.target.value), placeholder: "For example, plan for retirement" }), /* @__PURE__ */ React.createElement("button", { type: "submit", "aria-label": "Search for an expert" }, /* @__PURE__ */ React.createElement(ArrowRight, { size: 20 }))), /* @__PURE__ */ React.createElement("p", null, "Search by life event, question, or profession.")), /* @__PURE__ */ React.createElement("div", { className: "bate-professions", "aria-label": "Professional categories" }, professions.map((profession) => /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => actionToast(profession), key: profession }, profession, /* @__PURE__ */ React.createElement(ArrowRight, { size: 14 })))), search && /* @__PURE__ */ React.createElement(ExpertReveal, { title: `Relevant approved professionals for \u201C${search}\u201D`, professionals: searchResults, mode: "search" })), /* @__PURE__ */ React.createElement("section", { className: "bate-teams-section", id: "teams", "aria-labelledby": "teams-title" }, /* @__PURE__ */ React.createElement("div", { className: "bate-section-lead bate-team-lead" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "bate-kicker" }, /* @__PURE__ */ React.createElement("span", null), " Better together"), /* @__PURE__ */ React.createElement("h2", { id: "teams-title" }, "The right team for the ", /* @__PURE__ */ React.createElement("em", null, "whole picture."))), /* @__PURE__ */ React.createElement("p", null, "Life events often call for professionals who understand how their work connects. These pathways make that collaborative thinking easier to find.")), /* @__PURE__ */ React.createElement("div", { className: "bate-team-grid" }, teams.map((team, index) => /* @__PURE__ */ React.createElement("article", { className: `bate-team bate-team-${team.accent}`, key: team.name }, /* @__PURE__ */ React.createElement("p", { className: "bate-team-index" }, "0", index + 1, " ", /* @__PURE__ */ React.createElement(UsersRound, { size: 17 })), /* @__PURE__ */ React.createElement("h3", null, team.name, " Team"), /* @__PURE__ */ React.createElement("p", null, team.copy), /* @__PURE__ */ React.createElement("div", null, team.roles.map((role) => /* @__PURE__ */ React.createElement("span", { key: role }, role))), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => actionToast(`${team.name} Team`) }, "Explore this team ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 16 })))))), /* @__PURE__ */ React.createElement("section", { className: "bate-insights-section", id: "insights", "aria-labelledby": "insights-title" }, /* @__PURE__ */ React.createElement("div", { className: "bate-insights-photo", role: "img", "aria-label": "Golden Gate Bridge detail in Bay Area coastal fog" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(BookOpen, { size: 22 }), /* @__PURE__ */ React.createElement("span", null, "Local insight for the questions that come next."))), /* @__PURE__ */ React.createElement("div", { className: "bate-insights-copy" }, /* @__PURE__ */ React.createElement("p", { className: "bate-kicker" }, /* @__PURE__ */ React.createElement("span", null), " Ask a trusted expert"), /* @__PURE__ */ React.createElement("h2", { id: "insights-title" }, "Questions about a major ", /* @__PURE__ */ React.createElement("em", null, "life decision?")), /* @__PURE__ */ React.createElement("p", null, "Build a clearer point of view before you reach out. The future insights library will connect common questions with the professional categories that can help."), /* @__PURE__ */ React.createElement("div", { className: "bate-question-list" }, questions.map((question, index) => /* @__PURE__ */ React.createElement("button", { type: "button", key: question, onClick: () => actionToast("Ask a Trusted Expert") }, /* @__PURE__ */ React.createElement("span", null, String(index + 1).padStart(2, "0")), question, /* @__PURE__ */ React.createElement(ArrowRight, { size: 16 })))), /* @__PURE__ */ React.createElement("a", { href: "#join", className: "bate-text-link bate-navy-link" }, "Explore expert insights ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 16 })))), /* @__PURE__ */ React.createElement("section", { className: "bate-locations-section", "aria-labelledby": "locations-title" }, /* @__PURE__ */ React.createElement("div", { className: "bate-location-mark" }, /* @__PURE__ */ React.createElement(MapPin, { size: 34 }), /* @__PURE__ */ React.createElement("span", null, "Bay Area", /* @__PURE__ */ React.createElement("br", null), "local authority")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "bate-kicker" }, /* @__PURE__ */ React.createElement("span", null), " Find experts near you"), /* @__PURE__ */ React.createElement("h2", { id: "locations-title" }, "Built for the places you ", /* @__PURE__ */ React.createElement("em", null, "call home."))), /* @__PURE__ */ React.createElement("div", { className: "bate-city-list" }, cities.map((city) => /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => actionToast(`${city} directory`), key: city }, city, /* @__PURE__ */ React.createElement(ArrowRight, { size: 15 }))))), /* @__PURE__ */ React.createElement("section", { className: "bate-join-section", id: "join", "aria-labelledby": "join-title" }, /* @__PURE__ */ React.createElement("div", { className: "bate-join-brand" }, /* @__PURE__ */ React.createElement("img", { src: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/BayAreaTrustedExperts_25237d54.png", alt: "Bay Area Trusted Experts" }), /* @__PURE__ */ React.createElement("p", { className: "bate-kicker bate-kicker-light" }, /* @__PURE__ */ React.createElement("span", null), " Passionate professionals"), /* @__PURE__ */ React.createElement("h2", { id: "join-title" }, "A stronger professional community starts with ", /* @__PURE__ */ React.createElement("em", null, "service.")), /* @__PURE__ */ React.createElement("p", null, "Join Bay Area Trusted Experts at no cost and build visibility, credibility, professional relationships, and referral opportunities while helping consumers find trusted people when life changes.")), /* @__PURE__ */ React.createElement("div", { className: "bate-member-card" }, /* @__PURE__ */ React.createElement("p", { className: "bate-member-label" }, "Membership includes"), /* @__PURE__ */ React.createElement("ul", null, /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Check, { size: 16 }), " Professional directory profile"), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Check, { size: 16 }), " Local and life-event placement"), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Check, { size: 16 }), " Trusted Expert member badge"), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Check, { size: 16 }), " Member introductions and events"), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(Check, { size: 16 }), " Expert questions and media opportunities")), /* @__PURE__ */ React.createElement("a", { href: "/members", className: "bate-button bate-button-gold" }, "Explore member access ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 17 })), /* @__PURE__ */ React.createElement("p", { className: "bate-member-note" }, "For experienced professionals who lead with expertise, collaboration, and care for the Bay Area community.")))), /* @__PURE__ */ React.createElement("footer", { className: "bate-footer" }, /* @__PURE__ */ React.createElement("div", { className: "bate-footer-brand" }, /* @__PURE__ */ React.createElement("img", { src: "https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/bate-bridge-mark_97ce37ec.png", alt: "Bay Area Trusted Experts bridge mark" }), /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("strong", null, "Bay Area Trusted Experts"), /* @__PURE__ */ React.createElement("small", null, "Trusted Experts for Life\u2019s Biggest Decisions"))), /* @__PURE__ */ React.createElement("p", null, "Trust \xB7 Expertise \xB7 Service \xB7 Relationships \xB7 Community \xB7 Passion"), /* @__PURE__ */ React.createElement("span", null, "\xA9 2026"))); } function ExpertReveal({ title, professionals, mode }) { const limitedProfessionals = professionals.slice(0, 6); return /* @__PURE__ */ React.createElement("section", { className: `bate-expert-reveal bate-expert-reveal-${mode}`, id: mode === "search" ? "expert-results" : void 0, "aria-live": "polite" }, /* @__PURE__ */ React.createElement("div", { className: "bate-expert-reveal-heading" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "bate-kicker" }, /* @__PURE__ */ React.createElement("span", null), " Approved professional roster"), /* @__PURE__ */ React.createElement("h3", null, title)), /* @__PURE__ */ React.createElement("p", null, professionals.length ? `Here are ${professionals.length > 6 ? "the first six" : "the"} relevant professionals from the current approved roster.` : "No exact match is in the current approved roster. Try a broader search or choose another life event.")), Boolean(limitedProfessionals.length) && /* @__PURE__ */ React.createElement("div", { className: "bate-expert-card-grid" }, limitedProfessionals.map((professional) => /* @__PURE__ */ React.createElement(ProfessionalCard, { key: professional.id, professional })))); } function ProfessionalCard({ professional }) { return /* @__PURE__ */ React.createElement("article", { className: "bate-expert-card" }, professional.photoUrl ? professional.website ? /* @__PURE__ */ React.createElement("a", { className: "bate-expert-profile-link", href: professional.website, target: "_blank", rel: "noreferrer", "aria-label": `Visit ${professional.name}'s website` }, /* @__PURE__ */ React.createElement("img", { className: "bate-expert-avatar bate-expert-portrait", style: { display: "block", objectFit: "cover", objectPosition: "50% 35%", boxShadow: "0 4px 11px rgba(6,31,65,.12)" }, src: professional.photoUrl, alt: `Portrait of ${professional.name}` })) : /* @__PURE__ */ React.createElement("img", { className: "bate-expert-avatar bate-expert-portrait", style: { display: "block", objectFit: "cover", objectPosition: "50% 35%", boxShadow: "0 4px 11px rgba(6,31,65,.12)" }, src: professional.photoUrl, alt: `Portrait of ${professional.name}` }) : /* @__PURE__ */ React.createElement("div", { className: "bate-expert-avatar", "aria-hidden": "true" }, initialsFor(professional.name)), /* @__PURE__ */ React.createElement("div", { className: "bate-expert-card-copy" }, /* @__PURE__ */ React.createElement("p", { className: "bate-expert-category" }, professional.category), /* @__PURE__ */ React.createElement("h4", null, professional.website ? /* @__PURE__ */ React.createElement("a", { className: "bate-expert-name-link", href: professional.website, target: "_blank", rel: "noreferrer" }, professional.name) : professional.name), professional.firm && /* @__PURE__ */ React.createElement("p", { className: "bate-expert-firm" }, professional.firm), /* @__PURE__ */ React.createElement("p", { className: "bate-expert-specialty" }, professional.specialty)), /* @__PURE__ */ React.createElement("div", { className: "bate-expert-contact" }, professional.phone && /* @__PURE__ */ React.createElement("a", { href: `tel:${professional.phone.replace(/[^+\d]/g, "")}`, "aria-label": `Call ${professional.name}` }, /* @__PURE__ */ React.createElement(Phone, { size: 14 }), " ", professional.phone), professional.email && /* @__PURE__ */ React.createElement("a", { href: `mailto:${professional.email}`, "aria-label": `Email ${professional.name}` }, /* @__PURE__ */ React.createElement(Mail, { size: 14 }), " Email ", professional.name.replace(/,.*$/, "").split(" ")[0]), professional.website && /* @__PURE__ */ React.createElement("a", { href: professional.website, target: "_blank", rel: "noreferrer", "aria-label": `Visit ${professional.name}'s website` }, /* @__PURE__ */ React.createElement(Earth, { size: 14 }), " Website"))); } function TileProfessional({ professional }) { const websiteLabel = professional.id === "jim-black" ? "meetjimblack.com" : professional.website ? new URL(professional.website).hostname.replace(/^www\./, "") : ""; return /* @__PURE__ */ React.createElement("span", { className: professional.photoUrl ? "bate-tile-person" : "bate-tile-person bate-tile-person-initials" }, professional.photoUrl ? professional.website ? /* @__PURE__ */ React.createElement("a", { className: "bate-tile-profile-link", href: professional.website, target: "_blank", rel: "noreferrer", onClick: (event) => event.stopPropagation(), "aria-label": `Visit ${professional.name}'s website` }, /* @__PURE__ */ React.createElement("img", { className: professional.id === "jim-black" ? "bate-tile-portrait bate-tile-portrait-jim" : "bate-tile-portrait", src: professional.photoUrl, alt: `Portrait of ${professional.name}` })) : /* @__PURE__ */ React.createElement("img", { className: professional.id === "jim-black" ? "bate-tile-portrait bate-tile-portrait-jim" : "bate-tile-portrait", src: professional.photoUrl, alt: `Portrait of ${professional.name}` }) : /* @__PURE__ */ React.createElement("span", { className: "bate-tile-avatar", "aria-hidden": "true" }, initialsFor(professional.name)), /* @__PURE__ */ React.createElement("span", { className: "bate-tile-person-info" }, professional.website ? /* @__PURE__ */ React.createElement("a", { className: "bate-tile-name-link", href: professional.website, target: "_blank", rel: "noreferrer", onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement("strong", null, professional.name)) : /* @__PURE__ */ React.createElement("strong", null, professional.name), /* @__PURE__ */ React.createElement("small", null, professional.category), professional.phone && /* @__PURE__ */ React.createElement("a", { className: "bate-tile-contact-link bate-tile-phone", href: `tel:${professional.phone.replace(/[^+\d]/g, "")}`, onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement(Phone, { size: 9 }), " ", professional.phone), websiteLabel && professional.website && /* @__PURE__ */ React.createElement("a", { className: "bate-tile-contact-link bate-tile-website", href: professional.website, target: "_blank", rel: "noreferrer", onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement(Earth, { size: 9 }), " ", websiteLabel))); } // function Native(props) { return /* @__PURE__ */ react_default.createElement(Bridge.Provider, { value: { ...props, path: "/" } }, /* @__PURE__ */ react_default.createElement("div", { className: "bay-area-native", onClick: (e) => { const a = e.target.closest("a"); const h = _optionalChain([a, 'optionalAccess', _12 => _12.getAttribute, 'call', _13 => _13("href")]); if (!e.defaultPrevented && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && (!a.target || a.target.toLowerCase() === "_self") && !a.hasAttribute("download") && _optionalChain([h, 'optionalAccess', _14 => _14.startsWith, 'call', _15 => _15("/")]) && !h.startsWith("//")) { e.preventDefault(); _optionalChain([props, 'access', _16 => _16.onNavigate, 'optionalCall', _17 => _17(h)]); } } }, /* @__PURE__ */ react_default.createElement("style", null, `/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ /* latin-ext */ @font-face { font-family: 'DM Serif Display'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/-nFhOHM81r4j6k0gjAW3mujVU2B2G_VB3vD212k.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Serif Display'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/-nFhOHM81r4j6k0gjAW3mujVU2B2G_VB0PD2.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/-nFnOHM81r4j6k0gjAW3mujVU2B2G_5x0ujy.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/-nFnOHM81r4j6k0gjAW3mujVU2B2G_Bx0g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .bay-area-native, .bay-area-native { --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-100: oklch(93.6% 0.032 17.717); --color-red-500: oklch(63.7% 0.237 25.331); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-900: oklch(20.8% 0.042 265.755); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-2xl: 42rem; --container-6xl: 72rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-widest: 0.1em; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: 0.125rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --blur-2xl: 40px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: "Manrope", Arial, sans-serif; --default-mono-font-family: var(--font-mono); --color-border: var(--border); } .bay-area-native *, .bay-area-native ::after, .bay-area-native ::before, .bay-area-native ::backdrop, .bay-area-native ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } .bay-area-native, .bay-area-native { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } .bay-area-native hr { height: 0; color: inherit; border-top-width: 1px; } .bay-area-native abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .bay-area-native h1, .bay-area-native h2, .bay-area-native h3, .bay-area-native h4, .bay-area-native h5, .bay-area-native h6 { font-size: inherit; font-weight: inherit; } .bay-area-native a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } .bay-area-native b, .bay-area-native strong { font-weight: bolder; } .bay-area-native code, .bay-area-native kbd, .bay-area-native samp, .bay-area-native pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } .bay-area-native small { font-size: 80%; } .bay-area-native sub, .bay-area-native sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .bay-area-native sub { bottom: -0.25em; } .bay-area-native sup { top: -0.5em; } .bay-area-native table { text-indent: 0; border-color: inherit; border-collapse: collapse; } .bay-area-native :-moz-focusring:where(:not(iframe)) { outline: auto; } .bay-area-native progress { vertical-align: baseline; } .bay-area-native summary { display: list-item; } .bay-area-native ol, .bay-area-native ul, .bay-area-native menu { list-style: none; } .bay-area-native img, .bay-area-native svg, .bay-area-native video, .bay-area-native canvas, .bay-area-native audio, .bay-area-native iframe, .bay-area-native embed, .bay-area-native object { display: block; vertical-align: middle; } .bay-area-native img, .bay-area-native video { max-width: 100%; height: auto; } .bay-area-native button, .bay-area-native input, .bay-area-native select, .bay-area-native optgroup, .bay-area-native textarea, .bay-area-native ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } .bay-area-native :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } .bay-area-native :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } .bay-area-native ::file-selector-button { margin-inline-end: 4px; } .bay-area-native ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { .bay-area-native ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } .bay-area-native textarea { resize: vertical; } .bay-area-native ::-webkit-search-decoration { -webkit-appearance: none; } .bay-area-native ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } .bay-area-native ::-webkit-datetime-edit { display: inline-flex; } .bay-area-native ::-webkit-datetime-edit-fields-wrapper { padding: 0; } .bay-area-native ::-webkit-datetime-edit, .bay-area-native ::-webkit-datetime-edit-year-field, .bay-area-native ::-webkit-datetime-edit-month-field, .bay-area-native ::-webkit-datetime-edit-day-field, .bay-area-native ::-webkit-datetime-edit-hour-field, .bay-area-native ::-webkit-datetime-edit-minute-field, .bay-area-native ::-webkit-datetime-edit-second-field, .bay-area-native ::-webkit-datetime-edit-millisecond-field, .bay-area-native ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } .bay-area-native ::-webkit-calendar-picker-indicator { line-height: 1; } .bay-area-native :-moz-ui-invalid { box-shadow: none; } .bay-area-native button, .bay-area-native input:where([type="button"], [type="reset"], [type="submit"]), .bay-area-native ::file-selector-button { appearance: button; } .bay-area-native ::-webkit-inner-spin-button, .bay-area-native ::-webkit-outer-spin-button { height: auto; } .bay-area-native [hidden]:where(:not([hidden="until-found"])) { display: none !important; } .bay-area-native .\\@container\\/card-header { container-type: inline-size; container-name: card-header; } .bay-area-native .\\@container\\/field-group { container-type: inline-size; container-name: field-group; } .bay-area-native .pointer-events-none { pointer-events: none; } .bay-area-native .invisible { visibility: hidden; } .bay-area-native .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .bay-area-native .absolute { position: absolute; } .bay-area-native .fixed { position: fixed; } .bay-area-native .relative { position: relative; } .bay-area-native .static { position: static; } .bay-area-native .sticky { position: sticky; } .bay-area-native .inset-0 { inset: 0px; } .bay-area-native .inset-x-0 { inset-inline: 0px; } .bay-area-native .inset-y-0 { inset-block: 0px; } .bay-area-native .-top-12 { top: calc(var(--spacing) * -12); } .bay-area-native .top-0 { top: 0px; } .bay-area-native .top-1\\.5 { top: calc(var(--spacing) * 1.5); } .bay-area-native .top-1\\/2 { top: calc(1 / 2 * 100%); } .bay-area-native .top-3\\.5 { top: calc(var(--spacing) * 3.5); } .bay-area-native .top-4 { top: calc(var(--spacing) * 4); } .bay-area-native .top-\\[1px\\] { top: 1px; } .bay-area-native .top-\\[50\\%\\] { top: 50%; } .bay-area-native .top-\\[60\\%\\] { top: 60%; } .bay-area-native .top-full { top: 100%; } .bay-area-native .-right-12 { right: calc(var(--spacing) * -12); } .bay-area-native .right-0 { right: 0px; } .bay-area-native .right-1 { right: var(--spacing); } .bay-area-native .right-2 { right: calc(var(--spacing) * 2); } .bay-area-native .right-3 { right: calc(var(--spacing) * 3); } .bay-area-native .right-4 { right: calc(var(--spacing) * 4); } .bay-area-native .-bottom-12 { bottom: calc(var(--spacing) * -12); } .bay-area-native .bottom-0 { bottom: 0px; } .bay-area-native .bottom-4 { bottom: calc(var(--spacing) * 4); } .bay-area-native .-left-12 { left: calc(var(--spacing) * -12); } .bay-area-native .left-0 { left: 0px; } .bay-area-native .left-1\\/2 { left: calc(1 / 2 * 100%); } .bay-area-native .left-2 { left: calc(var(--spacing) * 2); } .bay-area-native .left-4 { left: calc(var(--spacing) * 4); } .bay-area-native .left-\\[50\\%\\] { left: 50%; } .bay-area-native .isolate { isolation: isolate; } .bay-area-native .z-10 { z-index: 10; } .bay-area-native .z-20 { z-index: 20; } .bay-area-native .z-40 { z-index: 40; } .bay-area-native .z-50 { z-index: 50; } .bay-area-native .z-\\[1\\] { z-index: 1; } .bay-area-native .order-first { order: -9999; } .bay-area-native .order-last { order: 9999; } .bay-area-native .col-start-2 { grid-column-start: 2; } .bay-area-native .row-span-2 { grid-row: span 2 / span 2; } .bay-area-native .row-start-1 { grid-row-start: 1; } .bay-area-native .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .bay-area-native .\\!m-0 { margin: 0px !important; } .bay-area-native .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .bay-area-native .mx-2 { margin-inline: calc(var(--spacing) * 2); } .bay-area-native .mx-3\\.5 { margin-inline: calc(var(--spacing) * 3.5); } .bay-area-native .mx-4 { margin-inline: calc(var(--spacing) * 4); } .bay-area-native .mx-auto { margin-inline: auto; } .bay-area-native .-my-2 { margin-block: calc(var(--spacing) * -2); } .bay-area-native .my-0 { margin-block: 0px; } .bay-area-native .my-0\\.5 { margin-block: calc(var(--spacing) * 0.5); } .bay-area-native .my-1 { margin-block: var(--spacing); } .bay-area-native .-mt-4 { margin-top: calc(var(--spacing) * -4); } .bay-area-native .mt-1 { margin-top: var(--spacing); } .bay-area-native .mt-1\\.5 { margin-top: calc(var(--spacing) * 1.5); } .bay-area-native .mt-2 { margin-top: calc(var(--spacing) * 2); } .bay-area-native .mt-4 { margin-top: calc(var(--spacing) * 4); } .bay-area-native .mt-12 { margin-top: calc(var(--spacing) * 12); } .bay-area-native .mt-auto { margin-top: auto; } .bay-area-native .mr-2 { margin-right: calc(var(--spacing) * 2); } .bay-area-native .mb-1 { margin-bottom: var(--spacing); } .bay-area-native .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .bay-area-native .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .bay-area-native .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .bay-area-native .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .bay-area-native .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .bay-area-native .-ml-4 { margin-left: calc(var(--spacing) * -4); } .bay-area-native .ml-1 { margin-left: var(--spacing); } .bay-area-native .ml-2 { margin-left: calc(var(--spacing) * 2); } .bay-area-native .ml-4 { margin-left: calc(var(--spacing) * 4); } .bay-area-native .ml-auto { margin-left: auto; } .bay-area-native .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .bay-area-native .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .bay-area-native .block { display: block; } .bay-area-native .flex { display: flex; } .bay-area-native .grid { display: grid; } .bay-area-native .hidden { display: none; } .bay-area-native .inline-flex { display: inline-flex; } .bay-area-native .table { display: table; } .bay-area-native .table-caption { display: table-caption; } .bay-area-native .table-cell { display: table-cell; } .bay-area-native .table-row { display: table-row; } .bay-area-native .field-sizing-content { field-sizing: content; } .bay-area-native .aspect-square { aspect-ratio: 1 / 1; } .bay-area-native .aspect-video { aspect-ratio: var(--aspect-video); } .bay-area-native .size-\\(--cell-size\\) { width: var(--cell-size); height: var(--cell-size); } .bay-area-native .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .bay-area-native .size-2\\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .bay-area-native .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .bay-area-native .size-3\\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .bay-area-native .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .bay-area-native .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .bay-area-native .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .bay-area-native .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .bay-area-native .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .bay-area-native .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .bay-area-native .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .bay-area-native .size-auto { width: auto; height: auto; } .bay-area-native .size-full { width: 100%; height: 100%; } .bay-area-native .h-\\(--cell-size\\) { height: var(--cell-size); } .bay-area-native .h-1\\.5 { height: calc(var(--spacing) * 1.5); } .bay-area-native .h-2 { height: calc(var(--spacing) * 2); } .bay-area-native .h-2\\.5 { height: calc(var(--spacing) * 2.5); } .bay-area-native .h-3 { height: calc(var(--spacing) * 3); } .bay-area-native .h-4 { height: calc(var(--spacing) * 4); } .bay-area-native .h-5 { height: calc(var(--spacing) * 5); } .bay-area-native .h-6 { height: calc(var(--spacing) * 6); } .bay-area-native .h-7 { height: calc(var(--spacing) * 7); } .bay-area-native .h-8 { height: calc(var(--spacing) * 8); } .bay-area-native .h-9 { height: calc(var(--spacing) * 9); } .bay-area-native .h-10 { height: calc(var(--spacing) * 10); } .bay-area-native .h-12 { height: calc(var(--spacing) * 12); } .bay-area-native .h-14 { height: calc(var(--spacing) * 14); } .bay-area-native .h-16 { height: calc(var(--spacing) * 16); } .bay-area-native .h-32 { height: calc(var(--spacing) * 32); } .bay-area-native .h-64 { height: calc(var(--spacing) * 64); } .bay-area-native .h-\\[1\\.15rem\\] { height: 1.15rem; } .bay-area-native .h-\\[38px\\] { height: 38px; } .bay-area-native .h-\\[200px\\] { height: 200px; } .bay-area-native .h-\\[500px\\] { height: 500px; } .bay-area-native .h-\\[calc\\(100\\%-1px\\)\\] { height: calc(100% - 1px); } .bay-area-native .h-\\[var\\(--radix-navigation-menu-viewport-height\\)\\] { height: var(--radix-navigation-menu-viewport-height); } .bay-area-native .h-\\[var\\(--radix-select-trigger-height\\)\\] { height: var(--radix-select-trigger-height); } .bay-area-native .h-auto { height: auto; } .bay-area-native .h-full { height: 100%; } .bay-area-native .h-px { height: 1px; } .bay-area-native .h-svh { height: 100svh; } .bay-area-native .max-h-\\(--radix-context-menu-content-available-height\\) { max-height: var(--radix-context-menu-content-available-height); } .bay-area-native .max-h-\\(--radix-dropdown-menu-content-available-height\\) { max-height: var(--radix-dropdown-menu-content-available-height); } .bay-area-native .max-h-\\(--radix-select-content-available-height\\) { max-height: var(--radix-select-content-available-height); } .bay-area-native .max-h-32 { max-height: calc(var(--spacing) * 32); } .bay-area-native .max-h-\\[300px\\] { max-height: 300px; } .bay-area-native .min-h-0 { min-height: 0px; } .bay-area-native .min-h-4 { min-height: calc(var(--spacing) * 4); } .bay-area-native .min-h-9 { min-height: calc(var(--spacing) * 9); } .bay-area-native .min-h-16 { min-height: calc(var(--spacing) * 16); } .bay-area-native .min-h-\\[200px\\] { min-height: 200px; } .bay-area-native .min-h-screen { min-height: 100vh; } .bay-area-native .min-h-svh { min-height: 100svh; } .bay-area-native .w-\\(--cell-size\\) { width: var(--cell-size); } .bay-area-native .w-\\(--sidebar-width\\) { width: var(--sidebar-width); } .bay-area-native .w-0 { width: 0px; } .bay-area-native .w-1 { width: var(--spacing); } .bay-area-native .w-1\\/2 { width: calc(1 / 2 * 100%); } .bay-area-native .w-2 { width: calc(var(--spacing) * 2); } .bay-area-native .w-2\\.5 { width: calc(var(--spacing) * 2.5); } .bay-area-native .w-3 { width: calc(var(--spacing) * 3); } .bay-area-native .w-3\\/4 { width: calc(3 / 4 * 100%); } .bay-area-native .w-4 { width: calc(var(--spacing) * 4); } .bay-area-native .w-5 { width: calc(var(--spacing) * 5); } .bay-area-native .w-8 { width: calc(var(--spacing) * 8); } .bay-area-native .w-9 { width: calc(var(--spacing) * 9); } .bay-area-native .w-10 { width: calc(var(--spacing) * 10); } .bay-area-native .w-16 { width: calc(var(--spacing) * 16); } .bay-area-native .w-20 { width: calc(var(--spacing) * 20); } .bay-area-native .w-24 { width: calc(var(--spacing) * 24); } .bay-area-native .w-32 { width: calc(var(--spacing) * 32); } .bay-area-native .w-48 { width: calc(var(--spacing) * 48); } .bay-area-native .w-64 { width: calc(var(--spacing) * 64); } .bay-area-native .w-72 { width: calc(var(--spacing) * 72); } .bay-area-native .w-\\[38px\\] { width: 38px; } .bay-area-native .w-\\[100px\\] { width: 100px; } .bay-area-native .w-\\[280px\\] { width: 280px; } .bay-area-native .w-\\[400px\\] { width: 400px; } .bay-area-native .w-auto { width: auto; } .bay-area-native .w-fit { width: fit-content; } .bay-area-native .w-full { width: 100%; } .bay-area-native .w-max { width: max-content; } .bay-area-native .w-px { width: 1px; } .bay-area-native .max-w-\\(--skeleton-width\\) { max-width: var(--skeleton-width); } .bay-area-native .max-w-2xl { max-width: var(--container-2xl); } .bay-area-native .max-w-6xl { max-width: var(--container-6xl); } .bay-area-native .max-w-\\[80\\%\\] { max-width: 80%; } .bay-area-native .max-w-\\[calc\\(100\\%-2rem\\)\\] { max-width: calc(100% - 2rem); } .bay-area-native .max-w-lg { max-width: var(--container-lg); } .bay-area-native .max-w-max { max-width: max-content; } .bay-area-native .max-w-md { max-width: var(--container-md); } .bay-area-native .max-w-none { max-width: none; } .bay-area-native .max-w-sm { max-width: var(--container-sm); } .bay-area-native .max-w-xs { max-width: var(--container-xs); } .bay-area-native .min-w-\\(--cell-size\\) { min-width: var(--cell-size); } .bay-area-native .min-w-0 { min-width: 0px; } .bay-area-native .min-w-5 { min-width: calc(var(--spacing) * 5); } .bay-area-native .min-w-8 { min-width: calc(var(--spacing) * 8); } .bay-area-native .min-w-9 { min-width: calc(var(--spacing) * 9); } .bay-area-native .min-w-10 { min-width: calc(var(--spacing) * 10); } .bay-area-native .min-w-\\[8rem\\] { min-width: 8rem; } .bay-area-native .min-w-\\[12rem\\] { min-width: 12rem; } .bay-area-native .min-w-\\[var\\(--radix-select-trigger-width\\)\\] { min-width: var(--radix-select-trigger-width); } .bay-area-native .flex-1 { flex: 1; } .bay-area-native .flex-shrink-0 { flex-shrink: 0; } .bay-area-native .shrink-0 { flex-shrink: 0; } .bay-area-native .grow { flex-grow: 1; } .bay-area-native .grow-0 { flex-grow: 0; } .bay-area-native .basis-full { flex-basis: 100%; } .bay-area-native .caption-bottom { caption-side: bottom; } .bay-area-native .border-collapse { border-collapse: collapse; } .bay-area-native .origin-\\(--radix-context-menu-content-transform-origin\\) { transform-origin: var(--radix-context-menu-content-transform-origin); } .bay-area-native .origin-\\(--radix-dropdown-menu-content-transform-origin\\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .bay-area-native .origin-\\(--radix-hover-card-content-transform-origin\\) { transform-origin: var(--radix-hover-card-content-transform-origin); } .bay-area-native .origin-\\(--radix-menubar-content-transform-origin\\) { transform-origin: var(--radix-menubar-content-transform-origin); } .bay-area-native .origin-\\(--radix-popover-content-transform-origin\\) { transform-origin: var(--radix-popover-content-transform-origin); } .bay-area-native .origin-\\(--radix-select-content-transform-origin\\) { transform-origin: var(--radix-select-content-transform-origin); } .bay-area-native .origin-\\(--radix-tooltip-content-transform-origin\\) { transform-origin: var(--radix-tooltip-content-transform-origin); } .bay-area-native .-translate-x-1\\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .translate-x-\\[-50\\%\\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .-translate-y-1\\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .translate-y-0\\.5 { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .translate-y-\\[-50\\%\\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .translate-y-\\[calc\\(-50\\%_-_2px\\)\\] { --tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .rotate-45 { rotate: 45deg; } .bay-area-native .rotate-90 { rotate: 90deg; } .bay-area-native .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .bay-area-native .animate-caret-blink { animation: caret-blink 1.25s ease-out infinite; } .bay-area-native .animate-in { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .animate-pulse { animation: var(--animate-pulse); } .bay-area-native .animate-spin { animation: var(--animate-spin); } .bay-area-native .cursor-col-resize { cursor: col-resize; } .bay-area-native .cursor-default { cursor: default; } .bay-area-native .cursor-pointer { cursor: pointer; } .bay-area-native .cursor-text { cursor: text; } .bay-area-native .touch-none { touch-action: none; } .bay-area-native .resize-none { resize: none; } .bay-area-native .scroll-my-1 { scroll-margin-block: var(--spacing); } .bay-area-native .scroll-py-1 { scroll-padding-block: var(--spacing); } .bay-area-native .list-disc { list-style-type: disc; } .bay-area-native .list-none { list-style-type: none; } .bay-area-native .auto-rows-min { grid-auto-rows: min-content; } .bay-area-native .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .bay-area-native .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bay-area-native .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .bay-area-native .grid-cols-\\[0_1fr\\] { grid-template-columns: 0 1fr; } .bay-area-native .grid-rows-\\[auto_auto\\] { grid-template-rows: auto auto; } .bay-area-native .flex-col { flex-direction: column; } .bay-area-native .flex-col-reverse { flex-direction: column-reverse; } .bay-area-native .flex-row { flex-direction: row; } .bay-area-native .flex-wrap { flex-wrap: wrap; } .bay-area-native .items-center { align-items: center; } .bay-area-native .items-end { align-items: flex-end; } .bay-area-native .items-start { align-items: flex-start; } .bay-area-native .items-stretch { align-items: stretch; } .bay-area-native .justify-between { justify-content: space-between; } .bay-area-native .justify-center { justify-content: center; } .bay-area-native .justify-end { justify-content: flex-end; } .bay-area-native .justify-start { justify-content: flex-start; } .bay-area-native .justify-items-start { justify-items: start; } .bay-area-native .gap-0 { gap: 0px; } .bay-area-native .gap-0\\.5 { gap: calc(var(--spacing) * 0.5); } .bay-area-native .gap-1 { gap: var(--spacing); } .bay-area-native .gap-1\\.5 { gap: calc(var(--spacing) * 1.5); } .bay-area-native .gap-2 { gap: calc(var(--spacing) * 2); } .bay-area-native .gap-2\\.5 { gap: calc(var(--spacing) * 2.5); } .bay-area-native .gap-3 { gap: calc(var(--spacing) * 3); } .bay-area-native .gap-4 { gap: calc(var(--spacing) * 4); } .bay-area-native .gap-6 { gap: calc(var(--spacing) * 6); } .bay-area-native .gap-7 { gap: calc(var(--spacing) * 7); } .bay-area-native .gap-8 { gap: calc(var(--spacing) * 8); } .bay-area-native :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse))); } .bay-area-native :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } .bay-area-native :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } .bay-area-native :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } .bay-area-native :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } .bay-area-native :where(.space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } .bay-area-native :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } .bay-area-native .gap-y-0\\.5 { row-gap: calc(var(--spacing) * 0.5); } .bay-area-native .self-start { align-self: flex-start; } .bay-area-native .self-stretch { align-self: stretch; } .bay-area-native .justify-self-end { justify-self: flex-end; } .bay-area-native .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bay-area-native .overflow-auto { overflow: auto; } .bay-area-native .overflow-hidden { overflow: hidden; } .bay-area-native .overflow-x-auto { overflow-x: auto; } .bay-area-native .overflow-x-hidden { overflow-x: hidden; } .bay-area-native .overflow-y-auto { overflow-y: auto; } .bay-area-native .rounded { border-radius: 0.25rem; } .bay-area-native .rounded-\\[2px\\] { border-radius: 2px; } .bay-area-native .rounded-\\[4px\\] { border-radius: 4px; } .bay-area-native .rounded-\\[10px\\] { border-radius: 10px; } .bay-area-native .rounded-\\[20px\\] { border-radius: 20px; } .bay-area-native .rounded-\\[calc\\(var\\(--radius\\)-5px\\)\\] { border-radius: calc(var(--radius) - 5px); } .bay-area-native .rounded-\\[inherit\\] { border-radius: inherit; } .bay-area-native .rounded-full { border-radius: calc(infinity * 1px); } .bay-area-native .rounded-lg { border-radius: var(--radius); } .bay-area-native .rounded-md { border-radius: calc(var(--radius) - 2px); } .bay-area-native .rounded-none { border-radius: 0; } .bay-area-native .rounded-sm { border-radius: calc(var(--radius) - 4px); } .bay-area-native .rounded-xl { border-radius: calc(var(--radius) + 4px); } .bay-area-native .rounded-xs { border-radius: var(--radius-xs); } .bay-area-native .rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .bay-area-native .rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); } .bay-area-native .rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .bay-area-native .border { border-style: var(--tw-border-style); border-width: 1px; } .bay-area-native .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .bay-area-native .border-\\[1\\.5px\\] { border-style: var(--tw-border-style); border-width: 1.5px; } .bay-area-native .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .bay-area-native .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .bay-area-native .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .bay-area-native .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .bay-area-native .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .bay-area-native .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .bay-area-native .border-dashed { --tw-border-style: dashed; border-style: dashed; } .bay-area-native .border-\\(--color-border\\) { border-color: var(--color-border); } .bay-area-native .border-\\[rgba\\(0\\,0\\,0\\,0\\.08\\)\\] { border-color: rgba(0,0,0,0.08); } .bay-area-native .border-border { border-color: var(--border); } .bay-area-native .border-border\\/50 { border-color: var(--border); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } .bay-area-native .border-input { border-color: var(--input); } .bay-area-native .border-primary { border-color: var(--primary); } .bay-area-native .border-transparent { border-color: transparent; } .bay-area-native .border-t-transparent { border-top-color: transparent; } .bay-area-native .border-l-transparent { border-left-color: transparent; } .bay-area-native .bg-\\(--color-bg\\) { background-color: var(--color-bg); } .bay-area-native .bg-\\[\\#1a1a19\\] { background-color: #1a1a19; } .bay-area-native .bg-\\[\\#f8f8f7\\] { background-color: #f8f8f7; } .bay-area-native .bg-accent { background-color: var(--accent); } .bay-area-native .bg-background { background-color: var(--background); } .bay-area-native .bg-background\\/50 { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 50%, transparent); } } .bay-area-native .bg-background\\/95 { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 95%, transparent); } } .bay-area-native .bg-black\\/50 { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bay-area-native .bg-blue-600 { background-color: var(--color-blue-600); } .bay-area-native .bg-border { background-color: var(--border); } .bay-area-native .bg-card { background-color: var(--card); } .bay-area-native .bg-destructive { background-color: var(--destructive); } .bay-area-native .bg-foreground { background-color: var(--foreground); } .bay-area-native .bg-input { background-color: var(--input); } .bay-area-native .bg-muted { background-color: var(--muted); } .bay-area-native .bg-muted\\/50 { background-color: var(--muted); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } .bay-area-native .bg-popover { background-color: var(--popover); } .bay-area-native .bg-primary { background-color: var(--primary); } .bay-area-native .bg-primary\\/10 { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .bay-area-native .bg-primary\\/20 { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .bay-area-native .bg-red-100 { background-color: var(--color-red-100); } .bay-area-native .bg-secondary { background-color: var(--secondary); } .bay-area-native .bg-transparent { background-color: transparent; } .bay-area-native .bg-white { background-color: var(--color-white); } .bay-area-native .bg-white\\/80 { background-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bay-area-native .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bay-area-native .from-slate-50 { --tw-gradient-from: var(--color-slate-50); --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)); } .bay-area-native .to-slate-100 { --tw-gradient-to: var(--color-slate-100); --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)); } .bay-area-native .fill-current { fill: currentcolor; } .bay-area-native .fill-foreground { fill: var(--foreground); } .bay-area-native .fill-primary { fill: var(--primary); } .bay-area-native .p-0 { padding: 0px; } .bay-area-native .p-1 { padding: var(--spacing); } .bay-area-native .p-2 { padding: calc(var(--spacing) * 2); } .bay-area-native .p-3 { padding: calc(var(--spacing) * 3); } .bay-area-native .p-4 { padding: calc(var(--spacing) * 4); } .bay-area-native .p-5 { padding: calc(var(--spacing) * 5); } .bay-area-native .p-6 { padding: calc(var(--spacing) * 6); } .bay-area-native .p-8 { padding: calc(var(--spacing) * 8); } .bay-area-native .p-\\[3px\\] { padding: 3px; } .bay-area-native .p-px { padding: 1px; } .bay-area-native .px-\\(--cell-size\\) { padding-inline: var(--cell-size); } .bay-area-native .px-1 { padding-inline: var(--spacing); } .bay-area-native .px-1\\.5 { padding-inline: calc(var(--spacing) * 1.5); } .bay-area-native .px-2 { padding-inline: calc(var(--spacing) * 2); } .bay-area-native .px-2\\.5 { padding-inline: calc(var(--spacing) * 2.5); } .bay-area-native .px-3 { padding-inline: calc(var(--spacing) * 3); } .bay-area-native .px-4 { padding-inline: calc(var(--spacing) * 4); } .bay-area-native .px-5 { padding-inline: calc(var(--spacing) * 5); } .bay-area-native .px-6 { padding-inline: calc(var(--spacing) * 6); } .bay-area-native .py-0\\.5 { padding-block: calc(var(--spacing) * 0.5); } .bay-area-native .py-1 { padding-block: var(--spacing); } .bay-area-native .py-1\\.5 { padding-block: calc(var(--spacing) * 1.5); } .bay-area-native .py-2 { padding-block: calc(var(--spacing) * 2); } .bay-area-native .py-2\\.5 { padding-block: calc(var(--spacing) * 2.5); } .bay-area-native .py-3 { padding-block: calc(var(--spacing) * 3); } .bay-area-native .py-4 { padding-block: calc(var(--spacing) * 4); } .bay-area-native .py-5 { padding-block: calc(var(--spacing) * 5); } .bay-area-native .py-6 { padding-block: calc(var(--spacing) * 6); } .bay-area-native .pt-0 { padding-top: 0px; } .bay-area-native .pt-3 { padding-top: calc(var(--spacing) * 3); } .bay-area-native .pt-4 { padding-top: calc(var(--spacing) * 4); } .bay-area-native .pt-6 { padding-top: calc(var(--spacing) * 6); } .bay-area-native .pt-8 { padding-top: calc(var(--spacing) * 8); } .bay-area-native .pt-12 { padding-top: calc(var(--spacing) * 12); } .bay-area-native .pr-1 { padding-right: var(--spacing); } .bay-area-native .pr-2 { padding-right: calc(var(--spacing) * 2); } .bay-area-native .pr-2\\.5 { padding-right: calc(var(--spacing) * 2.5); } .bay-area-native .pr-3 { padding-right: calc(var(--spacing) * 3); } .bay-area-native .pr-8 { padding-right: calc(var(--spacing) * 8); } .bay-area-native .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .bay-area-native .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .bay-area-native .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .bay-area-native .pl-2 { padding-left: calc(var(--spacing) * 2); } .bay-area-native .pl-3 { padding-left: calc(var(--spacing) * 3); } .bay-area-native .pl-4 { padding-left: calc(var(--spacing) * 4); } .bay-area-native .pl-8 { padding-left: calc(var(--spacing) * 8); } .bay-area-native .text-center { text-align: center; } .bay-area-native .text-left { text-align: left; } .bay-area-native .text-right { text-align: right; } .bay-area-native .align-middle { vertical-align: middle; } .bay-area-native .font-mono { font-family: var(--font-mono); } .bay-area-native .font-sans { font-family: "Manrope", Arial, sans-serif; } .bay-area-native .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .bay-area-native .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .bay-area-native .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .bay-area-native .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .bay-area-native .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .bay-area-native .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .bay-area-native .text-sm\\/relaxed { font-size: var(--text-sm); line-height: var(--leading-relaxed); } .bay-area-native .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .bay-area-native .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .bay-area-native .text-\\[0\\.8rem\\] { font-size: 0.8rem; } .bay-area-native .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .bay-area-native .leading-\\[26px\\] { --tw-leading: 26px; line-height: 26px; } .bay-area-native .leading-none { --tw-leading: 1; line-height: 1; } .bay-area-native .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .bay-area-native .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .bay-area-native .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .bay-area-native .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .bay-area-native .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .bay-area-native .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .bay-area-native .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .bay-area-native .tracking-\\[-0\\.44px\\] { --tw-tracking: -0.44px; letter-spacing: -0.44px; } .bay-area-native .tracking-\\[-0\\.154px\\] { --tw-tracking: -0.154px; letter-spacing: -0.154px; } .bay-area-native .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .bay-area-native .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .bay-area-native .text-balance { text-wrap: balance; } .bay-area-native .break-words { overflow-wrap: break-word; } .bay-area-native .whitespace-break-spaces { white-space: break-spaces; } .bay-area-native .whitespace-nowrap { white-space: nowrap; } .bay-area-native .whitespace-pre-wrap { white-space: pre-wrap; } .bay-area-native .text-\\[\\#34322d\\] { color: #34322d; } .bay-area-native .text-\\[\\#858481\\] { color: #858481; } .bay-area-native .text-accent-foreground { color: var(--accent-foreground); } .bay-area-native .text-background { color: var(--background); } .bay-area-native .text-card-foreground { color: var(--card-foreground); } .bay-area-native .text-current { color: currentcolor; } .bay-area-native .text-destructive { color: var(--destructive); } .bay-area-native .text-destructive-foreground { color: var(--destructive-foreground); } .bay-area-native .text-foreground { color: var(--foreground); } .bay-area-native .text-muted-foreground { color: var(--muted-foreground); } .bay-area-native .text-popover-foreground { color: var(--popover-foreground); } .bay-area-native .text-primary { color: var(--primary); } .bay-area-native .text-primary-foreground { color: var(--primary-foreground); } .bay-area-native .text-red-500 { color: var(--color-red-500); } .bay-area-native .text-secondary-foreground { color: var(--secondary-foreground); } .bay-area-native .text-slate-600 { color: var(--color-slate-600); } .bay-area-native .text-slate-700 { color: var(--color-slate-700); } .bay-area-native .text-slate-900 { color: var(--color-slate-900); } .bay-area-native .text-white { color: var(--color-white); } .bay-area-native .italic { font-style: italic; } .bay-area-native .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .bay-area-native .underline { text-decoration-line: underline; } .bay-area-native .underline-offset-4 { text-underline-offset: 4px; } .bay-area-native .opacity-0 { opacity: 0%; } .bay-area-native .opacity-20 { opacity: 20%; } .bay-area-native .opacity-50 { opacity: 50%; } .bay-area-native .opacity-70 { opacity: 70%; } .bay-area-native .opacity-90 { opacity: 90%; } .bay-area-native .opacity-100 { opacity: 100%; } .bay-area-native .shadow { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .shadow-\\[0px_4px_11px_0px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\] { --tw-shadow: 0px 4px 11px 0px var(--tw-shadow-color, rgba(0,0,0,0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .shadow-lg { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .shadow-md { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .shadow-sm { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .shadow-xl { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .ring-ring\\/50 { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .bay-area-native .ring-offset-background { --tw-ring-offset-color: var(--background); } .bay-area-native .outline-hidden { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .bay-area-native .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .bay-area-native .backdrop-blur { --tw-backdrop-blur: blur(8px); -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,); 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,); } .bay-area-native .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); -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,); 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,); } .bay-area-native .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -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,); 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,); } .bay-area-native .transition { 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; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-\\[color\\,box-shadow\\] { transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-\\[left\\,right\\,width\\] { transition-property: left,right,width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-\\[margin\\,opacity\\] { transition-property: margin,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-\\[width\\,height\\,padding\\] { transition-property: width,height,padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-\\[width\\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .bay-area-native .transition-none { transition-property: none; } .bay-area-native .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .bay-area-native .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .bay-area-native .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .bay-area-native .duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; } .bay-area-native .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .bay-area-native .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .bay-area-native .fade-in-0 { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } .bay-area-native .outline-none { --tw-outline-style: none; outline-style: none; } .bay-area-native .select-none { -webkit-user-select: none; user-select: none; } .bay-area-native .zoom-in-95 { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } .bay-area-native .\\[--cell-size\\:--spacing\\(8\\)\\] { --cell-size: calc(var(--spacing) * 8); } .bay-area-native .group-focus-within\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):focus-within *) { opacity: 100%; } @media (hover: hover) { .bay-area-native .group-hover\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):hover *) { opacity: 100%; } } .bay-area-native .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8:is(:where(.group\\/menu-item):has([data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing) * 8); } .bay-area-native .group-has-\\[\\[data-orientation\\=horizontal\\]\\]\\/field\\:text-balance:is(:where(.group\\/field):has(:is([data-orientation=horizontal])) *) { text-wrap: balance; } .bay-area-native .group-has-\\[\\[data-slot\\=item-description\\]\\]\\/item\\:translate-y-0\\.5:is(:where(.group\\/item):has(:is([data-slot=item-description])) *) { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .group-has-\\[\\[data-slot\\=item-description\\]\\]\\/item\\:self-start:is(:where(.group\\/item):has(:is([data-slot=item-description])) *) { align-self: flex-start; } .bay-area-native .group-has-\\[\\>input\\]\\/input-group\\:pt-2\\.5:is(:where(.group\\/input-group):has( > input) *) { padding-top: calc(var(--spacing) * 2.5); } .bay-area-native .group-has-\\[\\>input\\]\\/input-group\\:pb-2\\.5:is(:where(.group\\/input-group):has( > input) *) { padding-bottom: calc(var(--spacing) * 2.5); } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing) * -8); } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:hidden:is(:where(.group)[data-collapsible="icon"] *) { display: none; } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:size-8\\!:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\):is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))); } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px); } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:justify-center:is(:where(.group)[data-collapsible="icon"] *) { justify-content: center; } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:p-0\\!:is(:where(.group)[data-collapsible="icon"] *) { padding: 0px !important; } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:p-2\\!:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 2) !important; } .bay-area-native .group-data-\\[collapsible\\=icon\\]\\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0%; } .bay-area-native .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\]:is(:where(.group)[data-collapsible="offcanvas"] *) { right: calc(var(--sidebar-width) * -1); } .bay-area-native .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\]:is(:where(.group)[data-collapsible="offcanvas"] *) { left: calc(var(--sidebar-width) * -1); } .bay-area-native .group-data-\\[collapsible\\=offcanvas\\]\\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) { width: 0px; } .bay-area-native .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) { pointer-events: none; } .bay-area-native .group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled="true"] *) { opacity: 50%; } .bay-area-native .group-data-\\[disabled\\=true\\]\\/field\\:opacity-50:is(:where(.group\\/field)[data-disabled="true"] *) { opacity: 50%; } .bay-area-native .group-data-\\[disabled\\=true\\]\\/input-group\\:opacity-50:is(:where(.group\\/input-group)[data-disabled="true"] *) { opacity: 50%; } .bay-area-native .group-data-\\[focused\\=true\\]\\/day\\:relative:is(:where(.group\\/day)[data-focused="true"] *) { position: relative; } .bay-area-native .group-data-\\[focused\\=true\\]\\/day\\:z-10:is(:where(.group\\/day)[data-focused="true"] *) { z-index: 10; } .bay-area-native .group-data-\\[focused\\=true\\]\\/day\\:border-ring:is(:where(.group\\/day)[data-focused="true"] *) { border-color: var(--ring); } .bay-area-native .group-data-\\[focused\\=true\\]\\/day\\:ring-\\[3px\\]:is(:where(.group\\/day)[data-focused="true"] *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused="true"] *) { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .bay-area-native .group-data-\\[side\\=left\\]\\:-right-4:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing) * -4); } .bay-area-native .group-data-\\[side\\=left\\]\\:border-r:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; } .bay-area-native .group-data-\\[side\\=right\\]\\:left-0:is(:where(.group)[data-side="right"] *) { left: 0px; } .bay-area-native .group-data-\\[side\\=right\\]\\:rotate-180:is(:where(.group)[data-side="right"] *) { rotate: 180deg; } .bay-area-native .group-data-\\[side\\=right\\]\\:border-l:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; } .bay-area-native .group-data-\\[state\\=open\\]\\:rotate-180:is(:where(.group)[data-state="open"] *) { rotate: 180deg; } .bay-area-native .group-data-\\[variant\\=floating\\]\\:rounded-lg:is(:where(.group)[data-variant="floating"] *) { border-radius: var(--radius); } .bay-area-native .group-data-\\[variant\\=floating\\]\\:border:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; } .bay-area-native .group-data-\\[variant\\=floating\\]\\:shadow-sm:is(:where(.group)[data-variant="floating"] *) { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .group-data-\\[variant\\=outline\\]\\/field-group\\:-mb-2:is(:where(.group\\/field-group)[data-variant="outline"] *) { margin-bottom: calc(var(--spacing) * -2); } .bay-area-native .group-data-\\[vaul-drawer-direction\\=bottom\\]\\/drawer-content\\:block:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction="bottom"] *) { display: block; } .bay-area-native .group-data-\\[vaul-drawer-direction\\=bottom\\]\\/drawer-content\\:text-center:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction="bottom"] *) { text-align: center; } .bay-area-native .group-data-\\[vaul-drawer-direction\\=top\\]\\/drawer-content\\:text-center:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction="top"] *) { text-align: center; } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:top-full:is(:where(.group\\/navigation-menu)[data-viewport="false"] *) { top: 100%; } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:mt-1\\.5:is(:where(.group\\/navigation-menu)[data-viewport="false"] *) { margin-top: calc(var(--spacing) * 1.5); } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:overflow-hidden:is(:where(.group\\/navigation-menu)[data-viewport="false"] *) { overflow: hidden; } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:rounded-md:is(:where(.group\\/navigation-menu)[data-viewport="false"] *) { border-radius: calc(var(--radius) - 2px); } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:border:is(:where(.group\\/navigation-menu)[data-viewport="false"] *) { border-style: var(--tw-border-style); border-width: 1px; } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:bg-popover:is(:where(.group\\/navigation-menu)[data-viewport="false"] *) { background-color: var(--popover); } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:text-popover-foreground:is(:where(.group\\/navigation-menu)[data-viewport="false"] *) { color: var(--popover-foreground); } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:shadow:is(:where(.group\\/navigation-menu)[data-viewport="false"] *) { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:duration-200:is(:where(.group\\/navigation-menu)[data-viewport="false"] *) { --tw-duration: 200ms; transition-duration: 200ms; } .bay-area-native .peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } .bay-area-native .peer-disabled\\:opacity-50:is(:where(.peer):disabled ~ *) { opacity: 50%; } .bay-area-native .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5:is(:where(.peer\\/menu-button)[data-size="default"] ~ *) { top: calc(var(--spacing) * 1.5); } .bay-area-native .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5:is(:where(.peer\\/menu-button)[data-size="lg"] ~ *) { top: calc(var(--spacing) * 2.5); } .bay-area-native .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1:is(:where(.peer\\/menu-button)[data-size="sm"] ~ *) { top: var(--spacing); } .bay-area-native .selection\\:bg-primary ::selection { background-color: var(--primary); } .bay-area-native .selection\\:bg-primary::selection { background-color: var(--primary); } .bay-area-native .selection\\:text-primary-foreground ::selection { color: var(--primary-foreground); } .bay-area-native .selection\\:text-primary-foreground::selection { color: var(--primary-foreground); } .bay-area-native .file\\:inline-flex::file-selector-button { display: inline-flex; } .bay-area-native .file\\:h-7::file-selector-button { height: calc(var(--spacing) * 7); } .bay-area-native .file\\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; } .bay-area-native .file\\:bg-transparent::file-selector-button { background-color: transparent; } .bay-area-native .file\\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .bay-area-native .file\\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .bay-area-native .file\\:text-foreground::file-selector-button { color: var(--foreground); } .bay-area-native .placeholder\\:text-muted-foreground::placeholder { color: var(--muted-foreground); } .bay-area-native .after\\:absolute::after { content: var(--tw-content); position: absolute; } .bay-area-native .after\\:-inset-2::after { content: var(--tw-content); inset: calc(var(--spacing) * -2); } .bay-area-native .after\\:inset-y-0::after { content: var(--tw-content); inset-block: 0px; } .bay-area-native .after\\:left-1\\/2::after { content: var(--tw-content); left: calc(1 / 2 * 100%); } .bay-area-native .after\\:w-1::after { content: var(--tw-content); width: var(--spacing); } .bay-area-native .after\\:w-\\[2px\\]::after { content: var(--tw-content); width: 2px; } .bay-area-native .after\\:-translate-x-1\\/2::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after { content: var(--tw-content); left: 100%; } .bay-area-native .first\\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .bay-area-native .first\\:border-l:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; } .bay-area-native .last\\:mt-0:last-child { margin-top: 0px; } .bay-area-native .last\\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .bay-area-native .last\\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } @media (hover: hover) { .bay-area-native .hover\\:bg-\\[\\#1a1a19\\]\\/90:hover { background-color: color-mix(in oklab, #1a1a19 90%, transparent); } .bay-area-native .hover\\:bg-accent:hover { background-color: var(--accent); } .bay-area-native .hover\\:bg-accent\\/50:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native .hover\\:bg-accent\\/50:hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .bay-area-native .hover\\:bg-blue-700:hover { background-color: var(--color-blue-700); } .bay-area-native .hover\\:bg-destructive\\/90:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native .hover\\:bg-destructive\\/90:hover { background-color: color-mix(in oklab, var(--destructive) 90%, transparent); } } .bay-area-native .hover\\:bg-muted:hover { background-color: var(--muted); } .bay-area-native .hover\\:bg-muted\\/50:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native .hover\\:bg-muted\\/50:hover { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } .bay-area-native .hover\\:bg-primary\\/20:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native .hover\\:bg-primary\\/20:hover { background-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .bay-area-native .hover\\:bg-primary\\/90:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native .hover\\:bg-primary\\/90:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } .bay-area-native .hover\\:bg-secondary\\/80:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native .hover\\:bg-secondary\\/80:hover { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); } } .bay-area-native .hover\\:text-accent-foreground:hover { color: var(--accent-foreground); } .bay-area-native .hover\\:text-foreground:hover { color: var(--foreground); } .bay-area-native .hover\\:text-muted-foreground:hover { color: var(--muted-foreground); } .bay-area-native .hover\\:underline:hover { text-decoration-line: underline; } .bay-area-native .hover\\:opacity-90:hover { opacity: 90%; } .bay-area-native .hover\\:opacity-100:hover { opacity: 100%; } .bay-area-native .hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\]:hover { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .hover\\:shadow-lg:hover { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .hover\\:shadow-xl:hover { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .hover\\:ring-4:hover { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .bay-area-native .focus\\:z-10:focus { z-index: 10; } .bay-area-native .focus\\:bg-accent:focus { background-color: var(--accent); } .bay-area-native .focus\\:text-accent-foreground:focus { color: var(--accent-foreground); } .bay-area-native .focus\\:text-destructive:focus { color: var(--destructive); } .bay-area-native .focus\\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .focus\\:ring-ring:focus { --tw-ring-color: var(--ring); } .bay-area-native .focus\\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .bay-area-native .focus\\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .bay-area-native .focus\\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .bay-area-native .focus-visible\\:z-10:focus-visible { z-index: 10; } .bay-area-native .focus-visible\\:border-ring:focus-visible { border-color: var(--ring); } .bay-area-native .focus-visible\\:ring-0:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .focus-visible\\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .focus-visible\\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .focus-visible\\:ring-4:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .focus-visible\\:ring-\\[3px\\]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .focus-visible\\:ring-destructive\\/20:focus-visible { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .bay-area-native .focus-visible\\:ring-ring:focus-visible { --tw-ring-color: var(--ring); } .bay-area-native .focus-visible\\:ring-ring\\/50:focus-visible { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .bay-area-native .focus-visible\\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .bay-area-native .focus-visible\\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .bay-area-native .focus-visible\\:outline-1:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } .bay-area-native .focus-visible\\:outline-ring:focus-visible { outline-color: var(--ring); } .bay-area-native .disabled\\:pointer-events-none:disabled { pointer-events: none; } .bay-area-native .disabled\\:cursor-not-allowed:disabled { cursor: not-allowed; } .bay-area-native .disabled\\:opacity-50:disabled { opacity: 50%; } .bay-area-native :where([data-side="left"]) .in-data-\\[side\\=left\\]\\:cursor-w-resize { cursor: w-resize; } .bay-area-native :where([data-side="right"]) .in-data-\\[side\\=right\\]\\:cursor-e-resize { cursor: e-resize; } .bay-area-native .has-focus\\:border-ring:has(:focus) { border-color: var(--ring); } .bay-area-native .has-focus\\:ring-\\[3px\\]:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .has-focus\\:ring-ring\\/50:has(:focus) { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .bay-area-native .has-disabled\\:opacity-50:has(:disabled) { opacity: 50%; } .bay-area-native .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot="card-action"]) { grid-template-columns: 1fr auto; } .bay-area-native .has-data-\\[state\\=checked\\]\\:border-primary:has([data-state="checked"]) { border-color: var(--primary); } .bay-area-native .has-data-\\[state\\=checked\\]\\:bg-primary\\/5:has([data-state="checked"]) { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 5%, transparent); } } .bay-area-native .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:border-ring:has(:is([data-slot=input-group-control]:focus-visible)) { border-color: var(--ring); } .bay-area-native .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-\\[3px\\]:has(:is([data-slot=input-group-control]:focus-visible)) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has(:is([data-slot=input-group-control]:focus-visible)) { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .bay-area-native .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:border-destructive:has(:is([data-slot][aria-invalid=true])) { border-color: var(--destructive); } .bay-area-native .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has(:is([data-slot][aria-invalid=true])) { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .bay-area-native .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:h-auto:has( > [data-align=block-end]) { height: auto; } .bay-area-native .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:flex-col:has( > [data-align=block-end]) { flex-direction: column; } .bay-area-native .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:h-auto:has( > [data-align=block-start]) { height: auto; } .bay-area-native .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:flex-col:has( > [data-align=block-start]) { flex-direction: column; } .bay-area-native .has-\\[\\>\\[data-slot\\=button-group\\]\\]\\:gap-2:has( > [data-slot=button-group]) { gap: calc(var(--spacing) * 2); } .bay-area-native .has-\\[\\>\\[data-slot\\=checkbox-group\\]\\]\\:gap-3:has( > [data-slot=checkbox-group]) { gap: calc(var(--spacing) * 3); } .bay-area-native .has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start:has( > [data-slot=field-content]) { align-items: flex-start; } .bay-area-native .has-\\[\\>\\[data-slot\\=field\\]\\]\\:w-full:has( > [data-slot=field]) { width: 100%; } .bay-area-native .has-\\[\\>\\[data-slot\\=field\\]\\]\\:flex-col:has( > [data-slot=field]) { flex-direction: column; } .bay-area-native .has-\\[\\>\\[data-slot\\=field\\]\\]\\:rounded-md:has( > [data-slot=field]) { border-radius: calc(var(--radius) - 2px); } .bay-area-native .has-\\[\\>\\[data-slot\\=field\\]\\]\\:border:has( > [data-slot=field]) { border-style: var(--tw-border-style); border-width: 1px; } .bay-area-native .has-\\[\\>\\[data-slot\\=radio-group\\]\\]\\:gap-3:has( > [data-slot=radio-group]) { gap: calc(var(--spacing) * 3); } .bay-area-native .has-\\[\\>button\\]\\:mr-\\[-0\\.45rem\\]:has( > button) { margin-right: -0.45rem; } .bay-area-native .has-\\[\\>button\\]\\:ml-\\[-0\\.45rem\\]:has( > button) { margin-left: -0.45rem; } .bay-area-native .has-\\[\\>kbd\\]\\:mr-\\[-0\\.35rem\\]:has( > kbd) { margin-right: -0.35rem; } .bay-area-native .has-\\[\\>kbd\\]\\:ml-\\[-0\\.35rem\\]:has( > kbd) { margin-left: -0.35rem; } .bay-area-native .has-\\[\\>svg\\]\\:grid-cols-\\[calc\\(var\\(--spacing\\)\\*4\\)_1fr\\]:has( > svg) { grid-template-columns: calc(var(--spacing) * 4) 1fr; } .bay-area-native .has-\\[\\>svg\\]\\:gap-x-3:has( > svg) { column-gap: calc(var(--spacing) * 3); } .bay-area-native .has-\\[\\>svg\\]\\:p-0:has( > svg) { padding: 0px; } .bay-area-native .has-\\[\\>svg\\]\\:px-2:has( > svg) { padding-inline: calc(var(--spacing) * 2); } .bay-area-native .has-\\[\\>svg\\]\\:px-2\\.5:has( > svg) { padding-inline: calc(var(--spacing) * 2.5); } .bay-area-native .has-\\[\\>svg\\]\\:px-3:has( > svg) { padding-inline: calc(var(--spacing) * 3); } .bay-area-native .has-\\[\\>svg\\]\\:px-4:has( > svg) { padding-inline: calc(var(--spacing) * 4); } .bay-area-native .has-\\[\\>textarea\\]\\:h-auto:has( > textarea) { height: auto; } .bay-area-native .aria-disabled\\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .bay-area-native .aria-disabled\\:opacity-50[aria-disabled="true"] { opacity: 50%; } .bay-area-native .aria-invalid\\:border-destructive[aria-invalid="true"] { border-color: var(--destructive); } .bay-area-native .aria-invalid\\:ring-destructive\\/20[aria-invalid="true"] { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .bay-area-native .aria-selected\\:text-muted-foreground[aria-selected="true"] { color: var(--muted-foreground); } .bay-area-native .data-\\[active\\=true\\]\\:z-10[data-active="true"] { z-index: 10; } .bay-area-native .data-\\[active\\=true\\]\\:border-ring[data-active="true"] { border-color: var(--ring); } .bay-area-native .data-\\[active\\=true\\]\\:bg-accent\\/50[data-active="true"] { background-color: var(--accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .bay-area-native .data-\\[active\\=true\\]\\:font-medium[data-active="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .bay-area-native .data-\\[active\\=true\\]\\:text-accent-foreground[data-active="true"] { color: var(--accent-foreground); } .bay-area-native .data-\\[active\\=true\\]\\:ring-\\[3px\\][data-active="true"] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .data-\\[active\\=true\\]\\:ring-ring\\/50[data-active="true"] { --tw-ring-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } @media (hover: hover) { .bay-area-native .data-\\[active\\=true\\]\\:hover\\:bg-accent[data-active="true"]:hover { background-color: var(--accent); } } .bay-area-native .data-\\[active\\=true\\]\\:focus\\:bg-accent[data-active="true"]:focus { background-color: var(--accent); } .bay-area-native .data-\\[active\\=true\\]\\:aria-invalid\\:border-destructive[data-active="true"][aria-invalid="true"] { border-color: var(--destructive); } .bay-area-native .data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/20[data-active="true"][aria-invalid="true"] { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .bay-area-native .data-\\[disabled\\]\\:pointer-events-none[data-disabled] { pointer-events: none; } .bay-area-native .data-\\[disabled\\]\\:opacity-50[data-disabled] { opacity: 50%; } .bay-area-native .data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .bay-area-native .data-\\[disabled\\=true\\]\\:opacity-50[data-disabled="true"] { opacity: 50%; } .bay-area-native .data-\\[error\\=true\\]\\:text-destructive[data-error="true"] { color: var(--destructive); } .bay-area-native .data-\\[inset\\]\\:pl-8[data-inset] { padding-left: calc(var(--spacing) * 8); } .bay-area-native .data-\\[invalid\\=true\\]\\:text-destructive[data-invalid="true"] { color: var(--destructive); } .bay-area-native .data-\\[motion\\=from-end\\]\\:slide-in-from-right-52[data-motion="from-end"] { --tw-enter-translate-x: calc(52*var(--spacing)); } .bay-area-native .data-\\[motion\\=from-start\\]\\:slide-in-from-left-52[data-motion="from-start"] { --tw-enter-translate-x: calc(52*var(--spacing)*-1); } .bay-area-native .data-\\[motion\\=to-end\\]\\:slide-out-to-right-52[data-motion="to-end"] { --tw-exit-translate-x: calc(52*var(--spacing)); } .bay-area-native .data-\\[motion\\=to-start\\]\\:slide-out-to-left-52[data-motion="to-start"] { --tw-exit-translate-x: calc(52*var(--spacing)*-1); } .bay-area-native .data-\\[motion\\^\\=from-\\]\\:animate-in[data-motion^="from-"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .data-\\[motion\\^\\=from-\\]\\:fade-in[data-motion^="from-"] { --tw-enter-opacity: 0; } .bay-area-native .data-\\[motion\\^\\=to-\\]\\:animate-out[data-motion^="to-"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .data-\\[motion\\^\\=to-\\]\\:fade-out[data-motion^="to-"] { --tw-exit-opacity: 0; } .bay-area-native .data-\\[orientation\\=horizontal\\]\\:h-1\\.5[data-orientation="horizontal"] { height: calc(var(--spacing) * 1.5); } .bay-area-native .data-\\[orientation\\=horizontal\\]\\:h-full[data-orientation="horizontal"] { height: 100%; } .bay-area-native .data-\\[orientation\\=horizontal\\]\\:h-px[data-orientation="horizontal"] { height: 1px; } .bay-area-native .data-\\[orientation\\=horizontal\\]\\:w-full[data-orientation="horizontal"] { width: 100%; } .bay-area-native .data-\\[orientation\\=vertical\\]\\:h-auto[data-orientation="vertical"] { height: auto; } .bay-area-native .data-\\[orientation\\=vertical\\]\\:h-full[data-orientation="vertical"] { height: 100%; } .bay-area-native .data-\\[orientation\\=vertical\\]\\:min-h-44[data-orientation="vertical"] { min-height: calc(var(--spacing) * 44); } .bay-area-native .data-\\[orientation\\=vertical\\]\\:w-1\\.5[data-orientation="vertical"] { width: calc(var(--spacing) * 1.5); } .bay-area-native .data-\\[orientation\\=vertical\\]\\:w-auto[data-orientation="vertical"] { width: auto; } .bay-area-native .data-\\[orientation\\=vertical\\]\\:w-full[data-orientation="vertical"] { width: 100%; } .bay-area-native .data-\\[orientation\\=vertical\\]\\:w-px[data-orientation="vertical"] { width: 1px; } .bay-area-native .data-\\[orientation\\=vertical\\]\\:flex-col[data-orientation="vertical"] { flex-direction: column; } .bay-area-native .data-\\[panel-group-direction\\=vertical\\]\\:h-px[data-panel-group-direction="vertical"] { height: 1px; } .bay-area-native .data-\\[panel-group-direction\\=vertical\\]\\:w-full[data-panel-group-direction="vertical"] { width: 100%; } .bay-area-native .data-\\[panel-group-direction\\=vertical\\]\\:flex-col[data-panel-group-direction="vertical"] { flex-direction: column; } .bay-area-native .data-\\[panel-group-direction\\=vertical\\]\\:after\\:left-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); left: 0px; } .bay-area-native .data-\\[panel-group-direction\\=vertical\\]\\:after\\:h-1[data-panel-group-direction="vertical"]::after { content: var(--tw-content); height: var(--spacing); } .bay-area-native .data-\\[panel-group-direction\\=vertical\\]\\:after\\:w-full[data-panel-group-direction="vertical"]::after { content: var(--tw-content); width: 100%; } .bay-area-native .data-\\[panel-group-direction\\=vertical\\]\\:after\\:translate-x-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .data-\\[panel-group-direction\\=vertical\\]\\:after\\:-translate-y-1\\/2[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .data-\\[placeholder\\]\\:text-muted-foreground[data-placeholder] { color: var(--muted-foreground); } .bay-area-native .data-\\[range-end\\=true\\]\\:rounded-md[data-range-end="true"] { border-radius: calc(var(--radius) - 2px); } .bay-area-native .data-\\[range-end\\=true\\]\\:rounded-r-md[data-range-end="true"] { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .bay-area-native .data-\\[range-end\\=true\\]\\:bg-primary[data-range-end="true"] { background-color: var(--primary); } .bay-area-native .data-\\[range-end\\=true\\]\\:text-primary-foreground[data-range-end="true"] { color: var(--primary-foreground); } .bay-area-native .data-\\[range-middle\\=true\\]\\:rounded-none[data-range-middle="true"] { border-radius: 0; } .bay-area-native .data-\\[range-middle\\=true\\]\\:bg-accent[data-range-middle="true"] { background-color: var(--accent); } .bay-area-native .data-\\[range-middle\\=true\\]\\:text-accent-foreground[data-range-middle="true"] { color: var(--accent-foreground); } .bay-area-native .data-\\[range-start\\=true\\]\\:rounded-md[data-range-start="true"] { border-radius: calc(var(--radius) - 2px); } .bay-area-native .data-\\[range-start\\=true\\]\\:rounded-l-md[data-range-start="true"] { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .bay-area-native .data-\\[range-start\\=true\\]\\:bg-primary[data-range-start="true"] { background-color: var(--primary); } .bay-area-native .data-\\[range-start\\=true\\]\\:text-primary-foreground[data-range-start="true"] { color: var(--primary-foreground); } .bay-area-native .data-\\[selected-single\\=true\\]\\:bg-primary[data-selected-single="true"] { background-color: var(--primary); } .bay-area-native .data-\\[selected-single\\=true\\]\\:text-primary-foreground[data-selected-single="true"] { color: var(--primary-foreground); } .bay-area-native .data-\\[selected\\=true\\]\\:rounded-none[data-selected="true"] { border-radius: 0; } .bay-area-native .data-\\[selected\\=true\\]\\:bg-accent[data-selected="true"] { background-color: var(--accent); } .bay-area-native .data-\\[selected\\=true\\]\\:text-accent-foreground[data-selected="true"] { color: var(--accent-foreground); } .bay-area-native .data-\\[side\\=bottom\\]\\:translate-y-1[data-side="bottom"] { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); } .bay-area-native .data-\\[side\\=left\\]\\:-translate-x-1[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); } .bay-area-native .data-\\[side\\=right\\]\\:translate-x-1[data-side="right"] { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); } .bay-area-native .data-\\[side\\=top\\]\\:-translate-y-1[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); } .bay-area-native .data-\\[size\\=default\\]\\:h-9[data-size="default"] { height: calc(var(--spacing) * 9); } .bay-area-native .data-\\[size\\=sm\\]\\:h-8[data-size="sm"] { height: calc(var(--spacing) * 8); } .bay-area-native :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-destructive\\/90 > *)[data-slot="alert-description"] { color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--destructive) 90%, transparent); } } .bay-area-native .data-\\[slot\\=checkbox-group\\]\\:gap-3[data-slot="checkbox-group"] { gap: calc(var(--spacing) * 3); } .bay-area-native :is(.\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:h-12 *)[data-slot="command-input-wrapper"] { height: calc(var(--spacing) * 12); } .bay-area-native :is(.\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:ring-0 *)[data-slot="navigation-menu-link"]:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native :is(.\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:outline-none *)[data-slot="navigation-menu-link"]:focus { --tw-outline-style: none; outline-style: none; } .bay-area-native :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1 > *)[data-slot="select-value"] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .bay-area-native :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex > *)[data-slot="select-value"] { display: flex; } .bay-area-native :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center > *)[data-slot="select-value"] { align-items: center; } .bay-area-native :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-2 > *)[data-slot="select-value"] { gap: calc(var(--spacing) * 2); } .bay-area-native .data-\\[state\\=active\\]\\:bg-background[data-state="active"] { background-color: var(--background); } .bay-area-native .data-\\[state\\=active\\]\\:shadow-sm[data-state="active"] { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .data-\\[state\\=checked\\]\\:translate-x-\\[calc\\(100\\%-2px\\)\\][data-state="checked"] { --tw-translate-x: calc(100% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .data-\\[state\\=checked\\]\\:border-primary[data-state="checked"] { border-color: var(--primary); } .bay-area-native .data-\\[state\\=checked\\]\\:bg-primary[data-state="checked"] { background-color: var(--primary); } .bay-area-native .data-\\[state\\=checked\\]\\:text-primary-foreground[data-state="checked"] { color: var(--primary-foreground); } .bay-area-native .data-\\[state\\=closed\\]\\:animate-accordion-up[data-state="closed"] { animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .data-\\[state\\=closed\\]\\:animate-out[data-state="closed"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .data-\\[state\\=closed\\]\\:duration-300[data-state="closed"] { --tw-duration: 300ms; transition-duration: 300ms; } .bay-area-native .data-\\[state\\=closed\\]\\:fade-out-0[data-state="closed"] { --tw-exit-opacity: calc(0/100); --tw-exit-opacity: 0; } .bay-area-native .data-\\[state\\=closed\\]\\:zoom-out-95[data-state="closed"] { --tw-exit-scale: calc(95*1%); --tw-exit-scale: .95; } .bay-area-native .data-\\[state\\=closed\\]\\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .bay-area-native .data-\\[state\\=closed\\]\\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; } .bay-area-native .data-\\[state\\=closed\\]\\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; } .bay-area-native .data-\\[state\\=closed\\]\\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:animate-out:is(:where(.group\\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:fade-out-0:is(:where(.group\\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { --tw-exit-opacity: calc(0/100); --tw-exit-opacity: 0; } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:zoom-out-95:is(:where(.group\\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] { --tw-exit-scale: calc(95*1%); --tw-exit-scale: .95; } .bay-area-native .data-\\[state\\=hidden\\]\\:animate-out[data-state="hidden"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .data-\\[state\\=hidden\\]\\:fade-out[data-state="hidden"] { --tw-exit-opacity: 0; } .bay-area-native .data-\\[state\\=on\\]\\:bg-accent[data-state="on"] { background-color: var(--accent); } .bay-area-native .data-\\[state\\=on\\]\\:text-accent-foreground[data-state="on"] { color: var(--accent-foreground); } .bay-area-native .data-\\[state\\=open\\]\\:animate-accordion-down[data-state="open"] { animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .data-\\[state\\=open\\]\\:animate-in[data-state="open"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .data-\\[state\\=open\\]\\:bg-accent[data-state="open"] { background-color: var(--accent); } .bay-area-native .data-\\[state\\=open\\]\\:bg-accent\\/50[data-state="open"] { background-color: var(--accent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .bay-area-native .data-\\[state\\=open\\]\\:bg-secondary[data-state="open"] { background-color: var(--secondary); } .bay-area-native .data-\\[state\\=open\\]\\:text-accent-foreground[data-state="open"] { color: var(--accent-foreground); } .bay-area-native .data-\\[state\\=open\\]\\:text-muted-foreground[data-state="open"] { color: var(--muted-foreground); } .bay-area-native .data-\\[state\\=open\\]\\:opacity-100[data-state="open"] { opacity: 100%; } .bay-area-native .data-\\[state\\=open\\]\\:duration-500[data-state="open"] { --tw-duration: 500ms; transition-duration: 500ms; } .bay-area-native .data-\\[state\\=open\\]\\:fade-in-0[data-state="open"] { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } .bay-area-native .data-\\[state\\=open\\]\\:zoom-in-90[data-state="open"] { --tw-enter-scale: calc(90*1%); --tw-enter-scale: .9; } .bay-area-native .data-\\[state\\=open\\]\\:zoom-in-95[data-state="open"] { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } .bay-area-native .data-\\[state\\=open\\]\\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } .bay-area-native .data-\\[state\\=open\\]\\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; } .bay-area-native .data-\\[state\\=open\\]\\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; } .bay-area-native .data-\\[state\\=open\\]\\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:animate-in:is(:where(.group\\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:fade-in-0:is(:where(.group\\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { --tw-enter-opacity: calc(0/100); --tw-enter-opacity: 0; } .bay-area-native .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:zoom-in-95:is(:where(.group\\/navigation-menu)[data-viewport="false"] *)[data-state="open"] { --tw-enter-scale: calc(95*1%); --tw-enter-scale: .95; } @media (hover: hover) { .bay-area-native .data-\\[state\\=open\\]\\:hover\\:bg-accent[data-state="open"]:hover { background-color: var(--accent); } } .bay-area-native .data-\\[state\\=open\\]\\:focus\\:bg-accent[data-state="open"]:focus { background-color: var(--accent); } .bay-area-native .data-\\[state\\=selected\\]\\:bg-muted[data-state="selected"] { background-color: var(--muted); } .bay-area-native .data-\\[state\\=unchecked\\]\\:translate-x-0[data-state="unchecked"] { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .data-\\[state\\=unchecked\\]\\:bg-input[data-state="unchecked"] { background-color: var(--input); } .bay-area-native .data-\\[state\\=visible\\]\\:animate-in[data-state="visible"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); } .bay-area-native .data-\\[state\\=visible\\]\\:fade-in[data-state="visible"] { --tw-enter-opacity: 0; } .bay-area-native .data-\\[variant\\=destructive\\]\\:text-destructive[data-variant="destructive"] { color: var(--destructive); } .bay-area-native .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant="destructive"]:focus { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } .bay-area-native .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant="destructive"]:focus { color: var(--destructive); } .bay-area-native .data-\\[variant\\=label\\]\\:text-sm[data-variant="label"] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .bay-area-native .data-\\[variant\\=legend\\]\\:text-base[data-variant="legend"] { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .bay-area-native .data-\\[variant\\=outline\\]\\:border-l-0[data-variant="outline"] { border-left-style: var(--tw-border-style); border-left-width: 0px; } .bay-area-native .data-\\[variant\\=outline\\]\\:shadow-xs[data-variant="outline"] { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .data-\\[variant\\=outline\\]\\:first\\:border-l[data-variant="outline"]:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; } .bay-area-native .data-\\[vaul-drawer-direction\\=bottom\\]\\:inset-x-0[data-vaul-drawer-direction="bottom"] { inset-inline: 0px; } .bay-area-native .data-\\[vaul-drawer-direction\\=bottom\\]\\:bottom-0[data-vaul-drawer-direction="bottom"] { bottom: 0px; } .bay-area-native .data-\\[vaul-drawer-direction\\=bottom\\]\\:mt-24[data-vaul-drawer-direction="bottom"] { margin-top: calc(var(--spacing) * 24); } .bay-area-native .data-\\[vaul-drawer-direction\\=bottom\\]\\:max-h-\\[80vh\\][data-vaul-drawer-direction="bottom"] { max-height: 80vh; } .bay-area-native .data-\\[vaul-drawer-direction\\=bottom\\]\\:rounded-t-lg[data-vaul-drawer-direction="bottom"] { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } .bay-area-native .data-\\[vaul-drawer-direction\\=bottom\\]\\:border-t[data-vaul-drawer-direction="bottom"] { border-top-style: var(--tw-border-style); border-top-width: 1px; } .bay-area-native .data-\\[vaul-drawer-direction\\=left\\]\\:inset-y-0[data-vaul-drawer-direction="left"] { inset-block: 0px; } .bay-area-native .data-\\[vaul-drawer-direction\\=left\\]\\:left-0[data-vaul-drawer-direction="left"] { left: 0px; } .bay-area-native .data-\\[vaul-drawer-direction\\=left\\]\\:w-3\\/4[data-vaul-drawer-direction="left"] { width: calc(3 / 4 * 100%); } .bay-area-native .data-\\[vaul-drawer-direction\\=left\\]\\:border-r[data-vaul-drawer-direction="left"] { border-right-style: var(--tw-border-style); border-right-width: 1px; } .bay-area-native .data-\\[vaul-drawer-direction\\=right\\]\\:inset-y-0[data-vaul-drawer-direction="right"] { inset-block: 0px; } .bay-area-native .data-\\[vaul-drawer-direction\\=right\\]\\:right-0[data-vaul-drawer-direction="right"] { right: 0px; } .bay-area-native .data-\\[vaul-drawer-direction\\=right\\]\\:w-3\\/4[data-vaul-drawer-direction="right"] { width: calc(3 / 4 * 100%); } .bay-area-native .data-\\[vaul-drawer-direction\\=right\\]\\:border-l[data-vaul-drawer-direction="right"] { border-left-style: var(--tw-border-style); border-left-width: 1px; } .bay-area-native .data-\\[vaul-drawer-direction\\=top\\]\\:inset-x-0[data-vaul-drawer-direction="top"] { inset-inline: 0px; } .bay-area-native .data-\\[vaul-drawer-direction\\=top\\]\\:top-0[data-vaul-drawer-direction="top"] { top: 0px; } .bay-area-native .data-\\[vaul-drawer-direction\\=top\\]\\:mb-24[data-vaul-drawer-direction="top"] { margin-bottom: calc(var(--spacing) * 24); } .bay-area-native .data-\\[vaul-drawer-direction\\=top\\]\\:max-h-\\[80vh\\][data-vaul-drawer-direction="top"] { max-height: 80vh; } .bay-area-native .data-\\[vaul-drawer-direction\\=top\\]\\:rounded-b-lg[data-vaul-drawer-direction="top"] { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); } .bay-area-native .data-\\[vaul-drawer-direction\\=top\\]\\:border-b[data-vaul-drawer-direction="top"] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .bay-area-native .nth-last-2\\:-mt-1:nth-last-child(2) { margin-top: calc(var(--spacing) * -1); } @supports (backdrop-filter: var(--tw)) { .bay-area-native .supports-\\[backdrop-filter\\]\\:backdrop-blur { --tw-backdrop-blur: blur(8px); -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,); 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,); } } @media (width >= 40rem) { .bay-area-native .sm\\:block { display: block; } .bay-area-native .sm\\:flex { display: flex; } .bay-area-native .sm\\:max-w-lg { max-width: var(--container-lg); } .bay-area-native .sm\\:max-w-sm { max-width: var(--container-sm); } .bay-area-native .sm\\:flex-row { flex-direction: row; } .bay-area-native .sm\\:justify-end { justify-content: flex-end; } .bay-area-native .sm\\:gap-2\\.5 { gap: calc(var(--spacing) * 2.5); } .bay-area-native .sm\\:pr-2\\.5 { padding-right: calc(var(--spacing) * 2.5); } .bay-area-native .sm\\:pl-2\\.5 { padding-left: calc(var(--spacing) * 2.5); } .bay-area-native .sm\\:text-left { text-align: left; } .bay-area-native .data-\\[vaul-drawer-direction\\=left\\]\\:sm\\:max-w-sm[data-vaul-drawer-direction="left"] { max-width: var(--container-sm); } .bay-area-native .data-\\[vaul-drawer-direction\\=right\\]\\:sm\\:max-w-sm[data-vaul-drawer-direction="right"] { max-width: var(--container-sm); } } @media (width >= 48rem) { .bay-area-native .md\\:absolute { position: absolute; } .bay-area-native .md\\:block { display: block; } .bay-area-native .md\\:flex { display: flex; } .bay-area-native .md\\:w-\\[var\\(--radix-navigation-menu-viewport-width\\)\\] { width: var(--radix-navigation-menu-viewport-width); } .bay-area-native .md\\:w-auto { width: auto; } .bay-area-native .md\\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bay-area-native .md\\:flex-row { flex-direction: row; } .bay-area-native .md\\:gap-1\\.5 { gap: calc(var(--spacing) * 1.5); } .bay-area-native .md\\:p-12 { padding: calc(var(--spacing) * 12); } .bay-area-native .md\\:text-left { text-align: left; } .bay-area-native .md\\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .bay-area-native .md\\:opacity-0 { opacity: 0%; } .bay-area-native .md\\:peer-data-\\[variant\\=inset\\]\\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) { margin: calc(var(--spacing) * 2); } .bay-area-native .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: 0px; } .bay-area-native .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) { border-radius: calc(var(--radius) + 4px); } .bay-area-native .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .bay-area-native .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) { margin-left: calc(var(--spacing) * 2); } .bay-area-native .md\\:after\\:hidden::after { content: var(--tw-content); display: none; } } @media (width >= 64rem) { .bay-area-native .lg\\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @container field-group (width >= 28rem) { .bay-area-native .\\@md\\/field-group\\:flex-row { flex-direction: row; } .bay-area-native .\\@md\\/field-group\\:items-center { align-items: center; } .bay-area-native .\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start:has( > [data-slot=field-content]) { align-items: flex-start; } } .bay-area-native .dark\\:border-input:is(.dark *) { border-color: var(--input); } .bay-area-native .dark\\:bg-destructive\\/60:is(.dark *) { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 60%, transparent); } } .bay-area-native .dark\\:bg-input\\/30:is(.dark *) { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 30%, transparent); } } .bay-area-native .dark\\:bg-transparent:is(.dark *) { background-color: transparent; } .bay-area-native .dark\\:text-muted-foreground:is(.dark *) { color: var(--muted-foreground); } @media (hover: hover) { .bay-area-native .dark\\:hover\\:bg-accent\\/50:is(.dark *):hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native .dark\\:hover\\:bg-accent\\/50:is(.dark *):hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .bay-area-native .dark\\:hover\\:bg-input\\/50:is(.dark *):hover { background-color: var(--input); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native .dark\\:hover\\:bg-input\\/50:is(.dark *):hover { background-color: color-mix(in oklab, var(--input) 50%, transparent); } } .bay-area-native .dark\\:hover\\:text-accent-foreground:is(.dark *):hover { color: var(--accent-foreground); } } .bay-area-native .dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .bay-area-native .dark\\:has-data-\\[state\\=checked\\]\\:bg-primary\\/10:is(.dark *):has([data-state="checked"]) { background-color: var(--primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .bay-area-native .dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:is(.dark *):has(:is([data-slot][aria-invalid=true])) { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .bay-area-native .dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .bay-area-native .dark\\:data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[data-active="true"][aria-invalid="true"] { --tw-ring-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .bay-area-native .dark\\:data-\\[state\\=active\\]\\:border-input:is(.dark *)[data-state="active"] { border-color: var(--input); } .bay-area-native .dark\\:data-\\[state\\=active\\]\\:bg-input\\/30:is(.dark *)[data-state="active"] { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 30%, transparent); } } .bay-area-native .dark\\:data-\\[state\\=active\\]\\:text-foreground:is(.dark *)[data-state="active"] { color: var(--foreground); } .bay-area-native .dark\\:data-\\[state\\=checked\\]\\:bg-primary:is(.dark *)[data-state="checked"] { background-color: var(--primary); } .bay-area-native .dark\\:data-\\[state\\=checked\\]\\:bg-primary-foreground:is(.dark *)[data-state="checked"] { background-color: var(--primary-foreground); } .bay-area-native .dark\\:data-\\[state\\=unchecked\\]\\:bg-foreground:is(.dark *)[data-state="unchecked"] { background-color: var(--foreground); } .bay-area-native .dark\\:data-\\[state\\=unchecked\\]\\:bg-input\\/80:is(.dark *)[data-state="unchecked"] { background-color: var(--input); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--input) 80%, transparent); } } .bay-area-native .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant="destructive"]:focus { background-color: var(--destructive); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .bay-area-native .\\[\\&_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: var(--muted-foreground); } .bay-area-native .\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke='#ccc'] { stroke: var(--border); @supports (color: color-mix(in lab, red, red)) { stroke: color-mix(in oklab, var(--border) 50%, transparent); } } .bay-area-native .\\[\\&_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: var(--border); } .bay-area-native .\\[\\&_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-dot[stroke='#fff'] { stroke: transparent; } .bay-area-native .\\[\\&_\\.recharts-layer\\]\\:outline-hidden .recharts-layer { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .bay-area-native .\\[\\&_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-polar-grid [stroke='#ccc'] { stroke: var(--border); } .bay-area-native .\\[\\&_\\.recharts-radial-bar-background-sector\\]\\:fill-muted .recharts-radial-bar-background-sector { fill: var(--muted); } .bay-area-native .\\[\\&_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: var(--muted); } .bay-area-native .\\[\\&_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-reference-line [stroke='#ccc'] { stroke: var(--border); } .bay-area-native .\\[\\&_\\.recharts-sector\\]\\:outline-hidden .recharts-sector { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .bay-area-native .\\[\\&_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-sector[stroke='#fff'] { stroke: transparent; } .bay-area-native .\\[\\&_\\.recharts-surface\\]\\:outline-hidden .recharts-surface { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } .bay-area-native .\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } .bay-area-native .\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } .bay-area-native .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .bay-area-native .\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .bay-area-native .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading] { color: var(--muted-foreground); } .bay-area-native .\\[\\&_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group] { padding-inline: calc(var(--spacing) * 2); } .bay-area-native .\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: 0px; } .bay-area-native .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); } .bay-area-native .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); } .bay-area-native .\\[\\&_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input] { height: calc(var(--spacing) * 12); } .bay-area-native .\\[\\&_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item] { padding-inline: calc(var(--spacing) * 2); } .bay-area-native .\\[\\&_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item] { padding-block: calc(var(--spacing) * 3); } .bay-area-native .\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg { height: calc(var(--spacing) * 5); } .bay-area-native .\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg { width: calc(var(--spacing) * 5); } .bay-area-native .\\[\\&_img\\]\\:size-full img { width: 100%; height: 100%; } .bay-area-native .\\[\\&_img\\]\\:object-cover img { object-fit: cover; } .bay-area-native .\\[\\&_p\\]\\:leading-relaxed p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .bay-area-native .\\[\\&_svg\\]\\:pointer-events-none svg { pointer-events: none; } .bay-area-native .\\[\\&_svg\\]\\:shrink-0 svg { flex-shrink: 0; } .bay-area-native .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*='size-']) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .bay-area-native .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .bay-area-native .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6 svg:not([class*='size-']) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .bay-area-native .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-muted-foreground svg:not([class*='text-']) { color: var(--muted-foreground); } .bay-area-native .\\[\\&_tr\\]\\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .bay-area-native .\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0px; } .bay-area-native .\\[\\&\\+\\[data-slot\\=item-content\\]\\]\\:flex-none + [data-slot=item-content] { flex: none; } .bay-area-native .\\[\\&\\:first-child\\[data-selected\\=true\\]_button\\]\\:rounded-l-md:first-child[data-selected=true] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .bay-area-native .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=checkbox]) { padding-right: 0px; } .bay-area-native .\\[\\.border-b\\]\\:pb-3:is(.border-b) { padding-bottom: calc(var(--spacing) * 3); } .bay-area-native .\\[\\.border-b\\]\\:pb-6:is(.border-b) { padding-bottom: calc(var(--spacing) * 6); } .bay-area-native .\\[\\.border-t\\]\\:pt-3:is(.border-t) { padding-top: calc(var(--spacing) * 3); } .bay-area-native .\\[\\.border-t\\]\\:pt-6:is(.border-t) { padding-top: calc(var(--spacing) * 6); } .bay-area-native :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_next\\>svg\\]\\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg) { rotate: 180deg; } .bay-area-native :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_previous\\>svg\\]\\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) { rotate: 180deg; } .bay-area-native .\\[a\\]\\:transition-colors:is(a) { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } @media (hover: hover) { .bay-area-native .\\[a\\]\\:hover\\:bg-accent\\/50:is(a):hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native .\\[a\\]\\:hover\\:bg-accent\\/50:is(a):hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } } .bay-area-native :is(.\\*\\:\\[span\\]\\:last\\:flex > *):is(span):last-child { display: flex; } .bay-area-native :is(.\\*\\:\\[span\\]\\:last\\:items-center > *):is(span):last-child { align-items: center; } .bay-area-native :is(.\\*\\:\\[span\\]\\:last\\:gap-2 > *):is(span):last-child { gap: calc(var(--spacing) * 2); } .bay-area-native :is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive[data-variant="destructive"] > *):is(svg) { color: var(--destructive) !important; } .bay-area-native .\\[\\&\\:last-child\\[data-selected\\=true\\]_button\\]\\:rounded-r-md:last-child[data-selected=true] button { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .bay-area-native .\\[\\&\\>\\*\\]\\:w-full > * { width: 100%; } .bay-area-native .\\[\\&\\>\\*\\]\\:focus-visible\\:relative > *:focus-visible { position: relative; } .bay-area-native .\\[\\&\\>\\*\\]\\:focus-visible\\:z-10 > *:focus-visible { z-index: 10; } .bay-area-native .\\[\\&\\>\\*\\]\\:data-\\[slot\\=field\\]\\:p-4 > *[data-slot="field"] { padding: calc(var(--spacing) * 4); } @container field-group (width >= 28rem) { .bay-area-native .\\@md\\/field-group\\:\\[\\&\\>\\*\\]\\:w-auto > * { width: auto; } } .bay-area-native .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:rounded-t-none > :not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } .bay-area-native .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:rounded-l-none > :not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .bay-area-native .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:border-t-0 > :not(:first-child) { border-top-style: var(--tw-border-style); border-top-width: 0px; } .bay-area-native .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:border-l-0 > :not(:first-child) { border-left-style: var(--tw-border-style); border-left-width: 0px; } .bay-area-native .\\[\\&\\>\\*\\:not\\(\\:last-child\\)\\]\\:rounded-r-none > :not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .bay-area-native .\\[\\&\\>\\*\\:not\\(\\:last-child\\)\\]\\:rounded-b-none > :not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .bay-area-native .\\[\\&\\>\\.sr-only\\]\\:w-auto > .sr-only { width: auto; } .bay-area-native .\\[\\&\\>\\[data-slot\\=field-group\\]\\]\\:gap-4 > [data-slot=field-group] { gap: calc(var(--spacing) * 4); } .bay-area-native .\\[\\&\\>\\[data-slot\\=field-label\\]\\]\\:flex-auto > [data-slot=field-label] { flex: auto; } @container field-group (width >= 28rem) { .bay-area-native .\\@md\\/field-group\\:\\[\\&\\>\\[data-slot\\=field-label\\]\\]\\:flex-auto > [data-slot=field-label] { flex: auto; } } .bay-area-native .has-\\[select\\[aria-hidden\\=true\\]\\:last-child\\]\\:\\[\\&\\>\\[data-slot\\=select-trigger\\]\\:last-of-type\\]\\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child)) > [data-slot=select-trigger]:last-of-type { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .bay-area-native .\\[\\&\\>\\[data-slot\\=select-trigger\\]\\:not\\(\\[class\\*\\=\\'w-\\'\\]\\)\\]\\:w-fit > [data-slot=select-trigger]:not([class*='w-']) { width: fit-content; } .bay-area-native .\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=checkbox] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has( > [data-slot=field-content]) > [role=checkbox],.bay-area-native .has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has( > [data-slot=field-content]) [role=radio] { margin-top: 1px; } @container field-group (width >= 28rem) { .bay-area-native .\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has( > [data-slot=field-content]) > [role=checkbox],.bay-area-native .\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has( > [data-slot=field-content]) [role=radio] { margin-top: 1px; } } .bay-area-native .\\[\\&\\>a\\]\\:underline > a { text-decoration-line: underline; } .bay-area-native .\\[\\&\\>a\\]\\:underline-offset-4 > a { text-underline-offset: 4px; } .bay-area-native .\\[\\&\\>a\\:hover\\]\\:text-primary > a:hover { color: var(--primary); } .bay-area-native .\\[\\&\\>button\\]\\:hidden > button { display: none; } .bay-area-native .\\[\\&\\>input\\]\\:flex-1 > input { flex: 1; } .bay-area-native .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:\\[\\&\\>input\\]\\:pt-3:has( > [data-align=block-end]) > input { padding-top: calc(var(--spacing) * 3); } .bay-area-native .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:\\[\\&\\>input\\]\\:pb-3:has( > [data-align=block-start]) > input { padding-bottom: calc(var(--spacing) * 3); } .bay-area-native .has-\\[\\>\\[data-align\\=inline-end\\]\\]\\:\\[\\&\\>input\\]\\:pr-2:has( > [data-align=inline-end]) > input { padding-right: calc(var(--spacing) * 2); } .bay-area-native .has-\\[\\>\\[data-align\\=inline-start\\]\\]\\:\\[\\&\\>input\\]\\:pl-2:has( > [data-align=inline-start]) > input { padding-left: calc(var(--spacing) * 2); } .bay-area-native .\\[\\&\\>kbd\\]\\:rounded-\\[calc\\(var\\(--radius\\)-5px\\)\\] > kbd { border-radius: calc(var(--radius) - 5px); } .bay-area-native .\\[\\&\\>span\\]\\:text-xs > span { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .bay-area-native .\\[\\&\\>span\\]\\:opacity-70 > span { opacity: 70%; } .bay-area-native .\\[\\&\\>span\\:last-child\\]\\:truncate > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bay-area-native .\\[\\&\\>svg\\]\\:pointer-events-none > svg { pointer-events: none; } .bay-area-native .\\[\\&\\>svg\\]\\:size-3 > svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .bay-area-native .\\[\\&\\>svg\\]\\:size-3\\.5 > svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .bay-area-native .\\[\\&\\>svg\\]\\:size-4 > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .bay-area-native .\\[\\&\\>svg\\]\\:h-2\\.5 > svg { height: calc(var(--spacing) * 2.5); } .bay-area-native .\\[\\&\\>svg\\]\\:h-3 > svg { height: calc(var(--spacing) * 3); } .bay-area-native .\\[\\&\\>svg\\]\\:w-2\\.5 > svg { width: calc(var(--spacing) * 2.5); } .bay-area-native .\\[\\&\\>svg\\]\\:w-3 > svg { width: calc(var(--spacing) * 3); } .bay-area-native .\\[\\&\\>svg\\]\\:shrink-0 > svg { flex-shrink: 0; } .bay-area-native .\\[\\&\\>svg\\]\\:translate-y-0\\.5 > svg { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .bay-area-native .\\[\\&\\>svg\\]\\:text-current > svg { color: currentcolor; } .bay-area-native .\\[\\&\\>svg\\]\\:text-muted-foreground > svg { color: var(--muted-foreground); } .bay-area-native .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 > svg:not([class*='size-']) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .bay-area-native .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 > svg:not([class*='size-']) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .bay-area-native .\\[\\&\\>tr\\]\\:last\\:border-b-0 > tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .bay-area-native .\\[\\&\\[data-panel-group-direction\\=vertical\\]\\>div\\]\\:rotate-90[data-panel-group-direction=vertical] > div { rotate: 90deg; } .bay-area-native .\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180[data-state=open] > svg { rotate: 180deg; } .bay-area-native [data-side=left][data-collapsible=offcanvas] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 { right: calc(var(--spacing) * -2); } .bay-area-native [data-side=left][data-state=collapsed] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize { cursor: e-resize; } .bay-area-native [data-side=right][data-collapsible=offcanvas] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 { left: calc(var(--spacing) * -2); } .bay-area-native [data-side=right][data-state=collapsed] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize { cursor: w-resize; } .bay-area-native [data-slot=card-content] .\\[\\[data-slot\\=card-content\\]_\\&\\]\\:bg-transparent { background-color: transparent; } .bay-area-native [data-slot=popover-content] .\\[\\[data-slot\\=popover-content\\]_\\&\\]\\:bg-transparent { background-color: transparent; } .bay-area-native [data-slot=tooltip-content] .\\[\\[data-slot\\=tooltip-content\\]_\\&\\]\\:bg-background\\/20 { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 20%, transparent); } } .bay-area-native [data-slot=tooltip-content] .\\[\\[data-slot\\=tooltip-content\\]_\\&\\]\\:text-background { color: var(--background); } .bay-area-native [data-slot=tooltip-content] .dark\\:\\[\\[data-slot\\=tooltip-content\\]_\\&\\]\\:bg-background\\/10:is(.dark *) { background-color: var(--background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--background) 10%, transparent); } } .bay-area-native [data-variant=legend] + .\\[\\[data-variant\\=legend\\]\\+\\&\\]\\:-mt-1\\.5 { margin-top: calc(var(--spacing) * -1.5); } @media (hover: hover) { .bay-area-native a.\\[a\\&\\]\\:hover\\:bg-accent:hover { background-color: var(--accent); } .bay-area-native a.\\[a\\&\\]\\:hover\\:bg-destructive\\/90:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native a.\\[a\\&\\]\\:hover\\:bg-destructive\\/90:hover { background-color: color-mix(in oklab, var(--destructive) 90%, transparent); } } .bay-area-native a.\\[a\\&\\]\\:hover\\:bg-primary\\/90:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native a.\\[a\\&\\]\\:hover\\:bg-primary\\/90:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } .bay-area-native a.\\[a\\&\\]\\:hover\\:bg-secondary\\/90:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .bay-area-native a.\\[a\\&\\]\\:hover\\:bg-secondary\\/90:hover { background-color: color-mix(in oklab, var(--secondary) 90%, transparent); } } .bay-area-native a.\\[a\\&\\]\\:hover\\:text-accent-foreground:hover { color: var(--accent-foreground); } } @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; } @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; } @property --tw-animation-duration { syntax: "*"; inherits: false; } @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; } @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; } .bay-area-native .member-load { min-height: 100vh; display: flex; align-items: center; justify-content: center; gap: .7rem; background: #f8f3e8; color: #061f41; font: 700 11px "Manrope",sans-serif; letter-spacing: .08em; text-transform: uppercase; } .bay-area-native .member-gate-shell,.bay-area-native .member-pending-shell { min-height: 100vh; background: #f8f3e8; color: #061f41; } .bay-area-native .member-gate-header,.bay-area-native .member-pending-header { height: 88px; display: flex; align-items: center; justify-content: space-between; padding: 10px clamp(1.25rem,5vw,5.5rem); border-bottom: 1px solid rgba(6,31,65,.12); } .bay-area-native .member-brand { display: flex; align-items: center; gap: .7rem; color: #061f41; text-decoration: none; } .bay-area-native .member-brand img { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; box-shadow: 0 7px 15px rgba(6,31,65,.09); } .bay-area-native .member-brand span { display: flex; flex-direction: column; text-transform: uppercase; letter-spacing: .13em; line-height: 1.05; } .bay-area-native .member-brand strong { font-size: 12px; } .bay-area-native .member-brand small { margin-top: 4px; color: #a16d20; font-size: 8px; font-weight: 800; } .bay-area-native .member-back,.bay-area-native .member-public-link { display: inline-flex; gap: .4rem; align-items: center; color: #061f41; font: 800 10px "Manrope",sans-serif; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; } .bay-area-native .member-gate-hero { min-height: 590px; display: grid; grid-template-columns: minmax(0,.88fr) minmax(480px,1.12fr); } .bay-area-native .member-gate-copy { position: relative; z-index: 1; padding: clamp(4rem,7vw,6.5rem) clamp(1.5rem,7vw,9rem); background: #061f41; color: #fffdf7; } .bay-area-native .member-gate-copy::before { content: ""; position: absolute; left: clamp(1.5rem,7vw,9rem); top: 0; width: 11rem; height: 1px; background: #c88d32; } .bay-area-native .member-eyebrow { display: flex; align-items: center; gap: .65rem; margin: 0; color: #a66e1d; font: 800 9px "Manrope",sans-serif; letter-spacing: .16em; text-transform: uppercase; } .bay-area-native .member-eyebrow span { width: 23px; height: 1px; background: currentColor; } .bay-area-native .member-gate-copy .member-eyebrow { color: #e0b564; } .bay-area-native .member-gate-copy h1,.bay-area-native .member-pending-card h1,.bay-area-native .member-main h1,.bay-area-native .member-main h2,.bay-area-native .member-main h3 { font-family: "DM Serif Display",Georgia,serif; font-weight: 400; letter-spacing: -.035em; } .bay-area-native .member-gate-copy h1 { max-width: 620px; margin: 1.35rem 0 1.5rem; font-size: clamp(3.1rem,5vw,5.3rem); line-height: .96; } .bay-area-native .member-gate-copy h1 em,.bay-area-native .member-main h1 em,.bay-area-native .member-main h2 em { color: #d8a13f; font-style: italic; } .bay-area-native .member-gate-copy>p:not(.member-eyebrow):not(.member-gate-note) { max-width: 510px; color: #cbd6e4; font: 14px/1.76 "Manrope",sans-serif; } .bay-area-native .member-gold-button,.bay-area-native .member-outline-button { display: inline-flex; align-items: center; gap: .65rem; margin-top: 2rem; min-height: 48px; padding: .85rem 1.1rem; border: 0; background: #d7a13f; color: #061f41; font: 800 10px "Manrope",sans-serif; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; transition: background 180ms var(--ease-out),transform 160ms var(--ease-out); } .bay-area-native .member-gold-button:hover { background: #efc271; } .bay-area-native .member-gold-button:active,.bay-area-native .member-outline-button:active { transform: scale(.97); } .bay-area-native .member-gate-note { display: flex; gap: .5rem; align-items: center; margin-top: 2.3rem; color: #bdc9d7; font: 10px "Manrope",sans-serif; } .bay-area-native .member-gate-note svg { color: #d8a13f; } .bay-area-native .member-gate-art { position: relative; overflow: hidden; background: #8797a4; } .bay-area-native .member-gate-photo { position: absolute; inset: 0; background: url('https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/bate-hero-bay-architecture_5fdd4279.jpg') center / cover no-repeat; } .bay-area-native .member-gate-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(6,31,65,.22),transparent 46%),linear-gradient(0deg,rgba(6,31,65,.5),transparent 38%); } .bay-area-native .member-gate-seal { position: absolute; right: clamp(1.5rem,5vw,5rem); bottom: 2.3rem; padding: .4rem; border-radius: 50%; background: #fffdf7; box-shadow: 0 16px 30px rgba(0,0,0,.2); } .bay-area-native .member-gate-seal img { display: block; width: 105px; height: 105px; border-radius: 50%; object-fit: cover; } .bay-area-native .member-standard-strip { display: grid; grid-template-columns: minmax(230px,.7fr) minmax(0,1.3fr); gap: 3rem; padding: 2.2rem clamp(1.5rem,7vw,9rem); color: #061f41; background: #e8dfce; } .bay-area-native .member-standard-strip>p { margin: 0; font: 1.35rem/1.05 "DM Serif Display",Georgia,serif; } .bay-area-native .member-standard-strip>div { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.1rem; } .bay-area-native .member-standard-strip span { display: flex; align-items: center; gap: .35rem; color: #526171; font: 10px "Manrope",sans-serif; font-weight: 700; } .bay-area-native .member-standard-strip svg { color: #a66e1d; } .bay-area-native .member-pending-shell { display: flex; flex-direction: column; } .bay-area-native .member-pending-header button { display: flex; align-items: center; gap: .4rem; color: #667484; border: 0; background: transparent; font: 800 10px "Manrope",sans-serif; letter-spacing: .06em; text-transform: uppercase; } .bay-area-native .member-pending-card { width: min(620px,calc(100% - 3rem)); margin: auto; padding: clamp(2.2rem,5vw,4.5rem); background: #fffdf7; border-top: 2px solid #c88d32; box-shadow: 0 18px 55px rgba(6,31,65,.1); } .bay-area-native .member-pending-icon { width: 60px; height: 60px; display: grid; place-items: center; margin-bottom: 1.5rem; border-radius: 50%; color: #a66e1d; background: #efe0bf; } .bay-area-native .member-pending-card h1 { margin: 1.05rem 0 1rem; font-size: clamp(2.5rem,4vw,4rem); line-height: .98; } .bay-area-native .member-pending-card>p:not(.member-eyebrow) { margin: 0; color: #62717f; font: 13px/1.75 "Manrope",sans-serif; } .bay-area-native .member-pending-list { margin-top: 1.6rem; border-top: 1px solid #d8ceba; } .bay-area-native .member-pending-list span { display: flex; gap: .55rem; align-items: flex-start; padding: .8rem 0; border-bottom: 1px solid #d8ceba; color: #43576a; font: 11px/1.5 "Manrope",sans-serif; } .bay-area-native .member-pending-list svg { flex: 0 0 auto; margin-top: .1rem; color: #a66e1d; } .bay-area-native .member-outline-button { color: #061f41; border: 1px solid #061f41; background: transparent; } .bay-area-native .member-outline-button:hover { color: #fffdf7; background: #061f41; } .bay-area-native .member-workspace { min-height: 100vh; display: grid; grid-template-columns: 270px minmax(0,1fr); color: #061f41; background: #f8f3e8; } .bay-area-native .member-sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 1.45rem 1rem; color: #e5ecf5; background: #061f41; } .bay-area-native .member-sidebar .member-brand { margin-left: .35rem; color: #fffdf7; } .bay-area-native .member-sidebar .member-brand small { color: #d6a755; } .bay-area-native .member-sidebar .member-brand img { width: 47px; height: 47px; } .bay-area-native .member-private-label { display: flex; align-items: center; gap: .45rem; margin: 2.5rem .35rem 1rem; color: #dcba77; font: 800 9px "Manrope",sans-serif; letter-spacing: .11em; text-transform: uppercase; } .bay-area-native .member-sidebar nav { display: flex; flex-direction: column; gap: .15rem; } .bay-area-native .member-sidebar nav a { display: flex; align-items: center; gap: .65rem; padding: .75rem .7rem; color: #afbdcd; border-left: 2px solid transparent; font: 11px "Manrope",sans-serif; font-weight: 700; text-decoration: none; transition: background 180ms var(--ease-out),color 180ms var(--ease-out),border-color 180ms var(--ease-out); } .bay-area-native .member-sidebar nav a:hover,.bay-area-native .member-sidebar nav a.active { color: #fffdf7; border-left-color: #d7a552; background: rgba(255,255,255,.08); } .bay-area-native .member-sidebar-bottom { display: flex; flex-direction: column; gap: .7rem; margin-top: auto; padding: .95rem .35rem 0; border-top: 1px solid rgba(255,255,255,.15); } .bay-area-native .member-sidebar-bottom .member-public-link { color: #e3bf7c; font-size: 9px; } .bay-area-native .member-sidebar-bottom button { display: flex; align-items: center; gap: .4rem; width: max-content; padding: 0; color: #aebdce; border: 0; background: transparent; font: 800 9px "Manrope",sans-serif; letter-spacing: .05em; text-transform: uppercase; } .bay-area-native .member-main { padding: clamp(2rem,4vw,4.5rem) clamp(1.3rem,5vw,5.8rem); } .bay-area-native .member-main-header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; padding-bottom: 2.6rem; border-bottom: 1px solid #d8ceba; } .bay-area-native .member-main h1 { margin: 1.05rem 0 0; font-size: clamp(2.6rem,4.4vw,4.6rem); line-height: .98; } .bay-area-native .member-status { display: flex; align-items: center; gap: .5rem; padding: .58rem .7rem; color: #456072; background: #e3ece7; font: 800 9px "Manrope",sans-serif; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .bay-area-native .member-status svg { color: #23805e; } .bay-area-native .member-intro-panel { display: grid; grid-template-columns: minmax(0,1fr) 190px; gap: 2rem; align-items: center; margin-top: 2.5rem; padding: clamp(1.5rem,3vw,2.8rem); color: #fffdf7; background: #12365b; } .bay-area-native .member-panel-label { margin: 0 0 .75rem; color: #e2bd77; font: 800 9px "Manrope",sans-serif; letter-spacing: .14em; text-transform: uppercase; } .bay-area-native .member-intro-panel h2 { max-width: 620px; margin: 0 0 1rem; font-size: clamp(2rem,3.5vw,3.45rem); line-height: .98; } .bay-area-native .member-intro-panel h2 em { color: #e2b665; font-style: italic; } .bay-area-native .member-intro-panel p:not(.member-panel-label) { max-width: 620px; margin: 0; color: #c9d5e3; font: 12px/1.75 "Manrope",sans-serif; } .bay-area-native .member-intro-symbol { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 155px; height: 155px; margin-left: auto; border: 1px solid rgba(229,190,116,.7); border-radius: 50%; color: #e2b665; text-align: center; } .bay-area-native .member-intro-symbol span { margin-top: .45rem; color: #ecf0f5; font: 9px/1.45 "Manrope",sans-serif; letter-spacing: .08em; text-transform: uppercase; } .bay-area-native .member-section { margin-top: 4rem; } .bay-area-native .member-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 3rem; } .bay-area-native .member-section-heading h2 { margin: 1rem 0 0; font-size: clamp(2.1rem,3.4vw,3.35rem); line-height: .98; } .bay-area-native .member-section-heading>p { max-width: 340px; margin: 0; color: #627381; font: 12px/1.7 "Manrope",sans-serif; } .bay-area-native .member-pathway-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 2rem; border-top: 1px solid #d8ceba; border-left: 1px solid #d8ceba; } .bay-area-native .member-pathway-grid article { display: flex; flex-direction: column; min-height: 280px; padding: 1.25rem; border-right: 1px solid #d8ceba; border-bottom: 1px solid #d8ceba; background: #fffdf7; transition: box-shadow 180ms var(--ease-out),transform 180ms var(--ease-out); } .bay-area-native .member-pathway-grid article:hover { position: relative; z-index: 1; transform: translateY(-3px); box-shadow: 0 13px 26px rgba(6,31,65,.13); } .bay-area-native .member-pathway-grid article>div:first-child { display: flex; justify-content: space-between; color: #a26c1c; } .bay-area-native .member-pathway-icon { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 50%; background: #eee1c8; } .bay-area-native .member-pathway-grid h3 { margin: 1.8rem 0 .6rem; font-size: 1.7rem; line-height: 1; } .bay-area-native .member-pathway-grid p { margin: 0; color: #657586; font: 11px/1.65 "Manrope",sans-serif; } .bay-area-native .member-role-tags { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: 1.15rem; } .bay-area-native .member-role-tags span { padding: .3rem .4rem; color: #566d7d; background: #edf1ee; font: 800 8px "Manrope",sans-serif; } .bay-area-native .member-pathway-grid button,.bay-area-native .member-education button,.bay-area-native .member-session button { display: flex; align-items: center; gap: .4rem; width: max-content; margin-top: auto; padding: 0 0 .22rem; border: 0; border-bottom: 1px solid #b17a2b; color: #061f41; background: transparent; font: 800 9px "Manrope",sans-serif; letter-spacing: .03em; } .bay-area-native .member-bottom-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 1.2rem; } .bay-area-native .member-education,.bay-area-native .member-session { min-height: 238px; display: flex; flex-direction: column; padding: 1.45rem; } .bay-area-native .member-education { color: #fffdf7; background: #0d3157; } .bay-area-native .member-session { background: #ece2cf; } .bay-area-native .member-education>svg { color: #dfb464; } .bay-area-native .member-session>svg { color: #a36c1c; } .bay-area-native .member-bottom-grid h3 { margin: .65rem 0 .65rem; font-size: 1.85rem; line-height: 1; } .bay-area-native .member-bottom-grid p:not(.member-panel-label) { max-width: 390px; margin: 0; color: #c9d4e2; font: 11px/1.7 "Manrope",sans-serif; } .bay-area-native .member-session p:not(.member-panel-label) { color: #657382; } .bay-area-native .member-education button { color: #fffdf7; border-color: #dfb464; } .bay-area-native .member-session button { border-color: #a36c1c; } @media (max-width:920px) { .bay-area-native .member-gate-hero { grid-template-columns: 1fr; } .bay-area-native .member-gate-copy { min-height: 510px; } .bay-area-native .member-gate-art { min-height: 400px; } .bay-area-native .member-workspace { grid-template-columns: 1fr; } .bay-area-native .member-sidebar { position: relative; height: auto; padding: 1rem 1.25rem; } .bay-area-native .member-private-label,.bay-area-native .member-sidebar nav,.bay-area-native .member-sidebar-bottom { display: none; } .bay-area-native .member-main { padding: 2.4rem 1.25rem; } .bay-area-native .member-pathway-grid { grid-template-columns: 1fr 1fr; } .bay-area-native .member-standard-strip { grid-template-columns: 1fr; gap: 1.2rem; } .bay-area-native .member-standard-strip>div { align-items: flex-start; } } @media (max-width:580px) { .bay-area-native .member-gate-header,.bay-area-native .member-pending-header { height: 76px; } .bay-area-native .member-gate-hero { min-height: 0; } .bay-area-native .member-gate-copy { min-height: 485px; padding: 4rem 1.4rem; } .bay-area-native .member-gate-copy h1 { font-size: 3.1rem; } .bay-area-native .member-gate-art { min-height: 330px; } .bay-area-native .member-gate-seal img { width: 84px; height: 84px; } .bay-area-native .member-gate-seal { right: 1.3rem; bottom: 1.3rem; } .bay-area-native .member-standard-strip { padding: 1.8rem 1.4rem; } .bay-area-native .member-standard-strip>div { display: grid; grid-template-columns: 1fr; } .bay-area-native .member-pending-card { width: calc(100% - 2rem); padding: 2.1rem 1.4rem; } .bay-area-native .member-main-header { align-items: flex-start; flex-direction: column; gap: 1.2rem; } .bay-area-native .member-intro-panel { grid-template-columns: 1fr; padding: 1.4rem; } .bay-area-native .member-intro-symbol { width: 116px; height: 116px; margin: 0; } .bay-area-native .member-section-heading { align-items: flex-start; flex-direction: column; gap: 1.2rem; } .bay-area-native .member-pathway-grid,.bay-area-native .member-bottom-grid { grid-template-columns: 1fr; } .bay-area-native .member-pathway-grid article { min-height: 230px; } .bay-area-native .member-bottom-grid { gap: 0; } .bay-area-native .member-education,.bay-area-native .member-session { min-height: 210px; } } .bay-area-native .member-main { position: relative; background-image: linear-gradient(90deg,transparent 0 calc(100% - 1px),rgba(200,141,50,.08) calc(100% - 1px)),linear-gradient(0deg,transparent 0 calc(100% - 1px),rgba(6,31,65,.035) calc(100% - 1px)); background-size: 110px 110px; } .bay-area-native .member-main::before { content: ""; position: absolute; z-index: 0; left: 0; top: 172px; width: 2px; height: 74%; background: #c88d32; } .bay-area-native .member-main>* { position: relative; z-index: 1; } .bay-area-native .member-intro-panel { border-top: 2px solid #d7a552; } .bay-area-native .member-pathway-grid { position: relative; } .bay-area-native .member-pathway-grid::before { content: ""; position: absolute; z-index: 2; left: 8%; right: 8%; top: -5px; height: 9px; pointer-events: none; background: radial-gradient(circle,#c88d32 0 2.5px,transparent 3.2px) 0 0/50% 9px repeat-x; } .bay-area-native .member-pathway-grid article:nth-child(2) { background: #fcf7eb; } .bay-area-native .member-pathway-grid article:hover { z-index: 3; } @media (max-width:580px) { .bay-area-native .member-main::before,.bay-area-native .member-pathway-grid::before { display: none; } } .bay-area-native { --radius: .75rem; --background: #f8f3e8; --foreground: #061f41; --card: #fffdf7; --card-foreground: #061f41; --popover: #fffdf7; --popover-foreground: #061f41; --primary: #061f41; --primary-foreground: #fffdf7; --secondary: #e9dfcb; --secondary-foreground: #061f41; --muted: #ede8dd; --muted-foreground: #59697a; --accent: #c88d32; --accent-foreground: #061f41; --destructive: #b84242; --destructive-foreground: #fffdf7; --border: #d8ceba; --input: #d8ceba; --ring: #c88d32; --ease-out: cubic-bezier(.23,1,.32,1); } .bay-area-native * { border-color: var(--border); outline-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .bay-area-native { scroll-behavior: smooth; } .bay-area-native { background-color: var(--background); color: var(--foreground); font-family: "Manrope", Arial, sans-serif; } .bay-area-native button, .bay-area-native a { -webkit-tap-highlight-color: transparent; } .bay-area-native button:not(:disabled), .bay-area-native a[href] { cursor: pointer; } .bay-area-native ::selection { background: #d7a552; color: #061f41; } .bay-area-native .bate-site { overflow: hidden; background: #f8f3e8; color: #061f41; } .bay-area-native .bate-header { position: relative; z-index: 10; height: 92px; display: flex; justify-content: space-between; align-items: center; padding: 10px clamp(1.25rem, 5vw, 5.5rem); background: rgba(248,243,232,.96); border-bottom: 1px solid rgba(6,31,65,.12); } .bay-area-native .bate-brand { display: flex; gap: .72rem; align-items: center; color: #061f41; text-decoration: none; min-width: 220px; } .bay-area-native .bate-brand img { width: 66px; height: 66px; border-radius: 50%; object-fit: cover; box-shadow: 0 8px 17px rgba(6,31,65,.09); } .bay-area-native .bate-brand span { display: flex; flex-direction: column; line-height: 1.06; text-transform: uppercase; letter-spacing: .13em; } .bay-area-native .bate-brand strong { font-size: 13px; } .bay-area-native .bate-brand small { margin-top: 4px; color: #a16d20; font-size: 9px; font-weight: 800; } .bay-area-native .bate-nav { display: flex; align-items: center; gap: clamp(1.2rem, 2.8vw, 3rem); } .bay-area-native .bate-nav a { padding: .65rem 0; border-bottom: 1px solid transparent; font-size: 11px; font-weight: 800; color: #061f41; text-decoration: none; transition: border-color 180ms var(--ease-out), color 180ms var(--ease-out); } .bay-area-native .bate-nav a:hover { color: #9a651a; border-color: #c88d32; } .bay-area-native .bate-header-button { display: inline-flex; align-items: center; gap: .4rem; padding: .73rem .9rem; color: #061f41; border: 1px solid #061f41; font-size: 10px; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; text-decoration: none; transition: background 180ms var(--ease-out), color 180ms var(--ease-out), transform 160ms var(--ease-out); } .bay-area-native .bate-header-button:hover { background: #061f41; color: #f8f3e8; } .bay-area-native .bate-header-button:active, .bay-area-native .bate-button:active { transform: scale(.97); } .bay-area-native .bate-hero { display: grid; grid-template-columns: minmax(0,.84fr) minmax(480px,1.16fr); min-height: 664px; } .bay-area-native .bate-hero-copy { position: relative; z-index: 2; padding: clamp(4rem,7vw,6.6rem) clamp(1.5rem,6.5vw,7rem) clamp(3.6rem,6vw,5.8rem) clamp(1.5rem,7vw,9rem); color: #fffdf7; background: #061f41; } .bay-area-native .bate-hero-copy::before { content: ""; position: absolute; top: 0; left: clamp(1.5rem,7vw,9rem); width: 11rem; height: 1px; background: #c88d32; } .bay-area-native .bate-kicker { display: flex; align-items: center; gap: .7rem; margin: 0; color: #9c681c; font-size: 9px; font-weight: 800; letter-spacing: .17em; line-height: 1.3; text-transform: uppercase; } .bay-area-native .bate-kicker span { display: inline-block; height: 1px; width: 24px; background: currentColor; } .bay-area-native .bate-kicker-light { color: #e7c488; } .bay-area-native h1,.bay-area-native h2,.bay-area-native h3 { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; letter-spacing: -.035em; } .bay-area-native h1 { margin: 1.55rem 0 1.6rem; max-width: 670px; font-size: clamp(3.2rem,5.35vw,5.65rem); line-height: .96; } .bay-area-native h1 em,.bay-area-native h2 em { color: #d8a13f; font-style: italic; } .bay-area-native .bate-hero-summary { max-width: 530px; margin: 0; color: #d7dfeb; font-size: 14px; line-height: 1.78; } .bay-area-native .bate-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.35rem; margin-top: 2.3rem; } .bay-area-native .bate-button { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 49px; padding: .85rem 1.1rem; font-family: "Manrope", sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; border: 0; text-decoration: none; transition: background 180ms var(--ease-out), transform 160ms var(--ease-out), box-shadow 180ms var(--ease-out); } .bay-area-native .bate-button-gold { background: #d7a13f; color: #061f41; box-shadow: 0 9px 25px rgba(0,0,0,.17); } .bay-area-native .bate-button-gold:hover { background: #efc271; box-shadow: 0 12px 30px rgba(0,0,0,.24); } .bay-area-native .bate-text-link { display: inline-flex; align-items: center; gap: .4rem; padding-bottom: .25rem; border-bottom: 1px solid #d7a552; color: #fffdf7; font-size: 11px; font-weight: 700; text-decoration: none; } .bay-area-native .bate-hero-trust { display: flex; gap: .55rem; align-items: center; margin-top: clamp(3rem,6vw,5.8rem); color: #bdcad9; font-size: 10px; letter-spacing: .03em; } .bay-area-native .bate-hero-trust svg { color: #d7a552; } .bay-area-native .bate-hero-art { position: relative; min-height: 500px; overflow: hidden; background: #b1b6b6; } .bay-area-native .bate-hero-photo { position: absolute; inset: 0; background: url('https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/bate-hero-bay-architecture_5fdd4279.jpg') center / cover no-repeat; transition: transform .65s var(--ease-out); } .bay-area-native .bate-hero-art:hover .bate-hero-photo { transform: scale(1.025); } .bay-area-native .bate-hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(6,31,65,.25),transparent 42%),linear-gradient(0deg,rgba(6,31,65,.33),transparent 40%); } .bay-area-native .bate-serving { position: absolute; right: clamp(1.2rem,4vw,4rem); top: clamp(1.2rem,3vw,3rem); display: flex; align-items: center; gap: .4rem; margin: 0; color: #fffdf7; font-size: 9px; letter-spacing: .14em; font-weight: 800; text-transform: uppercase; } .bay-area-native .bate-hero-seal { position: absolute; right: clamp(1.2rem,4vw,4rem); bottom: 2rem; padding: .45rem; background: #fffdf7; border-radius: 50%; box-shadow: 0 16px 36px rgba(0,0,0,.2); } .bay-area-native .bate-hero-seal img { width: 112px; height: 112px; border-radius: 50%; object-fit: cover; } .bay-area-native .bate-hero-arc { position: absolute; width: 68%; height: 68%; bottom: -46%; right: -17%; border: 1px solid rgba(255,255,255,.66); border-radius: 50% 50% 0 0; } .bay-area-native .bate-life-section { padding: clamp(5rem,9vw,8.5rem) clamp(1.4rem,7vw,9rem); background: #f8f3e8; } .bay-area-native .bate-section-lead { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,.52fr); gap: 5rem; align-items: end; } .bay-area-native .bate-section-lead h2 { max-width: 720px; margin: 1.35rem 0 0; font-size: clamp(2.9rem,5vw,5.1rem); line-height: .98; } .bay-area-native .bate-section-lead>p { margin: 0 0 .25rem; color: #5d6d7c; max-width: 345px; font-size: 13px; line-height: 1.78; } .bay-area-native .bate-event-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #d7cdb9; border-left: 1px solid #d7cdb9; margin-top: 4rem; } .bay-area-native .bate-event { position: relative; min-height: 143px; display: grid; grid-template-columns: auto 1fr auto; column-gap: .8rem; align-items: start; padding: 1.05rem 1.2rem; overflow: hidden; color: #061f41; background: #f8f3e8; border: 0; border-right: 1px solid #d7cdb9; border-bottom: 1px solid #d7cdb9; text-align: left; transition: background 180ms var(--ease-out), color 180ms var(--ease-out); } .bay-area-native .bate-event:hover,.bay-area-native .bate-event.active { color: #fffdf7; background: #061f41; } .bay-area-native .bate-event-number { grid-column: 1/4; color: #a67426; font-size: 9px; font-weight: 800; letter-spacing: .12em; } .bay-area-native .bate-event>svg:not(.bate-event-arrow) { margin-top: 1.05rem; color: #b87f26; } .bay-area-native .bate-event-title { margin-top: 1.07rem; align-self: center; font-family: "DM Serif Display",Georgia,serif; font-size: 1.35rem; line-height: 1.02; letter-spacing: -.025em; } .bay-area-native .bate-event-arrow { margin-top: 1.08rem; color: #a67426; transition: transform 180ms var(--ease-out); } .bay-area-native .bate-event:hover .bate-event-arrow { transform: translateX(4px); } .bay-area-native .bate-event-detail { grid-column: 1/4; margin-top: .65rem; color: #d6dee8; font-size: 10px; line-height: 1.5; } .bay-area-native .bate-event-detail strong { color: #e4bb70; } .bay-area-native .bate-event-caption { display: flex; gap: .5rem; align-items: center; margin: 1rem 0 0; color: #6a7885; font-size: 10px; } .bay-area-native .bate-event-caption svg { color: #a26e1e; } .bay-area-native .bate-find-section { display: grid; grid-template-columns: minmax(0,.7fr) minmax(400px,1.3fr); column-gap: clamp(3rem,8vw,8rem); row-gap: 2.1rem; padding: clamp(5rem,8vw,7.4rem) clamp(1.4rem,7vw,9rem); background: #061f41; color: #fffdf7; } .bay-area-native .bate-find-copy h2 { margin: 1.25rem 0 1.45rem; max-width: 500px; font-size: clamp(2.9rem,4.6vw,4.8rem); line-height: .98; } .bay-area-native .bate-find-copy h2 em { color: #e5bc6f; } .bay-area-native .bate-find-copy>p { max-width: 400px; margin: 0; color: #c5d0dd; font-size: 13px; line-height: 1.75; } .bay-area-native .bate-search-card { align-self: end; padding: 1.5rem; background: #f8f3e8; color: #061f41; box-shadow: 0 18px 37px rgba(0,0,0,.19); } .bay-area-native .bate-search-card label { display: block; margin-bottom: .75rem; color: #8d6220; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .bay-area-native .bate-search-control { display: flex; align-items: center; gap: .75rem; padding: .2rem .25rem .2rem .7rem; border: 1px solid #b6aa95; background: #fffdf7; } .bay-area-native .bate-search-control svg { color: #a36c1e; flex: 0 0 auto; } .bay-area-native .bate-search-control input { min-width: 0; flex: 1; padding: .85rem 0; background: transparent; border: 0; outline: 0; color: #061f41; font-family: "Manrope",sans-serif; font-size: 12px; } .bay-area-native .bate-search-control input::placeholder { color: #7d8690; } .bay-area-native .bate-search-control button { width: 40px; height: 40px; display: grid; flex: 0 0 auto; place-items: center; background: #061f41; border: 0; color: #fffdf7; transition: background 180ms var(--ease-out),transform 160ms var(--ease-out); } .bay-area-native .bate-search-control button:hover { background: #b57c22; } .bay-area-native .bate-search-control button:active { transform: scale(.96); } .bay-area-native .bate-search-card>p { margin: .75rem 0 0; color: #6b7885; font-size: 9px; } .bay-area-native .bate-professions { grid-column: 2; display: flex; flex-wrap: wrap; gap: .55rem; } .bay-area-native .bate-professions button { display: inline-flex; align-items: center; gap: .35rem; padding: .52rem .65rem; border: 1px solid rgba(247,243,232,.27); background: transparent; color: #d9e1ea; font-family: "Manrope",sans-serif; font-size: 10px; transition: background 180ms var(--ease-out),color 180ms var(--ease-out); } .bay-area-native .bate-professions button:hover { color: #061f41; background: #e6bf73; } .bay-area-native .bate-professions svg { color: #e6bf73; } .bay-area-native .bate-teams-section { padding: clamp(5rem,9vw,8.5rem) clamp(1.4rem,7vw,9rem); background: #fffdf7; } .bay-area-native .bate-team-lead { margin-bottom: 3.75rem; } .bay-area-native .bate-team-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #d7cdb9; border-left: 1px solid #d7cdb9; } .bay-area-native .bate-team { min-height: 340px; padding: 1.35rem; display: flex; flex-direction: column; border-right: 1px solid #d7cdb9; border-bottom: 1px solid #d7cdb9; } .bay-area-native .bate-team-index { display: flex; align-items: center; justify-content: space-between; margin: 0; color: #a06b1c; font-size: 9px; font-weight: 800; letter-spacing: .13em; } .bay-area-native .bate-team h3 { margin: 2.25rem 0 .75rem; font-size: clamp(1.7rem,2.2vw,2.25rem); line-height: 1; } .bay-area-native .bate-team>p:not(.bate-team-index) { margin: 0; color: #657482; font-size: 11px; line-height: 1.7; } .bay-area-native .bate-team>div { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: 1.25rem; } .bay-area-native .bate-team>div span { padding: .32rem .43rem; color: #4e6373; background: #edf0ed; font-size: 8px; font-weight: 800; letter-spacing: .02em; } .bay-area-native .bate-team button { display: flex; gap: .4rem; align-items: center; padding: 0 0 .25rem; margin-top: auto; width: max-content; border: 0; border-bottom: 1px solid #b38233; background: transparent; color: #061f41; font-family: "Manrope",sans-serif; font-size: 10px; font-weight: 800; } .bay-area-native .bate-team-gold { background: #f1e3c9; } .bay-area-native .bate-team-mist { background: #e4ece8; } .bay-area-native .bate-team-sand { background: #eee5d7; } .bay-area-native .bate-team-navy { color: #fffdf7; background: #0e3156; } .bay-area-native .bate-team-navy .bate-team-index,.bay-area-native .bate-team-navy>p:not(.bate-team-index),.bay-area-native .bate-team-navy button { color: #d9e2ec; } .bay-area-native .bate-team-navy>div span { color: #d8e0e9; background: rgba(255,255,255,.11); } .bay-area-native .bate-team-navy button { border-color: #d7a552; } .bay-area-native .bate-insights-section { display: grid; grid-template-columns: minmax(0,.85fr) minmax(440px,1.15fr); background: #f8f3e8; } .bay-area-native .bate-insights-photo { position: relative; min-height: 625px; display: flex; align-items: end; padding: clamp(1.5rem,5vw,5rem); background: url('https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-rebuilds/jim-black-20261013/bay-area/bate-bay-detail_3ce86240.jpg') center / cover no-repeat; } .bay-area-native .bate-insights-photo::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(6,31,65,.78),rgba(6,31,65,.05)); } .bay-area-native .bate-insights-photo div { position: relative; display: flex; flex-direction: column; gap: .8rem; max-width: 265px; color: #fffdf7; font-family: "DM Serif Display",Georgia,serif; font-size: clamp(1.5rem,2.2vw,2.25rem); line-height: 1.02; } .bay-area-native .bate-insights-photo svg { color: #e3b76a; } .bay-area-native .bate-insights-copy { padding: clamp(4.8rem,8vw,7.6rem) clamp(1.5rem,8vw,9rem); } .bay-area-native .bate-insights-copy h2 { margin: 1.25rem 0 1.4rem; max-width: 570px; font-size: clamp(2.8rem,4.5vw,4.8rem); line-height: .98; } .bay-area-native .bate-insights-copy>p { max-width: 505px; color: #60707e; font-size: 13px; line-height: 1.78; } .bay-area-native .bate-question-list { margin: 2.2rem 0 1.35rem; border-top: 1px solid #d7cdb9; } .bay-area-native .bate-question-list button { width: 100%; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: .7rem; align-items: center; padding: 1rem 0; border: 0; border-bottom: 1px solid #d7cdb9; color: #061f41; background: transparent; text-align: left; font-family: "DM Serif Display",Georgia,serif; font-size: clamp(1rem,1.5vw,1.25rem); transition: padding 180ms var(--ease-out),color 180ms var(--ease-out); } .bay-area-native .bate-question-list button:hover { padding-left: .35rem; color: #9b651b; } .bay-area-native .bate-question-list button>span { color: #9d6a1f; font-family: "Manrope",sans-serif; font-size: 9px; font-weight: 800; letter-spacing: .1em; } .bay-area-native .bate-navy-link { color: #061f41; } .bay-area-native .bate-locations-section { display: grid; grid-template-columns: .4fr minmax(0,1fr) minmax(380px,1.05fr); gap: clamp(2rem,5vw,5rem); align-items: center; padding: clamp(4.5rem,7vw,6.4rem) clamp(1.4rem,7vw,9rem); background: #eae1d0; } .bay-area-native .bate-location-mark { width: 115px; height: 115px; display: flex; flex-direction: column; justify-content: center; gap: .35rem; padding: 1rem; border: 1px solid #b77f24; border-radius: 50%; color: #9a641a; text-align: center; font-family: "DM Serif Display",Georgia,serif; font-size: 14px; line-height: 1.02; } .bay-area-native .bate-location-mark svg { align-self: center; } .bay-area-native .bate-locations-section h2 { margin: 1.2rem 0 0; font-size: clamp(2.4rem,3.7vw,3.9rem); line-height: .98; } .bay-area-native .bate-city-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid #c7b99f; } .bay-area-native .bate-city-list button { display: flex; align-items: center; justify-content: space-between; padding: .85rem .1rem; color: #061f41; border: 0; border-bottom: 1px solid #c7b99f; background: transparent; font-family: "Manrope",sans-serif; font-size: 11px; font-weight: 700; text-align: left; transition: padding 180ms var(--ease-out),color 180ms var(--ease-out); } .bay-area-native .bate-city-list button:nth-child(odd) { margin-right: 1.4rem; } .bay-area-native .bate-city-list button:hover { color: #a26a1c; padding-left: .25rem; } .bay-area-native .bate-join-section { position: relative; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(390px,.78fr); gap: clamp(3rem,8vw,9rem); padding: clamp(5rem,9vw,8.6rem) clamp(1.4rem,7vw,9rem); color: #fffdf7; background: #061f41; overflow: hidden; } .bay-area-native .bate-join-section::after { content: ""; position: absolute; width: 62%; height: 74%; bottom: -48%; left: -18%; border: 1px solid rgba(215,161,63,.43); border-radius: 50%; } .bay-area-native .bate-join-brand,.bay-area-native .bate-member-card { position: relative; z-index: 1; } .bay-area-native .bate-join-brand>img { width: 105px; height: 105px; padding: .38rem; margin-bottom: 1.45rem; object-fit: cover; border-radius: 50%; background: #fffdf7; } .bay-area-native .bate-join-brand h2 { margin: 1.25rem 0 1.45rem; max-width: 630px; font-size: clamp(3rem,4.7vw,5rem); line-height: .98; } .bay-area-native .bate-join-brand h2 em { color: #e7c488; } .bay-area-native .bate-join-brand>p:last-child { max-width: 625px; color: #c8d2df; font-size: 13px; line-height: 1.8; } .bay-area-native .bate-member-card { align-self: center; padding: clamp(1.45rem,3vw,2.25rem); color: #061f41; background: #f8f3e8; box-shadow: 0 24px 48px rgba(0,0,0,.22); } .bay-area-native .bate-member-label { margin: 0 0 1.1rem; color: #8c5d18; font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .bay-area-native .bate-member-card ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d4c7af; } .bay-area-native .bate-member-card li { display: flex; gap: .65rem; align-items: center; padding: .8rem 0; color: #354d65; border-bottom: 1px solid #d4c7af; font-size: 11px; font-weight: 700; } .bay-area-native .bate-member-card li svg { color: #a46c1e; } .bay-area-native .bate-member-card .bate-button { width: 100%; margin-top: 1.45rem; } .bay-area-native .bate-member-note { margin: 1rem 0 0; color: #6f7b87; font-size: 9px; line-height: 1.6; } .bay-area-native .bate-footer { min-height: 140px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2rem clamp(1.4rem,7vw,9rem); color: #c8d1dc; background: #041630; border-top: 1px solid rgba(255,255,255,.1); } .bay-area-native .bate-footer-brand { display: flex; align-items: center; gap: .7rem; } .bay-area-native .bate-footer-brand img { width: 47px; height: 47px; object-fit: contain; } .bay-area-native .bate-footer-brand span { display: flex; flex-direction: column; gap: .2rem; } .bay-area-native .bate-footer-brand strong { color: #fffdf7; font-family: "DM Serif Display",Georgia,serif; font-size: 16px; font-weight: 400; } .bay-area-native .bate-footer-brand small { color: #bd9a63; font-size: 8px; letter-spacing: .05em; } .bay-area-native .bate-footer>p { margin: 0; max-width: 410px; font-size: 9px; letter-spacing: .05em; text-align: center; } .bay-area-native .bate-footer>span { color: #bd9a63; font-size: 10px; } @media (prefers-reduced-motion:no-preference) { .bay-area-native .bate-hero-copy>* { animation: bate-rise 650ms var(--ease-out) both; } .bay-area-native .bate-hero-copy>*:nth-child(2) { animation-delay: 60ms; } .bay-area-native .bate-hero-copy>*:nth-child(3) { animation-delay: 120ms; } .bay-area-native .bate-hero-copy>*:nth-child(4) { animation-delay: 180ms; } .bay-area-native .bate-hero-copy>*:nth-child(5) { animation-delay: 240ms; } } @keyframes bate-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @media (max-width:1040px) { .bay-area-native .bate-nav { gap: 1.25rem; } .bay-area-native .bate-hero { grid-template-columns: minmax(0,.9fr) minmax(390px,1.1fr); } .bay-area-native .bate-event-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .bay-area-native .bate-team-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .bay-area-native .bate-team { min-height: 285px; } .bay-area-native .bate-locations-section { grid-template-columns: .34fr minmax(0,1fr); } .bay-area-native .bate-city-list { grid-column: 2; } .bay-area-native .bate-insights-section { grid-template-columns: minmax(0,.8fr) minmax(390px,1.2fr); } } @media (max-width:800px) { .bay-area-native .bate-header { height: 80px; padding-inline: 1.2rem; } .bay-area-native .bate-brand { min-width: 0; } .bay-area-native .bate-brand img { width: 55px; height: 55px; } .bay-area-native .bate-brand span { display: none; } .bay-area-native .bate-nav { display: none; } .bay-area-native .bate-header-button { font-size: 9px; padding: .65rem .7rem; } .bay-area-native .bate-hero,.bay-area-native .bate-find-section,.bay-area-native .bate-insights-section,.bay-area-native .bate-join-section { grid-template-columns: 1fr; } .bay-area-native .bate-hero-copy { min-height: 530px; padding: 4.5rem clamp(1.4rem,7vw,4rem); } .bay-area-native .bate-hero-art { min-height: 420px; } .bay-area-native .bate-section-lead { grid-template-columns: 1fr; gap: 1.4rem; } .bay-area-native .bate-team-lead { margin-bottom: 2.7rem; } .bay-area-native .bate-find-section { gap: 2rem; } .bay-area-native .bate-professions { grid-column: auto; } .bay-area-native .bate-insights-photo { min-height: 400px; } .bay-area-native .bate-locations-section { grid-template-columns: .25fr minmax(0,1fr); gap: 1.5rem; } .bay-area-native .bate-city-list { grid-column: 1/3; } .bay-area-native .bate-join-section { gap: 3rem; } .bay-area-native .bate-footer { flex-wrap: wrap; } .bay-area-native .bate-footer>p { text-align: left; } } @media (max-width:520px) { .bay-area-native .bate-hero-copy { min-height: 520px; } .bay-area-native .bate-hero-seal img { width: 88px; height: 88px; } .bay-area-native .bate-hero-seal { bottom: 1.25rem; } .bay-area-native .bate-event-grid { grid-template-columns: 1fr; margin-top: 2.7rem; } .bay-area-native .bate-event { min-height: 100px; } .bay-area-native .bate-event-title,.bay-area-native .bate-event>svg:not(.bate-event-arrow),.bay-area-native .bate-event-arrow { margin-top: .72rem; } .bay-area-native .bate-event-detail { margin-top: .55rem; } .bay-area-native .bate-section-lead h2 { font-size: 3rem; } .bay-area-native .bate-find-section { padding-block: 4.5rem; } .bay-area-native .bate-search-card { padding: 1rem; } .bay-area-native .bate-team-grid { grid-template-columns: 1fr; } .bay-area-native .bate-team { min-height: 250px; } .bay-area-native .bate-insights-copy { padding-block: 4.5rem; } .bay-area-native .bate-question-list button { font-size: 1rem; } .bay-area-native .bate-locations-section { grid-template-columns: 1fr; } .bay-area-native .bate-location-mark { width: 96px; height: 96px; } .bay-area-native .bate-city-list { grid-column: auto; grid-template-columns: 1fr; } .bay-area-native .bate-city-list button:nth-child(odd) { margin-right: 0; } .bay-area-native .bate-join-brand>img { width: 88px; height: 88px; } .bay-area-native .bate-footer { display: grid; grid-template-columns: 1fr auto; } .bay-area-native .bate-footer>p { grid-column: 1/3; } .bay-area-native .bate-footer>span { grid-column: 2; } .bay-area-native .bate-footer-brand { grid-column: 1; } } .bay-area-native .bate-event-grid { position: relative; } .bay-area-native .bate-event-grid::before { content: ""; position: absolute; z-index: 1; top: -5px; left: 7%; right: 7%; height: 9px; pointer-events: none; background: radial-gradient(circle,#c88d32 0 2.5px,transparent 3.2px) 0 0/33.333% 9px repeat-x; } .bay-area-native .bate-event:nth-child(3n+2) { background: #fbf7ed; } .bay-area-native .bate-event:hover,.bay-area-native .bate-event.active { z-index: 2; transform: translateY(-3px); } @media (max-width:520px) { .bay-area-native .bate-event-grid::before { display: none; } } .bay-area-native .bate-expert-reveal { margin-top: 1.6rem; padding: 1.5rem; border-top: 2px solid #c88d32; background: #fffdf7; box-shadow: 0 16px 34px rgba(6,31,65,.08); } .bay-area-native .bate-expert-reveal-search { grid-column: 1 / -1; margin-top: 1rem; color: #061f41; background: #f8f3e8; } .bay-area-native .bate-expert-reveal-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.65fr); gap: 2rem; align-items: end; margin-bottom: 1.35rem; } .bay-area-native .bate-expert-reveal-heading h3 { max-width: 650px; margin: 1rem 0 0; font-size: clamp(1.9rem,3vw,2.7rem); line-height: .98; } .bay-area-native .bate-expert-reveal-heading>p { margin: 0; color: #617180; font-size: 11px; line-height: 1.68; } .bay-area-native .bate-expert-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #d8ceba; border-left: 1px solid #d8ceba; } .bay-area-native .bate-expert-card { min-height: 258px; display: flex; flex-direction: column; padding: 1rem; border-right: 1px solid #d8ceba; border-bottom: 1px solid #d8ceba; background: #fffdf7; transition: box-shadow 180ms var(--ease-out),transform 180ms var(--ease-out); } .bay-area-native .bate-expert-card:hover { position: relative; z-index: 1; transform: translateY(-3px); box-shadow: 0 12px 25px rgba(6,31,65,.14); } .bay-area-native .bate-expert-avatar { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 1rem; color: #7c5114; border: 1px solid #c88d32; border-radius: 50%; background: #f0e1c4; font-family: "DM Serif Display",Georgia,serif; font-size: 16px; } .bay-area-native .bate-expert-category { margin: 0 0 .33rem; color: #9e691a; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .bay-area-native .bate-expert-card h4 { margin: 0; color: #061f41; font-family: "DM Serif Display",Georgia,serif; font-size: 1.35rem; font-weight: 400; letter-spacing: -.025em; line-height: 1.02; } .bay-area-native .bate-expert-firm { margin: .35rem 0 0; color: #40566b; font-size: 10px; font-weight: 800; line-height: 1.35; } .bay-area-native .bate-expert-specialty { margin: .6rem 0 0; color: #667786; font-size: 10px; line-height: 1.55; } .bay-area-native .bate-expert-contact { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: auto; padding-top: 1rem; } .bay-area-native .bate-expert-contact a { display: inline-flex; align-items: center; gap: .3rem; color: #061f41; font-size: 9px; font-weight: 800; text-decoration: none; } .bay-area-native .bate-expert-contact a:hover { color: #a56c1d; } .bay-area-native .bate-expert-contact svg { color: #a56c1d; } @media (max-width:1040px) { .bay-area-native .bate-expert-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width:800px) { .bay-area-native .bate-expert-reveal-heading { grid-template-columns: 1fr; gap: 1.4rem; } } @media (max-width:520px) { .bay-area-native .bate-expert-reveal { padding: 1rem; } .bay-area-native .bate-expert-card-grid { grid-template-columns: 1fr; } .bay-area-native .bate-expert-card { min-height: 230px; } } .bay-area-native .bate-event-grid { grid-template-columns: repeat(3,minmax(0,1fr)); border: 0; gap: 1px; background: #d7cdb9; perspective: 1200px; } .bay-area-native .bate-event-grid::before { display: none; } .bay-area-native .bate-flip-tile { position: relative; min-height: 190px; padding: 0; border: 0; background: transparent; color: #061f41; font-family: "Manrope",sans-serif; text-align: left; perspective: 1000px; } .bay-area-native .bate-flip-inner { position: relative; display: block; width: 100%; height: 100%; min-height: 190px; transform-style: preserve-3d; transition: transform 380ms var(--ease-out); } .bay-area-native .bate-flip-tile:hover .bate-flip-inner,.bay-area-native .bate-flip-tile:focus-visible .bate-flip-inner,.bay-area-native .bate-flip-tile.is-flipped .bate-flip-inner { transform: rotateY(180deg); } .bay-area-native .bate-flip-face { position: absolute; inset: 0; display: grid; grid-template-columns: auto 1fr auto; column-gap: .8rem; align-items: start; padding: 1.05rem 1.15rem; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .bay-area-native .bate-flip-front { color: #061f41; background: #f8f3e8; } .bay-area-native .bate-flip-tile:nth-child(3n+2) .bate-flip-front { background: #fbf7ed; } .bay-area-native .bate-flip-tile:nth-child(6n+1) .bate-flip-front { color: #fffdf7; background: #0c3157; } .bay-area-native .bate-flip-front .bate-event-number { grid-column: 1/4; } .bay-area-native .bate-flip-front>svg:not(.bate-event-arrow) { margin-top: 1.05rem; color: #b87f26; } .bay-area-native .bate-flip-tile:nth-child(6n+1) .bate-flip-front>svg:not(.bate-event-arrow),.bay-area-native .bate-flip-tile:nth-child(6n+1) .bate-flip-front .bate-event-number,.bay-area-native .bate-flip-tile:nth-child(6n+1) .bate-flip-front .bate-event-arrow { color: #e0b564; } .bay-area-native .bate-flip-front .bate-event-title { margin-top: 1.07rem; align-self: center; } .bay-area-native .bate-flip-front .bate-event-arrow { margin-top: 1.08rem; color: #a67426; } .bay-area-native .bate-tile-prompt { grid-column: 1/4; align-self: end; margin-top: .55rem; color: #7d6a49; font-size: 8px; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; } .bay-area-native .bate-flip-tile:nth-child(6n+1) .bate-tile-prompt { color: #cbd7e3; } .bay-area-native .bate-flip-back { grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; gap: .65rem; color: #fffdf7; background: #061f41; transform: rotateY(180deg); } .bay-area-native .bate-tile-back-label { color: #e0b564; font-size: 8px; font-weight: 800; letter-spacing: .11em; line-height: 1.35; text-transform: uppercase; } .bay-area-native .bate-tile-people { display: grid; align-content: center; gap: .5rem; } .bay-area-native .bate-tile-person { display: flex; align-items: center; gap: .5rem; min-width: 0; } .bay-area-native .bate-tile-avatar { width: 25px; height: 25px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #071f40; background: #e2b565; font-family: "DM Serif Display",Georgia,serif; font-size: 9px; } .bay-area-native .bate-tile-person>span:last-child { display: flex; flex-direction: column; min-width: 0; } .bay-area-native .bate-tile-person strong { overflow: hidden; color: #fffdf7; font-family: "DM Serif Display",Georgia,serif; font-size: 12px; font-weight: 400; letter-spacing: -.01em; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; } .bay-area-native .bate-tile-person small { margin-top: .15rem; overflow: hidden; color: #c5d0dc; font-size: 7px; font-weight: 700; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; } .bay-area-native .bate-tile-back-hint { display: flex; align-items: center; gap: .32rem; color: #d9b56f; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .bay-area-native .bate-flip-tile:focus-visible { z-index: 3; outline: 2px solid #c88d32; outline-offset: 2px; } .bay-area-native .bate-event-grid .bate-event { display: none; } @media (max-width:1040px) { .bay-area-native .bate-event-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .bay-area-native .bate-flip-tile { min-height: 176px; } .bay-area-native .bate-flip-inner { min-height: 176px; } } @media (max-width:520px) { .bay-area-native .bate-event-grid { grid-template-columns: 1fr; gap: 1px; margin-top: 2.7rem; } .bay-area-native .bate-flip-tile { min-height: 166px; } .bay-area-native .bate-flip-inner { min-height: 166px; } .bay-area-native .bate-flip-face { padding: 1rem; } .bay-area-native .bate-tile-people { grid-template-columns: repeat(3,minmax(0,1fr)); gap: .35rem; } .bay-area-native .bate-tile-person { flex-direction: column; align-items: flex-start; gap: .22rem; } .bay-area-native .bate-tile-person strong { font-size: 10px; white-space: normal; } .bay-area-native .bate-tile-person small { font-size: 6px; white-space: normal; } .bay-area-native .bate-tile-avatar { width: 23px; height: 23px; } } @media (prefers-reduced-motion:reduce) { .bay-area-native .bate-flip-inner { transition: none; } } .bay-area-native .bate-flip-tile:nth-child(n) .bate-flip-front { color: #061f41; background: #fffdf7; } .bay-area-native .bate-flip-tile:nth-child(n) .bate-flip-front>svg:not(.bate-event-arrow) { box-sizing: content-box; margin-top: .86rem; padding: 5px; color: #fffdf7; border-radius: 50%; background: #0c3157; } .bay-area-native .bate-flip-tile:nth-child(n) .bate-flip-front .bate-event-number { color: #a67426; } .bay-area-native .bate-flip-tile:nth-child(n) .bate-flip-front .bate-event-arrow { box-sizing: content-box; margin-top: .86rem; padding: 4px; color: #fffdf7; border-radius: 50%; background: #0c3157; } .bay-area-native .bate-flip-tile:nth-child(n) .bate-flip-front .bate-tile-prompt { color: #7d6a49; } .bay-area-native .bate-flip-tile { min-height: 222px; } .bay-area-native .bate-flip-inner { min-height: 222px; } .bay-area-native .bate-tile-people { grid-template-columns: repeat(3,minmax(0,1fr)); align-content: start; gap: .35rem; } .bay-area-native .bate-tile-person { flex-direction: column; align-items: flex-start; gap: .28rem; min-width: 0; padding: .4rem; border: 1px solid rgba(226,181,101,.25); } .bay-area-native .bate-tile-avatar,.bay-area-native .bate-tile-portrait { width: 31px; height: 31px; flex: 0 0 auto; border-radius: 50%; object-fit: cover; } .bay-area-native .bate-tile-person-info { display: flex; flex-direction: column; min-width: 0; } .bay-area-native .bate-tile-person strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; } .bay-area-native .bate-tile-person small { overflow: hidden; margin-top: .13rem; font-size: 6.5px; line-height: 1.24; text-overflow: ellipsis; white-space: nowrap; } .bay-area-native .bate-tile-contact-link { display: flex; align-items: center; gap: .18rem; width: max-content; max-width: 100%; margin-top: .18rem; overflow: hidden; font-size: 6.5px; font-weight: 800; line-height: 1.24; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .bay-area-native .bate-tile-contact-link:hover { color: #fffdf7; text-decoration: underline; } .bay-area-native .bate-tile-contact-link svg { flex: 0 0 auto; } .bay-area-native .bate-tile-person .bate-tile-phone { color: #e2b565; } .bay-area-native .bate-tile-person .bate-tile-website { color: #bdd1df; } .bay-area-native .bate-tile-portrait-jim { object-position: 50% 27%; } .bay-area-native .bate-tile-person-initials { background: rgba(226,181,101,.10); border-color: rgba(226,181,101,.58); } .bay-area-native .bate-tile-person-initials .bate-tile-avatar { width: 39px; height: 39px; color: #061f41; background: #e2b565; font-size: 13px; box-shadow: 0 2px 7px rgba(0,0,0,.18); } .bay-area-native .bate-tile-person-initials .bate-tile-person-info strong { color: #fffdf7; font-size: 11px; } @media (max-width:1040px) { .bay-area-native .bate-flip-tile,.bay-area-native .bate-flip-inner { min-height: 206px; } } @media (max-width:520px) { .bay-area-native .bate-flip-tile,.bay-area-native .bate-flip-inner { min-height: 195px; } .bay-area-native .bate-tile-people { gap: .28rem; } .bay-area-native .bate-tile-person { padding: .32rem; } .bay-area-native .bate-tile-person strong { font-size: 9px; white-space: normal; } .bay-area-native .bate-tile-person small { font-size: 6px; white-space: normal; } .bay-area-native .bate-tile-avatar,.bay-area-native .bate-tile-portrait { width: 28px; height: 28px; } } .bay-area-native .bate-expert-profile-link,.bay-area-native .bate-tile-profile-link { display: block; flex: 0 0 auto; border-radius: 50%; line-height: 0; } .bay-area-native .bate-expert-profile-link:focus-visible,.bay-area-native .bate-tile-profile-link:focus-visible,.bay-area-native .bate-expert-name-link:focus-visible,.bay-area-native .bate-tile-name-link:focus-visible { outline: 2px solid #c88d32; outline-offset: 3px; } .bay-area-native .bate-expert-name-link { color: inherit; text-decoration: none; } .bay-area-native .bate-expert-name-link:hover,.bay-area-native .bate-expert-name-link:focus-visible { color: #a67426; text-decoration: underline; } .bay-area-native .bate-tile-name-link { display: block; min-width: 0; color: #fffdf7; text-decoration: none; } .bay-area-native .bate-tile-name-link:hover strong,.bay-area-native .bate-tile-name-link:focus-visible strong { color: #e2b565; text-decoration: underline; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); } } @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } to { height: 0; } } @keyframes caret-blink { 0%,70%,100% { opacity: 1; } 20%,50% { opacity: 0; } } @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { .bay-area-native *, .bay-area-native ::before, .bay-area-native ::after, .bay-area-native ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } } `), /* @__PURE__ */ react_default.createElement(HomePage, null), /* @__PURE__ */ react_default.createElement(Notice, null))); } return __toCommonJS(stdin_exports); })(); /*! Bundled license information: lucide-react/dist/esm/shared/src/utils.js: lucide-react/dist/esm/defaultAttributes.js: lucide-react/dist/esm/Icon.js: lucide-react/dist/esm/createLucideIcon.js: lucide-react/dist/esm/icons/arrow-right.js: lucide-react/dist/esm/icons/book-open.js: lucide-react/dist/esm/icons/briefcase-business.js: lucide-react/dist/esm/icons/building-2.js: lucide-react/dist/esm/icons/check.js: lucide-react/dist/esm/icons/circle-question-mark.js: lucide-react/dist/esm/icons/compass.js: lucide-react/dist/esm/icons/earth.js: lucide-react/dist/esm/icons/heart-handshake.js: lucide-react/dist/esm/icons/house.js: lucide-react/dist/esm/icons/landmark.js: lucide-react/dist/esm/icons/mail.js: lucide-react/dist/esm/icons/map-pin.js: lucide-react/dist/esm/icons/phone.js: lucide-react/dist/esm/icons/search.js: lucide-react/dist/esm/icons/sparkles.js: lucide-react/dist/esm/icons/users-round.js: lucide-react/dist/esm/lucide-react.js: (** * @license lucide-react v0.553.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) */ __DEFAULT_EXPORT__ = function WebsitePage({branding,navigate,onNavigate=navigate,onContactSubmit,urlParams={}}) { const rootRef=React.useRef(null), pagePath="/", paramsKey=new URLSearchParams(urlParams).toString(), query=bayNativeCurrentSearch(pagePath,urlParams); const go=(target)=>{bayNativeRecordTarget(target);_optionalChain([onNavigate, 'optionalCall', _18 => _18(target)]);}; React.useLayoutEffect(()=>{ const root=rootRef.current;if(!root)return; const rewrite=()=>{for(const a of root.querySelectorAll("a")){const source=a.getAttribute("data-bay-source-href")||a.getAttribute("href");if(typeof source!=="string"||!((source.startsWith("/")&&!source.startsWith("//"))||source.startsWith("#")))continue;const target=bayNativeSourceTarget(source,pagePath,urlParams);try{if(!["/","/members","/404"].includes(new URL(target,"https://website-navigation.invalid").pathname))continue;}catch (e5){continue;}a.setAttribute("data-bay-source-href",source);a.setAttribute("href",bayNativePublishedBase()+target);}}; rewrite();const observer=new MutationObserver(rewrite);observer.observe(root,{childList:true,subtree:true});return()=>observer.disconnect(); },[pagePath,query,paramsKey]); const internalClick=(e)=>{if(e.defaultPrevented||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return;const a=_optionalChain([e, 'access', _19 => _19.target, 'access', _20 => _20.closest, 'optionalCall', _21 => _21("a")]);if(!a||!_optionalChain([rootRef, 'access', _22 => _22.current, 'optionalAccess', _23 => _23.contains, 'call', _24 => _24(a)])||(a.target&&a.target.toLowerCase()!=="_self")||a.hasAttribute("download"))return;const source=a.getAttribute("data-bay-source-href");if(source){e.preventDefault();go(bayNativeSourceTarget(source,pagePath,urlParams));}}; return React.createElement('div', { ref: rootRef, style: {display:"contents"}, onClick: internalClick,}, React.createElement(BayAreaPage.default, { branding: branding, onNavigate: go, onContactSubmit: onContactSubmit, urlParams: urlParams,})); }