/**
 * @license
 * Copyright 2023 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */

* {
  box-sizing: border-box;
}

body.hide-cursor {
  cursor: none !important;
}

:root {
  --bb-grid-size: 4px;
  --bb-grid-size-2: calc(var(--bb-grid-size) * 2);
  --bb-grid-size-3: calc(var(--bb-grid-size) * 3);
  --bb-grid-size-4: calc(var(--bb-grid-size) * 4);
  --bb-grid-size-5: calc(var(--bb-grid-size) * 5);
  --bb-grid-size-6: calc(var(--bb-grid-size) * 6);
  --bb-grid-size-7: calc(var(--bb-grid-size) * 7);
  --bb-grid-size-8: calc(var(--bb-grid-size) * 8);
  --bb-grid-size-9: calc(var(--bb-grid-size) * 9);
  --bb-grid-size-10: calc(var(--bb-grid-size) * 10);
  --bb-grid-size-11: calc(var(--bb-grid-size) * 11);
  --bb-grid-size-12: calc(var(--bb-grid-size) * 12);
  --bb-grid-size-13: calc(var(--bb-grid-size) * 13);
  --bb-grid-size-14: calc(var(--bb-grid-size) * 14);
  --bb-grid-size-15: calc(var(--bb-grid-size) * 15);
  --bb-grid-size-16: calc(var(--bb-grid-size) * 16);

  /* Icons */

  --bb-icon-add: url(/third_party/icons/add.svg);
  --bb-icon-add-inverted: url(/third_party/icons/add-inverted.svg);

  --bb-icon-add-box: url(/third_party/icons/add-box.svg);
  --bb-icon-add-box-inverted: url(/third_party/icons/add-box-inverted.svg);

  --bb-icon-add-audio: url(/third_party/icons/add-audio.svg);
  --bb-icon-add-audio-inverted: url(/third_party/icons/add-audio-inverted.svg);

  --bb-icon-add-circle: url(/third_party/icons/add-circle.svg);
  --bb-icon-add-circle-inverted: url(/third_party/icons/add-circle-inverted.svg);

  --bb-icon-add-drawable: url(/third_party/icons/add-drawable.svg);
  --bb-icon-add-drawable-inverted: url(/third_party/icons/add-drawable-inverted.svg);

  --bb-icon-add-file: url(/third_party/icons/add-file.svg);
  --bb-icon-add-file-inverted: url(/third_party/icons/add-file-inverted.svg);

  --bb-icon-add-image-webcam: url(/third_party/icons/add-image-webcam.svg);
  --bb-icon-add-image-webcam-inverted: url(/third_party/icons/add-image-webcam-inverted.svg);

  --bb-icon-add-image: url(/third_party/icons/add-image.svg);
  --bb-icon-add-image-inverted: url(/third_party/icons/add-image-inverted.svg);

  --bb-icon-add-text: url(/third_party/icons/add-text.svg);
  --bb-icon-add-text-inverted: url(/third_party/icons/add-text-inverted.svg);

  --bb-icon-add-text-ui: url(/third_party/icons/add-text-ui.svg);
  --bb-icon-add-text-ui-inverted: url(/third_party/icons/add-text-ui-inverted.svg);

  --bb-icon-add-video: url(/third_party/icons/add-video.svg);
  --bb-icon-add-video-inverted: url(/third_party/icons/add-video-inverted.svg);

  --bb-icon-alternate-email: url(/third_party/icons/alternate-email.svg);
  --bb-icon-alternate-email-inverted: url(/third_party/icons/alternate-email-inverted.svg);

  --bb-icon-anchor-active: url(/third_party/icons/anchor-active.svg);
  --bb-icon-anchor: url(/third_party/icons/anchor.svg);
  --bb-icon-anchor-inverted: url(/third_party/icons/anchor-inverted.svg);

  --bb-icon-arrow-back: url(/third_party/icons/arrow-back.svg);
  --bb-icon-arrow-back-inverted: url(/third_party/icons/arrow-back-inverted.svg);

  --bb-icon-arrow-right: url(/third_party/icons/arrow-right.svg);
  --bb-icon-arrow-right-inverted: url(/third_party/icons/arrow-right-inverted.svg);

  --bb-icon-arrow-drop-down: url(/third_party/icons/arrow-drop-down.svg);
  --bb-icon-arrow-drop-down-inverted: url(/third_party/icons/arrow-drop-down-inverted.svg);

  --bb-icon-attach: url(/third_party/icons/attach.svg);
  --bb-icon-attach-inverted: url(/third_party/icons/attach-inverted.svg);

  --bb-icon-before: url(/third_party/icons/before.svg);
  --bb-icon-before-inverted: url(/third_party/icons/before-inverted.svg);

  --bb-icon-board: url(/third_party/icons/board.svg);
  --bb-icon-board-inverted: url(/third_party/icons/board-inverted.svg);

  --bb-icon-braces: url(/third_party/icons/braces.svg);
  --bb-icon-braces-inverted: url(/third_party/icons/braces-inverted.svg);

  --bb-icon-bug: url(/third_party/icons/bug.svg);
  --bb-icon-bug-inverted: url(/third_party/icons/bug-inverted.svg);

  --bb-icon-capabilities: url(/third_party/icons/capabilities.svg);
  --bb-icon-capabilities-inverted: url(/third_party/icons/capabilities-inverted.svg);

  --bb-icon-collapse-content: url(/third_party/icons/collapse-content.svg);
  --bb-icon-collapse-content-inverted: url(/third_party/icons/collapse-content-inverted.svg);

  --bb-icon-close: url(/third_party/icons/close.svg);
  --bb-icon-close-ui: url(/third_party/icons/close-ui.svg);
  --bb-icon-close-inverted: url(/third_party/icons/close-inverted.svg);

  --bb-icon-check: url(/third_party/icons/check.svg);
  --bb-icon-check-inverted: url(/third_party/icons/check-inverted.svg);

  --bb-icon-collapse: url(/third_party/icons/collapse.svg);
  --bb-icon-collapse-inverted: url(/third_party/icons/collapse-inverted.svg);

  --bb-icon-comment: url(/third_party/icons/comment.svg);
  --bb-icon-comment-inverted: url(/third_party/icons/comment-inverted.svg);

  --bb-icon-confirm-ui: url(/third_party/icons/confirm-ui.svg);
  --bb-icon-confirm: url(/third_party/icons/confirm.svg);
  --bb-icon-confirm-inverted: url(/third_party/icons/confirm-inverted.svg);

  --bb-icon-code: url(/third_party/icons/code.svg);
  --bb-icon-code-inverted: url(/third_party/icons/code-inverted.svg);

  --bb-icon-code-blocks: url(/third_party/icons/code-blocks.svg);
  --bb-icon-code-blocks-inverted: url(/third_party/icons/code-blocks-inverted.svg);

  --bb-icon-contact-support: url(/third_party/icons/contact-support.svg);
  --bb-icon-contact-support-inverted: url(/third_party/icons/contact-support-inverted.svg);

  --bb-icon-continue: url(/third_party/icons/continue.svg);
  --bb-icon-continue-inverted: url(/third_party/icons/continue-inverted.svg);

  --bb-icon-content-cut: url(/third_party/icons/content-cut.svg);
  --bb-icon-content-cut-inverted: url(/third_party/icons/content-cut-inverted.svg);

  --bb-icon-copy-to-clipboard: url(/third_party/icons/copy-to-clipboard.svg);
  --bb-icon-copy-to-clipboard-inverted: url(/third_party/icons/copy-to-clipboard-inverted.svg);

  --bb-icon-data-info-alert: url(/third_party/icons/data-info-alert.svg);
  --bb-icon-data-info-alert-inverted: url(/third_party/icons/data-info-alert-inverted.svg);

  --bb-icon-dehaze: url(/third_party/icons/dehaze.svg);
  --bb-icon-dehaze-inverted: url(/third_party/icons/dehaze-inverted.svg);

  --bb-icon-delete: url(/third_party/icons/delete.svg);
  --bb-icon-delete-ui: url(/third_party/icons/delete-ui.svg);
  --bb-icon-delete-inverted: url(/third_party/icons/delete-inverted.svg);

  --bb-icon-debug: url(/third_party/icons/debug.svg);
  --bb-icon-debug-inverted: url(/third_party/icons/debug-inverted.svg);

  --bb-icon-directions: url(/third_party/icons/directions.svg);
  --bb-icon-directions-active: url(/third_party/icons/directions-active.svg);
  --bb-icon-directions-inverted: url(/third_party/icons/directions-inverted.svg);

  --bb-icon-do-not-disturb: url(/third_party/icons/do-not-disturb.svg);
  --bb-icon-do-not-disturb-inverted: url(/third_party/icons/do-not-disturb-inverted.svg);

  --bb-icon-dock-to-right: url(/third_party/icons/dock-to-right.svg);
  --bb-icon-dock-to-right-inverted: url(/third_party/icons/dock-to-right-inverted.svg);

  --bb-icon-download: url(/third_party/icons/download.svg);
  --bb-icon-download-inverted: url(/third_party/icons/download-inverted.svg);

  --bb-icon-draft: url(/third_party/icons/draft.svg);
  --bb-icon-draft-inverted: url(/third_party/icons/draft-inverted.svg);

  --bb-icon-drag-click: url(/third_party/icons/drag-click.svg);
  --bb-icon-drag-click-inverted: url(/third_party/icons/drag-click-inverted.svg);

  --bb-icon-duplicate: url(/third_party/icons/duplicate.svg);
  --bb-icon-duplicate-inverted: url(/third_party/icons/duplicate-inverted.svg);

  --bb-icon-edge-connector: url(/third_party/icons/edge-connector.svg);
  --bb-icon-edge-connector-inverted: url(/third_party/icons/edge-connector-inverted.svg);

  --bb-icon-edit: url(/third_party/icons/edit.svg);
  --bb-icon-edit-inverted: url(/third_party/icons/edit-inverted.svg);
  --bb-icon-edit-ui: url(/third_party/icons/edit-ui.svg);

  --bb-icon-eject: url(/third_party/icons/eject.svg);
  --bb-icon-eject-inverted: url(/third_party/icons/eject-inverted.svg);

  --bb-icon-enhance: url(/third_party/icons/enhance.svg);
  --bb-icon-enhance-inverted: url(/third_party/icons/enhance-inverted.svg);

  --bb-icon-error: url(/third_party/icons/error.svg);

  --bb-icon-expand: url(/third_party/icons/expand.svg);
  --bb-icon-expand-inverted: url(/third_party/icons/expand-inverted.svg);

  --bb-icon-expand-content: url(/third_party/icons/expand-content.svg);
  --bb-icon-expand-content-inverted: url(/third_party/icons/expand-content-inverted.svg);

  --bb-icon-experiment: url(/third_party/icons/experiment.svg);
  --bb-icon-experiment-inverted: url(/third_party/icons/experiment-inverted.svg);

  --bb-icon-extension: url(/third_party/icons/extension.svg);
  --bb-icon-extension-inverted: url(/third_party/icons/extension-inverted.svg);
  --bb-icon-extension-ts: url(/third_party/icons/extension-ts.svg);
  --bb-icon-extension-ts-inverted: url(/third_party/icons/extension-ts-inverted.svg);

  --bb-icon-eye: url(/third_party/icons/eye.svg);
  --bb-icon-eye-inverted: url(/third_party/icons/eye-inverted.svg);

  --bb-icon-fetch: url(/third_party/icons/fetch.svg);
  --bb-icon-fetch-inverted: url(/third_party/icons/fetch-inverted.svg);

  --bb-icon-file-add: url(/third_party/icons/file-add.svg);
  --bb-icon-file-add-inverted: url(/third_party/icons/file-add-inverted.svg);

  --bb-icon-file-export: url(/third_party/icons/file-export.svg);
  --bb-icon-file-export-inverted: url(/third_party/icons/file-export-inverted.svg);

  --bb-icon-fit: url(/third_party/icons/fit.svg);
  --bb-icon-fit-inverted: url(/third_party/icons/fit-inverted.svg);

  --bb-icon-folder-managed: url(/third_party/icons/folder-managed.svg);
  --bb-icon-folder-managed-inverted: url(/third_party/icons/folder-managed-inverted.svg);

  --bb-icon-fork-down-right: url(/third_party/icons/fork-down-right.svg);
  --bb-icon-fork-down-right-inverted: url(/third_party/icons/fork-down-right-inverted.svg);

  --bb-icon-frame-source: url(/third_party/icons/frame-source.svg);
  --bb-icon-frame-source-inverted: url(/third_party/icons/frame-source-inverted.svg);

  --bb-icon-grid-view: url(/third_party/icons/grid-view.svg);
  --bb-icon-grid-view-inverted: url(/third_party/icons/grid-view-inverted.svg);

  --bb-icon-help: url(/third_party/icons/help.svg);
  --bb-icon-help-inverted: url(/third_party/icons/help-inverted.svg);

  --bb-icon-http: url(/third_party/icons/http.svg);
  --bb-icon-http-inverted: url(/third_party/icons/http-inverted.svg);

  --bb-icon-human: url(/third_party/icons/human.svg);
  --bb-icon-human-inverted: url(/third_party/icons/human-inverted.svg);

  --bb-icon-keep: url(/third_party/icons/keep.svg);
  --bb-icon-keep-inverted: url(/third_party/icons/keep-inverted.svg);

  --bb-icon-keep-filled: url(/third_party/icons/keep-filled.svg);
  --bb-icon-keep-filled-inverted: url(/third_party/icons/keep-filled-inverted.svg);

  --bb-icon-keyboard-arrow-down: url(/third_party/icons/keyboard-arrow-down.svg);
  --bb-icon-keyboard-arrow-down-inverted: url(/third_party/icons/keyboard-arrow-down-inverted.svg);

  --bb-icon-flowchart: url(/third_party/icons/flowchart.svg);
  --bb-icon-flowchart-inverted: url(/third_party/icons/flowchart-inverted.svg);

  --bb-icon-remix: url(/third_party/icons/remix.svg);
  --bb-icon-remix-inverted: url(/third_party/icons/remix-inverted.svg);

  --bb-icon-google-drive: url(/third_party/icons/graph/google-drive-48px.svg);
  --bb-icon-google-drive-outline: url(/third_party/icons/graph/google-drive-outline.svg);

  --bb-icon-home-repair-service: url(/third_party/icons/home-repair-service.svg);
  --bb-icon-home-repair-service-inverted: url(/third_party/icons/home-repair-service-inverted.svg);

  --bb-icon-image: url(/third_party/icons/image.svg);
  --bb-icon-image-inverted: url(/third_party/icons/image-inverted.svg);

  --bb-icon-input: url(/third_party/icons/input.svg);
  --bb-icon-input-inverted: url(/third_party/icons/input-inverted.svg);

  --bb-icon-info: url(/third_party/icons/info.svg);
  --bb-icon-info-inverted: url(/third_party/icons/info-inverted.svg);

  --bb-icon-info-filled: url(/third_party/icons/info-filled.svg);
  --bb-icon-info-filled-inverted: url(/third_party/icons/info-filled-inverted.svg);

  --bb-icon-invoke: url(/third_party/icons/invoke.svg);
  --bb-icon-invoke-inverted: url(/third_party/icons/invoke-inverted.svg);

  --bb-icon-jsonata: url(/third_party/icons/jsonata.svg);
  --bb-icon-jsonata-inverted: url(/third_party/icons/jsonata-inverted.svg);

  --bb-icon-javascript: url(/third_party/icons/js.svg);
  --bb-icon-javascript-inverted: url(/third_party/icons/js-inverted.svg);

  --bb-icon-library-add: url(/third_party/icons/library-add.svg);
  --bb-icon-library-add-inverted: url(/third_party/icons/library-add-inverted.svg);
  --bb-icon-library-add-ui: url(/third_party/icons/library-add-ui.svg);

  --bb-icon-list: url(/third_party/icons/list.svg);
  --bb-icon-list-inverted: url(/third_party/icons/list-inverted.svg);

  --bb-icon-laps: url(/third_party/icons/laps.svg);
  --bb-icon-laps-inverted: url(/third_party/icons/laps-inverted.svg);

  --bb-icon-lan: url(/third_party/icons/lan.svg);
  --bb-icon-lan-inverted: url(/third_party/icons/lan-inverted.svg);

  --bb-icon-link: url(/third_party/icons/link.svg);
  --bb-icon-link-inverted: url(/third_party/icons/link-inverted.svg);

  --bb-icon-login: url(/third_party/icons/login.svg);
  --bb-icon-login-inverted: url(/third_party/icons/login-inverted.svg);

  --bb-icon-logout: url(/third_party/icons/logout.svg);
  --bb-icon-logout-inverted: url(/third_party/icons/logout-inverted.svg);

  --bb-icon-maximize: url(/third_party/icons/maximize.svg);
  --bb-icon-maximize-inverted: url(/third_party/icons/maximize-inverted.svg);

  --bb-icon-merge-type: url(/third_party/icons/merge-type.svg);
  --bb-icon-merge-type-inverted: url(/third_party/icons/merge-type-inverted.svg);

  --bb-icon-mic-green: url(/third_party/icons/mic-green.svg);
  --bb-icon-mic: url(/third_party/icons/mic.svg);
  --bb-icon-mic-ui: url(/third_party/icons/mic-ui.svg);
  --bb-icon-mic-inverted: url(/third_party/icons/mic-inverted.svg);

  --bb-icon-minimize: url(/third_party/icons/minimize.svg);
  --bb-icon-minimize-inverted: url(/third_party/icons/minimize-inverted.svg);

  --bb-icon-menu: url(/third_party/icons/menu.svg);
  --bb-icon-menu-inverted: url(/third_party/icons/menu-inverted.svg);

  --bb-icon-model: url(/third_party/icons/model.svg);
  --bb-icon-model-inverted: url(/third_party/icons/model-inverted.svg);

  --bb-icon-more-vert: url(/third_party/icons/more-vert.svg);
  --bb-icon-more-vert-inverted: url(/third_party/icons/more-vert-inverted.svg);

  --bb-icon-move-up: url(/third_party/icons/move-up.svg);
  --bb-icon-move-up-inverted: url(/third_party/icons/move-up-inverted.svg);

  --bb-icon-move-down: url(/third_party/icons/move-down.svg);
  --bb-icon-move-down-inverted: url(/third_party/icons/move-down-inverted.svg);

  --bb-icon-multimodal: url(/third_party/icons/multimodal.svg);
  --bb-icon-multimodal-inverted: url(/third_party/icons/multimodal-inverted.svg);

  --bb-icon-next: url(/third_party/icons/next.svg);
  --bb-icon-next-inverted: url(/third_party/icons/next-inverted.svg);

  --bb-icon-open-new: url(/third_party/icons/open-new.svg);
  --bb-icon-open-new-inverted: url(/third_party/icons/open-new-inverted.svg);

  --bb-icon-output: url(/third_party/icons/output.svg);
  --bb-icon-output-inverted: url(/third_party/icons/output-inverted.svg);

  --bb-icon-palette: url(/third_party/icons/palette.svg);
  --bb-icon-palette-inverted: url(/third_party/icons/palette-inverted.svg);

  --bb-icon-pending: url(/third_party/icons/pending.svg);
  --bb-icon-pending-inverted: url(/third_party/icons/pending-inverted.svg);

  --bb-icon-phone: url(/third_party/icons/phone.svg);
  --bb-icon-phone-inverted: url(/third_party/icons/phone-inverted.svg);

  --bb-icon-play-arrow-filled: url(/third_party/icons/play-arrow-filled.svg);
  --bb-icon-play-arrow-filled-ui: url(/third_party/icons/play-arrow-filled-ui.svg);
  --bb-icon-play-arrow-filled-inverted: url(/third_party/icons/play-arrow-filled-inverted.svg);

  --bb-icon-play-filled: url(/third_party/icons/play-filled.svg);
  --bb-icon-play-filled-inverted: url(/third_party/icons/play-filled-inverted.svg);

  --bb-icon-pause-filled: url(/third_party/icons/pause-filled.svg);
  --bb-icon-pause-filled-inverted: url(/third_party/icons/pause-filled-inverted.svg);

  --bb-icon-preview: url(/third_party/icons/preview.svg);
  --bb-icon-preview-inverted: url(/third_party/icons/preview-inverted.svg);

  --bb-icon-public: url(/third_party/icons/public.svg);
  --bb-icon-public-inverted: url(/third_party/icons/public-inverted.svg);

  --bb-icon-question-mark: url(/third_party/icons/question-mark.svg);
  --bb-icon-question-mark-inverted: url(/third_party/icons/question-mark-inverted.svg);

  --bb-icon-quick-jump: url(/third_party/icons/quick-jump.svg);
  --bb-icon-quick-jump-inverted: url(/third_party/icons/quick-jump-inverted.svg);

  --bb-icon-redo: url(/third_party/icons/redo.svg);
  --bb-icon-redo-inverted: url(/third_party/icons/redo-inverted.svg);

  --bb-icon-refresh: url(/third_party/icons/refresh.svg);
  --bb-icon-refresh-inverted: url(/third_party/icons/refresh-inverted.svg);

  --bb-icon-replay: url(/third_party/icons/replay.svg);
  --bb-icon-replay-inverted: url(/third_party/icons/replay-inverted.svg);

  --bb-icon-remove: url(/third_party/icons/remove.svg);
  --bb-icon-remove-inverted: url(/third_party/icons/remove-inverted.svg);

  --bb-icon-rerun: url(/third_party/icons/rerun.svg);
  --bb-icon-rerun-inverted: url(/third_party/icons/rerun-inverted.svg);

  --bb-icon-reset-image: url(/third_party/icons/reset-image.svg);
  --bb-icon-reset-image-inverted: url(/third_party/icons/reset-image-inverted.svg);

  --bb-icon-reset-nodes: url(/third_party/icons/reset-nodes.svg);
  --bb-icon-reset-nodes-inverted: url(/third_party/icons/reset-nodes-inverted.svg);

  --bb-icon-restart-alt: url(/third_party/icons/restart-alt.svg);
  --bb-icon-restart-alt-inverted: url(/third_party/icons/restart-alt-inverted.svg);

  --bb-icon-resume-ui: url(/third_party/icons/resume-ui.svg);
  --bb-icon-resume: url(/third_party/icons/resume.svg);
  --bb-icon-resume-inverted: url(/third_party/icons/resume-inverted.svg);

  --bb-icon-route: url(/third_party/icons/route.svg);
  --bb-icon-route-inverted: url(/third_party/icons/route-inverted.svg);

  --bb-icon-save: url(/third_party/icons/save.svg);
  --bb-icon-save-inverted: url(/third_party/icons/save-inverted.svg);

  --bb-icon-saved-local: url(/third_party/icons/saved-local.svg);
  --bb-icon-saved-local-inverted: url(/third_party/icons/saved-local-inverted.svg);

  --bb-icon-saved-readonly: url(/third_party/icons/saved-readonly.svg);
  --bb-icon-saved-readonly-inverted: url(/third_party/icons/saved-readonly-inverted.svg);

  --bb-icon-saved-remote: url(/third_party/icons/saved-remote.svg);
  --bb-icon-saved-remote-inverted: url(/third_party/icons/saved-remote-inverted.svg);

  --bb-icon-save-as: url(/third_party/icons/save-as.svg);
  --bb-icon-save-as-inverted: url(/third_party/icons/save-as-inverted.svg);

  --bb-icon-secrets: url(/third_party/icons/secrets.svg);
  --bb-icon-secrets-inverted: url(/third_party/icons/secrets-inverted.svg);

  --bb-icon-search: url(/third_party/icons/search.svg);
  --bb-icon-search-inverted: url(/third_party/icons/search-inverted.svg);

  --bb-icon-send: url(/third_party/icons/send.svg);
  --bb-icon-send-ui: url(/third_party/icons/send-ui.svg);
  --bb-icon-send-inverted: url(/third_party/icons/send-inverted.svg);

  --bb-icon-settings: url(/third_party/icons/settings.svg);
  --bb-icon-settings-inverted: url(/third_party/icons/settings-inverted.svg);

  --bb-icon-share: url(/third_party/icons/share.svg);
  --bb-icon-share-inverted: url(/third_party/icons/share-inverted.svg);

  --bb-icon-smart-toy: url(/third_party/icons/smart-toy.svg);
  --bb-icon-smart-toy-inverted: url(/third_party/icons/smart-toy-inverted.svg);

  --bb-icon-sort-by: url(/third_party/icons/sort-by.svg);
  --bb-icon-sort-by-inverted: url(/third_party/icons/sort-by-inverted.svg);

  --bb-icon-sound: url(/third_party/icons/sound.svg);
  --bb-icon-sound-inverted: url(/third_party/icons/sound-inverted.svg);

  --bb-icon-step: url(/third_party/icons/step.svg);
  --bb-icon-step-inverted: url(/third_party/icons/step-inverted.svg);

  --bb-icon-step-next: url(/third_party/icons/step-next.svg);
  --bb-icon-step-next-inverted: url(/third_party/icons/step-next-inverted.svg);

  --bb-icon-stop-circle: url(/third_party/icons/stop-circle.svg);
  --bb-icon-stop-circle-inverted: url(/third_party/icons/stop-circle-inverted.svg);

  --bb-icon-style: url(/third_party/icons/style.svg);
  --bb-icon-style-inverted: url(/third_party/icons/style-inverted.svg);

  --bb-icon-sweep: url(/third_party/icons/sweep.svg);
  --bb-icon-sweep-inverted: url(/third_party/icons/sweep-inverted.svg);

  --bb-icon-table-rows: url(/third_party/icons/table-rows.svg);
  --bb-icon-table-rows-inverted: url(/third_party/icons/table-rows-inverted.svg);

  --bb-icon-responsive-layout: url(/third_party/icons/responsive-layout.svg);

  --bb-icon-chat-mirror: url(/third_party/icons/chat-mirror.svg);

  --bb-icon-text: url(/third_party/icons/text.svg);
  --bb-icon-text-inverted: url(/third_party/icons/text-inverted.svg);

  --bb-icon-tool: url(/third_party/icons/tool.svg);
  --bb-icon-tool-inverted: url(/third_party/icons/tool-inverted.svg);

  --bb-icon-tree: url(/third_party/icons/tree.svg);
  --bb-icon-tree-inverted: url(/third_party/icons/tree-inverted.svg);

  --bb-icon-undo: url(/third_party/icons/undo.svg);
  --bb-icon-undo-inverted: url(/third_party/icons/undo-inverted.svg);

  --bb-icon-unfold-less: url(/third_party/icons/unfold-less.svg);
  --bb-icon-unfold-less-inverted: url(/third_party/icons/unfold-less-inverted.svg);

  --bb-icon-unfold-more: url(/third_party/icons/unfold-more.svg);
  --bb-icon-unfold-more-inverted: url(/third_party/icons/unfold-more-inverted.svg);

  --bb-icon-up-down: url(/third_party/icons/up-down.svg);
  --bb-icon-up-down-inverted: url(/third_party/icons/up-down-inverted.svg);

  --bb-icon-upload: url(/third_party/icons/upload.svg);
  --bb-icon-upload-inverted: url(/third_party/icons/upload-inverted.svg);

  --bb-icon-value: url(/third_party/icons/value.svg);
  --bb-icon-value-inverted: url(/third_party/icons/value-inverted.svg);

  --bb-icon-unknown-value: url(/third_party/icons/unknown-value.svg);
  --bb-icon-unknown-value-inverted: url(/third_party/icons/unknown-value-inverted.svg);

  --bb-icon-view-real-size: url(/third_party/icons/view-real-size.svg);
  --bb-icon-view-real-size-inverted: url(/third_party/icons/view-real-size-inverted.svg);

  --bb-icon-vital-signs: url(/third_party/icons/vital-signs.svg);
  --bb-icon-vital-signs-inverted: url(/third_party/icons/vital-signs-inverted.svg);

  --bb-icon-visibility: url(/third_party/icons/visibility.svg);
  --bb-icon-visibility-inverted: url(/third_party/icons/visibility-inverted.svg);

  --bb-icon-visibility-off: url(/third_party/icons/visibility-off.svg);
  --bb-icon-visibility-off-inverted: url(/third_party/icons/visibility-off-inverted.svg);

  --bb-icon-voice-selection: url(/third_party/icons/voice-selection.svg);
  --bb-icon-voice-selection-inverted: url(/third_party/icons/voice-selection-inverted.svg);

  --bb-icon-warning: url(/third_party/icons/warning.svg);

  --bb-icon-workspace: url(/third_party/icons/workspace.svg);
  --bb-icon-workspace-inverted: url(/third_party/icons/workspace-inverted.svg);

  --bb-icon-wrench: url(/third_party/icons/wrench.svg);
  --bb-icon-wrench-inverted: url(/third_party/icons/wrench-inverted.svg);

  --bb-icon-youtube: url(/third_party/icons/youtube.svg);
  --bb-icon-youtube-inverted: url(/third_party/icons/youtube-inverted.svg);

  --bb-icon-zoom-in: url(/third_party/icons/zoom-in.svg);
  --bb-icon-zoom-in-inverted: url(/third_party/icons/zoom-in-inverted.svg);

  --bb-icon-zoom-out: url(/third_party/icons/zoom-out.svg);
  --bb-icon-zoom-out-inverted: url(/third_party/icons/zoom-out-inverted.svg);

  --bb-icon-globe-book: url(/third_party/icons/globe-book.svg);
  --bb-icon-language: url(/third_party/icons/language.svg);
  --bb-icon-map-search: url(/third_party/icons/map-search.svg);
  --bb-icon-sunny: url(/third_party/icons/sunny.svg);

  /** UI Colors */

  --bb-notify-50: #fce4ec;
  --bb-notify-100: #f8bbd0;
  --bb-notify-200: #f48fb1;
  --bb-notify-300: #f06292;
  --bb-notify-400: #ec407a;
  --bb-notify-500: #e91e63;
  --bb-notify-600: #d81b60;
  --bb-notify-700: #c2185b;
  --bb-notify-800: #ad1457;
  --bb-notify-900: #880e4f;

  --bb-snackbar-error: #ffecee;
  --bb-snackbar-error-text: #60150f;

  --bb-warning-50: #fffcfc;
  --bb-warning-75: #ffcce4;
  --bb-warning-100: #ffcccc;
  --bb-warning-200: #ff9999;
  --bb-warning-300: #ff6666;
  --bb-warning-400: #ff3333;
  --bb-warning-500: #ff0000;
  --bb-warning-600: #cc0000;
  --bb-warning-700: #990000;
  --bb-warning-800: #660000;
  --bb-warning-900: #330000;

  --bb-inputs-50: #eaf7e7;
  --bb-inputs-100: #bbe7b0;
  --bb-inputs-200: #9adc8a;
  --bb-inputs-300: #6ccb55;
  --bb-inputs-400: #4fc134;
  --bb-inputs-500: #24b202;
  --bb-inputs-600: #20a202;
  --bb-inputs-700: #1a7e01;
  --bb-inputs-800: #136202;
  --bb-inputs-900: #0f4b00;

  --bb-nodes-50: #fff9e6;
  --bb-nodes-100: #ffebb0;
  --bb-nodes-200: #ffe28b;
  --bb-nodes-300: #ffd454;
  --bb-nodes-400: #ffcc33;
  --bb-nodes-500: #ffbf00;
  --bb-nodes-600: #e8af02;
  --bb-nodes-700: #b68902;
  --bb-nodes-800: #8c6900;
  --bb-nodes-900: #6b5000;

  --bb-boards-50: #fff4eb;
  --bb-boards-100: #ffdfc0;
  --bb-boards-200: #ffcea1;
  --bb-boards-300: #feb876;
  --bb-boards-400: #feab5c;
  --bb-boards-500: #fe9533;
  --bb-boards-600: #e7882e;
  --bb-boards-700: #b46b24;
  --bb-boards-800: #8c521b;
  --bb-boards-900: #6b3f15;

  --bb-ui-50: #ecf5ff;
  --bb-ui-100: #c0dfff;
  --bb-ui-200: #a1d0ff;
  --bb-ui-300: #77bbff;
  --bb-ui-400: #5cadff;
  --bb-ui-500: #3399ff;
  --bb-ui-600: #2e8be8;
  --bb-ui-700: #246db5;
  --bb-ui-800: #1b548c;
  --bb-ui-900: #1b548c;

  --bb-neutral-0: #ffffff;
  --bb-neutral-10: #fafafa;
  --bb-neutral-50: #f6f6f6;
  --bb-neutral-100: #ededed;
  --bb-neutral-200: #e3e3e3;
  --bb-neutral-300: #d9d9d9;
  --bb-neutral-400: #c2c2c2;
  --bb-neutral-500: #9c9c9c;
  --bb-neutral-600: #7a7a7a;
  --bb-neutral-700: #595959;
  --bb-neutral-800: #333333;
  --bb-neutral-900: #1a1a1a;

  /** Node Colors */

  --bb-module-0: #ffffff;
  --bb-module-10: #fafafa;
  --bb-module-50: #f6f6f6;
  --bb-module-100: #ededed;
  --bb-module-200: #e3e3e3;
  --bb-module-300: #d9d9d9;
  --bb-module-400: #c2c2c2;
  --bb-module-500: #9c9c9c;
  --bb-module-600: #7a7a7a;
  --bb-module-700: #595959;
  --bb-module-800: #333333;
  --bb-module-900: #1a1a1a;

  --bb-generative-10: #fbfaff;
  --bb-generative-50: #f7f5ff;
  --bb-generative-100: #f0ebff;
  --bb-generative-200: #e8e0ff;
  --bb-generative-300: #cec2f2;
  --bb-generative-400: #b2a1e6;
  --bb-generative-500: #987ee6;
  --bb-generative-600: #7757d9;
  --bb-generative-700: #5734bf;
  --bb-generative-800: #3d16a8;
  --bb-generative-900: #28078c;

  --bb-tool-50: #ecf5ff;
  --bb-tool-100: #c0dfff;
  --bb-tool-200: #a1d0ff;
  --bb-tool-300: #77bbff;
  --bb-tool-400: #5cadff;
  --bb-tool-500: #3399ff;
  --bb-tool-600: #2e8be8;
  --bb-tool-700: #246db5;
  --bb-tool-800: #1b548c;
  --bb-tool-900: #1b548c;

  --bb-asset-50: #fff4eb;
  --bb-asset-100: #ffdfc0;
  --bb-asset-200: #ffcea1;
  --bb-asset-300: #feb876;
  --bb-asset-400: #feab5c;
  --bb-asset-500: #fe9533;
  --bb-asset-600: #e7882e;
  --bb-asset-700: #b46b24;
  --bb-asset-800: #8c521b;
  --bb-asset-900: #6b3f15;

  --bb-param-50: #e0f2f1;
  --bb-param-100: #b2dfdb;
  --bb-param-200: #80cbc4;
  --bb-param-300: #4db6ac;
  --bb-param-400: #26a69a;
  --bb-param-500: #009688;
  --bb-param-600: #00897b;
  --bb-param-700: #00796b;
  --bb-param-800: #00695c;
  --bb-param-900: #004d40;

  --bb-human-50: #ede7f6;
  --bb-human-100: #d1c4e9;
  --bb-human-200: #b39ddb;
  --bb-human-300: #9575cd;
  --bb-human-400: #7e57c2;
  --bb-human-500: #673ab7;
  --bb-human-600: #5e35b1;
  --bb-human-700: #512da8;
  --bb-human-800: #4527a0;
  --bb-human-900: #311b92;

  --bb-joiner-50: #fce4ec;
  --bb-joiner-100: #f8bbd0;
  --bb-joiner-200: #f48fb1;
  --bb-joiner-300: #f06292;
  --bb-joiner-400: #ec407a;
  --bb-joiner-500: #e91e63;
  --bb-joiner-600: #d81b60;
  --bb-joiner-700: #c2185b;
  --bb-joiner-800: #ad1457;
  --bb-joiner-900: #880e4f;

  --bb-specialist-50: #ecf5ff;
  --bb-specialist-100: #c0dfff;
  --bb-specialist-200: #a1d0ff;
  --bb-specialist-300: #77bbff;
  --bb-specialist-400: #5cadff;
  --bb-specialist-500: #3399ff;
  --bb-specialist-600: #2e8be8;
  --bb-specialist-700: #246db5;
  --bb-specialist-800: #1b548c;
  --bb-specialist-900: #1b548c;

  --bb-input-50: #eaf7e7;
  --bb-input-100: #bbe7b0;
  --bb-input-200: #9adc8a;
  --bb-input-300: #6ccb55;
  --bb-input-400: #4fc134;
  --bb-input-500: #24b202;
  --bb-input-600: #20a202;
  --bb-input-700: #1a7e01;
  --bb-input-800: #136202;
  --bb-input-900: #0f4b00;

  --bb-output-50: #fff4eb;
  --bb-output-100: #ffdfc0;
  --bb-output-200: #ffcea1;
  --bb-output-300: #feb876;
  --bb-output-400: #feab5c;
  --bb-output-500: #fe9533;
  --bb-output-600: #e7882e;
  --bb-output-700: #b46b24;
  --bb-output-800: #8c521b;
  --bb-output-900: #6b3f15;

  --bb-looper-50: #e0f2f1;
  --bb-looper-100: #b2dfdb;
  --bb-looper-200: #80cbc4;
  --bb-looper-300: #4db6ac;
  --bb-looper-400: #26a69a;
  --bb-looper-500: #009688;
  --bb-looper-600: #00897b;
  --bb-looper-700: #00796b;
  --bb-looper-800: #00695c;
  --bb-looper-900: #004d40;

  --bb-item-2-50: #fbe9e7;
  --bb-item-2-100: #ffccbc;
  --bb-item-2-200: #ffab91;
  --bb-item-2-300: #ff8a65;
  --bb-item-2-400: #ff7043;
  --bb-item-2-500: #ff5722;
  --bb-item-2-600: #f4511e;
  --bb-item-2-700: #e64a19;
  --bb-item-2-800: #d84315;
  --bb-item-2-900: #bf360c;

  --bb-js-50: #fff9e6;
  --bb-js-100: #ffebb0;
  --bb-js-200: #ffe28b;
  --bb-js-300: #ffd454;
  --bb-js-400: #ffcc33;
  --bb-js-500: #ffbf00;
  --bb-js-600: #e8af02;
  --bb-js-700: #b68902;
  --bb-js-800: #8c6900;
  --bb-js-900: #6b5000;

  /** Text */

  --bb-title-xx-large: 32px;
  --bb-title-line-height-xx-large: 34px;

  --bb-title-x-large: 22px;
  --bb-title-line-height-x-large: 24px;

  --bb-title-large: 22px;
  --bb-title-line-height-large: 28px;

  --bb-title-medium: 16px;
  --bb-title-line-height-medium: 24px;

  --bb-title-small: 14px;
  --bb-title-line-height-small: 20px;

  --bb-label-large: 14px;
  --bb-label-line-height-large: 20px;

  --bb-label-medium: 12px;
  --bb-label-line-height-medium: 16px;

  --bb-label-small: 11px;
  --bb-label-line-height-small: 16px;

  --bb-body-large: 16px;
  --bb-body-line-height-large: 24px;

  --bb-body-medium: 14px;
  --bb-body-line-height-medium: 20px;

  --bb-body-small: 12px;
  --bb-body-line-height-small: 16px;

  --bb-body-x-small: 10px;
  --bb-body-line-height-x-small: 13px;

  /** Depth Colors */
  --bb-depth-1: hsl(48deg, 60%, 98%);
  --bb-depth-2: hsl(45deg, 60%, 96%);
  --bb-depth-3: hsl(42deg, 60%, 94%);
  --bb-depth-4: hsl(39deg, 60%, 92%);
  --bb-depth-5: hsl(36deg, 60%, 90%);

  --bb-elevation-16-heavy: 0px 3px 16px rgba(137, 143, 175, 0.4);
  --bb-elevation-16-light: 0px 3px 16px rgba(137, 143, 175, 0.1);

  --bb-elevation-6:
    0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);
  --bb-elevation-5:
    0px 4px 8px 3px rgba(0, 0, 0, 0.05), 0px 1px 3px 0 rgba(0, 0, 0, 0.1);
  --bb-elevation-1:
    0px 1px 2px rgb(0, 0, 0, 0.3), 0px 1px 3px rgb(0, 0, 0, 0.15);
}

