/* ../../node_modules/modern-normalize/modern-normalize.css */
*,
::before,
::after {
  box-sizing: border-box;
}
html {
  font-family:
    system-ui,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji";
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
}
body {
  margin: 0;
}
hr {
  height: 0;
  color: inherit;
}
abbr[title] {
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}

/* src/main.css */
*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
html {
  box-sizing: border-box;
  font-size: 16px;
}
.language-qsharp {
  line-height: 125%;
}
pre:has(code) {
  background-color: White;
  border-left: solid DarkBlue;
  margin: 5px 0px 5px 0px;
  padding: 0em 0em 0em 0.5em;
}

/* ../npm/qsharp/ux/qsharp-ux.css */
:root {
  --heading-background: #262679;
  --main-background: var( --vscode-editor-background, var(--jp-layout-color0, #ececf0) );
  --main-color: var( --vscode-editor-foreground, var(--jp-widgets-color, #202020) );
  --qs-tr-nth-color: var( --vscode-list-hoverBackground, var(--jp-layout-color1, var(--colab-secondary-surface-color, #f2f2f2)) );
  --nav-background: #bed1f4;
  --nav-hover-background: #b3bede;
  --nav-current-background: #b5c5f2;
  --border-color: #768f9c;
  --menu-box-fill: var(--main-background);
  --error-background-color: #ffe3e3;
  --warning-background-color: #fff6d7;
  --bar-selected-outline: #587ddd;
}
.qs-play-body {
  position: relative;
  min-height: 100vh;
  font-family:
    system-ui,
    "Segoe UI",
    "SegoeUI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  color: var(--main-color);
  background-color: var(--main-background);
  display: grid;
  grid-template-areas: "header header header" "nav editor results";
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(180px, auto) 8fr 8fr;
  column-gap: 16px;
}
.page-header {
  grid-area: header;
  background: var(--heading-background);
  color: var(--main-background);
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 8px;
}
#popup {
  position: absolute;
  display: none;
  background-color: white;
  border: 1px solid black;
  border-radius: 2px;
  padding: 8px 16px;
  font-size: 16px;
}
.nav-column {
  grid-area: nav;
  background-color: var(--nav-background);
}
.nav-1 {
  font-size: 1.2rem;
  font-weight: 200;
  color: var(--main-color);
  border-top: 1px solid var(--border-color);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
}
.nav-2 {
  font-size: 1rem;
  font-weight: 200;
  padding: 4px;
  padding-left: 16px;
}
.nav-selectable:hover {
  background-color: var(--nav-hover-background);
  cursor: pointer;
}
.nav-current {
  font-weight: 700;
  background-color: var(--nav-current-background);
}
.editor-column {
  grid-area: editor;
  margin: 16px;
  margin-top: 32px;
}
.file-name {
  border: 1px solid var(--border-color);
  border-bottom: 0px;
  width: 100px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  background-color: white;
}
.icon-row > * {
  margin-left: 4px;
  font-size: 1.4rem;
  cursor: pointer;
}
.code-editor {
  height: 40vh;
  min-height: 400px;
  border: 1px solid var(--border-color);
}
.button-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
.button-row > * {
  margin-left: 10px;
  font-size: 1rem;
}
.main-button {
  background-color: var(--nav-background);
  font-size: 1rem;
  color: var(--main-color);
  width: 72px;
  height: 24px;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  cursor: pointer;
}
.main-button:disabled {
  background-color: gray;
  cursor: default;
}
.diag-list {
  margin-top: 24px;
  margin-bottom: 24px;
  min-height: 48px;
}
.diag-row {
  border: 1px solid var(--border-color);
  padding: 4px;
  border-bottom: 0.5px solid gray;
  font-size: 0.9rem;
  margin-bottom: -1px;
}
.diag-row > span {
  font-weight: 200;
}
.diag-help {
  font-weight: 200;
  font-style: italic;
}
.error-row {
  background-color: var(--error-background-color);
}
.warning-row {
  background-color: var(--warning-background-color);
}
.kata-override {
  background-color: var(--main-background);
}
.results-column {
  grid-area: results;
  margin-left: 0px;
  margin-top: 32px;
  margin-right: 120px;
}
.active-tab {
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: underline;
}
.results-labels {
  display: flex;
  height: 32px;
}
.results-labels > div {
  margin-right: 40px;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
}
.ast-output {
  height: 40vh;
  min-height: 400px;
  width: 100%;
  resize: none;
  white-space: pre;
}
.hir-output {
  height: 40vh;
  min-height: 400px;
  width: 100%;
  resize: none;
  white-space: pre;
}
.rir-output {
  height: 40vh;
  min-height: 400px;
  width: 100%;
  resize: none;
  white-space: pre;
}
.qir-output {
  height: 40vh;
  min-height: 400px;
  width: 100%;
  resize: none;
  white-space: pre;
}
.output-header {
  font-size: 1.1rem;
  font-weight: 400;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}
.prev-next {
  font-weight: 200;
  cursor: pointer;
}
.result-label {
  margin-bottom: 24px;
  font-style: italic;
  font-weight: 300;
}
.message-output {
  font-weight: 300;
  font-size: 1.1rem;
  margin-bottom: 16px;
}
.state-table {
  border-collapse: collapse;
  font-size: 0.9rem;
  width: 100%;
  min-width: 400px;
  margin-bottom: 16px;
}
.state-table thead tr {
  background: var(--nav-background);
}
.state-table tbody tr {
  border-top: 1px solid gray;
}
.state-table td,
.state-table th {
  text-align: center;
  padding: 6px;
  white-space: nowrap;
}
.state-table progress {
  margin-right: 2px;
}
.histogram {
  max-height: calc(100vh - 40px);
  max-width: 600px;
  border: 1px solid var(--border-color);
  background-color: var(--vscode-sideBar-background, white);
}
.bar {
  fill: var(--vscode-button-background, var(--nav-background));
}
.bar:hover {
  fill: var(--vscode-button-hoverBackground, var(--nav-hover-background));
}
.bar-selected {
  stroke: var(--bar-selected-outline);
  fill: var(--nav-current-background);
}
.bar-label {
  font-size: 3pt;
  fill: var(--vscode-button-foreground, var(--main-color));
  text-anchor: end;
  pointer-events: none;
}
.histo-label {
  font-size: 3.5pt;
  fill: var(--vscode-foreground, #3b3b3b);
}
.hover-text {
  font-size: 3.5pt;
  fill: gray;
  text-anchor: middle;
}
.menu-icon * {
  stroke: black;
  fill: var(--vscode-sideBar-background, white);
  stroke: var(--vscode-icon-foreground, #3b3b3b);
}
.menu-box {
  fill: var(--menu-box-fill);
  stroke: black;
  stroke-width: 0.1;
}
.menu-item {
  width: 32px;
  height: 10px;
  fill: var(--vscode-list-inactiveSelectionBackground, var(--nav-background));
  stroke: gray;
  stroke-width: 0.2;
}
.menu-item:hover {
  stroke-width: 0.6;
  fill: var(--vscode-list-hoverBackground, var(--nav-hover-background));
}
.menu-selected {
  fill: var( --vscode-list-activeSelectionBackground, var(--nav-current-background) );
}
.menu-text {
  font-size: 4.5px;
  pointer-events: none;
  fill: var(--main-color);
}
.menu-separator {
  stroke: gray;
  stroke-width: 0.25;
}
.help-info {
  fill: var(--menu-box-fill);
  stroke: gray;
  stroke-width: 0.5;
}
.help-info-text {
  font-size: 4.5px;
  pointer-events: none;
  fill: var(--main-color);
}
.estimate-details {
  padding: 1em;
}
.estimate-details > summary {
  font-size: 1.1em;
}
.estimate-table {
  margin-top: 1em;
  font-size: 0.9em;
}
.estimate-table tr:nth-child(even) {
  background-color: var(--qs-tr-nth-color);
}
.estimate-cell {
  vertical-align: top;
  padding-right: 8px;
}
.title-cell {
  font-weight: bold;
  white-space: nowrap;
}
.value-cell {
  text-align: center;
  width: 100px;
  white-space: nowrap;
}
.estimate-explanation {
  margin-top: 1em;
  margin-bottom: 1em;
  max-width: 500px;
}
.estimate-assumption {
  margin: 1em;
}
#pieChart {
  fill: var(--main-color);
}
.spaceReport {
  display: flex;
  flex-direction: column;
}
.spaceReportHeader {
  font-size: 13px;
  background-color: var(--qs-tr-nth-color);
  border-top: 0.5px gray solid;
  border-bottom: 0.5px gray solid;
  padding: 10px;
}
.spaceReportRow {
  display: flex;
  font-size: 12px;
  padding: 10px 24px;
}
.spaceDetailText {
  width: 200px;
}
.qs-help {
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.qs-help h1 {
  margin-top: 16px;
  margin-bottom: 8px;
  line-height: 1.25;
  font-weight: 600;
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--vscode-editorWidget-border);
}
.qs-help h2 {
  margin-top: 16px;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 1.25;
  padding-bottom: 0.3em;
  font-size: 1.4em;
  border-bottom: 1px solid var(--vscode-editorWidget-border);
}
.qs-resultsTable-sortedTable {
  border-collapse: collapse;
  margin: 12px 0px;
  outline: none;
}
.qs-resultsTable-sortedTable th,
.qs-resultsTable-sortedTable td {
  padding: 4px 8px;
  text-align: left;
}
.qs-resultsTable-dragEnter {
  background-color: #8888;
  border-left: 1.5px solid blue;
  border-right: 1.5px solid blue;
}
.qs-resultsTable-sortedTable tr:nth-child(even) {
  background: var(--qs-tr-nth-color);
}
.qs-resultsTable-sortedTable tbody tr:hover {
  background: var(--vscode-list-hoverBackground, var(--js-layout-color2));
}
.qs-resultsTable-sortedTableSelectedRow td {
  background: var(--vscode-button-background, var(--jp-layout-color3));
  color: var(--vscode-button-foreground);
  font-weight: 600;
}
.qs-resultsTable-columnMenu {
  display: none;
  width: 160px;
}
.qs-resultsTable-showColumnMenu {
  display: block;
  position: absolute;
  background-color: var(--vscode-menu-background, var(--main-background));
  border: 1px solid #8888;
  padding: 4px;
  z-index: 100;
  text-align: left;
}
.qs-resultsTable-menuItem {
  cursor: pointer;
  background-color: var(--vscode-list-hoverBackground, var(--jp-layout-color1));
  padding: 4px;
  margin: 2px;
  font-size: 14px;
  font-weight: 400;
}
.qs-resultsTable-menuItem:hover {
  background-color: var(--vscode-menu-border, var(--jp-layout-color2));
}
.qs-resultsTable-columnSelected {
  cursor: pointer;
  padding: 4px;
  font-weight: 400;
  font-size: 14px;
  background-color: var(--vscode-button-background, var(--jp-brand-color1));
  color: var(--vscode-button-foreground, var(--jp-ui-inverse-font-color0));
  margin: 2px;
  border-radius: 3px;
}
.qs-resultsTable-headerCell {
  padding-right: 20px;
}
.qs-resultsTable-sortHeaderCell {
  padding-right: 4px;
}
@keyframes codicon-spin {
  100% {
    transform: rotate(360deg);
    transform-origin: center;
  }
}
.codicon-modifier-spin {
  fill: var(--vscode-icon-foreground, gray);
  animation: codicon-spin 1.5s steps(45) infinite;
}
.qs-scatterChart-x-axisTitle,
.qs-scatterChart-y-axisTitle {
  text-anchor: middle;
  font-size: 16px;
  fill: var(--main-color);
}
.qs-scatterChart-y-axisTitle {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
.qs-scatterChart-point {
  r: 2px;
  stroke-width: 4px;
}
.qs-scatterChart-hover:hover {
  r: 4px;
  stroke-width: 4px;
  fill: white;
}
.qs-scatterChart-point-selected {
  r: 8px;
  stroke-width: 4px;
  fill: white;
}
.qs-scatterChart-watermark {
  font-size: 16px;
  fill: var(--main-color);
}
.qs-scatterChart-tooltip,
.qs-scatterChart-selectedInfo {
  position: absolute;
  visibility: hidden;
  background: var(--main-background);
  color: var(--main-color);
  border: var(--border-color) 1px solid;
  padding: 4px;
}
.qs-scatterChart-tooltip::after,
.qs-scatterChart-selectedInfo::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--border-color) transparent;
}
.qs-scatterChart-axis,
.qs-scatterChart-tick-line {
  stroke: var(--border-color);
}
.qs-scatterChart-x-tick-text {
  text-anchor: middle;
  fill: var(--main-color);
}
.qs-scatterChart-y-tick-text {
  text-anchor: end;
  fill: var(--main-color);
}
.qs-estimatesOverview-error {
  color: red;
}
.qs-estimatesOverview-saveIcon {
  cursor: pointer;
  width: 3em;
  height: 3em;
  background-color: var(--main-background);
  position: absolute;
  bottom: 5px;
  left: 5px;
  border: none;
}
.qs-estimatesOverview-saveIconSvgPath {
  fill: var(--main-color) !important;
  fill-rule: evenodd !important;
  clip-rule: evenodd !important;
}

/* ../npm/qsharp/ux/qsharp-circuit.css */
.qs-circuit-panel p {
  padding: 10px 0px;
}
.qs-circuit {
  background: var(--main-background);
}
.qs-circuit .qs-circuit-error {
  padding: 10px 0px;
}
.qs-circuit .qs-circuit-error p {
  padding: 10px 0px;
}
.qs-circuit line,
.qs-circuit circle,
.qs-circuit rect {
  stroke: var(--main-color);
  stroke-width: 1;
}
.qs-circuit text {
  fill: var(--main-color);
  dominant-baseline: middle;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  pointer-events: none;
}
.qs-circuit .qs-maintext {
  font-family:
    "KaTeX_Main",
    "MJXZERO",
    "MJXTEX",
    sans-serif;
  font-style: normal;
}
.qs-circuit .qs-mathtext {
  font-family:
    "KaTeX_Math",
    "MJXZERO",
    "MJXTEX-I",
    serif;
}
.qs-circuit [data-vscode-theme-kind] .qs-mathtext {
  font-style: italic;
}
.qs-circuit .gate-unitary {
  fill: var(--vscode-button-secondaryBackground, #333333);
}
.qs-circuit .gate text {
  fill: var(--vscode-button-secondaryForeground, #ffffff);
}
.qs-circuit .arg-button {
  fill: var(--vscode-editor-foreground, #ffffff);
  text-decoration: none;
  cursor: default;
  pointer-events: none;
  word-spacing: -0.2em;
}
.qs-circuit .arg-button.edit-mode {
  text-decoration: underline;
  cursor: pointer;
  pointer-events: all;
}
.qs-circuit .gate > line,
.qs-circuit .control-dot {
  fill: var(--main-color);
}
.qs-circuit .gate > .oplus > line,
.qs-circuit .gate > .oplus > circle {
  fill: var(--main-background);
  stroke: var(--main-color);
  stroke-width: 2;
}
.qs-circuit .gate-measure {
  fill: var(--vscode-button-background, #007acc);
}
.qs-circuit .gate > g > line,
.qs-circuit .arc-measure {
  stroke: var(--vscode-button-foreground, #ffffff);
  fill: none;
  stroke-width: 1;
}
.qs-circuit .gate-ket {
  fill: var(--vscode-button-background, #007acc);
}
.qs-circuit text.ket-text {
  fill: var(--vscode-button-foreground, #ffffff);
  stroke: none;
}
.qs-circuit rect.gate-swap {
  fill: transparent;
  stroke: transparent;
}
.qs-circuit .register-classical {
  stroke-width: 0.5;
}
.qs-circuit .hidden {
  display: none;
}
.qs-circuit .classically-controlled-unknown {
  opacity: 0.25;
}
.qs-circuit .classically-controlled-one .classical-container,
.qs-circuit .classically-controlled-one .classical-line {
  stroke: #4059bd;
  stroke-width: 1.3;
  fill: #4059bd;
  fill-opacity: 0.1;
}
.qs-circuit .classically-controlled-zero .classical-container,
.qs-circuit .classically-controlled-zero .classical-line {
  stroke: #c40000;
  stroke-width: 1.3;
  fill: #c40000;
  fill-opacity: 0.1;
}
.qs-circuit .classically-controlled-btn {
  cursor: pointer;
}
.qs-circuit .classically-controlled-unknown .classically-controlled-btn {
  fill: #e5e5e5;
}
.qs-circuit .classically-controlled-one .classically-controlled-btn {
  fill: #4059bd;
}
.qs-circuit .classically-controlled-zero .classically-controlled-btn {
  fill: #c40000;
}
.qs-circuit .classically-controlled-btn text {
  dominant-baseline: middle;
  text-anchor: middle;
  stroke: none;
  font-family: Arial;
}
.qs-circuit .classically-controlled-unknown .classically-controlled-btn text {
  fill: #000000;
}
.qs-circuit .classically-controlled-one .classically-controlled-btn text {
  fill: #ffffff;
}
.qs-circuit .classically-controlled-zero .classically-controlled-btn text {
  fill: #ffffff;
}
.qs-circuit .qviz .gate-collapse,
.qs-circuit .qviz .gate-expand {
  opacity: 0;
  transition: opacity 1s;
}
.qs-circuit .qviz:hover .gate-collapse,
.qs-circuit .qviz:hover .gate-expand {
  visibility: visible;
  opacity: 0.2;
  transition: visibility 1s;
  transition: opacity 1s;
}
.qs-circuit .gate-expand,
.qs-circuit .gate-collapse {
  cursor: pointer;
}
.qs-circuit .gate-collapse circle,
.qs-circuit .gate-expand circle {
  fill: white;
  stroke-width: 2px;
  stroke: black;
}
.qs-circuit .gate-collapse path,
.qs-circuit .gate-expand path {
  stroke-width: 4px;
  stroke: black;
}
.qs-circuit .gate:hover > .gate-collapse,
.qs-circuit .gate:hover > .gate-expand {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s;
}
.qs-circuit .dropzone-layer {
  display: none;
}
.qs-circuit .dropzone {
  fill-opacity: 0%;
  stroke-opacity: 0%;
}
.qs-circuit .dropzone:hover {
  fill: var(--vscode-editor-selectionBackground, #ec7063);
  fill-opacity: 50%;
}
.qs-circuit .dropzone-full-wire {
  fill-opacity: 0%;
  stroke-opacity: 0%;
}
.qs-circuit .dropzone-full-wire:hover {
  fill: var(--vscode-editor-selectionBackground, #ec7063);
  fill-opacity: 50%;
}
.qs-circuit .grab {
  cursor: grab;
}
.qs-circuit .moving {
  cursor: move;
}
.qs-circuit .copying {
  cursor: copy;
}
.qs-circuit .panel {
  display: flex;
  flex-direction: row;
}
.qs-circuit .container {
  display: flex;
}
.qs-circuit .edit-panel {
  display: flex;
  flex-direction: column;
}
.qs-circuit .title {
  margin: 0 0 4px;
  font-size: 1.2rem;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
}
.qs-circuit .block {
  display: block;
}
.qs-circuit .target-input,
.qs-circuit .controls-input,
.qs-circuit .parameters-input {
  margin-bottom: 8px;
}
.qs-circuit .toolbox-panel {
  width: 100px;
  min-height: var(--minToolboxHeight);
  border-right: medium solid var(--vscode-editorWidget-border, #000000);
}
.qs-circuit .toolbox-panel .title {
  margin-top: 6px;
}
.qs-circuit .toolbox-panel-svg {
  width: -webkit-fill-available;
  min-height: var(--minToolboxHeight);
  height: 100%;
}
.qs-circuit .ghost {
  width: var(--minGateWidth);
  height: var(--gateHeight);
  position: absolute;
  z-index: 1;
  pointer-events: none;
  opacity: 0.5;
}
.qs-circuit .ghost-opacity {
  opacity: 0.5;
}
.qs-circuit .svg-run-button-rect {
  fill: var(--vscode-button-background, #007acc);
  rx: 8;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
  transition: fill 0.2s, filter 0.2s;
}
.qs-circuit .svg-run-button:hover .svg-run-button-rect,
.qs-circuit .svg-run-button:focus .svg-run-button-rect {
  fill: var(--vscode-button-hoverBackground, #005a9e);
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.25));
}
.qs-circuit .svg-run-button:focus {
  outline: none;
}
.qs-circuit .svg-run-button-text {
  fill: var(--vscode-button-foreground, #ffffff);
  font-size: 16px;
  font-family:
    "Segoe UI",
    Arial,
    sans-serif;
  font-weight: bold;
  text-anchor: middle;
  dominant-baseline: middle;
  pointer-events: none;
  letter-spacing: 1px;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
}
.qs-circuit .svg-run-button {
  cursor: pointer;
}
.context-menu {
  position: absolute;
  background-color: var(--vscode-menu-background, #ffffff);
  border: 1px solid var(--vscode-menu-border, #cccccc);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  padding: 5px 0;
  border-radius: 4px;
}
.context-menu-option {
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  color: var(--vscode-menu-foreground, #000000);
}
.context-menu-option:hover {
  background-color: var(--vscode-menu-selectionBackground, #f0f0f0);
  color: var(--vscode-menu-selectionForeground, #000000);
}
.prompt-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.prompt-container {
  background: var(--vscode-editor-background, #ffffff);
  color: var(--vscode-editor-foreground, #000000);
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  width: 400px;
  max-width: 90%;
}
.prompt-message {
  margin-bottom: 10px;
  color: var(--vscode-editor-foreground, #000000);
  font-size: 1rem;
}
.prompt-input {
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  background: var(--vscode-input-background, #ffffff);
  color: var(--vscode-input-foreground, #000000);
  border: 1px solid var(--vscode-input-border, #cccccc);
  font-size: 1rem;
  border-radius: 4px;
  box-sizing: border-box;
}
.prompt-buttons {
  display: flex;
  justify-content: space-between;
}
.prompt-button {
  padding: 8px 16px;
  margin: 0 5px;
  background: var(--vscode-button-background, #007acc);
  color: var(--vscode-button-foreground, #ffffff);
  border: 1px solid var(--vscode-button-border, transparent);
  cursor: pointer;
  border-radius: 4px;
}
.prompt-button:hover {
  background: var(--vscode-button-hoverBackground, #005a9e);
}
.prompt-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.pi-button {
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
/*! Bundled license information:

modern-normalize/modern-normalize.css:
  (*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize *)
*/
/*# sourceMappingURL=main.css.map */