@media (max-width: 640px) {
  .select-none:has(> main):has(> header .i-lucide-x) > header {
    flex: 0 0 auto;
    min-height: 64px;
    height: auto;
    padding: max(8px, env(safe-area-inset-top)) 8px 8px;
  }

  .select-none:has(> main):has(> header .i-lucide-x) > header > :not(:last-child) {
    display: none;
  }

  .select-none:has(> main):has(> header .i-lucide-x) > header > :last-child {
    width: 100%;
    min-width: 0;
    margin: 0;
    gap: 0;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .select-none:has(> main):has(> header .i-lucide-x) > header button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    flex-shrink: 0;
  }

  .select-none:has(> main):has(> header .i-lucide-x) > header button:has(.i-lucide-x) {
    order: -1;
    margin-inline-end: auto;
    color: #fff;
    background: #36383e;
    border: 1px solid #777b85;
    border-radius: 6px;
  }
}