main.modal-test .container{margin:0 auto;max-width:1200px;padding:2rem 1rem}main.modal-test .grid{display:grid;gap:1rem}main.modal-test .grid.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media(width >= 768px){main.modal-test .grid.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}main.modal-test .grid.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(width >= 1024px){main.modal-test .grid.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}main.modal-test .mb-2{margin-bottom:.5rem}main.modal-test .mb-4{margin-bottom:1rem}main.modal-test .mb-8{margin-bottom:2rem}main.modal-test .px-4{padding-inline:1rem}main.modal-test .px-6{padding-inline:1.5rem}main.modal-test .py-3{padding-bottom:.75rem;padding-top:.75rem}main.modal-test .py-8{padding-bottom:2rem;padding-top:2rem}main.modal-test .text-4xl{font-size:2.25rem;line-height:2.5rem}main.modal-test .text-2xl{font-size:1.5rem;line-height:2rem}main.modal-test .font-bold{font-weight:700}main.modal-test .font-semibold{font-weight:600}main.modal-test .text-gray-600{color:oklch(.42 .02 250)}main.modal-test :global(.dark) .dark\:text-gray-400{color:oklch(.7 .01 250)}main.modal-test button{border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s}main.modal-test button.bg-blue-500{background-color:oklch(.6 .19 255);color:oklch(1 0 0)}main.modal-test button.bg-blue-500:hover{background-color:oklch(.52 .22 260)}main.modal-test button.bg-yellow-500{background-color:oklch(.79 .16 90);color:oklch(1 0 0)}main.modal-test button.bg-yellow-500:hover{background-color:oklch(.66 .16 85)}main.modal-test button.bg-red-500{background-color:oklch(.6 .21 25);color:oklch(1 0 0)}main.modal-test button.bg-red-500:hover{background-color:oklch(.53 .22 25)}main.modal-test button.bg-green-500{background-color:oklch(.72 .19 145);color:oklch(1 0 0)}main.modal-test button.bg-green-500:hover{background-color:oklch(.62 .17 145)}main.modal-test button.bg-purple-500{background-color:oklch(.58 .24 295);color:oklch(1 0 0)}main.modal-test button.bg-purple-500:hover{background-color:oklch(.5 .27 295)}main.modal-test button.bg-indigo-500{background-color:oklch(.55 .21 270);color:oklch(1 0 0)}main.modal-test button.bg-indigo-500:hover{background-color:oklch(.5 .25 275)}main.modal-test button.bg-teal-500{background-color:oklch(.7 .14 175);color:oklch(1 0 0)}main.modal-test button.bg-teal-500:hover{background-color:oklch(.59 .11 175)}main.modal-test button.bg-cyan-500{background-color:oklch(.7 .14 195);color:oklch(1 0 0)}main.modal-test button.bg-cyan-500:hover{background-color:oklch(.58 .12 205)}main.modal-test button.bg-sky-500{background-color:oklch(.67 .17 230);color:oklch(1 0 0)}main.modal-test button.bg-sky-500:hover{background-color:oklch(.57 .15 230)}main.modal-test button.bg-pink-500{background-color:oklch(.6 .22 350);color:oklch(1 0 0)}main.modal-test button.bg-pink-500:hover{background-color:oklch(.55 .24 350)}main.modal-test button.bg-rose-500{background-color:oklch(.6 .23 15);color:oklch(1 0 0)}main.modal-test button.bg-rose-500:hover{background-color:oklch(.53 .25 10)}main.modal-test .transition{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}main.modal-test .rounded-lg{border-radius:.5rem}main.modal-test .max-w-6xl{max-width:72rem}main.modal-test .mx-auto{margin-inline:auto}main.modal-test .gap-4{gap:1rem}