/* Stop-gap for utilities used in index.php but missing from the compiled tailwind.css.
   Loaded AFTER tailwind.css. Values are Tailwind v3 default-palette values. Delete this file once
   tailwind.css is rebuilt from index.php (see the rebuild checklist). */
.-mt-2{margin-top:-.5rem}
.basis-full{flex-basis:100%}
.bg-amber-950\/40{background-color:rgb(69 26 3 / .4)}
.bg-purple-950{background-color:rgb(59 7 100)}
.bg-rose-950\/40{background-color:rgb(76 5 25 / .4)}
.bg-teal-950{background-color:rgb(4 47 46)}
.bg-slate-950\/10{background-color:rgb(2 6 23 / .1)}
.bg-slate-950\/30{background-color:rgb(2 6 23 / .3)}
.border-\[\#ccff00\]\/50{border-color:rgb(204 255 0 / .5)}
.border-amber-700{border-color:rgb(180 83 9)}
.border-dashed{border-style:dashed}
.border-none{border-style:none}
.border-emerald-800\/50{border-color:rgb(6 95 70 / .5)}
.border-purple-800{border-color:rgb(107 33 168)}
.border-rose-400{border-color:rgb(251 113 133)}
.border-rose-800\/70{border-color:rgb(159 18 57 / .7)}
.border-separate{border-collapse:separate}
.border-teal-800{border-color:rgb(17 94 89)}
.h-3\.5{height:.875rem}
.h-56{height:14rem}
.h-9{height:2.25rem}
.inline-flex{display:inline-flex}
.list-decimal{list-style-type:decimal}
.list-inside{list-style-position:inside}
.max-h-48{max-height:12rem}
.max-h-\[65vh\]{max-height:65vh}
.min-w-0{min-width:0}
.min-w-\[220px\]{min-width:220px}
.ml-1{margin-left:.25rem}
.mt-3{margin-top:.75rem}
.pt-3{padding-top:.75rem}
.rotate-180{transform:rotate(180deg)}
.text-purple-300{color:rgb(216 180 254)}
.text-slate-200{color:rgb(226 232 240)}
.text-teal-300{color:rgb(94 234 212)}
.w-3\.5{width:.875rem}
.w-32{width:8rem}
.w-9{width:2.25rem}
.space-y-1\.5>:not([hidden])~:not([hidden]){margin-top:.375rem}
.hover\:border-emerald-400:hover{border-color:rgb(52 211 153)}
.hover\:border-purple-400:hover{border-color:rgb(192 132 252)}
.hover\:border-rose-500\/60:hover{border-color:rgb(244 63 94 / .6)}
.hover\:brightness-125:hover{filter:brightness(1.25)}
.hover\:text-rose-400:hover{color:rgb(251 113 133)}
.focus\:border-rose-400:focus{border-color:rgb(251 113 133)}
@media (min-width:640px){
.sm\:h-64{height:16rem}
.sm\:p-4{padding:1rem}
.sm\:p-5{padding:1.25rem}
.sm\:text-\[13px\]{font-size:13px}
.sm\:text-base{font-size:1rem;line-height:1.5rem}
}
@media (min-width:1024px){
.lg\:flex-row{flex-direction:row}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Red asterisk shown inside the <label> of every required form field. */
.req-star{color:#ef4444;font-weight:700;margin-left:.25rem}