/* Mobile dialog detail and drawer refinements only. */
@media (max-width: 899px) {
  /* Match the detail canvas so the back control has no full-width stripe. */
  body[data-karma-view="dialog-detail"] #root [data-karma-dialog-detail-back-row] {
    background: #0f1c2d !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-karma-view="dialog-detail"] #root [data-karma-dialog-detail-back-button],
  html:not(.dark) body[data-karma-view="dialog-detail"] #root [data-karma-dialog-detail-back-button] {
    background: #1a2c46 !important;
    color: #d6e3ef !important;
    box-shadow: none !important;
  }

  body[data-karma-view="dialog-detail"] #root [data-karma-dialog-detail-back-button]:hover,
  html:not(.dark) body[data-karma-view="dialog-detail"] #root [data-karma-dialog-detail-back-button]:hover {
    background: #243a59 !important;
    color: #f2f6fa !important;
  }

  body[data-karma-view="dialog-detail"] #root [data-karma-dialog-detail-back-button]:active {
    background: #2b4563 !important;
  }

  /* Material standard accelerate exit; short3 duration. */
  :root {
    --karma-drawer-exit-duration: 150ms;
    --karma-drawer-exit-easing: cubic-bezier(.3, 0, 1, 1);
  }
}