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', _ => _.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; // outputs/jim-black/bay-area/runtime.jsx var Bridge = react_default.createContext({}); function Link({ href, onClick, children, ...rest }) { const b = react_default.useContext(Bridge); return /* @__PURE__ */ react_default.createElement("a", { ...rest, href, onClick: (e) => { _optionalChain([onClick, 'optionalCall', _2 => _2(e)]); if (!e.defaultPrevented && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && (!rest.target || String(rest.target).toLowerCase() === "_self") && (rest.download === undefined || rest.download === null || rest.download === false) && _optionalChain([href, 'optionalAccess', _3 => _3.startsWith, 'call', _4 => _4("/")]) && !href.startsWith("//")) { e.preventDefault(); _optionalChain([b, 'access', _5 => _5.onNavigate, 'optionalCall', _6 => _6(href)]); } } }, children); } function useAuth() { return { user: null, loading: false, logout: async () => { } }; } var trpc = { memberNetwork: { status: { useQuery() { return { data: void 0, isLoading: false }; } } } }; function startLogin() { window.open("https://jim-members-production.up.railway.app/auth/login", "_blank", "noopener,noreferrer"); } function Notice() { const [m, set] = react_default.useState(""); react_default.useEffect(() => { const f = (e) => set(e.detail); window.addEventListener("bay-area-toast", f); return () => window.removeEventListener("bay-area-toast", f); }, []); return m ? /* @__PURE__ */ react_default.createElement("div", { role: "status", style: { position: "fixed", bottom: 24, right: 24, zIndex: 1e3, background: "#fffdf7", color: "#061f41", padding: 20, border: "1px solid #d8ceba", borderRadius: 10, maxWidth: 350 } }, m, /* @__PURE__ */ react_default.createElement("button", { "aria-label": "Dismiss notification", onClick: () => set("") }, "\xD7")) : null; } // 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/badge-check.js var __iconNode2 = [ [ "path", { d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z", key: "3c2336" } ], ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }] ]; var BadgeCheck = createLucideIcon("badge-check", __iconNode2); // node_modules/lucide-react/dist/esm/icons/book-open.js var __iconNode3 = [ ["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", __iconNode3); // node_modules/lucide-react/dist/esm/icons/calendar-days.js var __iconNode4 = [ ["path", { d: "M8 2v4", key: "1cmpym" }], ["path", { d: "M16 2v4", key: "4m81vk" }], ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }], ["path", { d: "M3 10h18", key: "8toen8" }], ["path", { d: "M8 14h.01", key: "6423bh" }], ["path", { d: "M12 14h.01", key: "1etili" }], ["path", { d: "M16 14h.01", key: "1gbofw" }], ["path", { d: "M8 18h.01", key: "lrp35t" }], ["path", { d: "M12 18h.01", key: "mhygvu" }], ["path", { d: "M16 18h.01", key: "kzsmim" }] ]; var CalendarDays = createLucideIcon("calendar-days", __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/chevron-right.js var __iconNode6 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]]; var ChevronRight = createLucideIcon("chevron-right", __iconNode6); // node_modules/lucide-react/dist/esm/icons/circle-user-round.js var __iconNode7 = [ ["path", { d: "M18 20a6 6 0 0 0-12 0", key: "1qehca" }], ["circle", { cx: "12", cy: "10", r: "4", key: "1h16sb" }], ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }] ]; var CircleUserRound = createLucideIcon("circle-user-round", __iconNode7); // node_modules/lucide-react/dist/esm/icons/compass.js var __iconNode8 = [ [ "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", __iconNode8); // node_modules/lucide-react/dist/esm/icons/handshake.js var __iconNode9 = [ ["path", { d: "m11 17 2 2a1 1 0 1 0 3-3", key: "efffak" }], [ "path", { d: "m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4", key: "9pr0kb" } ], ["path", { d: "m21 3 1 11h-2", key: "1tisrp" }], ["path", { d: "M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3", key: "1uvwmv" }], ["path", { d: "M3 4h8", key: "1ep09j" }] ]; var Handshake = createLucideIcon("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/loader-circle.js var __iconNode11 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]]; var LoaderCircle = createLucideIcon("loader-circle", __iconNode11); // node_modules/lucide-react/dist/esm/icons/log-out.js var __iconNode12 = [ ["path", { d: "m16 17 5-5-5-5", key: "1bji2h" }], ["path", { d: "M21 12H9", key: "dn1m92" }], ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }] ]; var LogOut = createLucideIcon("log-out", __iconNode12); // node_modules/lucide-react/dist/esm/icons/network.js var __iconNode13 = [ ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }], ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }], ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }], ["path", { d: "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3", key: "1jsf9p" }], ["path", { d: "M12 12V8", key: "2874zd" }] ]; var Network = createLucideIcon("network", __iconNode13); // node_modules/lucide-react/dist/esm/icons/shield-check.js var __iconNode14 = [ [ "path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z", key: "oel41y" } ], ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }] ]; var ShieldCheck = createLucideIcon("shield-check", __iconNode14); // node_modules/lucide-react/dist/esm/icons/users-round.js var __iconNode15 = [ ["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", __iconNode15); // outputs/jim-black/bay-area/source/client/src/pages/MemberNetwork.tsx var teamPathways = [ { title: "Home Transition", description: "Build relationships around buying, selling, relocating, and inherited property.", icon: House, roles: ["Real Estate", "Mortgage", "Tax", "Insurance"] }, { title: "Family & Legacy", description: "Connect around estate planning, aging parents, and life transitions.", icon: Compass, roles: ["Estate", "Financial Planning", "Senior Services", "Legal"] }, { title: "Business Owner", description: "Develop an advisory circle for launch, growth, ownership change, and exit.", icon: Network, roles: ["Business Law", "Tax", "Banking", "Advisory"] } ]; var standards = [ "Meaningful professional experience", "Strong local reputation and client service", "A collaborative, abundance-minded approach", "Commitment to educate, introduce, and contribute" ]; function MemberNetwork() { const { user, loading, logout } = useAuth(); const memberStatus = trpc.memberNetwork.status.useQuery(void 0, { enabled: Boolean(user), retry: false, refetchOnWindowFocus: false }); if (loading) { return /* @__PURE__ */ React.createElement(NetworkLoading, null); } if (!user) { return /* @__PURE__ */ React.createElement(MemberGate, { onSignIn: () => startLogin() }); } if (memberStatus.isLoading) { return /* @__PURE__ */ React.createElement(NetworkLoading, null); } if (_optionalChain([memberStatus, 'access', _7 => _7.data, 'optionalAccess', _8 => _8.access]) !== "active") { return /* @__PURE__ */ React.createElement(PendingAccess, { name: _nullishCoalesce(user.name, () => ( "there")), onSignOut: () => void logout() }); } return /* @__PURE__ */ React.createElement(MemberWorkspace, { name: _nullishCoalesce(user.name, () => ( "Member")), onSignOut: () => void logout() }); } function Brand() { return /* @__PURE__ */ React.createElement(Link, { href: "/", className: "member-brand", "aria-label": "Return to Bay Area Trusted Experts public website" }, /* @__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"))); } function NetworkLoading() { return /* @__PURE__ */ React.createElement("div", { className: "member-load" }, /* @__PURE__ */ React.createElement(LoaderCircle, { size: 25, className: "animate-spin" }), /* @__PURE__ */ React.createElement("span", null, "Opening the member network")); } function MemberGate({ onSignIn }) { return /* @__PURE__ */ React.createElement("main", { className: "member-gate-shell" }, /* @__PURE__ */ React.createElement("header", { className: "member-gate-header" }, /* @__PURE__ */ React.createElement(Brand, null), /* @__PURE__ */ React.createElement(Link, { href: "/", className: "member-back" }, "Public website ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 15 }))), /* @__PURE__ */ React.createElement("section", { className: "member-gate-hero" }, /* @__PURE__ */ React.createElement("div", { className: "member-gate-copy" }, /* @__PURE__ */ React.createElement("p", { className: "member-eyebrow" }, /* @__PURE__ */ React.createElement("span", null), " Member network"), /* @__PURE__ */ React.createElement("h1", null, "Relationships that make introductions ", /* @__PURE__ */ React.createElement("em", null, "matter.")), /* @__PURE__ */ React.createElement("p", null, "Bay Area Trusted Experts is a private professional community for people who serve the same clients, collaborate around life events, and make thoughtful introductions."), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: onSignIn, className: "member-gold-button" }, "Sign in to member access ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 17 })), /* @__PURE__ */ React.createElement("p", { className: "member-gate-note" }, /* @__PURE__ */ React.createElement(ShieldCheck, { size: 15 }), " This space is available to activated members of the network.")), /* @__PURE__ */ React.createElement("div", { className: "member-gate-art" }, /* @__PURE__ */ React.createElement("div", { className: "member-gate-photo" }), /* @__PURE__ */ React.createElement("div", { className: "member-gate-shade" }), /* @__PURE__ */ React.createElement("div", { className: "member-gate-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("section", { className: "member-standard-strip", "aria-label": "Membership standards" }, /* @__PURE__ */ React.createElement("p", null, "Membership is built around credibility, service, and a willingness to collaborate."), /* @__PURE__ */ React.createElement("div", null, standards.map((standard) => /* @__PURE__ */ React.createElement("span", { key: standard }, /* @__PURE__ */ React.createElement(Check, { size: 15 }), " ", standard))))); } function PendingAccess({ name, onSignOut }) { return /* @__PURE__ */ React.createElement("main", { className: "member-pending-shell" }, /* @__PURE__ */ React.createElement("header", { className: "member-pending-header" }, /* @__PURE__ */ React.createElement(Brand, null), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: onSignOut }, "Sign out ", /* @__PURE__ */ React.createElement(LogOut, { size: 15 }))), /* @__PURE__ */ React.createElement("section", { className: "member-pending-card" }, /* @__PURE__ */ React.createElement("div", { className: "member-pending-icon" }, /* @__PURE__ */ React.createElement(BadgeCheck, { size: 34 })), /* @__PURE__ */ React.createElement("p", { className: "member-eyebrow" }, /* @__PURE__ */ React.createElement("span", null), " Member access review"), /* @__PURE__ */ React.createElement("h1", null, "Thank you, ", name, "."), /* @__PURE__ */ React.createElement("p", null, "Your sign-in is confirmed. Private network access becomes available once the community team has activated your membership."), /* @__PURE__ */ React.createElement("div", { className: "member-pending-list" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(Check, { size: 16 }), " Your public and private experiences remain clearly separated."), /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(Check, { size: 16 }), " When access is active, return here to explore the member network.")), /* @__PURE__ */ React.createElement(Link, { href: "/", className: "member-outline-button" }, "Return to the public site ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 16 })))); } function MemberWorkspace({ name, onSignOut }) { return /* @__PURE__ */ React.createElement("div", { className: "member-workspace" }, /* @__PURE__ */ React.createElement("aside", { className: "member-sidebar" }, /* @__PURE__ */ React.createElement(Brand, null), /* @__PURE__ */ React.createElement("div", { className: "member-private-label" }, /* @__PURE__ */ React.createElement(ShieldCheck, { size: 14 }), " Private member network"), /* @__PURE__ */ React.createElement("nav", { "aria-label": "Member navigation" }, /* @__PURE__ */ React.createElement("a", { href: "#overview", className: "active" }, /* @__PURE__ */ React.createElement(CircleUserRound, { size: 17 }), " Overview"), /* @__PURE__ */ React.createElement("a", { href: "#teams" }, /* @__PURE__ */ React.createElement(UsersRound, { size: 17 }), " Life Event Teams"), /* @__PURE__ */ React.createElement("a", { href: "#introductions" }, /* @__PURE__ */ React.createElement(Handshake, { size: 17 }), " Introductions"), /* @__PURE__ */ React.createElement("a", { href: "#education" }, /* @__PURE__ */ React.createElement(BookOpen, { size: 17 }), " Education"), /* @__PURE__ */ React.createElement("a", { href: "#sessions" }, /* @__PURE__ */ React.createElement(CalendarDays, { size: 17 }), " Member sessions")), /* @__PURE__ */ React.createElement("div", { className: "member-sidebar-bottom" }, /* @__PURE__ */ React.createElement(Link, { href: "/", className: "member-public-link" }, "View public experience ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 15 })), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: onSignOut }, /* @__PURE__ */ React.createElement(LogOut, { size: 15 }), " Sign out"))), /* @__PURE__ */ React.createElement("main", { className: "member-main", id: "overview" }, /* @__PURE__ */ React.createElement("header", { className: "member-main-header" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "member-eyebrow" }, /* @__PURE__ */ React.createElement("span", null), " Member space"), /* @__PURE__ */ React.createElement("h1", null, "Good to see you, ", /* @__PURE__ */ React.createElement("em", null, name.split(" ")[0], "."))), /* @__PURE__ */ React.createElement("div", { className: "member-status" }, /* @__PURE__ */ React.createElement(BadgeCheck, { size: 17 }), /* @__PURE__ */ React.createElement("span", null, "Member network access"))), /* @__PURE__ */ React.createElement("section", { className: "member-intro-panel", id: "introductions" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "member-panel-label" }, "The network philosophy"), /* @__PURE__ */ React.createElement("h2", null, "Introduce the right person at the ", /* @__PURE__ */ React.createElement("em", null, "right time.")), /* @__PURE__ */ React.createElement("p", null, "Member relationships are organized around the moments clients actually face. Start with the life event, then recognize the trusted professionals who can support the full picture.")), /* @__PURE__ */ React.createElement("div", { className: "member-intro-symbol" }, /* @__PURE__ */ React.createElement(Handshake, { size: 37 }), /* @__PURE__ */ React.createElement("span", null, "Trust", /* @__PURE__ */ React.createElement("br", null), "Connect", /* @__PURE__ */ React.createElement("br", null), "Refer"))), /* @__PURE__ */ React.createElement("section", { className: "member-section", id: "teams" }, /* @__PURE__ */ React.createElement("div", { className: "member-section-heading" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "member-eyebrow" }, /* @__PURE__ */ React.createElement("span", null), " Relationship pathways"), /* @__PURE__ */ React.createElement("h2", null, "Life Event Teams")), /* @__PURE__ */ React.createElement("p", null, "Explore the professional circles where a shared client journey creates a natural reason to know one another.")), /* @__PURE__ */ React.createElement("div", { className: "member-pathway-grid" }, teamPathways.map((pathway) => { const Icon2 = pathway.icon; return /* @__PURE__ */ React.createElement("article", { key: pathway.title }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", { className: "member-pathway-icon" }, /* @__PURE__ */ React.createElement(Icon2, { size: 20 })), /* @__PURE__ */ React.createElement(ChevronRight, { size: 17 })), /* @__PURE__ */ React.createElement("h3", null, pathway.title), /* @__PURE__ */ React.createElement("p", null, pathway.description), /* @__PURE__ */ React.createElement("div", { className: "member-role-tags" }, pathway.roles.map((role) => /* @__PURE__ */ React.createElement("span", { key: role }, role))), /* @__PURE__ */ React.createElement("button", { type: "button" }, "Explore relationships ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 15 }))); }))), /* @__PURE__ */ React.createElement("section", { className: "member-bottom-grid" }, /* @__PURE__ */ React.createElement("div", { className: "member-education", id: "education" }, /* @__PURE__ */ React.createElement(BookOpen, { size: 22 }), /* @__PURE__ */ React.createElement("p", { className: "member-panel-label" }, "Educate"), /* @__PURE__ */ React.createElement("h3", null, "Share what consumers need to know."), /* @__PURE__ */ React.createElement("p", null, "Build helpful answers, conversations, and introductions around the client questions that surface before major decisions."), /* @__PURE__ */ React.createElement("button", { type: "button" }, "Explore content opportunities ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 15 }))), /* @__PURE__ */ React.createElement("div", { className: "member-session", id: "sessions" }, /* @__PURE__ */ React.createElement(CalendarDays, { size: 22 }), /* @__PURE__ */ React.createElement("p", { className: "member-panel-label" }, "Gather"), /* @__PURE__ */ React.createElement("h3", null, "Member sessions"), /* @__PURE__ */ React.createElement("p", null, "Private roundtables, cross-profession conversations, and community learning belong here as the program calendar develops."), /* @__PURE__ */ React.createElement("button", { type: "button" }, "View upcoming sessions ", /* @__PURE__ */ React.createElement(ArrowRight, { size: 15 })))))); } // function Native(props) { return /* @__PURE__ */ react_default.createElement(Bridge.Provider, { value: { ...props, path: "/members" } }, /* @__PURE__ */ react_default.createElement("div", { className: "bay-area-native", onClick: (e) => { const a = e.target.closest("a"); const h = _optionalChain([a, 'optionalAccess', _9 => _9.getAttribute, 'call', _10 => _10("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', _11 => _11.startsWith, 'call', _12 => _12("/")]) && !h.startsWith("//")) { e.preventDefault(); _optionalChain([props, 'access', _13 => _13.onNavigate, 'optionalCall', _14 => _14(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(MemberNetwork, 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/badge-check.js: lucide-react/dist/esm/icons/book-open.js: lucide-react/dist/esm/icons/calendar-days.js: lucide-react/dist/esm/icons/check.js: lucide-react/dist/esm/icons/chevron-right.js: lucide-react/dist/esm/icons/circle-user-round.js: lucide-react/dist/esm/icons/compass.js: lucide-react/dist/esm/icons/handshake.js: lucide-react/dist/esm/icons/house.js: lucide-react/dist/esm/icons/loader-circle.js: lucide-react/dist/esm/icons/log-out.js: lucide-react/dist/esm/icons/network.js: lucide-react/dist/esm/icons/shield-check.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="/members", paramsKey=new URLSearchParams(urlParams).toString(), query=bayNativeCurrentSearch(pagePath,urlParams); const go=(target)=>{bayNativeRecordTarget(target);_optionalChain([onNavigate, 'optionalCall', _15 => _15(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', _16 => _16.target, 'access', _17 => _17.closest, 'optionalCall', _18 => _18("a")]);if(!a||!_optionalChain([rootRef, 'access', _19 => _19.current, 'optionalAccess', _20 => _20.contains, 'call', _21 => _21(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,})); }