/* Keep the original page intact until the foundation release is deployed. */
.sr-only,
input[type="file"],
.type-option input {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

input[type="file"]:focus-visible + .file-label,
.type-option input:focus-visible + span,
.btn:focus-visible {
  outline: 3px solid #323ba0;
  outline-offset: 4px;
}

.repeat-action { margin-top: 10px; }
.btn:disabled { opacity: 0.65; cursor: wait; transform: none; }
.transfer-status { color: #444; margin-top: 12px; }
.transfer-status:empty { display: none; }
.error-box { color: #a51f1f; overflow-wrap: anywhere; }
.expiry { font-weight: 600; color: #4b4b66; }
.file-info, #fileName, #urlDisplay { overflow-wrap: anywhere; }

@media (max-width: 420px) {
  body { padding: 12px; }
  .card { padding: 22px 16px; }
  .code { font-size: 1.65rem; }
  #accessCodeInput { letter-spacing: 5px; }
}