:root.dark-theme {
  --bb-neutral-900: #ffffff;
  --bb-neutral-800: #ededed;
  --bb-neutral-700: #d7d7d7;
  --bb-neutral-600: #c1c1c1;
  --bb-neutral-500: #adadad;
  --bb-neutral-400: #818181;
  --bb-neutral-300: #6a6a6a;
  --bb-neutral-200: #494949;
  --bb-neutral-100: #464646;
  --bb-neutral-50: #2f2f2f;
  --bb-neutral-10: #202020;
  --bb-neutral-0: #1a1a1a;

  --bb-ui-900: #f7f8f8;
  --bb-ui-800: #d6dbdd;
  --bb-ui-700: #bac2c6;
  --bb-ui-600: #9ba9af;
  --bb-ui-500: #67747a;
  --bb-ui-400: #4e575c;
  --bb-ui-300: #40484c;
  --bb-ui-200: #3a4246;
  --bb-ui-100: #2e3235;
  --bb-ui-50: #16191b;

  /* Icons */

  --bb-icon-add: url(/third_party/icons/add-inverted.svg);
  --bb-icon-add-inverted: url(/third_party/icons/add.svg);

  --bb-icon-add-box: url(/third_party/icons/add-box-inverted.svg);
  --bb-icon-add-box-inverted: url(/third_party/icons/add-box.svg);

  --bb-icon-add-audio: url(/third_party/icons/add-audio-inverted.svg);
  --bb-icon-add-audio-inverted: url(/third_party/icons/add-audio.svg);

  --bb-icon-add-circle: url(/third_party/icons/add-circle-inverted.svg);
  --bb-icon-add-circle-inverted: url(/third_party/icons/add-circle.svg);

  --bb-icon-add-drawable: url(/third_party/icons/add-drawable-inverted.svg);
  --bb-icon-add-drawable-inverted: url(/third_party/icons/add-drawable.svg);

  --bb-icon-add-file: url(/third_party/icons/add-file-inverted.svg);
  --bb-icon-add-file-inverted: url(/third_party/icons/add-file.svg);

  --bb-icon-add-image-webcam: url(/third_party/icons/add-image-webcam-inverted.svg);
  --bb-icon-add-image-webcam-inverted: url(/third_party/icons/add-image-webcam.svg);

  --bb-icon-add-image: url(/third_party/icons/add-image-inverted.svg);
  --bb-icon-add-image-inverted: url(/third_party/icons/add-image.svg);

  --bb-icon-add-text: url(/third_party/icons/add-text-inverted.svg);
  --bb-icon-add-text-inverted: url(/third_party/icons/add-text.svg);

  --bb-icon-add-text-ui: url(/third_party/icons/add-text-ui-inverted.svg);
  --bb-icon-add-text-ui-inverted: url(/third_party/icons/add-text-ui.svg);

  --bb-icon-add-video: url(/third_party/icons/add-video-inverted.svg);
  --bb-icon-add-video-inverted: url(/third_party/icons/add-video.svg);

  --bb-icon-alternate-email: url(/third_party/icons/alternate-email-inverted.svg);
  --bb-icon-alternate-email-inverted: url(/third_party/icons/alternate-email.svg);

  --bb-icon-anchor-active: url(/third_party/icons/anchor-active.svg);
  --bb-icon-anchor: url(/third_party/icons/anchor-inverted.svg);
  --bb-icon-anchor-inverted: url(/third_party/icons/anchor.svg);

  --bb-icon-arrow-back: url(/third_party/icons/arrow-back-inverted.svg);
  --bb-icon-arrow-back-inverted: url(/third_party/icons/arrow-back.svg);

  --bb-icon-arrow-right: url(/third_party/icons/arrow-right-inverted.svg);
  --bb-icon-arrow-right-inverted: url(/third_party/icons/arrow-right.svg);

  --bb-icon-arrow-drop-down: url(/third_party/icons/arrow-drop-down-inverted.svg);
  --bb-icon-arrow-drop-down-inverted: url(/third_party/icons/arrow-drop-down.svg);

  --bb-icon-attach: url(/third_party/icons/attach-inverted.svg);
  --bb-icon-attach-inverted: url(/third_party/icons/attach.svg);

  --bb-icon-before: url(/third_party/icons/before-inverted.svg);
  --bb-icon-before-inverted: url(/third_party/icons/before.svg);

  --bb-icon-board: url(/third_party/icons/board-inverted.svg);
  --bb-icon-board-inverted: url(/third_party/icons/board.svg);

  --bb-icon-braces: url(/third_party/icons/braces-inverted.svg);
  --bb-icon-braces-inverted: url(/third_party/icons/braces.svg);

  --bb-icon-bug: url(/third_party/icons/bug-inverted.svg);
  --bb-icon-bug-inverted: url(/third_party/icons/bug.svg);

  --bb-icon-capabilities: url(/third_party/icons/capabilities-inverted.svg);
  --bb-icon-capabilities-inverted: url(/third_party/icons/capabilities.svg);

  --bb-icon-close: url(/third_party/icons/close-inverted.svg);
  --bb-icon-close-ui: url(/third_party/icons/close-inverted.svg);
  --bb-icon-close-inverted: url(/third_party/icons/close.svg);

  --bb-icon-check: url(/third_party/icons/check-inverted.svg);
  --bb-icon-check-inverted: url(/third_party/icons/check.svg);

  --bb-icon-collapse: url(/third_party/icons/collapse-inverted.svg);
  --bb-icon-collapse-inverted: url(/third_party/icons/collapse.svg);

  --bb-icon-comment: url(/third_party/icons/comment-inverted.svg);
  --bb-icon-comment-inverted: url(/third_party/icons/comment.svg);

  --bb-icon-confirm-ui: url(/third_party/icons/confirm-ui.svg);
  --bb-icon-confirm: url(/third_party/icons/confirm-inverted.svg);
  --bb-icon-confirm-inverted: url(/third_party/icons/confirm.svg);

  --bb-icon-code: url(/third_party/icons/code-inverted.svg);
  --bb-icon-code-inverted: url(/third_party/icons/code.svg);

  --bb-icon-code-blocks: url(/third_party/icons/code-blocks-inverted.svg);
  --bb-icon-code-blocks-inverted: url(/third_party/icons/code-blocks.svg);

  --bb-icon-contact-support: url(/third_party/icons/contact-support-inverted.svg);
  --bb-icon-contact-support-inverted: url(/third_party/icons/contact-support.svg);

  --bb-icon-collapse-content: url(/third_party/icons/collapse-content-inverted.svg);
  --bb-icon-collapse-content-inverted: url(/third_party/icons/collapse-content.svg);

  --bb-icon-continue: url(/third_party/icons/continue-inverted.svg);
  --bb-icon-continue-inverted: url(/third_party/icons/continue.svg);

  --bb-icon-content-cut: url(/third_party/icons/content-cut-inverted.svg);
  --bb-icon-content-cut-inverted: url(/third_party/icons/content-cut.svg);

  --bb-icon-copy-to-clipboard: url(/third_party/icons/copy-to-clipboard-inverted.svg);
  --bb-icon-copy-to-clipboard-inverted: url(/third_party/icons/copy-to-clipboard.svg);

  --bb-icon-data-info-alert: url(/third_party/icons/data-info-alert-inverted.svg);
  --bb-icon-data-info-alert-inverted: url(/third_party/icons/data-info-alert.svg);

  --bb-icon-delete: url(/third_party/icons/delete-inverted.svg);
  --bb-icon-delete-ui: url(/third_party/icons/delete-inverted.svg);
  --bb-icon-delete-inverted: url(/third_party/icons/delete.svg);

  --bb-icon-dehaze: url(/third_party/icons/dehaze-inverted.svg);
  --bb-icon-dehaze-inverted: url(/third_party/icons/dehaze.svg);

  --bb-icon-debug: url(/third_party/icons/debug-inverted.svg);
  --bb-icon-debug-inverted: url(/third_party/icons/debug.svg);

  --bb-icon-directions: url(/third_party/icons/directions-inverted.svg);
  --bb-icon-directions-active: url(/third_party/icons/directions-active.svg);
  --bb-icon-directions-inverted: url(/third_party/icons/directions.svg);

  --bb-icon-do-not-disturb: url(/third_party/icons/do-not-disturb-inverted.svg);
  --bb-icon-do-not-disturb-inverted: url(/third_party/icons/do-not-disturb.svg);

  --bb-icon-dock-to-right: url(/third_party/icons/dock-to-right-inverted.svg);
  --bb-icon-dock-to-right-inverted: url(/third_party/icons/dock-to-right.svg);

  --bb-icon-download: url(/third_party/icons/download-inverted.svg);
  --bb-icon-download-inverted: url(/third_party/icons/download.svg);

  --bb-icon-draft: url(/third_party/icons/draft-inverted.svg);
  --bb-icon-draft-inverted: url(/third_party/icons/draft.svg);

  --bb-icon-drag-click: url(/third_party/icons/drag-click-inverted.svg);
  --bb-icon-drag-click-inverted: url(/third_party/icons/drag-click.svg);

  --bb-icon-duplicate: url(/third_party/icons/duplicate-inverted.svg);
  --bb-icon-duplicate-inverted: url(/third_party/icons/duplicate.svg);

  --bb-icon-edge-connector: url(/third_party/icons/edge-connector-inverted.svg);
  --bb-icon-edge-connector-inverted: url(/third_party/icons/edge-connector.svg);

  --bb-icon-edit: url(/third_party/icons/edit-inverted.svg);
  --bb-icon-edit-inverted: url(/third_party/icons/edit.svg);
  --bb-icon-edit-ui: url(/third_party/icons/edit-ui.svg);

  --bb-icon-eject: url(/third_party/icons/eject-inverted.svg);
  --bb-icon-eject-inverted: url(/third_party/icons/eject.svg);

  --bb-icon-enhance: url(/third_party/icons/enhance-inverted.svg);
  --bb-icon-enhance-inverted: url(/third_party/icons/enhance.svg);

  --bb-icon-error: url(/third_party/icons/error.svg);

  --bb-icon-expand: url(/third_party/icons/expand-inverted.svg);
  --bb-icon-expand-inverted: url(/third_party/icons/expand.svg);

  --bb-icon-expand-content: url(/third_party/icons/expand-content-inverted.svg);
  --bb-icon-expand-content-inverted: url(/third_party/icons/expand-content.svg);

  --bb-icon-experiment: url(/third_party/icons/experiment-inverted.svg);
  --bb-icon-experiment-inverted: url(/third_party/icons/experiment.svg);

  --bb-icon-extension: url(/third_party/icons/extension-inverted.svg);
  --bb-icon-extension-inverted: url(/third_party/icons/extension.svg);
  --bb-icon-extension-ts: url(/third_party/icons/extension-ts-inverted.svg);
  --bb-icon-extension-ts-inverted: url(/third_party/icons/extension-ts.svg);

  --bb-icon-eye: url(/third_party/icons/eye-inverted.svg);
  --bb-icon-eye-inverted: url(/third_party/icons/eye.svg);

  --bb-icon-fetch: url(/third_party/icons/fetch-inverted.svg);
  --bb-icon-fetch-inverted: url(/third_party/icons/fetch.svg);

  --bb-icon-file-add: url(/third_party/icons/file-add-inverted.svg);
  --bb-icon-file-add-inverted: url(/third_party/icons/file-add.svg);

  --bb-icon-file-export: url(/third_party/icons/file-export-inverted.svg);
  --bb-icon-file-export-inverted: url(/third_party/icons/file-export.svg);

  --bb-icon-fit: url(/third_party/icons/fit-inverted.svg);
  --bb-icon-fit-inverted: url(/third_party/icons/fit.svg);

  --bb-icon-folder-managed: url(/third_party/icons/folder-managed-inverted.svg);
  --bb-icon-folder-managed-inverted: url(/third_party/icons/folder-managed.svg);

  --bb-icon-fork-down-right: url(/third_party/icons/fork-down-right-inverted.svg);
  --bb-icon-fork-down-right-inverted: url(/third_party/icons/fork-down-right.svg);

  --bb-icon-frame-source: url(/third_party/icons/frame-source-inverted.svg);
  --bb-icon-frame-source-inverted: url(/third_party/icons/frame-source.svg);

  --bb-icon-google-drive: url(/third_party/icons/google-drive-inverted.svg);
  --bb-icon-google-drive-inverted: url(/third_party/icons/google-drive.svg);

  --bb-icon-grid-view: url(/third_party/icons/grid-view-inverted.svg);
  --bb-icon-grid-view-inverted: url(/third_party/icons/grid-view.svg);

  --bb-icon-help: url(/third_party/icons/help-inverted.svg);
  --bb-icon-help-inverted: url(/third_party/icons/help.svg);

  --bb-icon-http: url(/third_party/icons/http-inverted.svg);
  --bb-icon-http-inverted: url(/third_party/icons/http.svg);

  --bb-icon-home-repair-service: url(/third_party/icons/home-repair-service-inverted.svg);
  --bb-icon-home-repair-service-inverted: url(/third_party/icons/home-repair-service.svg);

  --bb-icon-human: url(/third_party/icons/human-inverted.svg);
  --bb-icon-human-inverted: url(/third_party/icons/human.svg);

  --bb-icon-keep: url(/third_party/icons/keep-inverted.svg);
  --bb-icon-keep-inverted: url(/third_party/icons/keep.svg);

  --bb-icon-keep-filled: url(/third_party/icons/keep-filled-inverted.svg);
  --bb-icon-keep-filled-inverted: url(/third_party/icons/keep-filled.svg);

  --bb-icon-keyboard-arrow-down: url(/third_party/icons/keyboard-arrow-down-inverted.svg);
  --bb-icon-keyboard-arrow-down-inverted: url(/third_party/icons/keyboard-arrow-down.svg);

  --bb-icon-flowchart: url(/third_party/icons/flowchart-inverted.svg);
  --bb-icon-flowchart-inverted: url(/third_party/icons/flowchart.svg);

  --bb-icon-image: url(/third_party/icons/image-inverted.svg);
  --bb-icon-image-inverted: url(/third_party/icons/image.svg);

  --bb-icon-input: url(/third_party/icons/input-inverted.svg);
  --bb-icon-input-inverted: url(/third_party/icons/input.svg);

  --bb-icon-info: url(/third_party/icons/info-inverted.svg);
  --bb-icon-info-inverted: url(/third_party/icons/info.svg);

  --bb-icon-info-filled: url(/third_party/icons/info-filled-inverted.svg);
  --bb-icon-info-filled-inverted: url(/third_party/icons/info-filled.svg);

  --bb-icon-invoke: url(/third_party/icons/invoke-inverted.svg);
  --bb-icon-invoke-inverted: url(/third_party/icons/invoke.svg);

  --bb-icon-jsonata: url(/third_party/icons/jsonata-inverted.svg);
  --bb-icon-jsonata-inverted: url(/third_party/icons/jsonata.svg);

  --bb-icon-javascript: url(/third_party/icons/js-inverted.svg);
  --bb-icon-javascript-inverted: url(/third_party/icons/js.svg);

  --bb-icon-library-add: url(/third_party/icons/library-add-inverted.svg);
  --bb-icon-library-add-inverted: url(/third_party/icons/library-add.svg);
  --bb-icon-library-add-ui: url(/third_party/icons/library-add-ui.svg);

  --bb-icon-link: url(/third_party/icons/link-inverted.svg);
  --bb-icon-link-inverted: url(/third_party/icons/link.svg);

  --bb-icon-list: url(/third_party/icons/list-inverted.svg);
  --bb-icon-list-inverted: url(/third_party/icons/list.svg);

  --bb-icon-laps: url(/third_party/icons/laps-inverted.svg);
  --bb-icon-laps-inverted: url(/third_party/icons/laps.svg);

  --bb-icon-lan: url(/third_party/icons/lan-inverted.svg);
  --bb-icon-lan-inverted: url(/third_party/icons/lan.svg);

  --bb-icon-login: url(/third_party/icons/login-inverted.svg);
  --bb-icon-login-inverted: url(/third_party/icons/login.svg);

  --bb-icon-logout: url(/third_party/icons/logout-inverted.svg);
  --bb-icon-logout-inverted: url(/third_party/icons/logout.svg);

  --bb-icon-maximize: url(/third_party/icons/maximize-inverted.svg);
  --bb-icon-maximize-inverted: url(/third_party/icons/maximize.svg);

  --bb-icon-merge-type: url(/third_party/icons/merge-type-inverted.svg);
  --bb-icon-merge-type-inverted: url(/third_party/icons/merge-type.svg);

  --bb-icon-mic-green: url(/third_party/icons/mic-green.svg);
  --bb-icon-mic: url(/third_party/icons/mic-inverted.svg);
  --bb-icon-mic-ui: url(/third_party/icons/mic-inverted.svg);
  --bb-icon-mic-inverted: url(/third_party/icons/mic.svg);

  --bb-icon-minimize: url(/third_party/icons/minimize-inverted.svg);
  --bb-icon-minimize-inverted: url(/third_party/icons/minimize.svg);

  --bb-icon-menu: url(/third_party/icons/menu-inverted.svg);
  --bb-icon-menu-inverted: url(/third_party/icons/menu.svg);

  --bb-icon-model: url(/third_party/icons/model-inverted.svg);
  --bb-icon-model-inverted: url(/third_party/icons/model.svg);

  --bb-icon-more-vert: url(/third_party/icons/more-vert-inverted.svg);
  --bb-icon-more-vert-inverted: url(/third_party/icons/more-vert.svg);

  --bb-icon-move-up: url(/third_party/icons/move-up-inverted.svg);
  --bb-icon-move-up-inverted: url(/third_party/icons/move-up.svg);

  --bb-icon-move-down: url(/third_party/icons/move-down-inverted.svg);
  --bb-icon-move-down-inverted: url(/third_party/icons/move-down.svg);

  --bb-icon-multimodal: url(/third_party/icons/multimodal-inverted.svg);
  --bb-icon-multimodal-inverted: url(/third_party/icons/multimodal.svg);

  --bb-icon-next: url(/third_party/icons/next-inverted.svg);
  --bb-icon-next-inverted: url(/third_party/icons/next.svg);

  --bb-icon-open-new: url(/third_party/icons/open-new-inverted.svg);
  --bb-icon-open-new-inverted: url(/third_party/icons/open-new.svg);

  --bb-icon-output: url(/third_party/icons/output-inverted.svg);
  --bb-icon-output-inverted: url(/third_party/icons/output.svg);

  --bb-icon-palette: url(/third_party/icons/palette-inverted.svg);
  --bb-icon-palette-inverted: url(/third_party/icons/palette.svg);

  --bb-icon-pending: url(/third_party/icons/pending-inverted.svg);
  --bb-icon-pending-inverted: url(/third_party/icons/pending.svg);

  --bb-icon-phone: url(/third_party/icons/phone-inverted.svg);
  --bb-icon-phone-inverted: url(/third_party/icons/phone.svg);

  --bb-icon-play-arrow-filled: url(/third_party/icons/play-arrow-filled-inverted.svg);
  --bb-icon-play-arrow-filled-ui: url(/third_party/icons/play-arrow-filled-inverted.svg);
  --bb-icon-play-arrow-filled-inverted: url(/third_party/icons/play-arrow-filled.svg);

  --bb-icon-play-filled: url(/third_party/icons/play-filled-inverted.svg);
  --bb-icon-play-filled-inverted: url(/third_party/icons/play-filled.svg);

  --bb-icon-pause-filled: url(/third_party/icons/pause-filled-inverted.svg);
  --bb-icon-pause-filled-inverted: url(/third_party/icons/pause-filled.svg);

  --bb-icon-preview: url(/third_party/icons/preview-inverted.svg);
  --bb-icon-preview-inverted: url(/third_party/icons/preview.svg);

  --bb-icon-public: url(/third_party/icons/public-inverted.svg);
  --bb-icon-public-inverted: url(/third_party/icons/public.svg);

  --bb-icon-question-mark: url(/third_party/icons/question-mark-inverted.svg);
  --bb-icon-question-mark-inverted: url(/third_party/icons/question-mark.svg);

  --bb-icon-quick-jump: url(/third_party/icons/quick-jump-inverted.svg);
  --bb-icon-quick-jump-inverted: url(/third_party/icons/quick-jump.svg);

  --bb-icon-redo: url(/third_party/icons/redo-inverted.svg);
  --bb-icon-redo-inverted: url(/third_party/icons/redo.svg);

  --bb-icon-refresh: url(/third_party/icons/refresh-inverted.svg);
  --bb-icon-refresh-inverted: url(/third_party/icons/refresh.svg);

  --bb-icon-remove: url(/third_party/icons/remove-inverted.svg);
  --bb-icon-remove-inverted: url(/third_party/icons/remove.svg);

  --bb-icon-replay: url(/third_party/icons/replay-inverted.svg);
  --bb-icon-replay-inverted: url(/third_party/icons/replay.svg);

  --bb-icon-rerun: url(/third_party/icons/rerun-inverted.svg);
  --bb-icon-rerun-inverted: url(/third_party/icons/rerun.svg);

  --bb-icon-reset-image: url(/third_party/icons/reset-image-inverted.svg);
  --bb-icon-reset-image-inverted: url(/third_party/icons/reset-image.svg);

  --bb-icon-reset-nodes: url(/third_party/icons/reset-nodes-inverted.svg);
  --bb-icon-reset-nodes-inverted: url(/third_party/icons/reset-nodes.svg);

  --bb-icon-restart-alt: url(/third_party/icons/restart-alt-inverted.svg);
  --bb-icon-restart-alt-inverted: url(/third_party/icons/restart-alt.svg);

  --bb-icon-resume-ui: url(/third_party/icons/resume-ui.svg);
  --bb-icon-resume: url(/third_party/icons/resume-inverted.svg);
  --bb-icon-resume-inverted: url(/third_party/icons/resume.svg);

  --bb-icon-route: url(/third_party/icons/route-inverted.svg);
  --bb-icon-route-inverted: url(/third_party/icons/route.svg);

  --bb-icon-save: url(/third_party/icons/save-inverted.svg);
  --bb-icon-save-inverted: url(/third_party/icons/save.svg);

  --bb-icon-saved-local: url(/third_party/icons/saved-local-inverted.svg);
  --bb-icon-saved-local-inverted: url(/third_party/icons/saved-local.svg);

  --bb-icon-saved-readonly: url(/third_party/icons/saved-readonly-inverted.svg);
  --bb-icon-saved-readonly-inverted: url(/third_party/icons/saved-readonly.svg);

  --bb-icon-saved-remote: url(/third_party/icons/saved-remote-inverted.svg);
  --bb-icon-saved-remote-inverted: url(/third_party/icons/saved-remote.svg);

  --bb-icon-save-as: url(/third_party/icons/save-as-inverted.svg);
  --bb-icon-save-as-inverted: url(/third_party/icons/save-as.svg);

  --bb-icon-secrets: url(/third_party/icons/secrets-inverted.svg);
  --bb-icon-secrets-inverted: url(/third_party/icons/secrets.svg);

  --bb-icon-search: url(/third_party/icons/search-inverted.svg);
  --bb-icon-search-inverted: url(/third_party/icons/search.svg);

  --bb-icon-send: url(/third_party/icons/send-inverted.svg);
  --bb-icon-send-ui: url(/third_party/icons/send-inverted.svg);
  --bb-icon-send-inverted: url(/third_party/icons/send.svg);

  --bb-icon-settings: url(/third_party/icons/settings-inverted.svg);
  --bb-icon-settings-inverted: url(/third_party/icons/settings.svg);

  --bb-icon-share: url(/third_party/icons/share-inverted.svg);
  --bb-icon-share-inverted: url(/third_party/icons/share.svg);

  --bb-icon-smart-toy: url(/third_party/icons/smart-toy-inverted.svg);
  --bb-icon-smart-toy-inverted: url(/third_party/icons/smart-toy.svg);

  --bb-icon-sort-by: url(/third_party/icons/sort-by-inverted.svg);
  --bb-icon-sort-by-inverted: url(/third_party/icons/sort-by.svg);

  --bb-icon-sound: url(/third_party/icons/sound-inverted.svg);
  --bb-icon-sound-inverted: url(/third_party/icons/sound.svg);

  --bb-icon-step: url(/third_party/icons/step-inverted.svg);
  --bb-icon-step-inverted: url(/third_party/icons/step.svg);

  --bb-icon-step-next: url(/third_party/icons/step-next-inverted.svg);
  --bb-icon-step-next-inverted: url(/third_party/icons/step-next.svg);

  --bb-icon-stop-circle: url(/third_party/icons/stop-circle-inverted.svg);
  --bb-icon-stop-circle-inverted: url(/third_party/icons/stop-circle.svg);

  --bb-icon-style: url(/third_party/icons/style-inverted.svg);
  --bb-icon-style-inverted: url(/third_party/icons/style.svg);

  --bb-icon-sweep: url(/third_party/icons/sweep-inverted.svg);
  --bb-icon-sweep-inverted: url(/third_party/icons/sweep.svg);

  --bb-icon-table-rows: url(/third_party/icons/table-rows-inverted.svg);
  --bb-icon-table-rows-inverted: url(/third_party/icons/table-rows.svg);

  --bb-icon-text: url(/third_party/icons/text-inverted.svg);
  --bb-icon-text-inverted: url(/third_party/icons/text.svg);

  --bb-icon-tool: url(/third_party/icons/tool-inverted.svg);
  --bb-icon-tool-inverted: url(/third_party/icons/tool.svg);

  --bb-icon-tree: url(/third_party/icons/tree-inverted.svg);
  --bb-icon-tree-inverted: url(/third_party/icons/tree.svg);

  --bb-icon-undo: url(/third_party/icons/undo-inverted.svg);
  --bb-icon-undo-inverted: url(/third_party/icons/undo.svg);

  --bb-icon-unfold-less: url(/third_party/icons/unfold-less-inverted.svg);
  --bb-icon-unfold-less-inverted: url(/third_party/icons/unfold-less.svg);

  --bb-icon-unfold-more: url(/third_party/icons/unfold-more-inverted.svg);
  --bb-icon-unfold-more-inverted: url(/third_party/icons/unfold-more.svg);

  --bb-icon-up-down: url(/third_party/icons/up-down-inverted.svg);
  --bb-icon-up-down-inverted: url(/third_party/icons/up-down.svg);

  --bb-icon-upload: url(/third_party/icons/upload-inverted.svg);
  --bb-icon-upload-inverted: url(/third_party/icons/upload.svg);

  --bb-icon-value: url(/third_party/icons/value-inverted.svg);
  --bb-icon-value-inverted: url(/third_party/icons/value.svg);

  --bb-icon-unknown-value: url(/third_party/icons/unknown-value-inverted.svg);
  --bb-icon-unknown-value-inverted: url(/third_party/icons/unknown-value.svg);

  --bb-icon-view-real-size: url(/third_party/icons/view-real-size-inverted.svg);
  --bb-icon-view-real-size-inverted: url(/third_party/icons/view-real-size.svg);

  --bb-icon-vital-signs: url(/third_party/icons/vital-signs-inverted.svg);
  --bb-icon-vital-signs-inverted: url(/third_party/icons/vital-signs.svg);

  --bb-icon-visibility: url(/third_party/icons/visibility-inverted.svg);
  --bb-icon-visibility-inverted: url(/third_party/icons/visibility.svg);

  --bb-icon-visibility-off: url(/third_party/icons/visibility-off-inverted.svg);
  --bb-icon-visibility-off-inverted: url(/third_party/icons/visibility-off.svg);

  --bb-icon-voice-selection: url(/third_party/icons/voice-selection-inverted.svg);
  --bb-icon-voice-selection-inverted: url(/third_party/icons/voice-selection.svg);

  --bb-icon-warning: url(/third_party/icons/warning.svg);

  --bb-icon-workspace: url(/third_party/icons/workspace-inverted.svg);
  --bb-icon-workspace-inverted: url(/third_party/icons/workspace.svg);

  --bb-icon-wrench: url(/third_party/icons/wrench-inverted.svg);
  --bb-icon-wrench-inverted: url(/third_party/icons/wrench.svg);

  --bb-icon-youtube: url(/third_party/icons/youtube-inverted.svg);
  --bb-icon-youtube-inverted: url(/third_party/icons/youtube.svg);

  --bb-icon-zoom-in: url(/third_party/icons/zoom-in-inverted.svg);
  --bb-icon-zoom-in-inverted: url(/third_party/icons/zoom-in.svg);

  --bb-icon-zoom-out: url(/third_party/icons/zoom-out-inverted.svg);
  --bb-icon-zoom-out-inverted: url(/third_party/icons/zoom-out.svg);

  color-scheme: dark;
}

html,
body {
  overscroll-behavior: none;
  padding: 0;
  margin: 0;
  font-family: var(--bb-font-family, Arial);
  color: var(--bb-font-color);
  width: 100svw;
  height: 100svh;
  display: flex;
  flex-direction: column;
  background: var(--bb-neutral-0);
  overflow: hidden;
}