body{font-family:Inter,sans-serif;margin:0;padding:0}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>*+*{margin-left:.5rem}.space-y-2>*+*{margin-top:.5rem}.bg-gray-100{background-color:#f3f4f6}.bg-slate-700{background-color:#334155}.bg-slate-600{background-color:#475569}.bg-purple-600{background-color:#9333ea}.bg-purple-700{background-color:#7e22ce}.bg-white{background-color:#fff}.text-white{color:#fff}.text-gray-700{color:#374151}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.w-4{width:1rem}.h-4{height:1rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.h-0\.5{height:.125rem}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:bg-slate-600:hover{background-color:#475569}.hover\:bg-purple-700:hover{background-color:#7e22ce}.hover\:bg-gray-50:hover{background-color:#f9fafb}.relative{position:relative}.absolute{position:absolute}.top-full{top:100%}.right-0{right:0}.mt-2{margin-top:.5rem}.w-64{width:16rem}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.z-50{z-index:50}.space-y-1>*+*{margin-top:.25rem}.border-t{border-top-width:1px}.my-2{margin-top:.5rem;margin-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.rotate-45{transform:rotate(45deg)}.translate-y-1\.5{transform:translateY(.375rem)}.opacity-0{opacity:0}.-rotate-45{transform:rotate(-45deg)}.-translate-y-1\.5{transform:translateY(-.375rem)}