.personal-account-activity {
  min-width: 0;
}

.personal-account-activity [role="button"] .flex.items-center.gap-1.opacity-100 {
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 6.5rem;
}

.personal-account-activity [role="button"]:focus-within .opacity-100 {
  opacity: 1;
}

.personal-account-activity [role="button"] h4 {
  overflow-wrap: anywhere;
}

@media (max-width: 639px) {
  .personal-account-activity div:has(> #account-activity-search) {
    min-width: 0;
    flex-basis: 100%;
  }

  .personal-account-activity #account-activity-search {
    padding-right: 0.75rem;
  }

  .personal-account-activity [role="button"] .flex.items-center.gap-1.opacity-100 {
    max-width: 2rem;
  }
}

@layer utilities{.max-h-\[50vh\]{max-height:50vh}}@layer utilities{.basis-48{flex-basis:calc(var(--spacing)*48)}}@layer utilities{.pr-5{padding-right:calc(var(--spacing)*5)}}@layer utilities{.focus\:ring-cyan-400:focus{--tw-ring-color:var(--color-cyan-400)}}@layer utilities{@media (min-width:40rem){.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}}@layer utilities{@media (min-width:64rem){.lg\:max-h-\[70vh\]{max-height:70vh}}}@layer utilities{@media (min-width:64rem){.lg\:grid-cols-\[300px_minmax\(0\,1fr\)\]{grid-template-columns:300px minmax(0,1fr)}}}@layer utilities{@media (min-width:64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_260px\]{grid-template-columns:minmax(0,1fr) 260px}}}