#feedback.operation-status:empty,
.operation-confirm-status:empty {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  margin: 0;
  padding: 0;
  border: 0;
}

.operation-confirm-status:not(:empty) {
  padding: 12px 16px;
  border: 1px solid #edc5c1;
  border-radius: 9px;
  background: #fff0ef;
  color: #962f29;
}

.operation-page :is(a, button, input, select, summary, [tabindex="-1"]):focus-visible {
  outline: 3px solid #2453a0;
  outline-offset: 3px;
}

.operation-page :is(#feedback, #confirm-feedback, #preview, #receipt, #history) {
  scroll-margin-block-start: 110px;
}

.operation-page :is(#preview, #receipt) :is(dt, dd),
.operation-page :is(.transfer-field-help, .exchange-field-help, .transfer-steps li, .exchange-steps li) {
  color: #445a75;
  font-size: .875rem;
}

.operation-page :is(#preview, #receipt) .operation-key {
  color: #173e77;
  font-weight: 700;
}

.operation-page :is(.transfer-form-row, .exchange-form-row) > label {
  min-width: 0;
}

.operation-page :is(.transfer-form, .exchange-form) select {
  max-width: 100%;
}

.operation-page .operation-recovery {
  font-size: .875rem;
  color: #445a75;
}

@media (max-width: 600px) {
  .operation-page .section-heading {
    flex-wrap: wrap;
  }

  .operation-page .filters > * {
    max-width: 100%;
  }
}