/* Layout utilities for the exit research panel.
   The current Vite build was produced before this component existed,
   so these rules stand in until the assets are rebuilt. */

.bottom-0 { bottom: 0; }
.inset-x-0 { inset-inline: 0; }
.z-50 { z-index: 50; }
.max-h-\[80vh\] { max-height: 80vh; }
.min-h-0 { min-height: 0; }
.ml-auto { margin-left: auto; }
.mt-0\.5 { margin-top: calc(var(--spacing) * .5); }
.mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); }
.overflow-y-auto { overflow-y: auto; }
.p-1\.5 { padding: calc(var(--spacing) * 1.5); }
.pb-4 { padding-bottom: calc(var(--spacing) * 4); }
.pb-5 { padding-bottom: calc(var(--spacing) * 5); }
.pt-5 { padding-top: calc(var(--spacing) * 5); }
.py-2\.5 { padding-block: calc(var(--spacing) * 2.5); }
.pr-8 { padding-right: calc(var(--spacing) * 8); }
.right-3 { right: calc(var(--spacing) * 3); }
.top-3 { top: calc(var(--spacing) * 3); }
.pointer-events-none { pointer-events: none; }
.w-px { width: 1px; }
.h-px { height: 1px; }
.-left-\[9999px\] { left: -9999px; }
.pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] { padding-bottom: max(.75rem, env(safe-area-inset-bottom)); }
.text-red-700 { color: var(--color-red-700); }
.ring-slate-200 { --tw-ring-color: var(--color-slate-200); }
.shadow-\[0_12px_40px_rgba\(15\,23\,42\,0\.12\)\] {
    --tw-shadow: 0 12px 40px rgba(15, 23, 42, .12);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.space-y-2 > :not(:last-child) { margin-bottom: calc(var(--spacing) * 2); }
.space-y-4 > :not(:last-child) { margin-bottom: calc(var(--spacing) * 4); }

.hover\:bg-slate-100:hover { background-color: var(--color-slate-100); }
.hover\:text-slate-800:hover { color: var(--color-slate-800); }
.hover\:text-slate-900:hover { color: var(--color-slate-900); }

.focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; }
.focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-brand-500:focus-visible { --tw-ring-color: var(--color-brand-500); }
.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}

.duration-200 { transition-duration: 200ms; }
.ease-out { transition-timing-function: cubic-bezier(0, 0, .2, 1); }
.ease-in { transition-timing-function: cubic-bezier(.4, 0, 1, 1); }
.opacity-0 { opacity: 0; }
.translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}

@media (min-width: 40rem) {
    .sm\:bottom-6 { bottom: calc(var(--spacing) * 6); }
    .sm\:flex-row { flex-direction: row; }
    .sm\:inset-x-auto { inset-inline: auto; }
    .sm\:max-w-\[420px\] { max-width: 420px; }
    .sm\:pb-0 { padding-bottom: 0; }
    .sm\:px-0 { padding-inline: 0; }
    .sm\:right-6 { right: calc(var(--spacing) * 6); }
    .sm\:w-full { width: 100%; }
}