@layer legado {html,
body {
  overflow-x: clip;
}

.ocr-panel {
  height: 100dvh;
  visibility: hidden;
}

.ocr-panel.open {
  visibility: visible;
}

@supports not (height: 100dvh) {
  .ocr-panel {
    height: 100vh;
  }
}

@media (max-width: 768px) {
  :root {
    font-size: 16px;
  }

  textarea,
  input,
  select,
  [contenteditable="true"] {
    font-size: max(1rem, 16px);
  }

  button {
    min-height: 45px;
  }

  #clearFieldsBtn {
    min-height: 45px;
  }

  .ocr-close-btn {
    min-width: 44px;
  }
}
}