#modal-prompt {
  width: min(100%, 800px);
  min-height: 600px;
}

#prompt {
  --division-line-color: #fff2;
  background-color: #123;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  font-size: 1rem;
}
#prompt.fs {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 1rem;
}
#prompt.fs .prompt-line, #prompt.fs .prompt-terminal {
  padding: var(--spacing-xlarge);
}
#prompt .prompt-terminal {
  padding: var(--spacing-medium);
  overflow-y: overlay;
  overflow-x: hidden;
  font-family: monospace !important;
}
#prompt .prompt-terminal * {
  font-family: inherit;
}
#prompt .prompt-terminal::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
#prompt .prompt-terminal::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0.062745098);
  border-left: 1px solid var(--division-line-color);
}
#prompt .prompt-terminal::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 0px;
  background: var(--division-line-color);
}
#prompt .prompt-terminal::-webkit-scrollbar-thumb:hover {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.2666666667);
}
#prompt .prompt-terminal > p.prompt-message {
  font-size: 0.9em;
  color: var(--text-100);
  border-left: 1px solid transparent;
  position: relative;
  cursor: pointer;
  padding: 0.25em;
  padding-left: 5em;
  padding-right: 2em;
}
#prompt .prompt-terminal > p.prompt-message:hover {
  background-color: rgba(255, 255, 255, 0.0196078431);
}
#prompt .prompt-terminal > p.prompt-message.success {
  color: var(--success);
}
#prompt .prompt-terminal > p.prompt-message.error {
  color: var(--error);
}
#prompt .prompt-terminal > p.prompt-message.warn {
  color: var(--warning);
}
#prompt .prompt-terminal > p.prompt-message.highlight {
  background: rgba(255, 255, 255, 0.0666666667);
  border-left-color: #fff;
}
#prompt .prompt-terminal > p.prompt-message:before {
  content: attr(data-sent-at);
  position: absolute;
  font-size: 0.8em;
  color: var(--text-400);
  left: 0.5em;
  top: 0.4em;
}
#prompt .prompt-terminal:empty::after {
  content: "Nada ainda...";
  font-size: 0.9em;
  color: var(--text-400);
}
#prompt .prompt-line, #prompt .prompt-header {
  margin: 0;
  font-size: inherit;
  background: rgba(255, 255, 255, 0.062745098);
  padding: var(--spacing-small);
  gap: 0;
}
#prompt .prompt-header {
  border-bottom: 1px solid var(--division-line-color);
}
#prompt .prompt-line {
  border-top: 1px solid var(--division-line-color);
}
#prompt .prompt-line button.submit-command {
  border-radius: 4px;
  padding: var(--spacing-small);
  height: 100%;
  background-image: var(--fade);
  color: white;
}
#prompt .prompt-line .prompt-line-inputs {
  gap: 0;
}
#prompt .prompt-line input {
  background-color: #123;
  border-radius: 2px;
  font-size: 0.9em;
  border: 1px solid var(--division-line-color);
  padding: var(--spacing-tiny) var(--spacing-small);
  color: white;
  height: 100%;
  margin-right: var(--spacing-small);
}
#prompt .prompt-line input.pwd {
  width: 5em;
}
#prompt .prompt-line input.cmd {
  width: 14em;
}
#prompt .prompt-line input:focus, #prompt .prompt-line input:hover {
  border-color: var(--text-600);
}
#prompt .prompt-line input::-moz-placeholder {
  color: var(--text-400);
  font-weight: 400;
}
#prompt .prompt-line input::placeholder {
  color: var(--text-400);
  font-weight: 400;
}
#prompt input.valid {
  color: var(--success);
  border-color: currentColor !important;
}
#prompt input.danger {
  color: var(--error);
  border-color: currentColor !important;
}
#prompt #dangerous-command-warn {
  --spacing: var(--spacing-medium);
  position: absolute;
  box-shadow: var(--shadow-medium);
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(0px - 100% + var(--spacing)));
  transition: 0.15s ease-in;
}
#prompt input.cmd.danger ~ #dangerous-command-warn {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -100%);
}/*# sourceMappingURL=prompt.css.map */