diff --git a/assets/app/app.css b/assets/app/app.css index a43b3f6a7..eedc002eb 100644 --- a/assets/app/app.css +++ b/assets/app/app.css @@ -79,3 +79,69 @@ body { background-color: var(--search-highlight-bg); color: var(--search-highlight-text); } + +/* Tour */ +@keyframes tour-highlight-pulse { + 0% { + outline-color: var(--swm-pink-100); + outline-offset: -3px; + box-shadow: 0 0 0 0 rgba(255, 98, 89, 0.5); + } + 50% { + outline-color: var(--swm-pink-80); + outline-offset: 2px; + box-shadow: 0 0 16px 4px rgba(255, 98, 89, 0.25); + } + 100% { + outline-color: var(--swm-pink-100); + outline-offset: -3px; + box-shadow: 0 0 0 0 rgba(255, 98, 89, 0.5); + } +} + +@keyframes tour-spotlight-pop { + 0% { + transform: scale(0.97); + box-shadow: 0 0 0 0 rgba(255, 98, 89, 0.6); + } + 40% { + transform: scale(1.02); + box-shadow: 0 0 24px 8px rgba(255, 98, 89, 0.3); + } + 100% { + transform: scale(1); + box-shadow: 0 0 12px 4px rgba(255, 98, 89, 0.15); + } +} + +@keyframes tour-overlay-fade { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.tour-highlight { + outline: 3px solid var(--swm-pink-100); + outline-offset: -3px; + animation: tour-highlight-pulse 1.5s ease-in-out infinite; +} + +.tour-overlay { + position: fixed; + inset: 0; + z-index: 9998; + background: rgba(0, 0, 0, 0.5); + pointer-events: auto; + animation: tour-overlay-fade 0.3s ease-out; +} + +.tour-spotlight-target { + position: relative; + z-index: 9999; + pointer-events: auto; + animation: tour-spotlight-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; + box-shadow: 0 0 12px 4px rgba(255, 98, 89, 0.15); +} diff --git a/assets/app/app.js b/assets/app/app.js index d58aa1102..f8fe08ca6 100644 --- a/assets/app/app.js +++ b/assets/app/app.js @@ -21,6 +21,7 @@ import OpenComponentsTree from './hooks/open_components_tree'; import CloseSidebarOnResize from './hooks/close_sidebar_on_resize'; import CodeMirrorTextarea from './hooks/code_mirror_textarea'; import SurveyBanner from './hooks/survey_banner'; +import Tour from './hooks/tour'; import topbar from './vendor/topbar'; @@ -53,6 +54,7 @@ function createHooks() { OpenComponentsTree, CloseSidebarOnResize, SurveyBanner, + Tour, }; } diff --git a/assets/app/hooks/tour.js b/assets/app/hooks/tour.js new file mode 100644 index 000000000..5d169255e --- /dev/null +++ b/assets/app/hooks/tour.js @@ -0,0 +1,212 @@ +const OVERLAY_ID = 'tour-overlay'; +const PENDING_ACTION_KEY = 'lvdbg-tour-pending'; + +const classGuardians = new Set(); + +function clearAll() { + const overlay = document.getElementById(OVERLAY_ID); + if (overlay) overlay.remove(); + + classGuardians.forEach((guardian) => guardian.disconnect()); + classGuardians.clear(); + + document + .querySelectorAll('.tour-highlight, .tour-spotlight-target') + .forEach((el) => { + el.classList.remove('tour-highlight', 'tour-spotlight-target'); + }); +} + +function guardClass(target, className) { + const observer = new MutationObserver(() => { + if (!target.classList.contains(className)) { + target.classList.add(className); + } + }); + + observer.observe(target, { + attributes: true, + attributeFilter: ['class'], + }); + + classGuardians.add(observer); +} + +function highlight(target) { + target.scrollIntoView({ + behavior: 'smooth', + block: 'center', + }); + target.classList.add('tour-highlight'); + + guardClass(target, 'tour-highlight'); +} + +function createOverlay() { + if (!document.getElementById(OVERLAY_ID)) { + const overlay = document.createElement('div'); + overlay.id = OVERLAY_ID; + overlay.className = 'tour-overlay'; + document.body.appendChild(overlay); + } +} + +function spotlight(target) { + createOverlay(); + + target.scrollIntoView({ + behavior: 'smooth', + block: 'center', + }); + target.classList.add('tour-spotlight-target'); + + guardClass(target, 'tour-spotlight-target'); +} + +const Tour = { + mounted() { + this._cleanups = new Set(); + const pending = sessionStorage.getItem(PENDING_ACTION_KEY); + if (pending) { + sessionStorage.removeItem(PENDING_ACTION_KEY); + this._applyAction(JSON.parse(pending)); + } + + this.handleEvent('tour-action', (payload) => { + this._applyAction(payload); + }); + }, + + _applyAction(payload) { + const { + action, + target: selector, + dismiss, + url, + then: nextAction, + clear = true, + } = payload; + + if (clear || action === 'clear') { + this._cleanupListeners(); + clearAll(); + } + + if (action === 'clear') return; + + if (action === 'redirect') { + if (nextAction) { + sessionStorage.setItem(PENDING_ACTION_KEY, JSON.stringify(nextAction)); + } + this.pushEvent('tour-redirect', { url }); + return; + } + + const target = document.querySelector(selector); + if (!target) { + this._waitForTarget(selector, () => + this._applyToTarget(selector, payload) + ); + return; + } + + this._applyToTarget(selector, payload); + }, + + _applyToTarget(selector, payload) { + const { action, dismiss } = payload; + const target = document.querySelector(selector); + if (!target) return; + + switch (action) { + case 'highlight': + highlight(target); + break; + case 'spotlight': + spotlight(target); + break; + default: + console.warn(`[Tour] Unknown action: ${action}`); + return; + } + + if (dismiss === 'click-anywhere') { + this._setupClickAnywhereDismiss(); + } else if (dismiss === 'click-target') { + this._setupClickTargetDismiss(target, selector); + } + }, + + _waitForTarget(selector, callback) { + const observer = new MutationObserver(() => { + if (document.querySelector(selector)) { + observer.disconnect(); + this._cleanups.delete(cleanup); + callback(); + } + }); + + observer.observe(document.body, { childList: true, subtree: true }); + + const cleanup = () => observer.disconnect(); + this._cleanups.add(cleanup); + }, + + _cleanupListeners() { + this._cleanups.forEach((cleanup) => cleanup()); + this._cleanups.clear(); + }, + + _setupClickAnywhereDismiss() { + const controller = new AbortController(); + + const handler = () => { + clearAll(); + this._cleanupListeners(); + this.pushEvent('step-completed', { target: 'anywhere' }); + }; + + const cleanup = () => controller.abort(); + this._cleanups.add(cleanup); + + setTimeout(() => { + if (!controller.signal.aborted) { + document.addEventListener('click', handler, { + once: true, + signal: controller.signal, + }); + } + }, 0); + }, + + _setupClickTargetDismiss(target, selector) { + const overlay = document.getElementById(OVERLAY_ID); + + const handler = () => { + clearAll(); + this._cleanupListeners(); + this.pushEvent('step-completed', { target: selector }); + }; + + const overlayHandler = (e) => e.stopPropagation(); + if (overlay) { + overlay.addEventListener('click', overlayHandler); + } + + target.addEventListener('click', handler, { once: true }); + + const cleanup = () => { + target.removeEventListener('click', handler); + if (overlay) overlay.removeEventListener('click', overlayHandler); + }; + + this._cleanups.add(cleanup); + }, + + destroyed() { + this._cleanupListeners(); + clearAll(); + }, +}; + +export default Tour; diff --git a/assets/client/client.js b/assets/client/client.js index 8492c9790..749b84799 100644 --- a/assets/client/client.js +++ b/assets/client/client.js @@ -42,6 +42,11 @@ window.document.addEventListener('DOMContentLoaded', async () => { initTooltip(); initDebugMenu(metaTag, sessionURL, debugChannel); initHighlight(debugChannel); + + document.addEventListener('lvdbg:tour', (e) => { + const { command, ...payload } = e.detail; + debugChannel.push(command, payload); + }); } console.info(`LiveDebugger available at: ${baseURL}`); diff --git a/dev/live_views/main.ex b/dev/live_views/main.ex index 18fef38d3..2283c713f 100644 --- a/dev/live_views/main.ex +++ b/dev/live_views/main.ex @@ -2,6 +2,8 @@ defmodule LiveDebuggerDev.LiveViews.Main do use DevWeb, :live_view alias LiveDebuggerDev.LiveComponents + alias LiveDebugger.Tour + alias LiveDebugger.TourElements @long_text """ Lorem ipsum dolor sit amet, consectetur adipiscing elit. @@ -33,7 +35,9 @@ defmodule LiveDebuggerDev.LiveViews.Main do |> assign(long_assign: @long_text) |> assign(deep_assign: %{b: %{c: %{d: %{e: %{f: %{g: "deep value"}}}}}}) |> assign(message: nil) + |> assign(current_step: "clear") + Tour.redirect("/settings") {:ok, socket, temporary_assigns: [message: nil]} end @@ -46,6 +50,59 @@ defmodule LiveDebuggerDev.LiveViews.Main do

+
+ Tour API Demo +
+ Actions: + <.button + color="purple" + phx-click={:navbar |> TourElements.id() |> Tour.spotlight_JS(dismiss: "click-anywhere")} + > + Spotlight Navbar + + <.button color="purple" phx-click={Tour.highlight_JS(:navbar_connected, clear: false)}> + Highlight PID + + <.button color="blue" phx-click={Tour.spotlight_JS(:callback_traces_first_trace)}> + Spotlight "Send Event" + + <.button color="gray" phx-click={Tour.clear_JS()}> + Clear + +
+ +
+ Redirect: + <.button + color="purple" + phx-click={ + Tour.redirect_JS("/settings", then: Tour.step(:highlight, :refresh_tracing_button)) + } + > + Redirect to Settings + Highlight + + <.button + color="purple" + phx-click={ + Tour.redirect_JS("/", + then: Tour.step(:spotlight, :navbar, dismiss: "click-anywhere") + ) + } + > + Redirect to Discovery + Spotlight + +
+ +
+ Settings: + <.button color="green" phx-click={Tour.enable_settings_JS()}> + Enable Settings + + <.button color="red" phx-click={Tour.disable_settings_JS()}> + Disable Settings + +
+
<.button id="append-message" phx-click="append-message" color="green"> Append message diff --git a/lib/live_debugger/api/settings_storage.ex b/lib/live_debugger/api/settings_storage.ex index 7a62c2920..3d08c404f 100644 --- a/lib/live_debugger/api/settings_storage.ex +++ b/lib/live_debugger/api/settings_storage.ex @@ -104,7 +104,7 @@ defmodule LiveDebugger.API.SettingsStorage do # User still can change it in settings, and until next app restart it will be used. SettingsStorage.available_settings() |> Enum.map(fn setting -> - {setting, Application.get_env(:live_debugger, setting, fetch_setting(setting))} + {setting, fetch_setting(setting)} end) |> Enum.each(fn {setting, value} -> save(setting, value) end) diff --git a/lib/live_debugger/app/debugger/callback_tracing/web/hook_components/search_input.ex b/lib/live_debugger/app/debugger/callback_tracing/web/hook_components/search_input.ex index 9ca64aba1..cbc18a2de 100644 --- a/lib/live_debugger/app/debugger/callback_tracing/web/hook_components/search_input.ex +++ b/lib/live_debugger/app/debugger/callback_tracing/web/hook_components/search_input.ex @@ -28,13 +28,15 @@ defmodule LiveDebugger.App.Debugger.CallbackTracing.Web.HookComponents.SearchInp @impl true def render(assigns) do ~H""" - + """ end diff --git a/lib/live_debugger/app/debugger/components.ex b/lib/live_debugger/app/debugger/components.ex index c3347582b..d06fe55d6 100644 --- a/lib/live_debugger/app/debugger/components.ex +++ b/lib/live_debugger/app/debugger/components.ex @@ -13,13 +13,16 @@ defmodule LiveDebugger.App.Debugger.Components do def search_bar(assigns) do ~H""" -
+
"-search-bar"} + class={[ + "sm:w-64 w-32", + "flex shrink items-center rounded-[7px] outline outline-1 -outline-offset-1", + "has-[input:focus-within]:outline-2 has-[input:focus-within]:-outline-offset-2", + "outline-default-border has-[input:focus-within]:outline-ui-accent", + @class + ]} + >
<.icon name="icon-search" diff --git a/lib/live_debugger/app/debugger/node_state/web/components.ex b/lib/live_debugger/app/debugger/node_state/web/components.ex index 91fce87b0..525c6ae6f 100644 --- a/lib/live_debugger/app/debugger/node_state/web/components.ex +++ b/lib/live_debugger/app/debugger/node_state/web/components.ex @@ -147,7 +147,11 @@ defmodule LiveDebugger.App.Debugger.NodeState.Web.Components do name={if(@empty?, do: "No pinned assigns", else: "Pinned assigns")} icon="icon-pin" /> -
+
-
+
diff --git a/lib/live_debugger/app/debugger/web/components/elixir_display.ex b/lib/live_debugger/app/debugger/web/components/elixir_display.ex index e614bd276..eb998e824 100644 --- a/lib/live_debugger/app/debugger/web/components/elixir_display.ex +++ b/lib/live_debugger/app/debugger/web/components/elixir_display.ex @@ -108,6 +108,7 @@ defmodule LiveDebugger.App.Debugger.Web.Components.ElixirDisplay do
  1. <.static_term diff --git a/lib/live_debugger/app/debugger/web/debugger_live.ex b/lib/live_debugger/app/debugger/web/debugger_live.ex index 00d994c16..4cb188935 100644 --- a/lib/live_debugger/app/debugger/web/debugger_live.ex +++ b/lib/live_debugger/app/debugger/web/debugger_live.ex @@ -21,6 +21,8 @@ defmodule LiveDebugger.App.Debugger.Web.DebuggerLive do alias LiveDebugger.App.Utils.URL + alias LiveDebugger.App.Web.HookComponents.Tour, as: TourHook + @views_with_sidebar [ "node_inspector", "global_traces" @@ -63,7 +65,11 @@ defmodule LiveDebugger.App.Debugger.Web.DebuggerLive do ) ~H""" -
    +
    <.async_result :let={lv_process} assign={@lv_process}> <:loading>
    @@ -131,6 +137,7 @@ defmodule LiveDebugger.App.Debugger.Web.DebuggerLive do defp init_debugger(socket, pid) when is_pid(pid) do socket + |> TourHook.init() |> Hooks.AsyncLvProcess.init(pid) |> put_private(:pid, pid) |> HookComponents.DeadViewMode.init() diff --git a/lib/live_debugger/app/debugger/web/hooks/async_lv_process.ex b/lib/live_debugger/app/debugger/web/hooks/async_lv_process.ex index 8745dde8e..4917484cb 100644 --- a/lib/live_debugger/app/debugger/web/hooks/async_lv_process.ex +++ b/lib/live_debugger/app/debugger/web/hooks/async_lv_process.ex @@ -16,6 +16,8 @@ defmodule LiveDebugger.App.Debugger.Web.Hooks.AsyncLvProcess do alias LiveDebugger.Bus alias LiveDebugger.App.Events.DebuggerMounted + alias LiveDebugger.Client + @spec init(Phoenix.LiveView.Socket.t(), pid()) :: Phoenix.LiveView.Socket.t() def init(socket, pid) do socket @@ -32,6 +34,8 @@ defmodule LiveDebugger.App.Debugger.Web.Hooks.AsyncLvProcess do debugged_transport_pid: lv_process.transport_pid }) + Client.push_event!(lv_process.root_socket_id, "fetch-current-tour-step", %{}) + socket |> assign(:lv_process, AsyncResult.ok(lv_process)) |> halt() diff --git a/lib/live_debugger/app/discovery/web/discovery_live.ex b/lib/live_debugger/app/discovery/web/discovery_live.ex index bdec5c5c5..01357817f 100644 --- a/lib/live_debugger/app/discovery/web/discovery_live.ex +++ b/lib/live_debugger/app/discovery/web/discovery_live.ex @@ -15,19 +15,29 @@ defmodule LiveDebugger.App.Discovery.Web.DiscoveryLive do alias LiveDebugger.Services.ProcessMonitor.Events.LiveViewBorn alias LiveDebugger.Services.GarbageCollector.Events.TableTrimmed + alias LiveDebugger.App.Web.HookComponents.Tour, as: TourHook + @impl true def mount(_params, _session, socket) do if connected?(socket) do Bus.receive_events!() end + socket = + socket + |> TourHook.init() + {:ok, socket} end @impl true def render(assigns) do ~H""" -
    +
    diff --git a/lib/live_debugger/app/settings/web/components.ex b/lib/live_debugger/app/settings/web/components.ex index 6e2131e0e..b0ee72a36 100644 --- a/lib/live_debugger/app/settings/web/components.ex +++ b/lib/live_debugger/app/settings/web/components.ex @@ -11,6 +11,7 @@ defmodule LiveDebugger.App.Settings.Web.Components do attr(:label, :string, required: true) attr(:description_text, :string) attr(:checked, :boolean, default: false) + attr(:disabled, :boolean, default: false) attr(:rest, :global) slot(:description) @@ -21,6 +22,7 @@ defmodule LiveDebugger.App.Settings.Web.Components do <.toggle_switch id={@id} checked={@checked} + disabled={@disabled} wrapper_class="!pr-3 !py-1" {@rest} phx-change={clear_flash("#flash-info", :info)} diff --git a/lib/live_debugger/app/settings/web/settings_live.ex b/lib/live_debugger/app/settings/web/settings_live.ex index 91311652a..bae1a67c9 100644 --- a/lib/live_debugger/app/settings/web/settings_live.ex +++ b/lib/live_debugger/app/settings/web/settings_live.ex @@ -12,6 +12,7 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do alias LiveDebugger.App.Settings.Web.Components, as: SettingsComponents alias LiveDebugger.App.Web.Components.Navbar, as: NavbarComponents alias LiveDebugger.App.Web.Helpers.Routes, as: RoutesHelper + alias LiveDebugger.App.Web.HookComponents.Tour, as: TourHook alias LiveDebugger.Bus alias LiveDebugger.App.Events.UserRefreshedTrace @@ -26,16 +27,18 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do end socket + |> TourHook.init() |> assign(return_to: params["return_to"]) |> assign(settings: SettingsStorage.get_all()) |> assign(config_browser_features_docs_url: @config_browser_features_docs_url) + |> assign(settings_enabled: false) |> noreply() end @impl true def render(assigns) do ~H""" -
    +
    @@ -50,6 +53,14 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do <.h1>Settings
    +
    + <.icon name="icon-info" class="w-4 h-4 shrink-0" /> +

    Settings are disabled during the tour. They will be unlocked when the tour allows it.

    +
    + <%!-- Upper section --%>
    @@ -65,6 +76,7 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do id="highlight-in-browser-switch" label="Highlight components" checked={@settings[:highlight_in_browser]} + disabled={not @settings_enabled} phx-click="update" phx-value-setting="highlight_in_browser" > @@ -86,6 +98,7 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do label="Show Debug Button" description_text="When enabled, a debug button will be added to every LiveView page, allowing you to quickly open LiveDebugger for the current page." checked={@settings[:debug_button]} + disabled={not @settings_enabled} phx-click="update" phx-value-setting="debug_button" /> @@ -97,6 +110,7 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do label="Enable DeadView mode" description_text="When enabled, LiveDebugger won't redirect to new LiveView after page redirect or reload, allowing you to browse assigns and traces of dead LiveViews." checked={@settings[:dead_view_mode]} + disabled={not @settings_enabled} phx-click="update" phx-value-setting="dead_view_mode" /> @@ -105,6 +119,7 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do label="Tracing enabled on start" description_text="When enabled, LiveDebugger will start tracing as soon as you open the debugger. When disabled, LiveDebugger still records all traces, but you will need to manually start tracing to see new traces coming." checked={@settings[:tracing_enabled_on_start]} + disabled={not @settings_enabled} phx-click="update" phx-value-setting="tracing_enabled_on_start" /> @@ -122,6 +137,7 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do label="Garbage Collection" description_text="When enabled, LiveDebugger will remove old data to free up memory. Disabling this option will lead to increased memory usage." checked={@settings[:garbage_collection]} + disabled={not @settings_enabled} phx-click="update" phx-value-setting="garbage_collection" /> @@ -138,7 +154,9 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do Manually refresh traced modules and callbacks. Use this when you don't see traces from your application.

    - <.button variant="secondary" phx-click="restart">Refresh Tracing + <.button variant="secondary" phx-click="restart" id="refresh_tracing_button"> + Refresh Tracing +
    @@ -163,6 +181,10 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do end @impl true + def handle_event("update", _params, %{assigns: %{settings_enabled: false}} = socket) do + {:noreply, socket} + end + def handle_event("update", %{"setting" => setting}, socket) when setting in @available_settings do setting = String.to_existing_atom(setting) @@ -194,5 +216,17 @@ defmodule LiveDebugger.App.Settings.Web.SettingsLive do |> noreply() end + def handle_info({"tour:settings-enabled", _payload}, socket) do + socket + |> assign(settings_enabled: true) + |> noreply() + end + + def handle_info({"tour:settings-disabled", _payload}, socket) do + socket + |> assign(settings_enabled: false) + |> noreply() + end + def handle_info(_, socket), do: noreply(socket) end diff --git a/lib/live_debugger/app/web/components.ex b/lib/live_debugger/app/web/components.ex index 2f3724901..5581e3bbb 100644 --- a/lib/live_debugger/app/web/components.ex +++ b/lib/live_debugger/app/web/components.ex @@ -499,10 +499,13 @@ defmodule LiveDebugger.App.Web.Components do >
    -
    +
    "-title-section"} + class={[ + "font-medium text-sm min-w-26 flex items-center gap-2" + | List.wrap(@title_class) + ]} + >

    <%= @title %>

    <%= render_slot(@title_sub_panel) %>
    diff --git a/lib/live_debugger/app/web/components/navbar.ex b/lib/live_debugger/app/web/components/navbar.ex index 2e7618617..4154c9171 100644 --- a/lib/live_debugger/app/web/components/navbar.ex +++ b/lib/live_debugger/app/web/components/navbar.ex @@ -19,10 +19,13 @@ defmodule LiveDebugger.App.Web.Components.Navbar do ~H"""
    <.survey_banner /> - + <%= render_slot(@inner_block) %>
    diff --git a/lib/live_debugger/app/web/hook_components/tour.ex b/lib/live_debugger/app/web/hook_components/tour.ex new file mode 100644 index 000000000..4cac0cb19 --- /dev/null +++ b/lib/live_debugger/app/web/hook_components/tour.ex @@ -0,0 +1,71 @@ +defmodule LiveDebugger.App.Web.HookComponents.Tour do + @moduledoc """ + Hook component that handles tour events across all LiveView pages. + + Subscribes to `client:tour:receive` PubSub topic and forwards tour actions + to the Tour JS hook via `push_event`. Also handles `step-completed` events + from the JS hook and sends them back to the client app. + + ## Usage + + # In init_debugger/mount: + HookComponents.Tour.init(socket) + + # In template (root element): +
    + """ + + use LiveDebugger.App.Web, :hook_component + + alias LiveDebugger.Client + + @impl true + def init(socket) do + if Phoenix.LiveView.connected?(socket) do + Client.receive_tour_events() + end + + socket + |> attach_hook(:tour, :handle_info, &handle_info/2) + |> attach_hook(:tour, :handle_event, &handle_event/3) + |> register_hook(:tour) + end + + @impl true + def render(assigns) do + ~H"" + end + + defp handle_event("step-completed", %{"target" => _target} = payload, socket) do + send_step_completed(socket, payload) + + socket + |> halt() + end + + defp handle_event("tour-redirect", %{"url" => url}, socket) do + socket + |> Phoenix.LiveView.push_navigate(to: url) + |> halt() + end + + defp handle_event(_, _, socket), do: {:cont, socket} + + defp handle_info({"tour:" <> action, payload}, socket) do + tour_step = Map.put(payload, "action", action) + + {:cont, socket |> push_event("tour-action", tour_step)} + end + + defp handle_info(_, socket), do: {:cont, socket} + + defp send_step_completed(socket, payload) do + case socket.assigns do + %{lv_process: %{ok?: true, result: %{root_socket_id: root_socket_id}}} -> + Client.push_event!(root_socket_id, "step-completed", payload) + + _ -> + Client.push_event!("*", "step-completed", payload) + end + end +end diff --git a/lib/live_debugger/client.ex b/lib/live_debugger/client.ex index 9049d6e07..da017d643 100644 --- a/lib/live_debugger/client.ex +++ b/lib/live_debugger/client.ex @@ -6,6 +6,7 @@ defmodule LiveDebugger.Client do @callback push_event!(String.t(), String.t(), map()) :: :ok @callback receive_events(String.t()) :: :ok | {:error, term()} @callback receive_events() :: :ok | {:error, term()} + @callback receive_tour_events() :: :ok | {:error, term()} @doc """ Pushes event to the client. @@ -52,6 +53,11 @@ defmodule LiveDebugger.Client do impl().receive_events() end + @spec receive_tour_events() :: :ok | {:error, term()} + def receive_tour_events() do + impl().receive_tour_events() + end + defp impl do Application.get_env(:live_debugger, :client, __MODULE__.Impl) end @@ -76,5 +82,10 @@ defmodule LiveDebugger.Client do def receive_events() do Phoenix.PubSub.subscribe(@pubsub_name, "client:receive") end + + @impl true + def receive_tour_events() do + Phoenix.PubSub.subscribe(@pubsub_name, "client:tour:receive") + end end end diff --git a/lib/live_debugger/client/channel.ex b/lib/live_debugger/client/channel.ex index 524fdf44d..6cfb31a40 100644 --- a/lib/live_debugger/client/channel.ex +++ b/lib/live_debugger/client/channel.ex @@ -19,6 +19,16 @@ defmodule LiveDebugger.Client.Channel do end @impl true + def handle_in("tour:" <> _ = message, payload, socket) do + Phoenix.PubSub.broadcast!( + @pubsub_name, + "client:tour:receive", + {message, payload} + ) + + {:noreply, socket} + end + def handle_in(message, payload, socket) do debugged_socket_id = socket.assigns.debugged_socket_id diff --git a/lib/live_debugger/tour.ex b/lib/live_debugger/tour.ex new file mode 100644 index 000000000..dd75e2cf7 --- /dev/null +++ b/lib/live_debugger/tour.ex @@ -0,0 +1,187 @@ +defmodule LiveDebugger.Tour do + @moduledoc """ + Elixir API for controlling the LiveDebugger tour. + + Returns `Phoenix.LiveView.JS` commands that dispatch DOM events picked up + by the injected client JS (`assets/client/services/tour.js`), which forwards + them through the WebSocket channel as `tour:` messages, or broadcasts + them directly via PubSub. + + ## Usage in templates + + alias LiveDebugger.Tour + + + + + + + """ + + alias Phoenix.LiveView.JS + alias LiveDebugger.TourElements + + @pubsub_name LiveDebugger.Env.endpoint_pubsub_name() + + @type tour_opts :: [dismiss: String.t(), clear: boolean()] + + @doc """ + Spotlight an element via JS command — dims everything except the target. + Default dismiss: `"click-target"`. + """ + @spec spotlight_JS(atom() | String.t(), tour_opts()) :: JS.t() + def spotlight_JS(target, opts \\ []) do + dismiss = Keyword.get(opts, :dismiss, "click-target") + clear = Keyword.get(opts, :clear, true) + dispatch("tour:spotlight", %{target: resolve_target(target), dismiss: dismiss, clear: clear}) + end + + @doc """ + Spotlight an element via PubSub broadcast. + """ + @spec spotlight(atom() | String.t(), tour_opts()) :: :ok + def spotlight(target, opts \\ []) do + dismiss = Keyword.get(opts, :dismiss, "click-target") + clear = Keyword.get(opts, :clear, true) + + broadcast("tour:spotlight", %{ + "target" => resolve_target(target), + "dismiss" => dismiss, + "clear" => clear + }) + end + + @doc """ + Highlight an element via JS command — outlines it without blocking the page. + Default dismiss: `"click-anywhere"`. + """ + @spec highlight_JS(atom() | String.t(), tour_opts()) :: JS.t() + def highlight_JS(target, opts \\ []) do + dismiss = Keyword.get(opts, :dismiss, "click-anywhere") + clear = Keyword.get(opts, :clear, true) + + dispatch("tour:highlight", %{target: resolve_target(target), dismiss: dismiss, clear: clear}) + end + + @doc """ + Highlight an element via PubSub broadcast. + """ + @spec highlight(atom() | String.t(), tour_opts()) :: :ok + def highlight(target, opts \\ []) do + dismiss = Keyword.get(opts, :dismiss, "click-anywhere") + clear = Keyword.get(opts, :clear, true) + + broadcast("tour:highlight", %{ + "target" => resolve_target(target), + "dismiss" => dismiss, + "clear" => clear + }) + end + + @doc """ + Redirect the debugger to a URL via JS command, optionally applying a tour step after arrival. + """ + @spec redirect_JS(String.t(), keyword()) :: JS.t() + def redirect_JS(url, opts \\ []) do + payload = %{url: url} + + payload = + case Keyword.get(opts, :then) do + nil -> payload + step when is_map(step) -> Map.put(payload, :then, step) + end + + dispatch("tour:redirect", payload) + end + + @doc """ + Redirect the debugger to a URL via PubSub broadcast. + """ + @spec redirect(String.t()) :: :ok + def redirect(url) do + broadcast("tour:redirect", %{"url" => url}) + end + + @doc """ + Build a step map for use with `redirect_JS/2`'s `:then` option. + """ + @spec step(:spotlight | :highlight, atom() | String.t(), tour_opts()) :: map() + def step(action, target, opts \\ []) + + def step(:spotlight, target, opts) do + dismiss = Keyword.get(opts, :dismiss, "click-target") + clear = Keyword.get(opts, :clear, true) + + %{action: "spotlight", target: resolve_target(target), dismiss: dismiss, clear: clear} + end + + def step(:highlight, target, opts) do + dismiss = Keyword.get(opts, :dismiss, "click-anywhere") + clear = Keyword.get(opts, :clear, true) + + %{action: "highlight", target: resolve_target(target), dismiss: dismiss, clear: clear} + end + + @doc """ + Clear all tour effects via JS command. + """ + @spec clear_JS() :: JS.t() + def clear_JS do + dispatch("tour:clear", %{}) + end + + @doc """ + Clear all tour effects via PubSub broadcast. + """ + @spec clear() :: :ok + def clear do + broadcast("tour:clear", %{}) + end + + @doc """ + Enable settings toggles in the debugger via JS command. + """ + @spec enable_settings_JS() :: JS.t() + def enable_settings_JS do + dispatch("tour:settings-enabled", %{}) + end + + @doc """ + Enable settings toggles in the debugger via PubSub broadcast. + """ + @spec enable_settings() :: :ok + def enable_settings do + broadcast("tour:settings-enabled", %{}) + end + + @doc """ + Disable settings toggles in the debugger via JS command. + """ + @spec disable_settings_JS() :: JS.t() + def disable_settings_JS do + dispatch("tour:settings-disabled", %{}) + end + + @doc """ + Disable settings toggles in the debugger via PubSub broadcast. + """ + @spec disable_settings() :: :ok + def disable_settings do + broadcast("tour:settings-disabled", %{}) + end + + defp dispatch(command, payload) do + JS.dispatch("lvdbg:tour", detail: Map.put(payload, :command, command)) + end + + defp broadcast(command, payload) do + Phoenix.PubSub.broadcast!( + @pubsub_name, + "client:tour:receive", + {command, payload} + ) + end + + defp resolve_target(name) when is_atom(name), do: TourElements.id!(name) + defp resolve_target(id) when is_binary(id), do: id +end diff --git a/lib/live_debugger/tour_elements.ex b/lib/live_debugger/tour_elements.ex new file mode 100644 index 000000000..9d0d4d137 --- /dev/null +++ b/lib/live_debugger/tour_elements.ex @@ -0,0 +1,85 @@ +defmodule LiveDebugger.TourElements do + @moduledoc """ + Map of important debugger UI elements and their HTML IDs. + Used by the tour to target elements for highlight, and spotlight actions. + """ + + @elements %{ + navbar: "#navbar", + navbar_return_button: "#return-button", + navbar_settings_button: "#settings-button-container", + navbar_connected: "#navbar-connected", + navbar_connected_tooltip: "#navbar-connected-tooltip", + navbar_gc_warning: "#gc-disabled-warning-tooltip", + + # Node Basic Info + node_basic_info: "#node-inspector-basic-info", + node_module_name: "#node-inspector-basic-info-current-node-module", + node_module_path: "#node-inspector-basic-info-current-node-module-path", + copy_module_name: "#copy-button-module-name", + copy_module_path: "#copy-button-module-path", + send_event_button: "#send-event-button", + open_in_editor: "#open-in-editor", + show_components_tree: "#show-components-tree-button", + send_event_fullscreen: "#send-event-fullscreen", + + # Assigns + assigns_section: "#node-state-lv", + assigns_search_bar: "#assigns-search-input-search-bar", + assigns_pinned: "#pinned-assigns", + assigns_history_button: "#all-assigns-history-button", + + # Callback Traces + callback_traces_section: "#traces-list", + callback_traces_search_bar: "#callback-traces-search-bar", + callback_traces_toggle_tracing: "#tracing-tooltip", + callback_traces_filters_button: "#filters-tooltip", + callback_traces_first_trace: "#traces-list-stream > :first-child", + + # Inspect Button + inspect_button: "#inspect-button-tooltip", + + # Settings + refresh_tracing_button: "#refresh_tracing_button" + } + + @doc """ + Returns the HTML element ID for a given tour element name. + + ## Examples + + iex> LiveDebugger.TourElements.id(:navbar) + "navbar" + + iex> LiveDebugger.TourElements.id(:navbar_connected) + "navbar-connected" + """ + @spec id(atom()) :: String.t() | nil + def id(name) when is_atom(name) do + Map.get(@elements, name) + end + + @doc """ + Returns the HTML element ID for a given tour element name. + Raises if the element name is not found. + """ + @spec id!(atom()) :: String.t() + def id!(name) when is_atom(name) do + case Map.fetch(@elements, name) do + {:ok, id} -> id + :error -> raise ArgumentError, "Unknown tour element: #{inspect(name)}" + end + end + + @doc """ + Returns all available tour element names. + """ + @spec names() :: [atom()] + def names, do: Map.keys(@elements) + + @doc """ + Returns the full map of element names to IDs. + """ + @spec all() :: %{atom() => String.t()} + def all, do: @elements +end diff --git a/priv/static/app.css b/priv/static/app.css index 56077d18a..b99b2d615 100644 --- a/priv/static/app.css +++ b/priv/static/app.css @@ -1,2 +1,2 @@ /*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */ -@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-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-border-style:solid;--tw-leading:initial;--tw-font-weight: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-500:oklch(62.7% .265 303.9);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-2xl:96rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.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-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-mono-font-family:var(--font-mono);--main-bg:var(--slate-100);--primary-text:var(--slate-900);--accent-text:var(--swm-brand);--secondary-text:var(--slate-600);--link-primary:var(--swm-brand);--link-primary-hover:var(--swm-brand-additional);--default-border:var(--slate-200);--surface-0-bg:var(--neutrals-white);--surface-0-bg-hover:var(--slate-100);--surface-1-bg:var(--slate-50);--surface-1-bg-hover:var(--slate-100);--surface-2-bg:var(--slate-100);--surface-2-bg-hover:var(--slate-200);--ui-surface:var(--neutrals-white);--ui-muted:var(--slate-300);--ui-accent:var(--swm-brand);--scrollbar-thumb:var(--slate-300);--navbar-bg:var(--neutrals-white);--navbar-border:var(--slate-200);--navbar-icon:var(--swm-brand);--navbar-icon-bg-hover:var(--slate-200);--navbar-icon-hover:var(--swm-brand);--navbar-logo:var(--swm-brand);--button-primary-bg:var(--swm-brand);--button-primary-bg-hover:var(--swm-brand-additional);--button-primary-content:var(--neutrals-white);--button-primary-content-hover:var(--neutrals-white);--button-secondary-bg:var(--neutrals-white);--button-secondary-bg-hover:var(--slate-100);--button-secondary-border:var(--slate-200);--button-secondary-border-hover:var(--slate-200);--button-secondary-content:var(--swm-brand);--button-secondary-content-hover:var(--swm-brand);--button-green-content:var(--swm-green-100);--button-green-content-hover:var(--swm-green-80);--button-red-content:var(--red-600);--button-red-content-hover:var(--red-400);--tooltip-text:var(--neutrals-white);--tooltip-bg:var(--swm-brand);--accent-icon:var(--swm-brand);--sidebar-bg:var(--neutrals-white);--code-1:#2d2df7;--code-2:#7a808c;--code-3:#ec47f8;--code-4:#4b8b38;--error-bg:var(--red-50);--error-border:var(--red-100);--error-icon:var(--red-500);--error-text:var(--red-800);--info-bg:var(--surface-0-bg);--info-border:var(--default-border);--info-icon:var(--primary-text);--info-text:var(--primary-text);--warning-bg:var(--swm-yellow-30);--warning-border:var(--swm-yellow-60);--warning-text:var(--primary-text);--search-highlight-bg:var(--swm-yellow-80);--search-highlight-text:var(--slate-900);--diff-border:var(--swm-brand-additional);--diff-pulse-bg:var(--swm-sea-blue-60);--diff-pulse-text:var(--slate-900);--diff-negative-bg:var(--red-300);--diff-positive-bg:var(--swm-green-60);--monitored-pid-bg:var(--swm-green-40);--disconnected-bg:var(--swm-pink-40);--disconnected-text:var(--slate-900);--status-dot-success-bg:var(--swm-green-100);--status-dot-warning-bg:var(--swm-yellow-100);--status-dot-error-bg:var(--swm-pink-100);--navbar-selected-bg:var(--swm-brand);--survey-text:var(--neutrals-white);--survey-link:var(--swm-sea-blue-40);--survey-link-hover:var(--swm-sea-blue-100)}.dark{--main-bg:var(--gray-900);--primary-text:var(--gray-100);--secondary-text:var(--gray-300);--accent-text:var(--swm-sea-blue-40);--link-primary:var(--swm-sea-blue-60);--link-primary-hover:var(--swm-sea-blue-80);--default-border:var(--gray-700);--surface-0-bg:var(--gray-900);--surface-0-bg-hover:var(--gray-800);--surface-1-bg:var(--gray-800);--surface-1-bg-hover:var(--gray-700);--surface-2-bg:var(--gray-700);--surface-2-bg-hover:var(--gray-600);--ui-surface:var(--gray-900);--ui-muted:var(--gray-600);--ui-accent:var(--swm-sea-blue-60);--scrollbar-thumb:var(--gray-600);--scrollbar-thumb-hover:var(--gray-500);--navbar-bg:var(--gray-900);--navbar-border:var(--gray-700);--navbar-icon:var(--neutrals-white);--navbar-icon-bg-hover:var(--gray-700);--navbar-icon-hover:var(--neutrals-white);--navbar-logo:var(--neutrals-white);--button-primary-bg:var(--swm-sea-blue-60);--button-primary-bg-hover:var(--swm-sea-blue-80);--button-primary-content:var(--swm-brand);--button-primary-content-hover:var(--swm-brand);--button-secondary-bg:var(--gray-800);--button-secondary-bg-hover:var(--gray-900);--button-secondary-border:var(--gray-700);--button-secondary-border-hover:var(--gray-700);--button-secondary-content:var(--gray-200);--button-secondary-content-hover:var(--gray-200);--button-green-content:var(--swm-green-100);--button-green-content-hover:var(--swm-green-60);--button-red-content:var(--swm-pink-80);--button-red-content-hover:var(--swm-pink-60);--tooltip-text:var(--gray-900);--tooltip-bg:var(--swm-sea-blue-60);--accent-icon:var(--swm-sea-blue-60);--sidebar-bg:var(--gray-900);--code-1:#b0c6f7;--code-2:var(--gray-300);--code-3:#ee9462;--code-4:var(--swm-sea-blue-60);--error-bg:var(--red-error-dark);--error-border:var(--red-error);--error-icon:var(--swm-pink-80);--error-text:var(--swm-pink-80);--info-bg:var(--surface-0-bg);--info-border:var(--default-border);--info-icon:var(--primary-text);--info-text:var(--primary-text);--warning-bg:var(--surface-0-bg);--warning-border:var(--swm-yellow-40);--warning-text:var(--primary-text);--search-highlight-bg:var(--swm-yellow-100);--search-highlight-text:var(--gray-900);--diff-border:var(--swm-brand-additional);--diff-pulse-bg:var(--swm-sea-blue-60);--diff-pulse-text:var(--gray-900);--diff-negative-bg:var(--red-900);--diff-positive-bg:rgb(from var(--swm-green-100)r g b/.3);--monitored-pid-bg:var(--swm-green-60);--disconnected-bg:var(--swm-pink-60);--disconnected-text:var(--slate-900);--status-dot-success-bg:var(--swm-green-100);--status-dot-warning-bg:var(--swm-yellow-100);--status-dot-error-bg:var(--swm-pink-100);--navbar-selected-bg:var(--swm-sea-blue-60);--survey-text:var(--slate-900);--survey-link:var(--swm-brand);--survey-link-hover:var(--swm-sea-blue-100)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,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}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}dialog{margin:auto}details:open>summary>.rotate-icon{transform:rotate(90deg)}details>summary .hide-on-open{display:flex}details:open>summary .hide-on-open{display:none}details>summary .show-on-open{display:none}details:open>summary .show-on-open{display:flex}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:oklch(55.1% .027 264.364);border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:oklch(54.6% .245 262.881);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;print-color-adjust:unset;padding-right:.75rem}[type=checkbox],[type=radio]{appearance:none;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:oklch(54.6% .245 262.881);--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:oklch(55.1% .027 264.364);flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=checkbox]:checked{appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=radio]:checked{appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){[type=checkbox]:indeterminate{appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.\@container\/assigns{container:assigns/inline-size}.\@container\/traces{container:traces/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-30{top:calc(var(--spacing)*-30)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-90{top:calc(var(--spacing)*90)}.top-100{top:calc(var(--spacing)*100)}.-right-10{right:calc(var(--spacing)*-10)}.-right-15{right:calc(var(--spacing)*-15)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.-bottom-20{bottom:calc(var(--spacing)*-20)}.-bottom-25{bottom:calc(var(--spacing)*-25)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-5{bottom:calc(var(--spacing)*5)}.-left-5{left:calc(var(--spacing)*-5)}.-left-20{left:calc(var(--spacing)*-20)}.-left-30{left:calc(var(--spacing)*-30)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.isolate{isolation:isolate}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.order-0{order:0}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:380px){.container{max-width:380px}}@media (min-width:600px){.container{max-width:600px}}@media (min-width:860px){.container{max-width:860px}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media (min-width:380px){.container\!{max-width:380px!important}}@media (min-width:600px){.container\!{max-width:600px!important}}@media (min-width:860px){.container\!{max-width:860px!important}}@media (min-width:1200px){.container\!{max-width:1200px!important}}@media (min-width:40rem){.container\!{max-width:40rem!important}}@media (min-width:48rem){.container\!{max-width:48rem!important}}@media (min-width:64rem){.container\!{max-width:64rem!important}}@media (min-width:80rem){.container\!{max-width:80rem!important}}@media (min-width:96rem){.container\!{max-width:96rem!important}}.m-0{margin:calc(var(--spacing)*0)}.m-2{margin:calc(var(--spacing)*2)}.m-auto{margin:auto}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-8{margin-inline:calc(var(--spacing)*8)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.my-8{margin-block:calc(var(--spacing)*8)}.my-15{margin-block:calc(var(--spacing)*15)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.mt-\(--block-maximum-depth\){margin-top:var(--block-maximum-depth)}.mt-\(--block-maximum-height\){margin-top:var(--block-maximum-height)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mr-\(--block-maximum-depth\){margin-right:var(--block-maximum-depth)}.mr-\(--block-maximum-height\){margin-right:var(--block-maximum-height)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-6{margin-right:calc(var(--spacing)*6)}.mr-\[0\.1rem\]{margin-right:.1rem}.-mb-px{margin-bottom:-1px}.mb-\(--block-maximum-depth\){margin-bottom:var(--block-maximum-depth)}.mb-\(--block-maximum-height\){margin-bottom:var(--block-maximum-height)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-\(--block-maximum-depth\){margin-left:var(--block-maximum-depth)}.ml-\(--block-maximum-height\){margin-left:var(--block-maximum-height)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-\[2ch\]{margin-left:2ch}.ml-auto{margin-left:auto}.icon-arrow-left{--icon-arrow-left:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-arrow-left);-webkit-mask:var(--icon-arrow-left);-webkit-mask:var(--icon-arrow-left);mask:var(--icon-arrow-left);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-chart-line{--icon-chart-line:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-chart-line);-webkit-mask:var(--icon-chart-line);-webkit-mask:var(--icon-chart-line);mask:var(--icon-chart-line);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-check{--icon-check:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-check);-webkit-mask:var(--icon-check);-webkit-mask:var(--icon-check);mask:var(--icon-check);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-check-circle{--icon-check-circle:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-check-circle);-webkit-mask:var(--icon-check-circle);-webkit-mask:var(--icon-check-circle);mask:var(--icon-check-circle);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-chevron-right{--icon-chevron-right:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-chevron-right);-webkit-mask:var(--icon-chevron-right);-webkit-mask:var(--icon-chevron-right);mask:var(--icon-chevron-right);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-chevrons-right{--icon-chevrons-right:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-chevrons-right);-webkit-mask:var(--icon-chevrons-right);-webkit-mask:var(--icon-chevrons-right);mask:var(--icon-chevrons-right);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-clock-3{--icon-clock-3:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-clock-3);-webkit-mask:var(--icon-clock-3);-webkit-mask:var(--icon-clock-3);mask:var(--icon-clock-3);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-component{--icon-component:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-component);-webkit-mask:var(--icon-component);-webkit-mask:var(--icon-component);mask:var(--icon-component);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-copy{--icon-copy:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-copy);-webkit-mask:var(--icon-copy);-webkit-mask:var(--icon-copy);mask:var(--icon-copy);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-cross{--icon-cross:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-cross);-webkit-mask:var(--icon-cross);-webkit-mask:var(--icon-cross);mask:var(--icon-cross);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-cross-circle{--icon-cross-circle:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-cross-circle);-webkit-mask:var(--icon-cross-circle);-webkit-mask:var(--icon-cross-circle);mask:var(--icon-cross-circle);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-exclamation-circle{--icon-exclamation-circle:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-exclamation-circle);-webkit-mask:var(--icon-exclamation-circle);-webkit-mask:var(--icon-exclamation-circle);mask:var(--icon-exclamation-circle);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-expand{--icon-expand:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-expand);-webkit-mask:var(--icon-expand);-webkit-mask:var(--icon-expand);mask:var(--icon-expand);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-external-link{--icon-external-link:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-external-link);-webkit-mask:var(--icon-external-link);-webkit-mask:var(--icon-external-link);mask:var(--icon-external-link);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-filters{--icon-filters:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-filters);-webkit-mask:var(--icon-filters);-webkit-mask:var(--icon-filters);mask:var(--icon-filters);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-globe{--icon-globe:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-globe);-webkit-mask:var(--icon-globe);-webkit-mask:var(--icon-globe);mask:var(--icon-globe);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-history{--icon-history:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-history);-webkit-mask:var(--icon-history);-webkit-mask:var(--icon-history);mask:var(--icon-history);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-info{--icon-info:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-info);-webkit-mask:var(--icon-info);-webkit-mask:var(--icon-info);mask:var(--icon-info);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-inspect{--icon-inspect:url("data:image/svg+xml;utf8, ");-webkit-mask:var(--icon-inspect);-webkit-mask:var(--icon-inspect);-webkit-mask:var(--icon-inspect);mask:var(--icon-inspect);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-liveview{--icon-liveview:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-liveview);-webkit-mask:var(--icon-liveview);-webkit-mask:var(--icon-liveview);mask:var(--icon-liveview);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-logo{--icon-logo:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-logo);-webkit-mask:var(--icon-logo);-webkit-mask:var(--icon-logo);mask:var(--icon-logo);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-logo-text{--icon-logo-text:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-logo-text);-webkit-mask:var(--icon-logo-text);-webkit-mask:var(--icon-logo-text);mask:var(--icon-logo-text);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-moon{--icon-moon:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-moon);-webkit-mask:var(--icon-moon);-webkit-mask:var(--icon-moon);mask:var(--icon-moon);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-panel-right{--icon-panel-right:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-panel-right);-webkit-mask:var(--icon-panel-right);-webkit-mask:var(--icon-panel-right);mask:var(--icon-panel-right);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-pin{--icon-pin:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-pin);-webkit-mask:var(--icon-pin);-webkit-mask:var(--icon-pin);mask:var(--icon-pin);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-pin-off{--icon-pin-off:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-pin-off);-webkit-mask:var(--icon-pin-off);-webkit-mask:var(--icon-pin-off);mask:var(--icon-pin-off);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-play{--icon-play:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-play);-webkit-mask:var(--icon-play);-webkit-mask:var(--icon-play);mask:var(--icon-play);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-refresh{--icon-refresh:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-refresh);-webkit-mask:var(--icon-refresh);-webkit-mask:var(--icon-refresh);mask:var(--icon-refresh);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-search{--icon-search:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-search);-webkit-mask:var(--icon-search);-webkit-mask:var(--icon-search);mask:var(--icon-search);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-send{--icon-send:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-send);-webkit-mask:var(--icon-send);-webkit-mask:var(--icon-send);mask:var(--icon-send);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-settings{--icon-settings:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-settings);-webkit-mask:var(--icon-settings);-webkit-mask:var(--icon-settings);mask:var(--icon-settings);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-stop{--icon-stop:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-stop);-webkit-mask:var(--icon-stop);-webkit-mask:var(--icon-stop);mask:var(--icon-stop);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-stopwatch{--icon-stopwatch:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-stopwatch);-webkit-mask:var(--icon-stopwatch);-webkit-mask:var(--icon-stopwatch);mask:var(--icon-stopwatch);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-sun{--icon-sun:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-sun);-webkit-mask:var(--icon-sun);-webkit-mask:var(--icon-sun);mask:var(--icon-sun);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-trash{--icon-trash:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-trash);-webkit-mask:var(--icon-trash);-webkit-mask:var(--icon-trash);mask:var(--icon-trash);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-triangle-alert{--icon-triangle-alert:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-triangle-alert);-webkit-mask:var(--icon-triangle-alert);-webkit-mask:var(--icon-triangle-alert);mask:var(--icon-triangle-alert);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-x-circle{--icon-x-circle:url("data:image/svg+xml;utf8, ");-webkit-mask:var(--icon-x-circle);-webkit-mask:var(--icon-x-circle);-webkit-mask:var(--icon-x-circle);mask:var(--icon-x-circle);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-36{width:calc(var(--spacing)*36);height:calc(var(--spacing)*36)}.\!h-4{height:calc(var(--spacing)*4)!important}.\!h-5{height:calc(var(--spacing)*5)!important}.\!h-7{height:calc(var(--spacing)*7)!important}.\!h-full{height:100%!important}.h-0{height:calc(var(--spacing)*0)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-1\/2{height:50%}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\!{height:calc(var(--spacing)*5)!important}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-7\!{height:calc(var(--spacing)*7)!important}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-18{height:calc(var(--spacing)*18)}.h-20{height:calc(var(--spacing)*20)}.h-30{height:calc(var(--spacing)*30)}.h-60{height:calc(var(--spacing)*60)}.h-\[2ch\]{height:2ch}.h-\[36vh\]{height:36vh}.h-\[calc\(100\%\+var\(--block-depth\)\+var\(--block-height\)\)\]{height:calc(100% + var(--block-depth) + var(--block-height))}.h-\[calc\(var\(--block-depth\)\+var\(--block-height\)\)\]{height:calc(var(--block-depth) + var(--block-height))}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.h-max\!{height:max-content!important}.h-screen{height:100vh}.max-h-\[30vh\]{max-height:30vh}.max-h-\[70vh\]{max-height:70vh}.max-h-full{max-height:100%}.min-h-4\.5{min-height:calc(var(--spacing)*4.5)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-35{min-height:calc(var(--spacing)*35)}.min-h-\[40rem\]{min-height:40rem}.min-h-\[44vh\]{min-height:44vh}.\!w-4{width:calc(var(--spacing)*4)!important}.\!w-5{width:calc(var(--spacing)*5)!important}.\!w-7{width:calc(var(--spacing)*7)!important}.\!w-full{width:100%!important}.w-0{width:calc(var(--spacing)*0)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/4{width:25%}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-5\!{width:calc(var(--spacing)*5)!important}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-7\!{width:calc(var(--spacing)*7)!important}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-9\/10{width:90%}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-18{width:calc(var(--spacing)*18)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-80{width:calc(var(--spacing)*80)}.w-\[2ch\]{width:2ch}.w-\[15rem\]{width:15rem}.w-\[90\%\]{width:90%}.w-\[calc\(100\%\+var\(--block-depth\)\+var\(--block-height\)\)\]{width:calc(100% + var(--block-depth) + var(--block-height))}.w-\[calc\(var\(--block-depth\)\+var\(--block-height\)\)\]{width:calc(var(--block-depth) + var(--block-height))}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-full\!{width:100%!important}.w-max{width:max-content}.w-max\!{width:max-content!important}.w-screen{width:100vw}.max-w-1\/2{max-width:50%}.max-w-4xl{max-width:56rem}.max-w-20{max-width:calc(var(--spacing)*20)}.max-w-112{max-width:calc(var(--spacing)*112)}.max-w-156{max-width:calc(var(--spacing)*156)}.max-w-\[552px\]{max-width:552px}.max-w-\[600px\]{max-width:600px}.max-w-\[1360px\]{max-width:1360px}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-md{max-width:28rem}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.\!min-w-18{min-width:calc(var(--spacing)*18)!important}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-11{min-width:calc(var(--spacing)*11)}.min-w-12{min-width:calc(var(--spacing)*12)}.min-w-26{min-width:calc(var(--spacing)*26)}.min-w-44{min-width:calc(var(--spacing)*44)}.min-w-\[20rem\]{min-width:20rem}.min-w-\[25rem\]{min-width:25rem}.min-w-\[420px\]{min-width:420px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-\[1_0_0\]{flex:1 0 0}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow-0{flex-grow:0}.translate-x-\[calc\(var\(--block-horizontal\)\*var\(--block-height\)\)\]{--tw-translate-x:calc(var(--block-horizontal)*var(--block-height));translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(var\(--block-vertical\)\*var\(--block-height\)\)\]{--tw-translate-y:calc(var(--block-vertical)*var(--block-height));translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-diff-pulse{animation:.5s ease-out diffPulse}.animate-fade-in{animation:.1s ease-in forwards fadeIn}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-section-pulse{animation:.5s ease-out sectionPulse}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize\!{resize:both!important}.resize-y{resize:vertical}.scroll-m-5{scroll-margin:calc(var(--spacing)*5)}.scroll-m-20{scroll-margin:calc(var(--spacing)*20)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[auto\]{grid-template-columns:auto}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[auto_auto_1fr_auto\]{grid-template-columns:auto auto 1fr auto}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-\[auto_auto_1fr_auto\]{grid-template-rows:auto auto 1fr auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}: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)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-8{column-gap:calc(var(--spacing)*8)}.gap-x-10{column-gap:calc(var(--spacing)*10)}.gap-y-0{row-gap:calc(var(--spacing)*0)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overscroll-y-contain{overscroll-behavior-y:contain}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[7px\]{border-radius:7px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s-none\!{border-start-start-radius:0!important;border-end-start-radius:0!important}.rounded-e-none\!{border-start-end-radius:0!important;border-end-end-radius:0!important}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0\!{border-right-style:var(--tw-border-style)!important;border-right-width:0!important}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-none{--tw-border-style:none;border-style:none}.\!border-navbar-selected-bg{border-color:var(--navbar-selected-bg)!important}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-button-secondary-border{border-color:var(--button-secondary-border)}.border-default-border{border-color:var(--default-border)}.border-diff-border{border-color:var(--diff-border)}.border-error-border{border-color:var(--error-border)}.border-error-text{border-color:var(--error-text)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500{border-color:var(--color-gray-500)}.border-green-500{border-color:var(--color-green-500)}.border-info-border{border-color:var(--info-border)}.border-navbar-border{border-color:var(--navbar-border)}.border-orange-500{border-color:var(--color-orange-500)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-500{border-color:var(--color-red-500)}.border-slate-400{border-color:var(--color-slate-400)}.border-teal-500{border-color:var(--color-teal-500)}.border-transparent{border-color:#0000}.border-warning-border{border-color:var(--warning-border)}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-accent-text{background-color:var(--accent-text)}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\/25{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-button-primary-bg{background-color:var(--button-primary-bg)}.bg-button-secondary-bg{background-color:var(--button-secondary-bg)}.bg-button-secondary-content{background-color:var(--button-secondary-content)}.bg-diff-negative-bg{background-color:var(--diff-negative-bg)}.bg-diff-positive-bg{background-color:var(--diff-positive-bg)}.bg-disconnected-bg{background-color:var(--disconnected-bg)}.bg-error-bg{background-color:var(--error-bg)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-info-bg{background-color:var(--info-bg)}.bg-inherit{background-color:inherit}.bg-main-bg{background-color:var(--main-bg)}.bg-monitored-pid-bg{background-color:var(--monitored-pid-bg)}.bg-navbar-bg{background-color:var(--navbar-bg)}.bg-navbar-icon-bg-hover{background-color:var(--navbar-icon-bg-hover)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-sidebar-bg{background-color:var(--sidebar-bg)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-status-dot-error-bg{background-color:var(--status-dot-error-bg)}.bg-status-dot-success-bg{background-color:var(--status-dot-success-bg)}.bg-status-dot-warning-bg{background-color:var(--status-dot-warning-bg)}.bg-surface-0-bg{background-color:var(--surface-0-bg)}.bg-surface-0-bg-hover{background-color:var(--surface-0-bg-hover)}.bg-surface-1-bg{background-color:var(--surface-1-bg)}.bg-surface-1-bg-hover{background-color:var(--surface-1-bg-hover)}.bg-surface-2-bg{background-color:var(--surface-2-bg)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-tooltip-bg{background-color:var(--tooltip-bg)}.bg-ui-muted{background-color:var(--ui-muted)}.bg-warning-bg{background-color:var(--warning-bg)}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.stroke-1{stroke-width:1px}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\!{padding:calc(var(--spacing)*0)!important}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-\[0\.2rem\]{padding-inline:.2rem}.px-\[0\.4rem\]{padding-inline:.4rem}.px-\[0\.25rem\]{padding-inline:.25rem}.px-\[0\.55rem\]{padding-inline:.55rem}.px-\[1rem\]{padding-inline:1rem}.\!py-1{padding-block:calc(var(--spacing)*1)!important}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-15{padding-block:calc(var(--spacing)*15)}.py-16{padding-block:calc(var(--spacing)*16)}.py-\[0\.2rem\]{padding-block:.2rem}.py-\[0\.3rem\]{padding-block:.3rem}.py-\[0\.25rem\]{padding-block:.25rem}.py-\[1rem\]{padding-block:1rem}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-16{padding-top:calc(var(--spacing)*16)}.\!pr-3{padding-right:calc(var(--spacing)*3)!important}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-7{padding-right:calc(var(--spacing)*7)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-7{padding-left:calc(var(--spacing)*7)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xs{font-size:11px;line-height:var(--tw-leading,20px)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-3xs{font-size:10px;line-height:var(--tw-leading,13px)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.\!text-navbar-selected-bg{color:var(--navbar-selected-bg)!important}.text-\(--swm-green-100\){color:var(--swm-green-100)}.text-\(--swm-pink-100\){color:var(--swm-pink-100)}.text-accent-icon{color:var(--accent-icon)}.text-accent-text{color:var(--accent-text)}.text-blue-500{color:var(--color-blue-500)}.text-button-green-content{color:var(--button-green-content)}.text-button-primary-content{color:var(--button-primary-content)}.text-button-red-content{color:var(--button-red-content)}.text-button-secondary-content{color:var(--button-secondary-content)}.text-code-1{color:var(--code-1)}.text-code-2{color:var(--code-2)}.text-code-3{color:var(--code-3)}.text-code-4{color:var(--code-4)}.text-disconnected-text{color:var(--disconnected-text)}.text-error-icon{color:var(--error-icon)}.text-error-text{color:var(--error-text)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-500{color:var(--color-green-500)}.text-info-icon{color:var(--info-icon)}.text-info-text{color:var(--info-text)}.text-link-primary{color:var(--link-primary)}.text-navbar-icon{color:var(--navbar-icon)}.text-navbar-icon-hover{color:var(--navbar-icon-hover)}.text-navbar-logo{color:var(--navbar-logo)}.text-orange-500{color:var(--color-orange-500)}.text-primary-text{color:var(--primary-text)}.text-purple-500{color:var(--color-purple-500)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-secondary-text{color:var(--secondary-text)}.text-survey-link{color:var(--survey-link)}.text-survey-text{color:var(--survey-text)}.text-teal-500{color:var(--color-teal-500)}.text-tooltip-text{color:var(--tooltip-text)}.text-ui-accent{color:var(--ui-accent)}.text-warning-text{color:var(--warning-text)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-custom{--tw-shadow:0px 2px 4px 0px var(--tw-shadow-color,#001a720d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px*-1)}.outline-default-border{outline-color:var(--default-border)}.outline-error-text{outline-color:var(--error-text)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{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,visibility,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))}.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))}.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))}.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))}.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))}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--narrow-view\:1\]{--narrow-view:1}.\[--open-sidebar\:1\]{--open-sidebar:1}.not-last\:mb-8:not(:last-child){margin-bottom:calc(var(--spacing)*8)}.group-last\:hidden:is(:where(.group):last-child *){display:none}.group-last\:border-l:is(:where(.group):last-child *){border-left-style:var(--tw-border-style);border-left-width:1px}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:hidden:is(:where(.group):hover *){display:none}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\[horizontal\=left\]\:-left-\(--block-height\):is(:where(.group)[data-horizontal=left] *){left:calc(var(--block-height)*-1)}.group-data-\[horizontal\=left\]\:left-\[calc\(100\%-var\(--block-height\)\)\]:is(:where(.group)[data-horizontal=left] *){left:calc(100% - var(--block-height))}.group-data-\[horizontal\=right\]\:right-\[calc\(100\%-var\(--block-height\)\)\]:is(:where(.group)[data-horizontal=right] *){right:calc(100% - var(--block-height))}.group-data-\[horizontal\=right\]\:-left-\(--block-depth\):is(:where(.group)[data-horizontal=right] *){left:calc(var(--block-depth)*-1)}.group-data-\[transitions\=true\]\:transition-all:is(:where(.group)[data-transitions=true] *){transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[vertical\=bottom\]\:-top-\(--block-depth\):is(:where(.group)[data-vertical=bottom] *){top:calc(var(--block-depth)*-1)}.group-data-\[vertical\=top\]\:-top-\(--block-height\):is(:where(.group)[data-vertical=top] *){top:calc(var(--block-height)*-1)}.group-data-\[vertical\=top\]\:top-\[calc\(100\%-var\(--block-height\)\)\]:is(:where(.group)[data-vertical=top] *){top:calc(100% - var(--block-height))}.peer-checked\:bg-ui-accent:is(:where(.peer):checked~*){background-color:var(--ui-accent)}.peer-checked\/content\:block:is(:where(.peer\/content):checked~*),.peer-checked\/raw\:block:is(:where(.peer\/raw):checked~*),.peer-checked\/stack\:block:is(:where(.peer\/stack):checked~*){display:block}.peer-focus\:ring-2:is(:where(.peer):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)}.peer-focus\:ring-ui-accent:is(:where(.peer):focus~*){--tw-ring-color:var(--ui-accent)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\:text-ui-muted::placeholder{color:var(--ui-muted)}.backdrop\:bg-black::backdrop{background-color:var(--color-black)}.backdrop\:opacity-50::backdrop{opacity:.5}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:calc(var(--spacing)*0)}.before\:-top-\(--block-maximum-depth\,0px\):before{content:var(--tw-content);top:calc(var(--block-maximum-depth,0px)*-1)}.before\:-top-\(--block-maximum-height\,0px\):before{content:var(--tw-content);top:calc(var(--block-maximum-height,0px)*-1)}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:-right-\(--block-maximum-depth\,0px\):before{content:var(--tw-content);right:calc(var(--block-maximum-depth,0px)*-1)}.before\:-right-\(--block-maximum-height\,0px\):before{content:var(--tw-content);right:calc(var(--block-maximum-height,0px)*-1)}.before\:-bottom-\(--block-maximum-depth\,0px\):before{content:var(--tw-content);bottom:calc(var(--block-maximum-depth,0px)*-1)}.before\:-bottom-\(--block-maximum-height\,0px\):before{content:var(--tw-content);bottom:calc(var(--block-maximum-height,0px)*-1)}.before\:-left-\(--block-maximum-depth\,0px\):before{content:var(--tw-content);left:calc(var(--block-maximum-depth,0px)*-1)}.before\:-left-\(--block-maximum-height\,0px\):before{content:var(--tw-content);left:calc(var(--block-maximum-height,0px)*-1)}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:z-\[-1\]:before{content:var(--tw-content);z-index:-1}.before\:h-2:before{content:var(--tw-content);height:calc(var(--spacing)*2)}.before\:w-2:before{content:var(--tw-content);width:calc(var(--spacing)*2)}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:bg-transparent:before{content:var(--tw-content);background-color:#0000}.before\:content-\[\'\'\]:before{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-4:after{content:var(--tw-content);height:calc(var(--spacing)*4)}.after\:w-4:after{content:var(--tw-content);width:calc(var(--spacing)*4)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-ui-surface:after{content:var(--tw-content);background-color:var(--ui-surface)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.last\:mb-1:last-child{margin-bottom:calc(var(--spacing)*1)}.last\:mb-4:last-child{margin-bottom:calc(var(--spacing)*4)}.last\:hidden:last-child{display:none}.only\:block:only-child{display:block}.checked\:border-ui-accent:checked{border-color:var(--ui-accent)}.checked\:bg-white:checked{background-color:var(--color-white)}.checked\:before\:bg-ui-accent:checked:before{content:var(--tw-content);background-color:var(--ui-accent)}.focus-within\:relative:focus-within{position:relative}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-120:hover{--tw-scale-x:120%;--tw-scale-y:120%;--tw-scale-z:120%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-button-secondary-border-hover:hover{border-color:var(--button-secondary-border-hover)}.hover\:bg-button-primary-bg-hover:hover{background-color:var(--button-primary-bg-hover)}.hover\:bg-button-secondary-bg-hover:hover{background-color:var(--button-secondary-bg-hover)}.hover\:bg-navbar-icon-bg-hover:hover{background-color:var(--navbar-icon-bg-hover)}.hover\:bg-surface-0-bg-hover:hover{background-color:var(--surface-0-bg-hover)}.hover\:bg-surface-1-bg:hover{background-color:var(--surface-1-bg)}.hover\:bg-surface-1-bg-hover:hover{background-color:var(--surface-1-bg-hover)}.hover\:text-blue-900:hover{color:var(--color-blue-900)}.hover\:text-button-green-content-hover:hover{color:var(--button-green-content-hover)}.hover\:text-button-primary-content-hover:hover{color:var(--button-primary-content-hover)}.hover\:text-button-red-content-hover:hover{color:var(--button-red-content-hover)}.hover\:text-button-secondary-content-hover:hover{color:var(--button-secondary-content-hover)}.hover\:text-link-primary-hover:hover{color:var(--link-primary-hover)}.hover\:text-navbar-icon-hover:hover{color:var(--navbar-icon-hover)}.hover\:text-navbar-selected-bg:hover{color:var(--navbar-selected-bg)}.hover\:text-primary-text:hover{color:var(--primary-text)}.hover\:text-secondary-text:hover{color:var(--secondary-text)}.hover\:text-slate-300:hover{color:var(--color-slate-300)}.hover\:text-survey-link-hover:hover{color:var(--survey-link-hover)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-80:hover{opacity:.8}}.focus\:ring-0: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)}.focus\:outline:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:-outline-offset-2:focus{outline-offset:calc(2px*-1)}.focus\:outline-ui-accent:focus{outline-color:var(--ui-accent)}.focus-visible\:opacity-100:focus-visible{opacity:1}.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)}.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)}.focus-visible\:ring-offset-2:focus-visible{--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)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:\!text-gray-500:disabled{color:var(--color-gray-500)!important}.disabled\:placeholder-gray-300:disabled::placeholder{color:var(--color-gray-300)}.disabled\:opacity-50:disabled{opacity:.5}.has-\[input\:focus-within\]\:outline:has(:is(input:focus-within)){outline-style:var(--tw-outline-style);outline-width:1px}.has-\[input\:focus-within\]\:outline-2:has(:is(input:focus-within)){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[input\:focus-within\]\:-outline-offset-2:has(:is(input:focus-within)){outline-offset:calc(2px*-1)}.has-\[input\:focus-within\]\:outline-error-text:has(:is(input:focus-within)){outline-color:var(--error-text)}.has-\[input\:focus-within\]\:outline-ui-accent:has(:is(input:focus-within)){outline-color:var(--ui-accent)}.data-\[state\=closed\]\:bg-slate-200[data-state=closed]{background-color:var(--color-slate-200)}@media (hover:hover){.data-\[state\=closed\]\:hover\:bg-slate-300[data-state=closed]:hover{background-color:var(--color-slate-300)}}.data-\[state\=inactive\]\:hidden[data-state=inactive]{display:none}@media not all and (min-width:1200px){.max-sm_bi\:flex-col{flex-direction:column}.max-sm_bi\:gap-4{gap:calc(var(--spacing)*4)}.max-sm_bi\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.max-sm_bi\:border-default-border{border-color:var(--default-border)}}@media not all and (min-width:600px){.max-sm_ct\:flex-col{flex-direction:column}}@media not all and (min-width:64rem){.max-lg\:p-8{padding:calc(var(--spacing)*8)}.max-lg\:pb-0{padding-bottom:calc(var(--spacing)*0)}}@media not all and (min-width:48rem){.max-md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.max-md\:hidden{display:none}.max-md\:flex-col{flex-direction:column}.max-md\:py-3{padding-block:calc(var(--spacing)*3)}.max-md\:pb-18{padding-bottom:calc(var(--spacing)*18)}}@media not all and (min-width:40rem){.max-sm\:left-1\/2{left:50%}.max-sm\:w-\[calc\(100\%-50px\)\]{width:calc(100% - 50px)}.max-sm\:w-full{width:100%}.max-sm\:max-w-70{max-width:calc(var(--spacing)*70)}.max-sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.max-sm\:animate-fade-in-mobile{animation:.1s ease-in forwards fadeInMobile}.max-sm\:animate-fade-out-mobile{animation:.2s ease-out forwards fadeOutMobile}.max-sm\:flex-col{flex-direction:column}.max-sm\:px-8{padding-inline:calc(var(--spacing)*8)}.max-sm\:pb-20{padding-bottom:calc(var(--spacing)*20)}.max-sm\:opacity-100{opacity:1}}@media (min-width:860px){.md_ct\:static{position:static}.md_ct\:inset-auto{inset:auto}.md_ct\:flex{display:flex}.md_ct\:hidden{display:none}.md_ct\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.md_ct\:bg-transparent{background-color:#0000}.md_ct\:\[--narrow-view\:0\]{--narrow-view:0}.md_ct\:\[--open-sidebar\:0\]{--open-sidebar:0}}@media (min-width:1200px){.sm_bi\:ml-auto{margin-left:auto}.sm_bi\:items-center{align-items:center}}@media (min-width:40rem){.sm\:-top-40{top:calc(var(--spacing)*-40)}.sm\:top-0{top:calc(var(--spacing)*0)}.sm\:-right-15{right:calc(var(--spacing)*-15)}.sm\:-right-40{right:calc(var(--spacing)*-40)}.sm\:right-4{right:calc(var(--spacing)*4)}.sm\:-bottom-25{bottom:calc(var(--spacing)*-25)}.sm\:-bottom-35{bottom:calc(var(--spacing)*-35)}.sm\:-left-20{left:calc(var(--spacing)*-20)}.sm\:mb-5{margin-bottom:calc(var(--spacing)*5)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.sm\:size-42{width:calc(var(--spacing)*42);height:calc(var(--spacing)*42)}.sm\:h-1\/2{height:50%}.sm\:h-8{height:calc(var(--spacing)*8)}.sm\:h-80{height:calc(var(--spacing)*80)}.sm\:h-\[640px\]{height:640px}.sm\:w-8{width:calc(var(--spacing)*8)}.sm\:w-16{width:calc(var(--spacing)*16)}.sm\:w-64{width:calc(var(--spacing)*64)}.sm\:w-96{width:calc(var(--spacing)*96)}.sm\:w-\[552px\]{width:552px}.sm\:max-w-\[552px\]{max-width:552px}.sm\:animate-fade-in{animation:.1s ease-in forwards fadeIn}.sm\:animate-fade-out{animation:.2s ease-out forwards fadeOut}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-10{gap:calc(var(--spacing)*10)}.sm\:gap-12{gap:calc(var(--spacing)*12)}.sm\:gap-14{gap:calc(var(--spacing)*14)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:py-16{padding-block:calc(var(--spacing)*16)}.sm\:py-20{padding-block:calc(var(--spacing)*20)}.sm\:pt-20{padding-top:calc(var(--spacing)*20)}.sm\:pb-12{padding-bottom:calc(var(--spacing)*12)}.sm\:text-\[28px\]{font-size:28px}}@media (min-width:48rem){.md\:-top-50{top:calc(var(--spacing)*-50)}.md\:top-4{top:calc(var(--spacing)*4)}.md\:-right-20{right:calc(var(--spacing)*-20)}.md\:-bottom-45{bottom:calc(var(--spacing)*-45)}.md\:bottom-auto{bottom:auto}.md\:order-first{order:-9999}.md\:order-last{order:9999}.md\:mt-15{margin-top:calc(var(--spacing)*15)}.md\:mt-16{margin-top:calc(var(--spacing)*16)}.md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\:flex{display:flex}.md\:size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.md\:size-45{width:calc(var(--spacing)*45);height:calc(var(--spacing)*45)}.md\:h-5{height:calc(var(--spacing)*5)}.md\:h-6{height:calc(var(--spacing)*6)}.md\:h-7{height:calc(var(--spacing)*7)}.md\:h-8{height:calc(var(--spacing)*8)}.md\:h-9{height:calc(var(--spacing)*9)}.md\:h-10{height:calc(var(--spacing)*10)}.md\:h-12{height:calc(var(--spacing)*12)}.md\:h-14{height:calc(var(--spacing)*14)}.md\:h-15{height:calc(var(--spacing)*15)}.md\:h-80{height:calc(var(--spacing)*80)}.md\:h-100{height:calc(var(--spacing)*100)}.md\:h-\[900px\]{height:900px}.md\:w-3\/5{width:60%}.md\:w-5{width:calc(var(--spacing)*5)}.md\:w-6{width:calc(var(--spacing)*6)}.md\:w-9{width:calc(var(--spacing)*9)}.md\:w-10{width:calc(var(--spacing)*10)}.md\:w-14{width:calc(var(--spacing)*14)}.md\:w-24{width:calc(var(--spacing)*24)}.md\:w-96{width:calc(var(--spacing)*96)}.md\:w-\[936px\]{width:936px}.md\:max-w-\[936px\]{max-width:936px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-5{gap:calc(var(--spacing)*5)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-12{gap:calc(var(--spacing)*12)}.md\:gap-14{gap:calc(var(--spacing)*14)}.md\:gap-16{gap:calc(var(--spacing)*16)}.md\:gap-20{gap:calc(var(--spacing)*20)}.md\:gap-x-10{column-gap:calc(var(--spacing)*10)}.md\:gap-y-10{row-gap:calc(var(--spacing)*10)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.md\:py-3{padding-block:calc(var(--spacing)*3)}.md\:py-3\.5{padding-block:calc(var(--spacing)*3.5)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:py-20{padding-block:calc(var(--spacing)*20)}.md\:py-28{padding-block:calc(var(--spacing)*28)}.md\:py-32{padding-block:calc(var(--spacing)*32)}.md\:pt-4{padding-top:calc(var(--spacing)*4)}.md\:pt-36{padding-top:calc(var(--spacing)*36)}.md\:pb-24{padding-bottom:calc(var(--spacing)*24)}.md\:pl-4{padding-left:calc(var(--spacing)*4)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:64rem){.lg\:-top-65{top:calc(var(--spacing)*-65)}.lg\:-right-40{right:calc(var(--spacing)*-40)}.lg\:-right-45{right:calc(var(--spacing)*-45)}.lg\:-right-60{right:calc(var(--spacing)*-60)}.lg\:-bottom-25{bottom:calc(var(--spacing)*-25)}.lg\:-bottom-30{bottom:calc(var(--spacing)*-30)}.lg\:-bottom-55{bottom:calc(var(--spacing)*-55)}.lg\:-left-30{left:calc(var(--spacing)*-30)}.lg\:-left-50{left:calc(var(--spacing)*-50)}.lg\:m-auto{margin:auto}.lg\:mx-auto{margin-inline:auto}.lg\:mt-20{margin-top:calc(var(--spacing)*20)}.lg\:mt-24{margin-top:calc(var(--spacing)*24)}.lg\:h-9{height:calc(var(--spacing)*9)}.lg\:h-11{height:calc(var(--spacing)*11)}.lg\:h-16{height:calc(var(--spacing)*16)}.lg\:h-25{height:calc(var(--spacing)*25)}.lg\:h-100{height:calc(var(--spacing)*100)}.lg\:h-120{height:calc(var(--spacing)*120)}.lg\:h-\[1000px\]{height:1000px}.lg\:min-h-\[36h\]{min-height:36h}.lg\:w-11{width:calc(var(--spacing)*11)}.lg\:w-16{width:calc(var(--spacing)*16)}.lg\:w-25{width:calc(var(--spacing)*25)}.lg\:w-42{width:calc(var(--spacing)*42)}.lg\:w-\[60rem\]{width:60rem}.lg\:w-\[600px\]{width:600px}.lg\:w-\[1100px\]{width:1100px}.lg\:w-\[1360px\]{width:1360px}.lg\:max-w-\[1100px\]{max-width:1100px}.lg\:max-w-\[1360px\]{max-width:1360px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:gap-2{gap:calc(var(--spacing)*2)}.lg\:gap-5{gap:calc(var(--spacing)*5)}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:gap-18{gap:calc(var(--spacing)*18)}.lg\:gap-20{gap:calc(var(--spacing)*20)}.lg\:gap-24{gap:calc(var(--spacing)*24)}.lg\:gap-x-14{column-gap:calc(var(--spacing)*14)}.lg\:gap-y-14{row-gap:calc(var(--spacing)*14)}.lg\:p-10{padding:calc(var(--spacing)*10)}.lg\:p-14{padding:calc(var(--spacing)*14)}.lg\:py-28{padding-block:calc(var(--spacing)*28)}.lg\:py-30{padding-block:calc(var(--spacing)*30)}.lg\:py-32{padding-block:calc(var(--spacing)*32)}.lg\:pt-10{padding-top:calc(var(--spacing)*10)}.lg\:pr-4{padding-right:calc(var(--spacing)*4)}.lg\:pl-5{padding-left:calc(var(--spacing)*5)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-\[36px\]{font-size:36px}.lg\:leading-\[50px\]{--tw-leading:50px;line-height:50px}.lg\:last\:block:last-child{display:block}}@media (min-width:48rem){@media (min-width:64rem){.md\:lg\:gap-5{gap:calc(var(--spacing)*5)}}}@media (min-width:80rem){.xl\:w-3\/4\!{width:75%!important}.xl\:w-max{width:max-content}.xl\:min-w-\[50rem\]{min-width:50rem}}@container traces (min-width:30rem){.\@\[30rem\]\/traces\:flex{display:flex}.\@\[30rem\]\/traces\:hidden{display:none}}@container assigns (min-width:47rem){.\@\[47rem\]\/assigns\:w-64\!{width:calc(var(--spacing)*64)!important}}@container traces (min-width:47rem){.\@\[47rem\]\/traces\:w-64\!{width:calc(var(--spacing)*64)!important}}.rtl\:peer-checked\:after\:-translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dark\:flex:where(.dark,.dark *){display:flex}.dark\:hidden:where(.dark,.dark *),.\[\&_\.absolute_\>_\:last-child\]\:hidden .absolute>:last-child{display:none}.peer-checked\/raw\:\[\&_\.copy-btn-raw\]\:block:is(:where(.peer\/raw):checked~*) .copy-btn-raw,.peer-checked\/stack\:\[\&_\.copy-btn-stack\]\:block:is(:where(.peer\/stack):checked~*) .copy-btn-stack,.peer-checked\/content\:\[\&_\.editor-btn-content\]\:block:is(:where(.peer\/content):checked~*) .editor-btn-content{display:block}.peer-checked\/content\:\[\&_\.tab-content\]\:border-navbar-selected-bg:is(:where(.peer\/content):checked~*) .tab-content{border-color:var(--navbar-selected-bg)}.peer-checked\/content\:\[\&_\.tab-content\]\:text-navbar-selected-bg:is(:where(.peer\/content):checked~*) .tab-content{color:var(--navbar-selected-bg)}.peer-checked\/raw\:\[\&_\.tab-raw\]\:border-navbar-selected-bg:is(:where(.peer\/raw):checked~*) .tab-raw{border-color:var(--navbar-selected-bg)}.peer-checked\/raw\:\[\&_\.tab-raw\]\:text-navbar-selected-bg:is(:where(.peer\/raw):checked~*) .tab-raw{color:var(--navbar-selected-bg)}.peer-checked\/stack\:\[\&_\.tab-stack\]\:border-navbar-selected-bg:is(:where(.peer\/stack):checked~*) .tab-stack{border-color:var(--navbar-selected-bg)}.peer-checked\/stack\:\[\&_\.tab-stack\]\:text-navbar-selected-bg:is(:where(.peer\/stack):checked~*) .tab-stack{color:var(--navbar-selected-bg)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>div\>button\]\:hidden>div>button{display:none}@media (hover:hover){.hover\:\[\&\>div\>button\]\:block:hover>div>button{display:block}}.\[\&\>div\>div\>button\]\:hidden>div>div>button{display:none}@media (hover:hover){.hover\:\[\&\>div\>div\>button\]\:block:hover>div>div>button{display:block}.hover\:\[\&\>div\>div\>div\>button\]\:hidden:hover>div>div>div>button{display:none}}.\[\&\>div\>div\>div\>div\>button\]\:hidden>div>div>div>div>button{display:none}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwkT9mI1F55MKw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwAT9mI1F55MKw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwgT9mI1F55MKw.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwcT9mI1F55MKw.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwsT9mI1F55MKw.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwoT9mI1F55MKw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwQT9mI1F54.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwYZ8UA3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--neutrals-white:#fff;--gray-50:#f6f6f6;--gray-100:#e7e7e7;--gray-200:#d1d1d1;--gray-300:#b0b0b0;--gray-400:#888;--gray-500:#6d6d6d;--gray-600:#5d5d5d;--gray-700:#454545;--gray-800:#303030;--gray-900:#282828;--gray-950:#1f1f1f;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--red-error-dark:#412423;--red-error:#653434;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--swm-brand:#001a72;--swm-brand-additional:#33498b;--swm-green-20:#ebfcf7;--swm-green-40:#dff2ec;--swm-green-60:#b1dfd0;--swm-green-80:#82cab2;--swm-green-100:#57b495;--swm-pink-20:#ffedf0;--swm-pink-40:#ffd2d7;--swm-pink-60:#ffa3a1;--swm-pink-80:#fa7f7c;--swm-pink-100:#ff6259;--swm-sea-blue-20:#e1f3fa;--swm-sea-blue-40:#b5e1f1;--swm-sea-blue-60:#87cce8;--swm-sea-blue-80:#5bb9e0;--swm-sea-blue-100:#38acdd;--swm-yellow-20:#fffae1;--swm-yellow-30:#fef3c6;--swm-yellow-40:#fff1b2;--swm-yellow-60:#ffe780;--swm-yellow-80:#ffe04b;--swm-yellow-100:#ffd61e}.remove-arrow::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.remove-arrow::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.remove-arrow{-moz-appearance:textfield}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)transparent}.scrollbar-main,body{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb)transparent}::highlight(traces-search-highlight){background-color:var(--search-highlight-bg);color:var(--search-highlight-text)}::highlight(assigns-search-highlight){background-color:var(--search-highlight-bg);color:var(--search-highlight-text)}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fadeOutMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInMobile{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes diffPulse{0%{background-color:var(--diff-pulse-bg);color:var(--diff-pulse-text)}to{background-color: ;color: }}@keyframes sectionPulse{0%{box-shadow:0 0 10px var(--diff-pulse-bg)}to{box-shadow:0 0 0px var(--diff-pulse-bg)}} \ No newline at end of file +@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-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-border-style:solid;--tw-leading:initial;--tw-font-weight: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-2xl:96rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.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-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-mono-font-family:var(--font-mono);--main-bg:var(--slate-100);--primary-text:var(--slate-900);--accent-text:var(--swm-brand);--secondary-text:var(--slate-600);--link-primary:var(--swm-brand);--link-primary-hover:var(--swm-brand-additional);--default-border:var(--slate-200);--surface-0-bg:var(--neutrals-white);--surface-0-bg-hover:var(--slate-100);--surface-1-bg:var(--slate-50);--surface-1-bg-hover:var(--slate-100);--surface-2-bg:var(--slate-100);--surface-2-bg-hover:var(--slate-200);--ui-surface:var(--neutrals-white);--ui-muted:var(--slate-300);--ui-accent:var(--swm-brand);--scrollbar-thumb:var(--slate-300);--navbar-bg:var(--neutrals-white);--navbar-border:var(--slate-200);--navbar-icon:var(--swm-brand);--navbar-icon-bg-hover:var(--slate-200);--navbar-icon-hover:var(--swm-brand);--navbar-logo:var(--swm-brand);--button-primary-bg:var(--swm-brand);--button-primary-bg-hover:var(--swm-brand-additional);--button-primary-content:var(--neutrals-white);--button-primary-content-hover:var(--neutrals-white);--button-secondary-bg:var(--neutrals-white);--button-secondary-bg-hover:var(--slate-100);--button-secondary-border:var(--slate-200);--button-secondary-border-hover:var(--slate-200);--button-secondary-content:var(--swm-brand);--button-secondary-content-hover:var(--swm-brand);--button-green-content:var(--swm-green-100);--button-green-content-hover:var(--swm-green-80);--button-red-content:var(--red-600);--button-red-content-hover:var(--red-400);--tooltip-text:var(--neutrals-white);--tooltip-bg:var(--swm-brand);--accent-icon:var(--swm-brand);--sidebar-bg:var(--neutrals-white);--code-1:#2d2df7;--code-2:#7a808c;--code-3:#ec47f8;--code-4:#4b8b38;--error-bg:var(--red-50);--error-border:var(--red-100);--error-icon:var(--red-500);--error-text:var(--red-800);--info-bg:var(--surface-0-bg);--info-border:var(--default-border);--info-icon:var(--primary-text);--info-text:var(--primary-text);--warning-bg:var(--swm-yellow-30);--warning-border:var(--swm-yellow-60);--warning-text:var(--primary-text);--search-highlight-bg:var(--swm-yellow-80);--search-highlight-text:var(--slate-900);--diff-border:var(--swm-brand-additional);--diff-pulse-bg:var(--swm-sea-blue-60);--diff-pulse-text:var(--slate-900);--diff-negative-bg:var(--red-300);--diff-positive-bg:var(--swm-green-60);--monitored-pid-bg:var(--swm-green-40);--disconnected-bg:var(--swm-pink-40);--disconnected-text:var(--slate-900);--status-dot-success-bg:var(--swm-green-100);--status-dot-warning-bg:var(--swm-yellow-100);--status-dot-error-bg:var(--swm-pink-100);--navbar-selected-bg:var(--swm-brand);--survey-text:var(--neutrals-white);--survey-link:var(--swm-sea-blue-40);--survey-link-hover:var(--swm-sea-blue-100)}.dark{--main-bg:var(--gray-900);--primary-text:var(--gray-100);--secondary-text:var(--gray-300);--accent-text:var(--swm-sea-blue-40);--link-primary:var(--swm-sea-blue-60);--link-primary-hover:var(--swm-sea-blue-80);--default-border:var(--gray-700);--surface-0-bg:var(--gray-900);--surface-0-bg-hover:var(--gray-800);--surface-1-bg:var(--gray-800);--surface-1-bg-hover:var(--gray-700);--surface-2-bg:var(--gray-700);--surface-2-bg-hover:var(--gray-600);--ui-surface:var(--gray-900);--ui-muted:var(--gray-600);--ui-accent:var(--swm-sea-blue-60);--scrollbar-thumb:var(--gray-600);--scrollbar-thumb-hover:var(--gray-500);--navbar-bg:var(--gray-900);--navbar-border:var(--gray-700);--navbar-icon:var(--neutrals-white);--navbar-icon-bg-hover:var(--gray-700);--navbar-icon-hover:var(--neutrals-white);--navbar-logo:var(--neutrals-white);--button-primary-bg:var(--swm-sea-blue-60);--button-primary-bg-hover:var(--swm-sea-blue-80);--button-primary-content:var(--swm-brand);--button-primary-content-hover:var(--swm-brand);--button-secondary-bg:var(--gray-800);--button-secondary-bg-hover:var(--gray-900);--button-secondary-border:var(--gray-700);--button-secondary-border-hover:var(--gray-700);--button-secondary-content:var(--gray-200);--button-secondary-content-hover:var(--gray-200);--button-green-content:var(--swm-green-100);--button-green-content-hover:var(--swm-green-60);--button-red-content:var(--swm-pink-80);--button-red-content-hover:var(--swm-pink-60);--tooltip-text:var(--gray-900);--tooltip-bg:var(--swm-sea-blue-60);--accent-icon:var(--swm-sea-blue-60);--sidebar-bg:var(--gray-900);--code-1:#b0c6f7;--code-2:var(--gray-300);--code-3:#ee9462;--code-4:var(--swm-sea-blue-60);--error-bg:var(--red-error-dark);--error-border:var(--red-error);--error-icon:var(--swm-pink-80);--error-text:var(--swm-pink-80);--info-bg:var(--surface-0-bg);--info-border:var(--default-border);--info-icon:var(--primary-text);--info-text:var(--primary-text);--warning-bg:var(--surface-0-bg);--warning-border:var(--swm-yellow-40);--warning-text:var(--primary-text);--search-highlight-bg:var(--swm-yellow-100);--search-highlight-text:var(--gray-900);--diff-border:var(--swm-brand-additional);--diff-pulse-bg:var(--swm-sea-blue-60);--diff-pulse-text:var(--gray-900);--diff-negative-bg:var(--red-900);--diff-positive-bg:rgb(from var(--swm-green-100)r g b/.3);--monitored-pid-bg:var(--swm-green-60);--disconnected-bg:var(--swm-pink-60);--disconnected-text:var(--slate-900);--status-dot-success-bg:var(--swm-green-100);--status-dot-warning-bg:var(--swm-yellow-100);--status-dot-error-bg:var(--swm-pink-100);--navbar-selected-bg:var(--swm-sea-blue-60);--survey-text:var(--slate-900);--survey-link:var(--swm-brand);--survey-link-hover:var(--swm-sea-blue-100)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,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}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}dialog{margin:auto}details:open>summary>.rotate-icon{transform:rotate(90deg)}details>summary .hide-on-open{display:flex}details:open>summary .hide-on-open{display:none}details>summary .show-on-open{display:none}details:open>summary .show-on-open{display:flex}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:oklch(55.1% .027 264.364);border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:oklch(54.6% .245 262.881);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;print-color-adjust:unset;padding-right:.75rem}[type=checkbox],[type=radio]{appearance:none;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:oklch(54.6% .245 262.881);--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:oklch(55.1% .027 264.364);flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=checkbox]:checked{appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=radio]:checked{appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){[type=checkbox]:indeterminate{appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.\@container\/assigns{container:assigns/inline-size}.\@container\/traces{container:traces/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-30{top:calc(var(--spacing)*-30)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-90{top:calc(var(--spacing)*90)}.top-100{top:calc(var(--spacing)*100)}.-right-10{right:calc(var(--spacing)*-10)}.-right-15{right:calc(var(--spacing)*-15)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.-bottom-20{bottom:calc(var(--spacing)*-20)}.-bottom-25{bottom:calc(var(--spacing)*-25)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-5{bottom:calc(var(--spacing)*5)}.-left-5{left:calc(var(--spacing)*-5)}.-left-20{left:calc(var(--spacing)*-20)}.-left-30{left:calc(var(--spacing)*-30)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.isolate{isolation:isolate}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.order-0{order:0}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:380px){.container{max-width:380px}}@media (min-width:600px){.container{max-width:600px}}@media (min-width:860px){.container{max-width:860px}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media (min-width:380px){.container\!{max-width:380px!important}}@media (min-width:600px){.container\!{max-width:600px!important}}@media (min-width:860px){.container\!{max-width:860px!important}}@media (min-width:1200px){.container\!{max-width:1200px!important}}@media (min-width:40rem){.container\!{max-width:40rem!important}}@media (min-width:48rem){.container\!{max-width:48rem!important}}@media (min-width:64rem){.container\!{max-width:64rem!important}}@media (min-width:80rem){.container\!{max-width:80rem!important}}@media (min-width:96rem){.container\!{max-width:96rem!important}}.m-0{margin:calc(var(--spacing)*0)}.m-2{margin:calc(var(--spacing)*2)}.m-auto{margin:auto}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-8{margin-inline:calc(var(--spacing)*8)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.my-8{margin-block:calc(var(--spacing)*8)}.my-15{margin-block:calc(var(--spacing)*15)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.mt-\(--block-maximum-depth\){margin-top:var(--block-maximum-depth)}.mt-\(--block-maximum-height\){margin-top:var(--block-maximum-height)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mr-\(--block-maximum-depth\){margin-right:var(--block-maximum-depth)}.mr-\(--block-maximum-height\){margin-right:var(--block-maximum-height)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-6{margin-right:calc(var(--spacing)*6)}.mr-\[0\.1rem\]{margin-right:.1rem}.-mb-px{margin-bottom:-1px}.mb-\(--block-maximum-depth\){margin-bottom:var(--block-maximum-depth)}.mb-\(--block-maximum-height\){margin-bottom:var(--block-maximum-height)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-\(--block-maximum-depth\){margin-left:var(--block-maximum-depth)}.ml-\(--block-maximum-height\){margin-left:var(--block-maximum-height)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-\[2ch\]{margin-left:2ch}.ml-auto{margin-left:auto}.icon-arrow-left{--icon-arrow-left:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-arrow-left);-webkit-mask:var(--icon-arrow-left);-webkit-mask:var(--icon-arrow-left);mask:var(--icon-arrow-left);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-chart-line{--icon-chart-line:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-chart-line);-webkit-mask:var(--icon-chart-line);-webkit-mask:var(--icon-chart-line);mask:var(--icon-chart-line);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-check{--icon-check:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-check);-webkit-mask:var(--icon-check);-webkit-mask:var(--icon-check);mask:var(--icon-check);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-check-circle{--icon-check-circle:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-check-circle);-webkit-mask:var(--icon-check-circle);-webkit-mask:var(--icon-check-circle);mask:var(--icon-check-circle);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-chevron-right{--icon-chevron-right:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-chevron-right);-webkit-mask:var(--icon-chevron-right);-webkit-mask:var(--icon-chevron-right);mask:var(--icon-chevron-right);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-chevrons-right{--icon-chevrons-right:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-chevrons-right);-webkit-mask:var(--icon-chevrons-right);-webkit-mask:var(--icon-chevrons-right);mask:var(--icon-chevrons-right);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-clock-3{--icon-clock-3:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-clock-3);-webkit-mask:var(--icon-clock-3);-webkit-mask:var(--icon-clock-3);mask:var(--icon-clock-3);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-component{--icon-component:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-component);-webkit-mask:var(--icon-component);-webkit-mask:var(--icon-component);mask:var(--icon-component);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-copy{--icon-copy:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-copy);-webkit-mask:var(--icon-copy);-webkit-mask:var(--icon-copy);mask:var(--icon-copy);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-cross{--icon-cross:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-cross);-webkit-mask:var(--icon-cross);-webkit-mask:var(--icon-cross);mask:var(--icon-cross);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-cross-circle{--icon-cross-circle:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-cross-circle);-webkit-mask:var(--icon-cross-circle);-webkit-mask:var(--icon-cross-circle);mask:var(--icon-cross-circle);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-exclamation-circle{--icon-exclamation-circle:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-exclamation-circle);-webkit-mask:var(--icon-exclamation-circle);-webkit-mask:var(--icon-exclamation-circle);mask:var(--icon-exclamation-circle);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-expand{--icon-expand:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-expand);-webkit-mask:var(--icon-expand);-webkit-mask:var(--icon-expand);mask:var(--icon-expand);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-external-link{--icon-external-link:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-external-link);-webkit-mask:var(--icon-external-link);-webkit-mask:var(--icon-external-link);mask:var(--icon-external-link);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-filters{--icon-filters:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-filters);-webkit-mask:var(--icon-filters);-webkit-mask:var(--icon-filters);mask:var(--icon-filters);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-globe{--icon-globe:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-globe);-webkit-mask:var(--icon-globe);-webkit-mask:var(--icon-globe);mask:var(--icon-globe);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-history{--icon-history:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-history);-webkit-mask:var(--icon-history);-webkit-mask:var(--icon-history);mask:var(--icon-history);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-info{--icon-info:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-info);-webkit-mask:var(--icon-info);-webkit-mask:var(--icon-info);mask:var(--icon-info);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-inspect{--icon-inspect:url("data:image/svg+xml;utf8, ");-webkit-mask:var(--icon-inspect);-webkit-mask:var(--icon-inspect);-webkit-mask:var(--icon-inspect);mask:var(--icon-inspect);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-liveview{--icon-liveview:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-liveview);-webkit-mask:var(--icon-liveview);-webkit-mask:var(--icon-liveview);mask:var(--icon-liveview);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-logo{--icon-logo:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-logo);-webkit-mask:var(--icon-logo);-webkit-mask:var(--icon-logo);mask:var(--icon-logo);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-logo-text{--icon-logo-text:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-logo-text);-webkit-mask:var(--icon-logo-text);-webkit-mask:var(--icon-logo-text);mask:var(--icon-logo-text);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-moon{--icon-moon:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-moon);-webkit-mask:var(--icon-moon);-webkit-mask:var(--icon-moon);mask:var(--icon-moon);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-panel-right{--icon-panel-right:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-panel-right);-webkit-mask:var(--icon-panel-right);-webkit-mask:var(--icon-panel-right);mask:var(--icon-panel-right);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-pin{--icon-pin:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-pin);-webkit-mask:var(--icon-pin);-webkit-mask:var(--icon-pin);mask:var(--icon-pin);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-pin-off{--icon-pin-off:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-pin-off);-webkit-mask:var(--icon-pin-off);-webkit-mask:var(--icon-pin-off);mask:var(--icon-pin-off);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-play{--icon-play:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-play);-webkit-mask:var(--icon-play);-webkit-mask:var(--icon-play);mask:var(--icon-play);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-refresh{--icon-refresh:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-refresh);-webkit-mask:var(--icon-refresh);-webkit-mask:var(--icon-refresh);mask:var(--icon-refresh);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-search{--icon-search:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-search);-webkit-mask:var(--icon-search);-webkit-mask:var(--icon-search);mask:var(--icon-search);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-send{--icon-send:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-send);-webkit-mask:var(--icon-send);-webkit-mask:var(--icon-send);mask:var(--icon-send);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-settings{--icon-settings:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-settings);-webkit-mask:var(--icon-settings);-webkit-mask:var(--icon-settings);mask:var(--icon-settings);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-stop{--icon-stop:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-stop);-webkit-mask:var(--icon-stop);-webkit-mask:var(--icon-stop);mask:var(--icon-stop);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-stopwatch{--icon-stopwatch:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-stopwatch);-webkit-mask:var(--icon-stopwatch);-webkit-mask:var(--icon-stopwatch);mask:var(--icon-stopwatch);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-sun{--icon-sun:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-sun);-webkit-mask:var(--icon-sun);-webkit-mask:var(--icon-sun);mask:var(--icon-sun);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-trash{--icon-trash:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-trash);-webkit-mask:var(--icon-trash);-webkit-mask:var(--icon-trash);mask:var(--icon-trash);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-triangle-alert{--icon-triangle-alert:url("data:image/svg+xml;utf8,");-webkit-mask:var(--icon-triangle-alert);-webkit-mask:var(--icon-triangle-alert);-webkit-mask:var(--icon-triangle-alert);mask:var(--icon-triangle-alert);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-x-circle{--icon-x-circle:url("data:image/svg+xml;utf8, ");-webkit-mask:var(--icon-x-circle);-webkit-mask:var(--icon-x-circle);-webkit-mask:var(--icon-x-circle);mask:var(--icon-x-circle);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.\!block{display:block!important}.block{display:block}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-36{width:calc(var(--spacing)*36);height:calc(var(--spacing)*36)}.\!h-4{height:calc(var(--spacing)*4)!important}.\!h-5{height:calc(var(--spacing)*5)!important}.\!h-7{height:calc(var(--spacing)*7)!important}.\!h-full{height:100%!important}.h-0{height:calc(var(--spacing)*0)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-1\/2{height:50%}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\!{height:calc(var(--spacing)*5)!important}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-7\!{height:calc(var(--spacing)*7)!important}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-18{height:calc(var(--spacing)*18)}.h-20{height:calc(var(--spacing)*20)}.h-30{height:calc(var(--spacing)*30)}.h-60{height:calc(var(--spacing)*60)}.h-\[2ch\]{height:2ch}.h-\[36vh\]{height:36vh}.h-\[calc\(100\%\+var\(--block-depth\)\+var\(--block-height\)\)\]{height:calc(100% + var(--block-depth) + var(--block-height))}.h-\[calc\(var\(--block-depth\)\+var\(--block-height\)\)\]{height:calc(var(--block-depth) + var(--block-height))}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.h-max\!{height:max-content!important}.h-screen{height:100vh}.max-h-\[30vh\]{max-height:30vh}.max-h-\[70vh\]{max-height:70vh}.max-h-full{max-height:100%}.min-h-4\.5{min-height:calc(var(--spacing)*4.5)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-35{min-height:calc(var(--spacing)*35)}.min-h-\[40rem\]{min-height:40rem}.min-h-\[44vh\]{min-height:44vh}.\!w-4{width:calc(var(--spacing)*4)!important}.\!w-5{width:calc(var(--spacing)*5)!important}.\!w-7{width:calc(var(--spacing)*7)!important}.\!w-full{width:100%!important}.w-0{width:calc(var(--spacing)*0)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/4{width:25%}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-5\!{width:calc(var(--spacing)*5)!important}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-7\!{width:calc(var(--spacing)*7)!important}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-9\/10{width:90%}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-18{width:calc(var(--spacing)*18)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-80{width:calc(var(--spacing)*80)}.w-\[2ch\]{width:2ch}.w-\[15rem\]{width:15rem}.w-\[90\%\]{width:90%}.w-\[calc\(100\%\+var\(--block-depth\)\+var\(--block-height\)\)\]{width:calc(100% + var(--block-depth) + var(--block-height))}.w-\[calc\(var\(--block-depth\)\+var\(--block-height\)\)\]{width:calc(var(--block-depth) + var(--block-height))}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-full\!{width:100%!important}.w-max{width:max-content}.w-max\!{width:max-content!important}.w-screen{width:100vw}.max-w-1\/2{max-width:50%}.max-w-4xl{max-width:56rem}.max-w-20{max-width:calc(var(--spacing)*20)}.max-w-112{max-width:calc(var(--spacing)*112)}.max-w-156{max-width:calc(var(--spacing)*156)}.max-w-\[552px\]{max-width:552px}.max-w-\[600px\]{max-width:600px}.max-w-\[1360px\]{max-width:1360px}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-md{max-width:28rem}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.\!min-w-18{min-width:calc(var(--spacing)*18)!important}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-11{min-width:calc(var(--spacing)*11)}.min-w-12{min-width:calc(var(--spacing)*12)}.min-w-26{min-width:calc(var(--spacing)*26)}.min-w-44{min-width:calc(var(--spacing)*44)}.min-w-\[20rem\]{min-width:20rem}.min-w-\[25rem\]{min-width:25rem}.min-w-\[420px\]{min-width:420px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-\[1_0_0\]{flex:1 0 0}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow-0{flex-grow:0}.translate-x-\[calc\(var\(--block-horizontal\)\*var\(--block-height\)\)\]{--tw-translate-x:calc(var(--block-horizontal)*var(--block-height));translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(var\(--block-vertical\)\*var\(--block-height\)\)\]{--tw-translate-y:calc(var(--block-vertical)*var(--block-height));translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-diff-pulse{animation:.5s ease-out diffPulse}.animate-fade-in{animation:.1s ease-in forwards fadeIn}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-section-pulse{animation:.5s ease-out sectionPulse}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize\!{resize:both!important}.resize-y{resize:vertical}.scroll-m-5{scroll-margin:calc(var(--spacing)*5)}.scroll-m-20{scroll-margin:calc(var(--spacing)*20)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[auto\]{grid-template-columns:auto}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[auto_auto_1fr_auto\]{grid-template-columns:auto auto 1fr auto}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-\[auto_auto_1fr_auto\]{grid-template-rows:auto auto 1fr auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}: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)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-8{column-gap:calc(var(--spacing)*8)}.gap-x-10{column-gap:calc(var(--spacing)*10)}.gap-y-0{row-gap:calc(var(--spacing)*0)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overscroll-y-contain{overscroll-behavior-y:contain}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[7px\]{border-radius:7px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s-none\!{border-start-start-radius:0!important;border-end-start-radius:0!important}.rounded-e-none\!{border-start-end-radius:0!important;border-end-end-radius:0!important}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0\!{border-right-style:var(--tw-border-style)!important;border-right-width:0!important}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-none{--tw-border-style:none;border-style:none}.\!border-navbar-selected-bg{border-color:var(--navbar-selected-bg)!important}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-button-secondary-border{border-color:var(--button-secondary-border)}.border-default-border{border-color:var(--default-border)}.border-diff-border{border-color:var(--diff-border)}.border-error-border{border-color:var(--error-border)}.border-error-text{border-color:var(--error-text)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-500{border-color:var(--color-gray-500)}.border-green-500{border-color:var(--color-green-500)}.border-info-border{border-color:var(--info-border)}.border-navbar-border{border-color:var(--navbar-border)}.border-orange-500{border-color:var(--color-orange-500)}.border-purple-300{border-color:var(--color-purple-300)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-500{border-color:var(--color-red-500)}.border-slate-400{border-color:var(--color-slate-400)}.border-teal-500{border-color:var(--color-teal-500)}.border-transparent{border-color:#0000}.border-warning-border{border-color:var(--warning-border)}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-accent-text{background-color:var(--accent-text)}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\/25{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-button-primary-bg{background-color:var(--button-primary-bg)}.bg-button-secondary-bg{background-color:var(--button-secondary-bg)}.bg-button-secondary-content{background-color:var(--button-secondary-content)}.bg-diff-negative-bg{background-color:var(--diff-negative-bg)}.bg-diff-positive-bg{background-color:var(--diff-positive-bg)}.bg-disconnected-bg{background-color:var(--disconnected-bg)}.bg-error-bg{background-color:var(--error-bg)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-info-bg{background-color:var(--info-bg)}.bg-inherit{background-color:inherit}.bg-main-bg{background-color:var(--main-bg)}.bg-monitored-pid-bg{background-color:var(--monitored-pid-bg)}.bg-navbar-bg{background-color:var(--navbar-bg)}.bg-navbar-icon-bg-hover{background-color:var(--navbar-icon-bg-hover)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-sidebar-bg{background-color:var(--sidebar-bg)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-status-dot-error-bg{background-color:var(--status-dot-error-bg)}.bg-status-dot-success-bg{background-color:var(--status-dot-success-bg)}.bg-status-dot-warning-bg{background-color:var(--status-dot-warning-bg)}.bg-surface-0-bg{background-color:var(--surface-0-bg)}.bg-surface-0-bg-hover{background-color:var(--surface-0-bg-hover)}.bg-surface-1-bg{background-color:var(--surface-1-bg)}.bg-surface-1-bg-hover{background-color:var(--surface-1-bg-hover)}.bg-surface-2-bg{background-color:var(--surface-2-bg)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-tooltip-bg{background-color:var(--tooltip-bg)}.bg-ui-muted{background-color:var(--ui-muted)}.bg-warning-bg{background-color:var(--warning-bg)}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.stroke-1{stroke-width:1px}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\!{padding:calc(var(--spacing)*0)!important}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-\[0\.2rem\]{padding-inline:.2rem}.px-\[0\.4rem\]{padding-inline:.4rem}.px-\[0\.25rem\]{padding-inline:.25rem}.px-\[0\.55rem\]{padding-inline:.55rem}.px-\[1rem\]{padding-inline:1rem}.\!py-1{padding-block:calc(var(--spacing)*1)!important}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-15{padding-block:calc(var(--spacing)*15)}.py-16{padding-block:calc(var(--spacing)*16)}.py-\[0\.2rem\]{padding-block:.2rem}.py-\[0\.3rem\]{padding-block:.3rem}.py-\[0\.25rem\]{padding-block:.25rem}.py-\[1rem\]{padding-block:1rem}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-16{padding-top:calc(var(--spacing)*16)}.\!pr-3{padding-right:calc(var(--spacing)*3)!important}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-7{padding-right:calc(var(--spacing)*7)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-7{padding-left:calc(var(--spacing)*7)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xs{font-size:11px;line-height:var(--tw-leading,20px)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-3xs{font-size:10px;line-height:var(--tw-leading,13px)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.\!text-navbar-selected-bg{color:var(--navbar-selected-bg)!important}.text-\(--swm-green-100\){color:var(--swm-green-100)}.text-\(--swm-pink-100\){color:var(--swm-pink-100)}.text-accent-icon{color:var(--accent-icon)}.text-accent-text{color:var(--accent-text)}.text-blue-500{color:var(--color-blue-500)}.text-blue-800{color:var(--color-blue-800)}.text-button-green-content{color:var(--button-green-content)}.text-button-primary-content{color:var(--button-primary-content)}.text-button-red-content{color:var(--button-red-content)}.text-button-secondary-content{color:var(--button-secondary-content)}.text-code-1{color:var(--code-1)}.text-code-2{color:var(--code-2)}.text-code-3{color:var(--code-3)}.text-code-4{color:var(--code-4)}.text-disconnected-text{color:var(--disconnected-text)}.text-error-icon{color:var(--error-icon)}.text-error-text{color:var(--error-text)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-500{color:var(--color-green-500)}.text-info-icon{color:var(--info-icon)}.text-info-text{color:var(--info-text)}.text-link-primary{color:var(--link-primary)}.text-navbar-icon{color:var(--navbar-icon)}.text-navbar-icon-hover{color:var(--navbar-icon-hover)}.text-navbar-logo{color:var(--navbar-logo)}.text-orange-500{color:var(--color-orange-500)}.text-primary-text{color:var(--primary-text)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-secondary-text{color:var(--secondary-text)}.text-survey-link{color:var(--survey-link)}.text-survey-text{color:var(--survey-text)}.text-teal-500{color:var(--color-teal-500)}.text-tooltip-text{color:var(--tooltip-text)}.text-ui-accent{color:var(--ui-accent)}.text-warning-text{color:var(--warning-text)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-custom{--tw-shadow:0px 2px 4px 0px var(--tw-shadow-color,#001a720d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px*-1)}.outline-default-border{outline-color:var(--default-border)}.outline-error-text{outline-color:var(--error-text)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{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,visibility,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))}.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))}.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))}.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))}.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))}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--narrow-view\:1\]{--narrow-view:1}.\[--open-sidebar\:1\]{--open-sidebar:1}.not-last\:mb-8:not(:last-child){margin-bottom:calc(var(--spacing)*8)}.group-last\:hidden:is(:where(.group):last-child *){display:none}.group-last\:border-l:is(:where(.group):last-child *){border-left-style:var(--tw-border-style);border-left-width:1px}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:hidden:is(:where(.group):hover *){display:none}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\[horizontal\=left\]\:-left-\(--block-height\):is(:where(.group)[data-horizontal=left] *){left:calc(var(--block-height)*-1)}.group-data-\[horizontal\=left\]\:left-\[calc\(100\%-var\(--block-height\)\)\]:is(:where(.group)[data-horizontal=left] *){left:calc(100% - var(--block-height))}.group-data-\[horizontal\=right\]\:right-\[calc\(100\%-var\(--block-height\)\)\]:is(:where(.group)[data-horizontal=right] *){right:calc(100% - var(--block-height))}.group-data-\[horizontal\=right\]\:-left-\(--block-depth\):is(:where(.group)[data-horizontal=right] *){left:calc(var(--block-depth)*-1)}.group-data-\[transitions\=true\]\:transition-all:is(:where(.group)[data-transitions=true] *){transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[vertical\=bottom\]\:-top-\(--block-depth\):is(:where(.group)[data-vertical=bottom] *){top:calc(var(--block-depth)*-1)}.group-data-\[vertical\=top\]\:-top-\(--block-height\):is(:where(.group)[data-vertical=top] *){top:calc(var(--block-height)*-1)}.group-data-\[vertical\=top\]\:top-\[calc\(100\%-var\(--block-height\)\)\]:is(:where(.group)[data-vertical=top] *){top:calc(100% - var(--block-height))}.peer-checked\:bg-ui-accent:is(:where(.peer):checked~*){background-color:var(--ui-accent)}.peer-checked\/content\:block:is(:where(.peer\/content):checked~*),.peer-checked\/raw\:block:is(:where(.peer\/raw):checked~*),.peer-checked\/stack\:block:is(:where(.peer\/stack):checked~*){display:block}.peer-focus\:ring-2:is(:where(.peer):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)}.peer-focus\:ring-ui-accent:is(:where(.peer):focus~*){--tw-ring-color:var(--ui-accent)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\:text-ui-muted::placeholder{color:var(--ui-muted)}.backdrop\:bg-black::backdrop{background-color:var(--color-black)}.backdrop\:opacity-50::backdrop{opacity:.5}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:calc(var(--spacing)*0)}.before\:-top-\(--block-maximum-depth\,0px\):before{content:var(--tw-content);top:calc(var(--block-maximum-depth,0px)*-1)}.before\:-top-\(--block-maximum-height\,0px\):before{content:var(--tw-content);top:calc(var(--block-maximum-height,0px)*-1)}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:-right-\(--block-maximum-depth\,0px\):before{content:var(--tw-content);right:calc(var(--block-maximum-depth,0px)*-1)}.before\:-right-\(--block-maximum-height\,0px\):before{content:var(--tw-content);right:calc(var(--block-maximum-height,0px)*-1)}.before\:-bottom-\(--block-maximum-depth\,0px\):before{content:var(--tw-content);bottom:calc(var(--block-maximum-depth,0px)*-1)}.before\:-bottom-\(--block-maximum-height\,0px\):before{content:var(--tw-content);bottom:calc(var(--block-maximum-height,0px)*-1)}.before\:-left-\(--block-maximum-depth\,0px\):before{content:var(--tw-content);left:calc(var(--block-maximum-depth,0px)*-1)}.before\:-left-\(--block-maximum-height\,0px\):before{content:var(--tw-content);left:calc(var(--block-maximum-height,0px)*-1)}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:z-\[-1\]:before{content:var(--tw-content);z-index:-1}.before\:h-2:before{content:var(--tw-content);height:calc(var(--spacing)*2)}.before\:w-2:before{content:var(--tw-content);width:calc(var(--spacing)*2)}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:bg-transparent:before{content:var(--tw-content);background-color:#0000}.before\:content-\[\'\'\]:before{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-4:after{content:var(--tw-content);height:calc(var(--spacing)*4)}.after\:w-4:after{content:var(--tw-content);width:calc(var(--spacing)*4)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-ui-surface:after{content:var(--tw-content);background-color:var(--ui-surface)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.last\:mb-1:last-child{margin-bottom:calc(var(--spacing)*1)}.last\:mb-4:last-child{margin-bottom:calc(var(--spacing)*4)}.last\:hidden:last-child{display:none}.only\:block:only-child{display:block}.checked\:border-ui-accent:checked{border-color:var(--ui-accent)}.checked\:bg-white:checked{background-color:var(--color-white)}.checked\:before\:bg-ui-accent:checked:before{content:var(--tw-content);background-color:var(--ui-accent)}.focus-within\:relative:focus-within{position:relative}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-120:hover{--tw-scale-x:120%;--tw-scale-y:120%;--tw-scale-z:120%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-button-secondary-border-hover:hover{border-color:var(--button-secondary-border-hover)}.hover\:bg-button-primary-bg-hover:hover{background-color:var(--button-primary-bg-hover)}.hover\:bg-button-secondary-bg-hover:hover{background-color:var(--button-secondary-bg-hover)}.hover\:bg-navbar-icon-bg-hover:hover{background-color:var(--navbar-icon-bg-hover)}.hover\:bg-surface-0-bg-hover:hover{background-color:var(--surface-0-bg-hover)}.hover\:bg-surface-1-bg:hover{background-color:var(--surface-1-bg)}.hover\:bg-surface-1-bg-hover:hover{background-color:var(--surface-1-bg-hover)}.hover\:text-blue-900:hover{color:var(--color-blue-900)}.hover\:text-button-green-content-hover:hover{color:var(--button-green-content-hover)}.hover\:text-button-primary-content-hover:hover{color:var(--button-primary-content-hover)}.hover\:text-button-red-content-hover:hover{color:var(--button-red-content-hover)}.hover\:text-button-secondary-content-hover:hover{color:var(--button-secondary-content-hover)}.hover\:text-link-primary-hover:hover{color:var(--link-primary-hover)}.hover\:text-navbar-icon-hover:hover{color:var(--navbar-icon-hover)}.hover\:text-navbar-selected-bg:hover{color:var(--navbar-selected-bg)}.hover\:text-primary-text:hover{color:var(--primary-text)}.hover\:text-secondary-text:hover{color:var(--secondary-text)}.hover\:text-slate-300:hover{color:var(--color-slate-300)}.hover\:text-survey-link-hover:hover{color:var(--survey-link-hover)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-80:hover{opacity:.8}}.focus\:ring-0: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)}.focus\:outline:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:-outline-offset-2:focus{outline-offset:calc(2px*-1)}.focus\:outline-ui-accent:focus{outline-color:var(--ui-accent)}.focus-visible\:opacity-100:focus-visible{opacity:1}.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)}.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)}.focus-visible\:ring-offset-2:focus-visible{--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)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:\!text-gray-500:disabled{color:var(--color-gray-500)!important}.disabled\:placeholder-gray-300:disabled::placeholder{color:var(--color-gray-300)}.disabled\:opacity-50:disabled{opacity:.5}.has-\[input\:focus-within\]\:outline:has(:is(input:focus-within)){outline-style:var(--tw-outline-style);outline-width:1px}.has-\[input\:focus-within\]\:outline-2:has(:is(input:focus-within)){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[input\:focus-within\]\:-outline-offset-2:has(:is(input:focus-within)){outline-offset:calc(2px*-1)}.has-\[input\:focus-within\]\:outline-error-text:has(:is(input:focus-within)){outline-color:var(--error-text)}.has-\[input\:focus-within\]\:outline-ui-accent:has(:is(input:focus-within)){outline-color:var(--ui-accent)}.data-\[state\=closed\]\:bg-slate-200[data-state=closed]{background-color:var(--color-slate-200)}@media (hover:hover){.data-\[state\=closed\]\:hover\:bg-slate-300[data-state=closed]:hover{background-color:var(--color-slate-300)}}.data-\[state\=inactive\]\:hidden[data-state=inactive]{display:none}@media not all and (min-width:1200px){.max-sm_bi\:flex-col{flex-direction:column}.max-sm_bi\:gap-4{gap:calc(var(--spacing)*4)}.max-sm_bi\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.max-sm_bi\:border-default-border{border-color:var(--default-border)}}@media not all and (min-width:600px){.max-sm_ct\:flex-col{flex-direction:column}}@media not all and (min-width:64rem){.max-lg\:p-8{padding:calc(var(--spacing)*8)}.max-lg\:pb-0{padding-bottom:calc(var(--spacing)*0)}}@media not all and (min-width:48rem){.max-md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.max-md\:hidden{display:none}.max-md\:flex-col{flex-direction:column}.max-md\:py-3{padding-block:calc(var(--spacing)*3)}.max-md\:pb-18{padding-bottom:calc(var(--spacing)*18)}}@media not all and (min-width:40rem){.max-sm\:left-1\/2{left:50%}.max-sm\:w-\[calc\(100\%-50px\)\]{width:calc(100% - 50px)}.max-sm\:w-full{width:100%}.max-sm\:max-w-70{max-width:calc(var(--spacing)*70)}.max-sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.max-sm\:animate-fade-in-mobile{animation:.1s ease-in forwards fadeInMobile}.max-sm\:animate-fade-out-mobile{animation:.2s ease-out forwards fadeOutMobile}.max-sm\:flex-col{flex-direction:column}.max-sm\:px-8{padding-inline:calc(var(--spacing)*8)}.max-sm\:pb-20{padding-bottom:calc(var(--spacing)*20)}.max-sm\:opacity-100{opacity:1}}@media (min-width:860px){.md_ct\:static{position:static}.md_ct\:inset-auto{inset:auto}.md_ct\:flex{display:flex}.md_ct\:hidden{display:none}.md_ct\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.md_ct\:bg-transparent{background-color:#0000}.md_ct\:\[--narrow-view\:0\]{--narrow-view:0}.md_ct\:\[--open-sidebar\:0\]{--open-sidebar:0}}@media (min-width:1200px){.sm_bi\:ml-auto{margin-left:auto}.sm_bi\:items-center{align-items:center}}@media (min-width:40rem){.sm\:-top-40{top:calc(var(--spacing)*-40)}.sm\:top-0{top:calc(var(--spacing)*0)}.sm\:-right-15{right:calc(var(--spacing)*-15)}.sm\:-right-40{right:calc(var(--spacing)*-40)}.sm\:right-4{right:calc(var(--spacing)*4)}.sm\:-bottom-25{bottom:calc(var(--spacing)*-25)}.sm\:-bottom-35{bottom:calc(var(--spacing)*-35)}.sm\:-left-20{left:calc(var(--spacing)*-20)}.sm\:mb-5{margin-bottom:calc(var(--spacing)*5)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.sm\:size-42{width:calc(var(--spacing)*42);height:calc(var(--spacing)*42)}.sm\:h-1\/2{height:50%}.sm\:h-8{height:calc(var(--spacing)*8)}.sm\:h-80{height:calc(var(--spacing)*80)}.sm\:h-\[640px\]{height:640px}.sm\:w-8{width:calc(var(--spacing)*8)}.sm\:w-16{width:calc(var(--spacing)*16)}.sm\:w-64{width:calc(var(--spacing)*64)}.sm\:w-96{width:calc(var(--spacing)*96)}.sm\:w-\[552px\]{width:552px}.sm\:max-w-\[552px\]{max-width:552px}.sm\:animate-fade-in{animation:.1s ease-in forwards fadeIn}.sm\:animate-fade-out{animation:.2s ease-out forwards fadeOut}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-10{gap:calc(var(--spacing)*10)}.sm\:gap-12{gap:calc(var(--spacing)*12)}.sm\:gap-14{gap:calc(var(--spacing)*14)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:py-16{padding-block:calc(var(--spacing)*16)}.sm\:py-20{padding-block:calc(var(--spacing)*20)}.sm\:pt-20{padding-top:calc(var(--spacing)*20)}.sm\:pb-12{padding-bottom:calc(var(--spacing)*12)}.sm\:text-\[28px\]{font-size:28px}}@media (min-width:48rem){.md\:-top-50{top:calc(var(--spacing)*-50)}.md\:top-4{top:calc(var(--spacing)*4)}.md\:-right-20{right:calc(var(--spacing)*-20)}.md\:-bottom-45{bottom:calc(var(--spacing)*-45)}.md\:bottom-auto{bottom:auto}.md\:order-first{order:-9999}.md\:order-last{order:9999}.md\:mt-15{margin-top:calc(var(--spacing)*15)}.md\:mt-16{margin-top:calc(var(--spacing)*16)}.md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\:flex{display:flex}.md\:size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.md\:size-45{width:calc(var(--spacing)*45);height:calc(var(--spacing)*45)}.md\:h-5{height:calc(var(--spacing)*5)}.md\:h-6{height:calc(var(--spacing)*6)}.md\:h-7{height:calc(var(--spacing)*7)}.md\:h-8{height:calc(var(--spacing)*8)}.md\:h-9{height:calc(var(--spacing)*9)}.md\:h-10{height:calc(var(--spacing)*10)}.md\:h-12{height:calc(var(--spacing)*12)}.md\:h-14{height:calc(var(--spacing)*14)}.md\:h-15{height:calc(var(--spacing)*15)}.md\:h-80{height:calc(var(--spacing)*80)}.md\:h-100{height:calc(var(--spacing)*100)}.md\:h-\[900px\]{height:900px}.md\:w-3\/5{width:60%}.md\:w-5{width:calc(var(--spacing)*5)}.md\:w-6{width:calc(var(--spacing)*6)}.md\:w-9{width:calc(var(--spacing)*9)}.md\:w-10{width:calc(var(--spacing)*10)}.md\:w-14{width:calc(var(--spacing)*14)}.md\:w-24{width:calc(var(--spacing)*24)}.md\:w-96{width:calc(var(--spacing)*96)}.md\:w-\[936px\]{width:936px}.md\:max-w-\[936px\]{max-width:936px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-5{gap:calc(var(--spacing)*5)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-12{gap:calc(var(--spacing)*12)}.md\:gap-14{gap:calc(var(--spacing)*14)}.md\:gap-16{gap:calc(var(--spacing)*16)}.md\:gap-20{gap:calc(var(--spacing)*20)}.md\:gap-x-10{column-gap:calc(var(--spacing)*10)}.md\:gap-y-10{row-gap:calc(var(--spacing)*10)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.md\:py-3{padding-block:calc(var(--spacing)*3)}.md\:py-3\.5{padding-block:calc(var(--spacing)*3.5)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:py-20{padding-block:calc(var(--spacing)*20)}.md\:py-28{padding-block:calc(var(--spacing)*28)}.md\:py-32{padding-block:calc(var(--spacing)*32)}.md\:pt-4{padding-top:calc(var(--spacing)*4)}.md\:pt-36{padding-top:calc(var(--spacing)*36)}.md\:pb-24{padding-bottom:calc(var(--spacing)*24)}.md\:pl-4{padding-left:calc(var(--spacing)*4)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:64rem){.lg\:-top-65{top:calc(var(--spacing)*-65)}.lg\:-right-40{right:calc(var(--spacing)*-40)}.lg\:-right-45{right:calc(var(--spacing)*-45)}.lg\:-right-60{right:calc(var(--spacing)*-60)}.lg\:-bottom-25{bottom:calc(var(--spacing)*-25)}.lg\:-bottom-30{bottom:calc(var(--spacing)*-30)}.lg\:-bottom-55{bottom:calc(var(--spacing)*-55)}.lg\:-left-30{left:calc(var(--spacing)*-30)}.lg\:-left-50{left:calc(var(--spacing)*-50)}.lg\:m-auto{margin:auto}.lg\:mx-auto{margin-inline:auto}.lg\:mt-20{margin-top:calc(var(--spacing)*20)}.lg\:mt-24{margin-top:calc(var(--spacing)*24)}.lg\:h-9{height:calc(var(--spacing)*9)}.lg\:h-11{height:calc(var(--spacing)*11)}.lg\:h-16{height:calc(var(--spacing)*16)}.lg\:h-25{height:calc(var(--spacing)*25)}.lg\:h-100{height:calc(var(--spacing)*100)}.lg\:h-120{height:calc(var(--spacing)*120)}.lg\:h-\[1000px\]{height:1000px}.lg\:min-h-\[36h\]{min-height:36h}.lg\:w-11{width:calc(var(--spacing)*11)}.lg\:w-16{width:calc(var(--spacing)*16)}.lg\:w-25{width:calc(var(--spacing)*25)}.lg\:w-42{width:calc(var(--spacing)*42)}.lg\:w-\[60rem\]{width:60rem}.lg\:w-\[600px\]{width:600px}.lg\:w-\[1100px\]{width:1100px}.lg\:w-\[1360px\]{width:1360px}.lg\:max-w-\[1100px\]{max-width:1100px}.lg\:max-w-\[1360px\]{max-width:1360px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:gap-2{gap:calc(var(--spacing)*2)}.lg\:gap-5{gap:calc(var(--spacing)*5)}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:gap-18{gap:calc(var(--spacing)*18)}.lg\:gap-20{gap:calc(var(--spacing)*20)}.lg\:gap-24{gap:calc(var(--spacing)*24)}.lg\:gap-x-14{column-gap:calc(var(--spacing)*14)}.lg\:gap-y-14{row-gap:calc(var(--spacing)*14)}.lg\:p-10{padding:calc(var(--spacing)*10)}.lg\:p-14{padding:calc(var(--spacing)*14)}.lg\:py-28{padding-block:calc(var(--spacing)*28)}.lg\:py-30{padding-block:calc(var(--spacing)*30)}.lg\:py-32{padding-block:calc(var(--spacing)*32)}.lg\:pt-10{padding-top:calc(var(--spacing)*10)}.lg\:pr-4{padding-right:calc(var(--spacing)*4)}.lg\:pl-5{padding-left:calc(var(--spacing)*5)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-\[36px\]{font-size:36px}.lg\:leading-\[50px\]{--tw-leading:50px;line-height:50px}.lg\:last\:block:last-child{display:block}}@media (min-width:48rem){@media (min-width:64rem){.md\:lg\:gap-5{gap:calc(var(--spacing)*5)}}}@media (min-width:80rem){.xl\:w-3\/4\!{width:75%!important}.xl\:w-max{width:max-content}.xl\:min-w-\[50rem\]{min-width:50rem}}@container traces (min-width:30rem){.\@\[30rem\]\/traces\:flex{display:flex}.\@\[30rem\]\/traces\:hidden{display:none}}@container assigns (min-width:47rem){.\@\[47rem\]\/assigns\:w-64\!{width:calc(var(--spacing)*64)!important}}@container traces (min-width:47rem){.\@\[47rem\]\/traces\:w-64\!{width:calc(var(--spacing)*64)!important}}.rtl\:peer-checked\:after\:-translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dark\:flex:where(.dark,.dark *){display:flex}.dark\:hidden:where(.dark,.dark *){display:none}.dark\:border-blue-800:where(.dark,.dark *){border-color:var(--color-blue-800)}.dark\:bg-blue-950:where(.dark,.dark *){background-color:var(--color-blue-950)}.dark\:text-blue-200:where(.dark,.dark *){color:var(--color-blue-200)}.\[\&_\.absolute_\>_\:last-child\]\:hidden .absolute>:last-child{display:none}.peer-checked\/raw\:\[\&_\.copy-btn-raw\]\:block:is(:where(.peer\/raw):checked~*) .copy-btn-raw,.peer-checked\/stack\:\[\&_\.copy-btn-stack\]\:block:is(:where(.peer\/stack):checked~*) .copy-btn-stack,.peer-checked\/content\:\[\&_\.editor-btn-content\]\:block:is(:where(.peer\/content):checked~*) .editor-btn-content{display:block}.peer-checked\/content\:\[\&_\.tab-content\]\:border-navbar-selected-bg:is(:where(.peer\/content):checked~*) .tab-content{border-color:var(--navbar-selected-bg)}.peer-checked\/content\:\[\&_\.tab-content\]\:text-navbar-selected-bg:is(:where(.peer\/content):checked~*) .tab-content{color:var(--navbar-selected-bg)}.peer-checked\/raw\:\[\&_\.tab-raw\]\:border-navbar-selected-bg:is(:where(.peer\/raw):checked~*) .tab-raw{border-color:var(--navbar-selected-bg)}.peer-checked\/raw\:\[\&_\.tab-raw\]\:text-navbar-selected-bg:is(:where(.peer\/raw):checked~*) .tab-raw{color:var(--navbar-selected-bg)}.peer-checked\/stack\:\[\&_\.tab-stack\]\:border-navbar-selected-bg:is(:where(.peer\/stack):checked~*) .tab-stack{border-color:var(--navbar-selected-bg)}.peer-checked\/stack\:\[\&_\.tab-stack\]\:text-navbar-selected-bg:is(:where(.peer\/stack):checked~*) .tab-stack{color:var(--navbar-selected-bg)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>div\>button\]\:hidden>div>button{display:none}@media (hover:hover){.hover\:\[\&\>div\>button\]\:block:hover>div>button{display:block}}.\[\&\>div\>div\>button\]\:hidden>div>div>button{display:none}@media (hover:hover){.hover\:\[\&\>div\>div\>button\]\:block:hover>div>div>button{display:block}.hover\:\[\&\>div\>div\>div\>button\]\:hidden:hover>div>div>div>button{display:none}}.\[\&\>div\>div\>div\>div\>button\]\:hidden>div>div>div>div>button{display:none}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwkT9mI1F55MKw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwAT9mI1F55MKw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwgT9mI1F55MKw.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwcT9mI1F55MKw.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwsT9mI1F55MKw.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwoT9mI1F55MKw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwQT9mI1F54.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwYZ8UA3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--neutrals-white:#fff;--gray-50:#f6f6f6;--gray-100:#e7e7e7;--gray-200:#d1d1d1;--gray-300:#b0b0b0;--gray-400:#888;--gray-500:#6d6d6d;--gray-600:#5d5d5d;--gray-700:#454545;--gray-800:#303030;--gray-900:#282828;--gray-950:#1f1f1f;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--red-error-dark:#412423;--red-error:#653434;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--swm-brand:#001a72;--swm-brand-additional:#33498b;--swm-green-20:#ebfcf7;--swm-green-40:#dff2ec;--swm-green-60:#b1dfd0;--swm-green-80:#82cab2;--swm-green-100:#57b495;--swm-pink-20:#ffedf0;--swm-pink-40:#ffd2d7;--swm-pink-60:#ffa3a1;--swm-pink-80:#fa7f7c;--swm-pink-100:#ff6259;--swm-sea-blue-20:#e1f3fa;--swm-sea-blue-40:#b5e1f1;--swm-sea-blue-60:#87cce8;--swm-sea-blue-80:#5bb9e0;--swm-sea-blue-100:#38acdd;--swm-yellow-20:#fffae1;--swm-yellow-30:#fef3c6;--swm-yellow-40:#fff1b2;--swm-yellow-60:#ffe780;--swm-yellow-80:#ffe04b;--swm-yellow-100:#ffd61e}.remove-arrow::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.remove-arrow::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.remove-arrow{-moz-appearance:textfield}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)transparent}.scrollbar-main,body{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb)transparent}::highlight(traces-search-highlight){background-color:var(--search-highlight-bg);color:var(--search-highlight-text)}::highlight(assigns-search-highlight){background-color:var(--search-highlight-bg);color:var(--search-highlight-text)}@keyframes tour-highlight-pulse{0%{outline-color:var(--swm-pink-100);outline-offset:-3px;box-shadow:0 0 #ff625980}50%{outline-color:var(--swm-pink-80);outline-offset:2px;box-shadow:0 0 16px 4px #ff625940}to{outline-color:var(--swm-pink-100);outline-offset:-3px;box-shadow:0 0 #ff625980}}@keyframes tour-spotlight-pop{0%{transform:scale(.97);box-shadow:0 0 #ff625999}40%{transform:scale(1.02);box-shadow:0 0 24px 8px #ff62594d}to{transform:scale(1);box-shadow:0 0 12px 4px #ff625926}}@keyframes tour-overlay-fade{0%{opacity:0}to{opacity:1}}.tour-highlight{outline:3px solid var(--swm-pink-100);outline-offset:-3px;animation:1.5s ease-in-out infinite tour-highlight-pulse}.tour-overlay{z-index:9998;pointer-events:auto;background:#00000080;animation:.3s ease-out tour-overlay-fade;position:fixed;inset:0}.tour-spotlight-target{z-index:9999;pointer-events:auto;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards tour-spotlight-pop;position:relative;box-shadow:0 0 12px 4px #ff625926}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fadeOutMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInMobile{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes diffPulse{0%{background-color:var(--diff-pulse-bg);color:var(--diff-pulse-text)}to{background-color: ;color: }}@keyframes sectionPulse{0%{box-shadow:0 0 10px var(--diff-pulse-bg)}to{box-shadow:0 0 0px var(--diff-pulse-bg)}} \ No newline at end of file diff --git a/priv/static/app.js b/priv/static/app.js index ecdc5da58..23fd21442 100644 --- a/priv/static/app.js +++ b/priv/static/app.js @@ -1,23 +1,23 @@ -(()=>{var HS=Object.create;var hc=Object.defineProperty;var KS=Object.getOwnPropertyDescriptor;var JS=Object.getOwnPropertyNames;var t2=Object.getPrototypeOf,e2=Object.prototype.hasOwnProperty;var i2=(i,t,e)=>t in i?hc(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var fi=(i,t)=>()=>(t||i((t={exports:{}}).exports,t),t.exports);var n2=(i,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of JS(t))!e2.call(i,s)&&s!==e&&hc(i,s,{get:()=>t[s],enumerable:!(n=KS(t,s))||n.enumerable});return i};var Zp=(i,t,e)=>(e=i!=null?HS(t2(i)):{},n2(t||!i||!i.__esModule?hc(e,"default",{value:i,enumerable:!0}):e,i));var T=(i,t,e)=>(i2(i,typeof t!="symbol"?t+"":t,e),e);var Jc=fi((wW,wm)=>{"use strict";var gw=typeof process=="object"&&process.env&&process.env.NODE_DEBUG&&/\bsemver\b/i.test(process.env.NODE_DEBUG)?(...i)=>console.error("SEMVER",...i):()=>{};wm.exports=gw});var tf=fi((_W,_m)=>{"use strict";var mw="2.0.0",xw=Number.MAX_SAFE_INTEGER||9007199254740991,bw=16,yw=256-6,vw=["major","premajor","minor","preminor","patch","prepatch","prerelease"];_m.exports={MAX_LENGTH:256,MAX_SAFE_COMPONENT_LENGTH:bw,MAX_SAFE_BUILD_LENGTH:yw,MAX_SAFE_INTEGER:xw,RELEASE_TYPES:vw,SEMVER_SPEC_VERSION:mw,FLAG_INCLUDE_PRERELEASE:1,FLAG_LOOSE:2}});var Qm=fi((Ze,$m)=>{"use strict";var{MAX_SAFE_COMPONENT_LENGTH:ef,MAX_SAFE_BUILD_LENGTH:kw,MAX_LENGTH:Sw}=tf(),Xw=Jc();Ze=$m.exports={};var ww=Ze.re=[],_w=Ze.safeRe=[],E=Ze.src=[],$w=Ze.safeSrc=[],q=Ze.t={},Qw=0,nf="[a-zA-Z0-9-]",Tw=[["\\s",1],["\\d",Sw],[nf,kw]],Pw=i=>{for(let[t,e]of Tw)i=i.split(`${t}*`).join(`${t}{0,${e}}`).split(`${t}+`).join(`${t}{1,${e}}`);return i},Y=(i,t,e)=>{let n=Pw(t),s=Qw++;Xw(i,s,t),q[i]=s,E[s]=t,$w[s]=n,ww[s]=new RegExp(t,e?"g":void 0),_w[s]=new RegExp(n,e?"g":void 0)};Y("NUMERICIDENTIFIER","0|[1-9]\\d*");Y("NUMERICIDENTIFIERLOOSE","\\d+");Y("NONNUMERICIDENTIFIER",`\\d*[a-zA-Z-]${nf}*`);Y("MAINVERSION",`(${E[q.NUMERICIDENTIFIER]})\\.(${E[q.NUMERICIDENTIFIER]})\\.(${E[q.NUMERICIDENTIFIER]})`);Y("MAINVERSIONLOOSE",`(${E[q.NUMERICIDENTIFIERLOOSE]})\\.(${E[q.NUMERICIDENTIFIERLOOSE]})\\.(${E[q.NUMERICIDENTIFIERLOOSE]})`);Y("PRERELEASEIDENTIFIER",`(?:${E[q.NONNUMERICIDENTIFIER]}|${E[q.NUMERICIDENTIFIER]})`);Y("PRERELEASEIDENTIFIERLOOSE",`(?:${E[q.NONNUMERICIDENTIFIER]}|${E[q.NUMERICIDENTIFIERLOOSE]})`);Y("PRERELEASE",`(?:-(${E[q.PRERELEASEIDENTIFIER]}(?:\\.${E[q.PRERELEASEIDENTIFIER]})*))`);Y("PRERELEASELOOSE",`(?:-?(${E[q.PRERELEASEIDENTIFIERLOOSE]}(?:\\.${E[q.PRERELEASEIDENTIFIERLOOSE]})*))`);Y("BUILDIDENTIFIER",`${nf}+`);Y("BUILD",`(?:\\+(${E[q.BUILDIDENTIFIER]}(?:\\.${E[q.BUILDIDENTIFIER]})*))`);Y("FULLPLAIN",`v?${E[q.MAINVERSION]}${E[q.PRERELEASE]}?${E[q.BUILD]}?`);Y("FULL",`^${E[q.FULLPLAIN]}$`);Y("LOOSEPLAIN",`[v=\\s]*${E[q.MAINVERSIONLOOSE]}${E[q.PRERELEASELOOSE]}?${E[q.BUILD]}?`);Y("LOOSE",`^${E[q.LOOSEPLAIN]}$`);Y("GTLT","((?:<|>)?=?)");Y("XRANGEIDENTIFIERLOOSE",`${E[q.NUMERICIDENTIFIERLOOSE]}|x|X|\\*`);Y("XRANGEIDENTIFIER",`${E[q.NUMERICIDENTIFIER]}|x|X|\\*`);Y("XRANGEPLAIN",`[v=\\s]*(${E[q.XRANGEIDENTIFIER]})(?:\\.(${E[q.XRANGEIDENTIFIER]})(?:\\.(${E[q.XRANGEIDENTIFIER]})(?:${E[q.PRERELEASE]})?${E[q.BUILD]}?)?)?`);Y("XRANGEPLAINLOOSE",`[v=\\s]*(${E[q.XRANGEIDENTIFIERLOOSE]})(?:\\.(${E[q.XRANGEIDENTIFIERLOOSE]})(?:\\.(${E[q.XRANGEIDENTIFIERLOOSE]})(?:${E[q.PRERELEASELOOSE]})?${E[q.BUILD]}?)?)?`);Y("XRANGE",`^${E[q.GTLT]}\\s*${E[q.XRANGEPLAIN]}$`);Y("XRANGELOOSE",`^${E[q.GTLT]}\\s*${E[q.XRANGEPLAINLOOSE]}$`);Y("COERCEPLAIN",`(^|[^\\d])(\\d{1,${ef}})(?:\\.(\\d{1,${ef}}))?(?:\\.(\\d{1,${ef}}))?`);Y("COERCE",`${E[q.COERCEPLAIN]}(?:$|[^\\d])`);Y("COERCEFULL",E[q.COERCEPLAIN]+`(?:${E[q.PRERELEASE]})?(?:${E[q.BUILD]})?(?:$|[^\\d])`);Y("COERCERTL",E[q.COERCE],!0);Y("COERCERTLFULL",E[q.COERCEFULL],!0);Y("LONETILDE","(?:~>?)");Y("TILDETRIM",`(\\s*)${E[q.LONETILDE]}\\s+`,!0);Ze.tildeTrimReplace="$1~";Y("TILDE",`^${E[q.LONETILDE]}${E[q.XRANGEPLAIN]}$`);Y("TILDELOOSE",`^${E[q.LONETILDE]}${E[q.XRANGEPLAINLOOSE]}$`);Y("LONECARET","(?:\\^)");Y("CARETTRIM",`(\\s*)${E[q.LONECARET]}\\s+`,!0);Ze.caretTrimReplace="$1^";Y("CARET",`^${E[q.LONECARET]}${E[q.XRANGEPLAIN]}$`);Y("CARETLOOSE",`^${E[q.LONECARET]}${E[q.XRANGEPLAINLOOSE]}$`);Y("COMPARATORLOOSE",`^${E[q.GTLT]}\\s*(${E[q.LOOSEPLAIN]})$|^$`);Y("COMPARATOR",`^${E[q.GTLT]}\\s*(${E[q.FULLPLAIN]})$|^$`);Y("COMPARATORTRIM",`(\\s*)${E[q.GTLT]}\\s*(${E[q.LOOSEPLAIN]}|${E[q.XRANGEPLAIN]})`,!0);Ze.comparatorTrimReplace="$1$2$3";Y("HYPHENRANGE",`^\\s*(${E[q.XRANGEPLAIN]})\\s+-\\s+(${E[q.XRANGEPLAIN]})\\s*$`);Y("HYPHENRANGELOOSE",`^\\s*(${E[q.XRANGEPLAINLOOSE]})\\s+-\\s+(${E[q.XRANGEPLAINLOOSE]})\\s*$`);Y("STAR","(<|>)?=?\\s*\\*");Y("GTE0","^\\s*>=\\s*0\\.0\\.0\\s*$");Y("GTE0PRE","^\\s*>=\\s*0\\.0\\.0-0\\s*$")});var Pm=fi(($W,Tm)=>{"use strict";var Cw=Object.freeze({loose:!0}),Rw=Object.freeze({}),Aw=i=>i?typeof i!="object"?Cw:i:Rw;Tm.exports=Aw});var Mm=fi((QW,Am)=>{"use strict";var Cm=/^[0-9]+$/,Rm=(i,t)=>{if(typeof i=="number"&&typeof t=="number")return i===t?0:iRm(t,i);Am.exports={compareIdentifiers:Rm,rcompareIdentifiers:Mw}});var qm=fi((TW,Em)=>{"use strict";var Qa=Jc(),{MAX_LENGTH:Wm,MAX_SAFE_INTEGER:Ta}=tf(),{safeRe:Pa,t:Ca}=Qm(),Ww=Pm(),{compareIdentifiers:sf}=Mm(),rf=class i{constructor(t,e){if(e=Ww(e),t instanceof i){if(t.loose===!!e.loose&&t.includePrerelease===!!e.includePrerelease)return t;t=t.version}else if(typeof t!="string")throw new TypeError(`Invalid version. Must be a string. Got type "${typeof t}".`);if(t.length>Wm)throw new TypeError(`version is longer than ${Wm} characters`);Qa("SemVer",t,e),this.options=e,this.loose=!!e.loose,this.includePrerelease=!!e.includePrerelease;let n=t.trim().match(e.loose?Pa[Ca.LOOSE]:Pa[Ca.FULL]);if(!n)throw new TypeError(`Invalid Version: ${t}`);if(this.raw=t,this.major=+n[1],this.minor=+n[2],this.patch=+n[3],this.major>Ta||this.major<0)throw new TypeError("Invalid major version");if(this.minor>Ta||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>Ta||this.patch<0)throw new TypeError("Invalid patch version");n[4]?this.prerelease=n[4].split(".").map(s=>{if(/^[0-9]+$/.test(s)){let r=+s;if(r>=0&&rt.major?1:this.minort.minor?1:this.patcht.patch?1:0}comparePre(t){if(t instanceof i||(t=new i(t,this.options)),this.prerelease.length&&!t.prerelease.length)return-1;if(!this.prerelease.length&&t.prerelease.length)return 1;if(!this.prerelease.length&&!t.prerelease.length)return 0;let e=0;do{let n=this.prerelease[e],s=t.prerelease[e];if(Qa("prerelease compare",e,n,s),n===void 0&&s===void 0)return 0;if(s===void 0)return 1;if(n===void 0)return-1;if(n===s)continue;return sf(n,s)}while(++e)}compareBuild(t){t instanceof i||(t=new i(t,this.options));let e=0;do{let n=this.build[e],s=t.build[e];if(Qa("build compare",e,n,s),n===void 0&&s===void 0)return 0;if(s===void 0)return 1;if(n===void 0)return-1;if(n===s)continue;return sf(n,s)}while(++e)}inc(t,e,n){if(t.startsWith("pre")){if(!e&&n===!1)throw new Error("invalid increment argument: identifier is empty");if(e){let s=`-${e}`.match(this.options.loose?Pa[Ca.PRERELEASELOOSE]:Pa[Ca.PRERELEASE]);if(!s||s[1]!==e)throw new Error(`invalid identifier: ${e}`)}}switch(t){case"premajor":this.prerelease.length=0,this.patch=0,this.minor=0,this.major++,this.inc("pre",e,n);break;case"preminor":this.prerelease.length=0,this.patch=0,this.minor++,this.inc("pre",e,n);break;case"prepatch":this.prerelease.length=0,this.inc("patch",e,n),this.inc("pre",e,n);break;case"prerelease":this.prerelease.length===0&&this.inc("patch",e,n),this.inc("pre",e,n);break;case"release":if(this.prerelease.length===0)throw new Error(`version ${this.raw} is not a prerelease`);this.prerelease.length=0;break;case"major":(this.minor!==0||this.patch!==0||this.prerelease.length===0)&&this.major++,this.minor=0,this.patch=0,this.prerelease=[];break;case"minor":(this.patch!==0||this.prerelease.length===0)&&this.minor++,this.patch=0,this.prerelease=[];break;case"patch":this.prerelease.length===0&&this.patch++,this.prerelease=[];break;case"pre":{let s=Number(n)?1:0;if(this.prerelease.length===0)this.prerelease=[s];else{let r=this.prerelease.length;for(;--r>=0;)typeof this.prerelease[r]=="number"&&(this.prerelease[r]++,r=-2);if(r===-1){if(e===this.prerelease.join(".")&&n===!1)throw new Error("invalid increment argument: identifier already exists");this.prerelease.push(s)}}if(e){let r=[e,s];n===!1&&(r=[e]),sf(this.prerelease[0],e)===0?isNaN(this.prerelease[1])&&(this.prerelease=r):this.prerelease=r}break}default:throw new Error(`invalid increment argument: ${t}`)}return this.raw=this.format(),this.build.length&&(this.raw+=`+${this.build.join(".")}`),this}};Em.exports=rf});var Lm=fi((PW,Dm)=>{"use strict";var Vm=qm(),Ew=(i,t,e)=>new Vm(i,e).compare(new Vm(t,e));Dm.exports=Ew});var Im=fi((CW,jm)=>{"use strict";var qw=Lm(),Vw=(i,t,e)=>qw(i,t,e)<0;jm.exports=Vw});var ZS=fi((NS,ac)=>{(function(i,t){"use strict";(function(){for(var d=0,O=["ms","moz","webkit","o"],p=0;pu.show(),d)}else s=!0,o!==null&&i.cancelAnimationFrame(o),e||f(),e.style.opacity=1,e.style.display="block",u.progress(0),h.autoRun&&function O(){r=i.requestAnimationFrame(O),u.progress("+"+.05*Math.pow(1-Math.sqrt(n),2))}()},progress:function(d){return typeof d>"u"||(typeof d=="string"&&(d=(d.indexOf("+")>=0||d.indexOf("-")>=0?n:0)+parseFloat(d)),n=d>1?1:d,c()),n},hide:function(){clearTimeout(a),a=null,s&&(s=!1,r!=null&&(i.cancelAnimationFrame(r),r=null),function d(){if(u.progress("+.1")>=1&&(e.style.opacity-=.05,e.style.opacity<=.05)){e.style.display="none",o=null;return}o=i.requestAnimationFrame(d)}())}};typeof ac=="object"&&typeof ac.exports=="object"?ac.exports=u:typeof define=="function"&&define.amd?define(function(){return u}):this.topbar=u}).call(NS,window,document)});var pc=!1,gc=!1,pn=[],mc=-1;function s2(i){r2(i)}function r2(i){pn.includes(i)||pn.push(i),a2()}function o2(i){let t=pn.indexOf(i);t!==-1&&t>mc&&pn.splice(t,1)}function a2(){!gc&&!pc&&(pc=!0,queueMicrotask(l2))}function l2(){pc=!1,gc=!0;for(let i=0;ii.effect(t,{scheduler:e=>{xc?s2(e):e()}}),cg=i.raw}function Gp(i){yn=i}function f2(i){let t=()=>{};return[n=>{let s=yn(n);return i._x_effects||(i._x_effects=new Set,i._x_runEffects=()=>{i._x_effects.forEach(r=>r())}),i._x_effects.add(s),t=()=>{s!==void 0&&(i._x_effects.delete(s),gs(s))},s},()=>{t()}]}function fg(i,t){let e=!0,n,s=yn(()=>{let r=i();JSON.stringify(r),e?n=r:queueMicrotask(()=>{t(r,n),n=r}),e=!1});return()=>gs(s)}var ug=[],dg=[],Og=[];function u2(i){Og.push(i)}function Rc(i,t){typeof t=="function"?(i._x_cleanups||(i._x_cleanups=[]),i._x_cleanups.push(t)):(t=i,dg.push(t))}function pg(i){ug.push(i)}function gg(i,t,e){i._x_attributeCleanups||(i._x_attributeCleanups={}),i._x_attributeCleanups[t]||(i._x_attributeCleanups[t]=[]),i._x_attributeCleanups[t].push(e)}function mg(i,t){i._x_attributeCleanups&&Object.entries(i._x_attributeCleanups).forEach(([e,n])=>{(t===void 0||t.includes(e))&&(n.forEach(s=>s()),delete i._x_attributeCleanups[e])})}function d2(i){for(i._x_effects?.forEach(o2);i._x_cleanups?.length;)i._x_cleanups.pop()()}var Ac=new MutationObserver(qc),Mc=!1;function Wc(){Ac.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),Mc=!0}function xg(){O2(),Ac.disconnect(),Mc=!1}var kr=[];function O2(){let i=Ac.takeRecords();kr.push(()=>i.length>0&&qc(i));let t=kr.length;queueMicrotask(()=>{if(kr.length===t)for(;kr.length>0;)kr.shift()()})}function Ot(i){if(!Mc)return i();xg();let t=i();return Wc(),t}var Ec=!1,pa=[];function p2(){Ec=!0}function g2(){Ec=!1,qc(pa),pa=[]}function qc(i){if(Ec){pa=pa.concat(i);return}let t=[],e=new Set,n=new Map,s=new Map;for(let r=0;r{o.nodeType===1&&o._x_marker&&e.add(o)}),i[r].addedNodes.forEach(o=>{if(o.nodeType===1){if(e.has(o)){e.delete(o);return}o._x_marker||t.push(o)}})),i[r].type==="attributes")){let o=i[r].target,a=i[r].attributeName,l=i[r].oldValue,h=()=>{n.has(o)||n.set(o,[]),n.get(o).push({name:a,value:o.getAttribute(a)})},c=()=>{s.has(o)||s.set(o,[]),s.get(o).push(a)};o.hasAttribute(a)&&l===null?h():o.hasAttribute(a)?(c(),h()):c()}s.forEach((r,o)=>{mg(o,r)}),n.forEach((r,o)=>{ug.forEach(a=>a(o,r))});for(let r of e)t.some(o=>o.contains(r))||dg.forEach(o=>o(r));for(let r of t)r.isConnected&&Og.forEach(o=>o(r));t=null,e=null,n=null,s=null}function bg(i){return Pr(ds(i))}function Tr(i,t,e){return i._x_dataStack=[t,...ds(e||i)],()=>{i._x_dataStack=i._x_dataStack.filter(n=>n!==t)}}function ds(i){return i._x_dataStack?i._x_dataStack:typeof ShadowRoot=="function"&&i instanceof ShadowRoot?ds(i.host):i.parentNode?ds(i.parentNode):[]}function Pr(i){return new Proxy({objects:i},m2)}var m2={ownKeys({objects:i}){return Array.from(new Set(i.flatMap(t=>Object.keys(t))))},has({objects:i},t){return t==Symbol.unscopables?!1:i.some(e=>Object.prototype.hasOwnProperty.call(e,t)||Reflect.has(e,t))},get({objects:i},t,e){return t=="toJSON"?x2:Reflect.get(i.find(n=>Reflect.has(n,t))||{},t,e)},set({objects:i},t,e,n){let s=i.find(o=>Object.prototype.hasOwnProperty.call(o,t))||i[i.length-1],r=Object.getOwnPropertyDescriptor(s,t);return r?.set&&r?.get?r.set.call(n,e)||!0:Reflect.set(s,t,e)}};function x2(){return Reflect.ownKeys(this).reduce((t,e)=>(t[e]=Reflect.get(this,e),t),{})}function yg(i){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,e=(n,s="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([r,{value:o,enumerable:a}])=>{if(a===!1||o===void 0||typeof o=="object"&&o!==null&&o.__v_skip)return;let l=s===""?r:`${s}.${r}`;typeof o=="object"&&o!==null&&o._x_interceptor?n[r]=o.initialize(i,l,r):t(o)&&o!==n&&!(o instanceof Element)&&e(o,l)})};return e(i)}function vg(i,t=()=>{}){let e={initialValue:void 0,_x_interceptor:!0,initialize(n,s,r){return i(this.initialValue,()=>b2(n,s),o=>bc(n,s,o),s,r)}};return t(e),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let s=e.initialize.bind(e);e.initialize=(r,o,a)=>{let l=n.initialize(r,o,a);return e.initialValue=l,s(r,o,a)}}else e.initialValue=n;return e}}function b2(i,t){return t.split(".").reduce((e,n)=>e[n],i)}function bc(i,t,e){if(typeof t=="string"&&(t=t.split(".")),t.length===1)i[t[0]]=e;else{if(t.length===0)throw error;return i[t[0]]||(i[t[0]]={}),bc(i[t[0]],t.slice(1),e)}}var kg={};function Ee(i,t){kg[i]=t}function yc(i,t){let e=y2(t);return Object.entries(kg).forEach(([n,s])=>{Object.defineProperty(i,`$${n}`,{get(){return s(t,e)},enumerable:!1})}),i}function y2(i){let[t,e]=Qg(i),n={interceptor:vg,...t};return Rc(i,e),n}function v2(i,t,e,...n){try{return e(...n)}catch(s){Qr(s,i,t)}}function Qr(i,t,e=void 0){i=Object.assign(i??{message:"No error message given."},{el:t,expression:e}),console.warn(`Alpine Expression Error: ${i.message} +(()=>{var r2=Object.create;var uc=Object.defineProperty;var o2=Object.getOwnPropertyDescriptor;var a2=Object.getOwnPropertyNames;var l2=Object.getPrototypeOf,h2=Object.prototype.hasOwnProperty;var c2=(i,t,e)=>t in i?uc(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var fi=(i,t)=>()=>(t||i((t={exports:{}}).exports,t),t.exports);var f2=(i,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of a2(t))!h2.call(i,s)&&s!==e&&uc(i,s,{get:()=>t[s],enumerable:!(n=o2(t,s))||n.enumerable});return i};var tg=(i,t,e)=>(e=i!=null?r2(l2(i)):{},f2(t||!i||!i.__esModule?uc(e,"default",{value:i,enumerable:!0}):e,i));var Q=(i,t,e)=>(c2(i,typeof t!="symbol"?t+"":t,e),e);var nf=fi((qW,Pm)=>{"use strict";var Xw=typeof process=="object"&&process.env&&process.env.NODE_DEBUG&&/\bsemver\b/i.test(process.env.NODE_DEBUG)?(...i)=>console.error("SEMVER",...i):()=>{};Pm.exports=Xw});var sf=fi((VW,Cm)=>{"use strict";var ww="2.0.0",_w=Number.MAX_SAFE_INTEGER||9007199254740991,$w=16,Tw=256-6,Qw=["major","premajor","minor","preminor","patch","prepatch","prerelease"];Cm.exports={MAX_LENGTH:256,MAX_SAFE_COMPONENT_LENGTH:$w,MAX_SAFE_BUILD_LENGTH:Tw,MAX_SAFE_INTEGER:_w,RELEASE_TYPES:Qw,SEMVER_SPEC_VERSION:ww,FLAG_INCLUDE_PRERELEASE:1,FLAG_LOOSE:2}});var Am=fi((Ze,Rm)=>{"use strict";var{MAX_SAFE_COMPONENT_LENGTH:rf,MAX_SAFE_BUILD_LENGTH:Pw,MAX_LENGTH:Cw}=sf(),Rw=nf();Ze=Rm.exports={};var Aw=Ze.re=[],Mw=Ze.safeRe=[],E=Ze.src=[],Ww=Ze.safeSrc=[],q=Ze.t={},Ew=0,of="[a-zA-Z0-9-]",qw=[["\\s",1],["\\d",Cw],[of,Pw]],Vw=i=>{for(let[t,e]of qw)i=i.split(`${t}*`).join(`${t}{0,${e}}`).split(`${t}+`).join(`${t}{1,${e}}`);return i},Y=(i,t,e)=>{let n=Vw(t),s=Ew++;Rw(i,s,t),q[i]=s,E[s]=t,Ww[s]=n,Aw[s]=new RegExp(t,e?"g":void 0),Mw[s]=new RegExp(n,e?"g":void 0)};Y("NUMERICIDENTIFIER","0|[1-9]\\d*");Y("NUMERICIDENTIFIERLOOSE","\\d+");Y("NONNUMERICIDENTIFIER",`\\d*[a-zA-Z-]${of}*`);Y("MAINVERSION",`(${E[q.NUMERICIDENTIFIER]})\\.(${E[q.NUMERICIDENTIFIER]})\\.(${E[q.NUMERICIDENTIFIER]})`);Y("MAINVERSIONLOOSE",`(${E[q.NUMERICIDENTIFIERLOOSE]})\\.(${E[q.NUMERICIDENTIFIERLOOSE]})\\.(${E[q.NUMERICIDENTIFIERLOOSE]})`);Y("PRERELEASEIDENTIFIER",`(?:${E[q.NONNUMERICIDENTIFIER]}|${E[q.NUMERICIDENTIFIER]})`);Y("PRERELEASEIDENTIFIERLOOSE",`(?:${E[q.NONNUMERICIDENTIFIER]}|${E[q.NUMERICIDENTIFIERLOOSE]})`);Y("PRERELEASE",`(?:-(${E[q.PRERELEASEIDENTIFIER]}(?:\\.${E[q.PRERELEASEIDENTIFIER]})*))`);Y("PRERELEASELOOSE",`(?:-?(${E[q.PRERELEASEIDENTIFIERLOOSE]}(?:\\.${E[q.PRERELEASEIDENTIFIERLOOSE]})*))`);Y("BUILDIDENTIFIER",`${of}+`);Y("BUILD",`(?:\\+(${E[q.BUILDIDENTIFIER]}(?:\\.${E[q.BUILDIDENTIFIER]})*))`);Y("FULLPLAIN",`v?${E[q.MAINVERSION]}${E[q.PRERELEASE]}?${E[q.BUILD]}?`);Y("FULL",`^${E[q.FULLPLAIN]}$`);Y("LOOSEPLAIN",`[v=\\s]*${E[q.MAINVERSIONLOOSE]}${E[q.PRERELEASELOOSE]}?${E[q.BUILD]}?`);Y("LOOSE",`^${E[q.LOOSEPLAIN]}$`);Y("GTLT","((?:<|>)?=?)");Y("XRANGEIDENTIFIERLOOSE",`${E[q.NUMERICIDENTIFIERLOOSE]}|x|X|\\*`);Y("XRANGEIDENTIFIER",`${E[q.NUMERICIDENTIFIER]}|x|X|\\*`);Y("XRANGEPLAIN",`[v=\\s]*(${E[q.XRANGEIDENTIFIER]})(?:\\.(${E[q.XRANGEIDENTIFIER]})(?:\\.(${E[q.XRANGEIDENTIFIER]})(?:${E[q.PRERELEASE]})?${E[q.BUILD]}?)?)?`);Y("XRANGEPLAINLOOSE",`[v=\\s]*(${E[q.XRANGEIDENTIFIERLOOSE]})(?:\\.(${E[q.XRANGEIDENTIFIERLOOSE]})(?:\\.(${E[q.XRANGEIDENTIFIERLOOSE]})(?:${E[q.PRERELEASELOOSE]})?${E[q.BUILD]}?)?)?`);Y("XRANGE",`^${E[q.GTLT]}\\s*${E[q.XRANGEPLAIN]}$`);Y("XRANGELOOSE",`^${E[q.GTLT]}\\s*${E[q.XRANGEPLAINLOOSE]}$`);Y("COERCEPLAIN",`(^|[^\\d])(\\d{1,${rf}})(?:\\.(\\d{1,${rf}}))?(?:\\.(\\d{1,${rf}}))?`);Y("COERCE",`${E[q.COERCEPLAIN]}(?:$|[^\\d])`);Y("COERCEFULL",E[q.COERCEPLAIN]+`(?:${E[q.PRERELEASE]})?(?:${E[q.BUILD]})?(?:$|[^\\d])`);Y("COERCERTL",E[q.COERCE],!0);Y("COERCERTLFULL",E[q.COERCEFULL],!0);Y("LONETILDE","(?:~>?)");Y("TILDETRIM",`(\\s*)${E[q.LONETILDE]}\\s+`,!0);Ze.tildeTrimReplace="$1~";Y("TILDE",`^${E[q.LONETILDE]}${E[q.XRANGEPLAIN]}$`);Y("TILDELOOSE",`^${E[q.LONETILDE]}${E[q.XRANGEPLAINLOOSE]}$`);Y("LONECARET","(?:\\^)");Y("CARETTRIM",`(\\s*)${E[q.LONECARET]}\\s+`,!0);Ze.caretTrimReplace="$1^";Y("CARET",`^${E[q.LONECARET]}${E[q.XRANGEPLAIN]}$`);Y("CARETLOOSE",`^${E[q.LONECARET]}${E[q.XRANGEPLAINLOOSE]}$`);Y("COMPARATORLOOSE",`^${E[q.GTLT]}\\s*(${E[q.LOOSEPLAIN]})$|^$`);Y("COMPARATOR",`^${E[q.GTLT]}\\s*(${E[q.FULLPLAIN]})$|^$`);Y("COMPARATORTRIM",`(\\s*)${E[q.GTLT]}\\s*(${E[q.LOOSEPLAIN]}|${E[q.XRANGEPLAIN]})`,!0);Ze.comparatorTrimReplace="$1$2$3";Y("HYPHENRANGE",`^\\s*(${E[q.XRANGEPLAIN]})\\s+-\\s+(${E[q.XRANGEPLAIN]})\\s*$`);Y("HYPHENRANGELOOSE",`^\\s*(${E[q.XRANGEPLAINLOOSE]})\\s+-\\s+(${E[q.XRANGEPLAINLOOSE]})\\s*$`);Y("STAR","(<|>)?=?\\s*\\*");Y("GTE0","^\\s*>=\\s*0\\.0\\.0\\s*$");Y("GTE0PRE","^\\s*>=\\s*0\\.0\\.0-0\\s*$")});var Wm=fi((DW,Mm)=>{"use strict";var Dw=Object.freeze({loose:!0}),Lw=Object.freeze({}),jw=i=>i?typeof i!="object"?Dw:i:Lw;Mm.exports=jw});var Dm=fi((LW,Vm)=>{"use strict";var Em=/^[0-9]+$/,qm=(i,t)=>{if(typeof i=="number"&&typeof t=="number")return i===t?0:iqm(t,i);Vm.exports={compareIdentifiers:qm,rcompareIdentifiers:Iw}});var Im=fi((jW,jm)=>{"use strict";var $a=nf(),{MAX_LENGTH:Lm,MAX_SAFE_INTEGER:Ta}=sf(),{safeRe:Qa,t:Pa}=Am(),zw=Wm(),{compareIdentifiers:af}=Dm(),lf=class i{constructor(t,e){if(e=zw(e),t instanceof i){if(t.loose===!!e.loose&&t.includePrerelease===!!e.includePrerelease)return t;t=t.version}else if(typeof t!="string")throw new TypeError(`Invalid version. Must be a string. Got type "${typeof t}".`);if(t.length>Lm)throw new TypeError(`version is longer than ${Lm} characters`);$a("SemVer",t,e),this.options=e,this.loose=!!e.loose,this.includePrerelease=!!e.includePrerelease;let n=t.trim().match(e.loose?Qa[Pa.LOOSE]:Qa[Pa.FULL]);if(!n)throw new TypeError(`Invalid Version: ${t}`);if(this.raw=t,this.major=+n[1],this.minor=+n[2],this.patch=+n[3],this.major>Ta||this.major<0)throw new TypeError("Invalid major version");if(this.minor>Ta||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>Ta||this.patch<0)throw new TypeError("Invalid patch version");n[4]?this.prerelease=n[4].split(".").map(s=>{if(/^[0-9]+$/.test(s)){let r=+s;if(r>=0&&rt.major?1:this.minort.minor?1:this.patcht.patch?1:0}comparePre(t){if(t instanceof i||(t=new i(t,this.options)),this.prerelease.length&&!t.prerelease.length)return-1;if(!this.prerelease.length&&t.prerelease.length)return 1;if(!this.prerelease.length&&!t.prerelease.length)return 0;let e=0;do{let n=this.prerelease[e],s=t.prerelease[e];if($a("prerelease compare",e,n,s),n===void 0&&s===void 0)return 0;if(s===void 0)return 1;if(n===void 0)return-1;if(n===s)continue;return af(n,s)}while(++e)}compareBuild(t){t instanceof i||(t=new i(t,this.options));let e=0;do{let n=this.build[e],s=t.build[e];if($a("build compare",e,n,s),n===void 0&&s===void 0)return 0;if(s===void 0)return 1;if(n===void 0)return-1;if(n===s)continue;return af(n,s)}while(++e)}inc(t,e,n){if(t.startsWith("pre")){if(!e&&n===!1)throw new Error("invalid increment argument: identifier is empty");if(e){let s=`-${e}`.match(this.options.loose?Qa[Pa.PRERELEASELOOSE]:Qa[Pa.PRERELEASE]);if(!s||s[1]!==e)throw new Error(`invalid identifier: ${e}`)}}switch(t){case"premajor":this.prerelease.length=0,this.patch=0,this.minor=0,this.major++,this.inc("pre",e,n);break;case"preminor":this.prerelease.length=0,this.patch=0,this.minor++,this.inc("pre",e,n);break;case"prepatch":this.prerelease.length=0,this.inc("patch",e,n),this.inc("pre",e,n);break;case"prerelease":this.prerelease.length===0&&this.inc("patch",e,n),this.inc("pre",e,n);break;case"release":if(this.prerelease.length===0)throw new Error(`version ${this.raw} is not a prerelease`);this.prerelease.length=0;break;case"major":(this.minor!==0||this.patch!==0||this.prerelease.length===0)&&this.major++,this.minor=0,this.patch=0,this.prerelease=[];break;case"minor":(this.patch!==0||this.prerelease.length===0)&&this.minor++,this.patch=0,this.prerelease=[];break;case"patch":this.prerelease.length===0&&this.patch++,this.prerelease=[];break;case"pre":{let s=Number(n)?1:0;if(this.prerelease.length===0)this.prerelease=[s];else{let r=this.prerelease.length;for(;--r>=0;)typeof this.prerelease[r]=="number"&&(this.prerelease[r]++,r=-2);if(r===-1){if(e===this.prerelease.join(".")&&n===!1)throw new Error("invalid increment argument: identifier already exists");this.prerelease.push(s)}}if(e){let r=[e,s];n===!1&&(r=[e]),af(this.prerelease[0],e)===0?isNaN(this.prerelease[1])&&(this.prerelease=r):this.prerelease=r}break}default:throw new Error(`invalid increment argument: ${t}`)}return this.raw=this.format(),this.build.length&&(this.raw+=`+${this.build.join(".")}`),this}};jm.exports=lf});var Ym=fi((IW,Um)=>{"use strict";var zm=Im(),Uw=(i,t,e)=>new zm(i,e).compare(new zm(t,e));Um.exports=Uw});var Fm=fi((zW,Bm)=>{"use strict";var Yw=Ym(),Bw=(i,t,e)=>Yw(i,t,e)<0;Bm.exports=Bw});var n2=fi((i2,cc)=>{(function(i,t){"use strict";(function(){for(var d=0,O=["ms","moz","webkit","o"],p=0;pu.show(),d)}else s=!0,o!==null&&i.cancelAnimationFrame(o),e||f(),e.style.opacity=1,e.style.display="block",u.progress(0),h.autoRun&&function O(){r=i.requestAnimationFrame(O),u.progress("+"+.05*Math.pow(1-Math.sqrt(n),2))}()},progress:function(d){return typeof d>"u"||(typeof d=="string"&&(d=(d.indexOf("+")>=0||d.indexOf("-")>=0?n:0)+parseFloat(d)),n=d>1?1:d,c()),n},hide:function(){clearTimeout(a),a=null,s&&(s=!1,r!=null&&(i.cancelAnimationFrame(r),r=null),function d(){if(u.progress("+.1")>=1&&(e.style.opacity-=.05,e.style.opacity<=.05)){e.style.display="none",o=null;return}o=i.requestAnimationFrame(d)}())}};typeof cc=="object"&&typeof cc.exports=="object"?cc.exports=u:typeof define=="function"&&define.amd?define(function(){return u}):this.topbar=u}).call(i2,window,document)});var xc=!1,bc=!1,pn=[],yc=-1;function u2(i){d2(i)}function d2(i){pn.includes(i)||pn.push(i),p2()}function O2(i){let t=pn.indexOf(i);t!==-1&&t>yc&&pn.splice(t,1)}function p2(){!bc&&!xc&&(xc=!0,queueMicrotask(g2))}function g2(){xc=!1,bc=!0;for(let i=0;ii.effect(t,{scheduler:e=>{vc?u2(e):e()}}),pg=i.raw}function eg(i){yn=i}function b2(i){let t=()=>{};return[n=>{let s=yn(n);return i._x_effects||(i._x_effects=new Set,i._x_runEffects=()=>{i._x_effects.forEach(r=>r())}),i._x_effects.add(s),t=()=>{s!==void 0&&(i._x_effects.delete(s),ps(s))},s},()=>{t()}]}function gg(i,t){let e=!0,n,s=yn(()=>{let r=i();JSON.stringify(r),e?n=r:queueMicrotask(()=>{t(r,n),n=r}),e=!1});return()=>ps(s)}var mg=[],xg=[],bg=[];function y2(i){bg.push(i)}function Wc(i,t){typeof t=="function"?(i._x_cleanups||(i._x_cleanups=[]),i._x_cleanups.push(t)):(t=i,xg.push(t))}function yg(i){mg.push(i)}function vg(i,t,e){i._x_attributeCleanups||(i._x_attributeCleanups={}),i._x_attributeCleanups[t]||(i._x_attributeCleanups[t]=[]),i._x_attributeCleanups[t].push(e)}function kg(i,t){i._x_attributeCleanups&&Object.entries(i._x_attributeCleanups).forEach(([e,n])=>{(t===void 0||t.includes(e))&&(n.forEach(s=>s()),delete i._x_attributeCleanups[e])})}function v2(i){for(i._x_effects?.forEach(O2);i._x_cleanups?.length;)i._x_cleanups.pop()()}var Ec=new MutationObserver(Lc),qc=!1;function Vc(){Ec.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),qc=!0}function Sg(){k2(),Ec.disconnect(),qc=!1}var kr=[];function k2(){let i=Ec.takeRecords();kr.push(()=>i.length>0&&Lc(i));let t=kr.length;queueMicrotask(()=>{if(kr.length===t)for(;kr.length>0;)kr.shift()()})}function Ot(i){if(!qc)return i();Sg();let t=i();return Vc(),t}var Dc=!1,Oa=[];function S2(){Dc=!0}function X2(){Dc=!1,Lc(Oa),Oa=[]}function Lc(i){if(Dc){Oa=Oa.concat(i);return}let t=[],e=new Set,n=new Map,s=new Map;for(let r=0;r{o.nodeType===1&&o._x_marker&&e.add(o)}),i[r].addedNodes.forEach(o=>{if(o.nodeType===1){if(e.has(o)){e.delete(o);return}o._x_marker||t.push(o)}})),i[r].type==="attributes")){let o=i[r].target,a=i[r].attributeName,l=i[r].oldValue,h=()=>{n.has(o)||n.set(o,[]),n.get(o).push({name:a,value:o.getAttribute(a)})},c=()=>{s.has(o)||s.set(o,[]),s.get(o).push(a)};o.hasAttribute(a)&&l===null?h():o.hasAttribute(a)?(c(),h()):c()}s.forEach((r,o)=>{kg(o,r)}),n.forEach((r,o)=>{mg.forEach(a=>a(o,r))});for(let r of e)t.some(o=>o.contains(r))||xg.forEach(o=>o(r));for(let r of t)r.isConnected&&bg.forEach(o=>o(r));t=null,e=null,n=null,s=null}function Xg(i){return Pr(us(i))}function Qr(i,t,e){return i._x_dataStack=[t,...us(e||i)],()=>{i._x_dataStack=i._x_dataStack.filter(n=>n!==t)}}function us(i){return i._x_dataStack?i._x_dataStack:typeof ShadowRoot=="function"&&i instanceof ShadowRoot?us(i.host):i.parentNode?us(i.parentNode):[]}function Pr(i){return new Proxy({objects:i},w2)}var w2={ownKeys({objects:i}){return Array.from(new Set(i.flatMap(t=>Object.keys(t))))},has({objects:i},t){return t==Symbol.unscopables?!1:i.some(e=>Object.prototype.hasOwnProperty.call(e,t)||Reflect.has(e,t))},get({objects:i},t,e){return t=="toJSON"?_2:Reflect.get(i.find(n=>Reflect.has(n,t))||{},t,e)},set({objects:i},t,e,n){let s=i.find(o=>Object.prototype.hasOwnProperty.call(o,t))||i[i.length-1],r=Object.getOwnPropertyDescriptor(s,t);return r?.set&&r?.get?r.set.call(n,e)||!0:Reflect.set(s,t,e)}};function _2(){return Reflect.ownKeys(this).reduce((t,e)=>(t[e]=Reflect.get(this,e),t),{})}function wg(i){let t=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,e=(n,s="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([r,{value:o,enumerable:a}])=>{if(a===!1||o===void 0||typeof o=="object"&&o!==null&&o.__v_skip)return;let l=s===""?r:`${s}.${r}`;typeof o=="object"&&o!==null&&o._x_interceptor?n[r]=o.initialize(i,l,r):t(o)&&o!==n&&!(o instanceof Element)&&e(o,l)})};return e(i)}function _g(i,t=()=>{}){let e={initialValue:void 0,_x_interceptor:!0,initialize(n,s,r){return i(this.initialValue,()=>$2(n,s),o=>kc(n,s,o),s,r)}};return t(e),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let s=e.initialize.bind(e);e.initialize=(r,o,a)=>{let l=n.initialize(r,o,a);return e.initialValue=l,s(r,o,a)}}else e.initialValue=n;return e}}function $2(i,t){return t.split(".").reduce((e,n)=>e[n],i)}function kc(i,t,e){if(typeof t=="string"&&(t=t.split(".")),t.length===1)i[t[0]]=e;else{if(t.length===0)throw error;return i[t[0]]||(i[t[0]]={}),kc(i[t[0]],t.slice(1),e)}}var $g={};function Ee(i,t){$g[i]=t}function Sc(i,t){let e=T2(t);return Object.entries($g).forEach(([n,s])=>{Object.defineProperty(i,`$${n}`,{get(){return s(t,e)},enumerable:!1})}),i}function T2(i){let[t,e]=Ag(i),n={interceptor:_g,...t};return Wc(i,e),n}function Q2(i,t,e,...n){try{return e(...n)}catch(s){Tr(s,i,t)}}function Tr(i,t,e=void 0){i=Object.assign(i??{message:"No error message given."},{el:t,expression:e}),console.warn(`Alpine Expression Error: ${i.message} ${e?'Expression: "'+e+`" -`:""}`,t),setTimeout(()=>{throw i},0)}var da=!0;function Sg(i){let t=da;da=!1;let e=i();return da=t,e}function gn(i,t,e={}){let n;return Bt(i,t)(s=>n=s,e),n}function Bt(...i){return Xg(...i)}var Xg=wg;function k2(i){Xg=i}function wg(i,t){let e={};yc(e,i);let n=[e,...ds(i)],s=typeof t=="function"?S2(n,t):w2(n,t,i);return v2.bind(null,i,t,s)}function S2(i,t){return(e=()=>{},{scope:n={},params:s=[]}={})=>{let r=t.apply(Pr([n,...i]),s);ga(e,r)}}var cc={};function X2(i,t){if(cc[i])return cc[i];let e=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(i.trim())||/^(let|const)\s/.test(i.trim())?`(async()=>{ ${i} })()`:i,r=(()=>{try{let o=new e(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(o,"name",{value:`[Alpine] ${i}`}),o}catch(o){return Qr(o,t,i),Promise.resolve()}})();return cc[i]=r,r}function w2(i,t,e){let n=X2(t,e);return(s=()=>{},{scope:r={},params:o=[]}={})=>{n.result=void 0,n.finished=!1;let a=Pr([r,...i]);if(typeof n=="function"){let l=n(n,a).catch(h=>Qr(h,e,t));n.finished?(ga(s,n.result,a,o,e),n.result=void 0):l.then(h=>{ga(s,h,a,o,e)}).catch(h=>Qr(h,e,t)).finally(()=>n.result=void 0)}}}function ga(i,t,e,n,s){if(da&&typeof t=="function"){let r=t.apply(e,n);r instanceof Promise?r.then(o=>ga(i,o,e,n)).catch(o=>Qr(o,s,t)):i(r)}else typeof t=="object"&&t instanceof Promise?t.then(r=>i(r)):i(t)}var Vc="x-";function ms(i=""){return Vc+i}function _2(i){Vc=i}var ma={};function St(i,t){return ma[i]=t,{before(e){if(!ma[e]){console.warn(String.raw`Cannot find directive \`${e}\`. \`${i}\` will use the default order of execution`);return}let n=On.indexOf(e);On.splice(n>=0?n:On.indexOf("DEFAULT"),0,i)}}}function $2(i){return Object.keys(ma).includes(i)}function Dc(i,t,e){if(t=Array.from(t),i._x_virtualDirectives){let r=Object.entries(i._x_virtualDirectives).map(([a,l])=>({name:a,value:l})),o=_g(r);r=r.map(a=>o.find(l=>l.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),t=t.concat(r)}let n={};return t.map(Cg((r,o)=>n[r]=o)).filter(Ag).map(P2(n,e)).sort(C2).map(r=>T2(i,r))}function _g(i){return Array.from(i).map(Cg()).filter(t=>!Ag(t))}var vc=!1,wr=new Map,$g=Symbol();function Q2(i){vc=!0;let t=Symbol();$g=t,wr.set(t,[]);let e=()=>{for(;wr.get(t).length;)wr.get(t).shift()();wr.delete(t)},n=()=>{vc=!1,e()};i(e),n()}function Qg(i){let t=[],e=a=>t.push(a),[n,s]=f2(i);return t.push(s),[{Alpine:Cr,effect:n,cleanup:e,evaluateLater:Bt.bind(Bt,i),evaluate:gn.bind(gn,i)},()=>t.forEach(a=>a())]}function T2(i,t){let e=()=>{},n=ma[t.type]||e,[s,r]=Qg(i);gg(i,t.original,r);let o=()=>{i._x_ignore||i._x_ignoreSelf||(n.inline&&n.inline(i,t,s),n=n.bind(n,i,t,s),vc?wr.get($g).push(n):n())};return o.runCleanups=r,o}var Tg=(i,t)=>({name:e,value:n})=>(e.startsWith(i)&&(e=e.replace(i,t)),{name:e,value:n}),Pg=i=>i;function Cg(i=()=>{}){return({name:t,value:e})=>{let{name:n,value:s}=Rg.reduce((r,o)=>o(r),{name:t,value:e});return n!==t&&i(n,t),{name:n,value:s}}}var Rg=[];function Lc(i){Rg.push(i)}function Ag({name:i}){return Mg().test(i)}var Mg=()=>new RegExp(`^${Vc}([^:^.]+)\\b`);function P2(i,t){return({name:e,value:n})=>{let s=e.match(Mg()),r=e.match(/:([a-zA-Z0-9\-_:]+)/),o=e.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],a=t||i[e]||e;return{type:s?s[1]:null,value:r?r[1]:null,modifiers:o.map(l=>l.replace(".","")),expression:n,original:a}}}var kc="DEFAULT",On=["ignore","ref","data","id","anchor","bind","init","for","model","modelable","transition","show","if",kc,"teleport"];function C2(i,t){let e=On.indexOf(i.type)===-1?kc:i.type,n=On.indexOf(t.type)===-1?kc:t.type;return On.indexOf(e)-On.indexOf(n)}function _r(i,t,e={}){i.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0,cancelable:!0}))}function bn(i,t){if(typeof ShadowRoot=="function"&&i instanceof ShadowRoot){Array.from(i.children).forEach(s=>bn(s,t));return}let e=!1;if(t(i,()=>e=!0),e)return;let n=i.firstElementChild;for(;n;)bn(n,t,!1),n=n.nextElementSibling}function ke(i,...t){console.warn(`Alpine Warning: ${i}`,...t)}var Hp=!1;function R2(){Hp&&ke("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),Hp=!0,document.body||ke("Unable to initialize. Trying to load Alpine before `` is available. Did you forget to add `defer` in Alpine's `