@tailwind base;@tailwind components;@tailwind utilities;@keyframes fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .4s ease-out}@media(max-width:440px){.max-w-4xl,.max-w-2xl,.max-w-lg,.max-w-sm{max-width:100%!important}.prose{font-size:.875rem;line-height:1.4}[data-testid=product-card]{width:176px!important;min-width:176px!important}[data-testid=product-card] img{max-height:160px}[data-testid=product-card] h3,[data-testid=product-card] [class*=font-semibold]{font-size:.8125rem!important;line-height:1.2!important}.overflow-x-auto>.flex{padding-left:.5rem!important;padding-right:.5rem!important;gap:.5rem}[role=dialog]>div{max-width:100%!important;border-radius:12px 12px 0 0!important;max-height:90vh!important}[role=dialog] form{gap:.5rem}[role=dialog] input,[role=dialog] select{font-size:.8125rem;padding:.4rem .65rem}[role=dialog] .px-6{padding-left:1rem!important;padding-right:1rem!important}[role=dialog] .py-5{padding-top:.75rem!important;padding-bottom:.75rem!important}[role=dialog] img[alt]{max-width:48px!important;max-height:48px!important}[role=dialog] .text-lg{font-size:1rem!important}[role=dialog] .text-base{font-size:.875rem!important}.overflow-x-auto img[class*=rounded]{width:40px!important;height:40px!important}.overflow-x-auto>.flex>button{font-size:.75rem!important;padding:.375rem .625rem!important;white-space:nowrap}}