/* AUTO-GENERATED by scripts/build_tw_supplement.py - do not edit by hand.
   Utilities used in our templates that tailwind.css/output.css do not carry.
   Replaces what https://cdn.tailwindcss.com used to build in the browser. */
.-mt-4{
  margin-top: -1rem;
}
.-mt-\[22px\]{
  margin-top: -22px;
}
.-my-4{
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.bg-amber-50{
  background-color: rgb(255 251 235 / 1);
}
.bg-black{
  background-color: rgb(0 0 0 / 1);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-blue-500{
  background-color: rgb(59 130 246 / 1);
}
.bg-blue-600{
  background-color: rgb(37 99 235 / 1);
}
.bg-emerald-100{
  background-color: rgb(209 250 229 / 1);
}
.bg-emerald-50{
  background-color: rgb(236 253 245 / 1);
}
.bg-emerald-500{
  background-color: rgb(16 185 129 / 1);
}
.bg-gray-200{
  background-color: rgb(229 231 235 / 1);
}
.bg-gray-300{
  background-color: rgb(209 213 219 / 1);
}
.bg-gray-400{
  background-color: rgb(156 163 175 / 1);
}
.bg-gray-500{
  background-color: rgb(107 114 128 / 1);
}
.bg-gray-600{
  background-color: rgb(75 85 99 / 1);
}
.bg-green-100{
  background-color: rgb(220 252 231 / 1);
}
.bg-green-500{
  background-color: rgb(34 197 94 / 1);
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}
.bg-red-100{
  background-color: rgb(254 226 226 / 1);
}
.bg-red-50{
  background-color: rgb(254 242 242 / 1);
}
.bg-red-500\/10{
  background-color: rgb(239 68 68 / 0.1);
}
.bg-slate-200{
  background-color: rgb(226 232 240 / 1);
}
.border-amber-200{
  border-color: rgb(253 230 138 / 1);
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-blue-500{
  border-color: rgb(59 130 246 / 1);
}
.border-blue-600{
  border-color: rgb(37 99 235 / 1);
}
.border-emerald-100{
  border-color: rgb(209 250 229 / 1);
}
.border-emerald-200{
  border-color: rgb(167 243 208 / 1);
}
.border-emerald-700{
  border-color: rgb(4 120 87 / 1);
}
.border-gray-300{
  border-color: rgb(209 213 219 / 1);
}
.border-gray-400{
  border-color: rgb(156 163 175 / 1);
}
.border-gray-700{
  border-color: rgb(55 65 81 / 1);
}
.border-green-300{
  border-color: rgb(134 239 172 / 1);
}
.border-green-500{
  border-color: rgb(34 197 94 / 1);
}
.border-green-600{
  border-color: rgb(22 163 74 / 1);
}
.border-red-200{
  border-color: rgb(254 202 202 / 1);
}
.border-red-300{
  border-color: rgb(252 165 165 / 1);
}
.border-red-500{
  border-color: rgb(239 68 68 / 1);
}
.border-red-500\/20{
  border-color: rgb(239 68 68 / 0.2);
}
.border-slate-200{
  border-color: rgb(226 232 240 / 1);
}
.border-slate-300{
  border-color: rgb(203 213 225 / 1);
}
.border-t-2{
  border-top-width: 2px;
}
.bottom-20{
  bottom: 5rem;
}
.bottom-full{
  bottom: 100%;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.dark\:bg-amber-900\/20:is(.dark *){
  background-color: rgb(120 53 15 / 0.2);
}
.dark\:bg-emerald-900\/20:is(.dark *){
  background-color: rgb(6 78 59 / 0.2);
}
.dark\:bg-emerald-900\/30:is(.dark *){
  background-color: rgb(6 78 59 / 0.3);
}
.dark\:bg-emerald-900\/40:is(.dark *){
  background-color: rgb(6 78 59 / 0.4);
}
.dark\:bg-red-900\/10:is(.dark *){
  background-color: rgb(127 29 29 / 0.1);
}
.dark\:bg-red-900\/20:is(.dark *){
  background-color: rgb(127 29 29 / 0.2);
}
.dark\:bg-slate-700:is(.dark *){
  background-color: rgb(51 65 85 / 1);
}
.dark\:border-amber-800:is(.dark *){
  border-color: rgb(146 64 14 / 1);
}
.dark\:border-emerald-800:is(.dark *){
  border-color: rgb(6 95 70 / 1);
}
.dark\:border-red-800:is(.dark *){
  border-color: rgb(153 27 27 / 1);
}
.dark\:border-slate-700:is(.dark *){
  border-color: rgb(51 65 85 / 1);
}
.dark\:hover\:bg-slate-800:hover:is(.dark *){
  background-color: rgb(30 41 59 / 1);
}
.dark\:hover\:text-emerald-300:hover:is(.dark *){
  color: rgb(110 231 183 / 1);
}
.dark\:hover\:text-gray-100:hover:is(.dark *){
  color: rgb(243 244 246 / 1);
}
.dark\:text-amber-300:is(.dark *){
  color: rgb(252 211 77 / 1);
}
.dark\:text-emerald-300:is(.dark *){
  color: rgb(110 231 183 / 1);
}
.dark\:text-emerald-400:is(.dark *){
  color: rgb(52 211 153 / 1);
}
.dark\:text-gray-300:is(.dark *){
  color: rgb(209 213 219 / 1);
}
.dark\:text-red-300:is(.dark *){
  color: rgb(252 165 165 / 1);
}
.dark\:text-slate-100:is(.dark *){
  color: rgb(241 245 249 / 1);
}
.dark\:text-slate-200:is(.dark *){
  color: rgb(226 232 240 / 1);
}
.disabled\:bg-gray-400:disabled{
  background-color: rgb(156 163 175 / 1);
}
.duration-300{
  transition-duration: 300ms;
}
.flex-grow{
  flex-grow: 1;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.flex-wrap{
  flex-wrap: wrap;
}
.float-right{
  float: right;
}
.focus\:border-emerald-500:focus{
  border-color: rgb(16 185 129 / 1);
}
.focus\:border-emerald-600:focus{
  border-color: rgb(5 150 105 / 1);
}
.focus\:ring-0:focus{
  box-shadow: 0 0 #0000;
}
.focus\:ring-2:focus{
  box-shadow: 0 0 0 2px var(--tw-ring-color, rgb(59 130 246 / 0.5));
}
.focus\:ring-emerald-500:focus{
  --tw-ring-color: rgb(16 185 129 / 1);
}
.focus\:ring-gray-500:focus{
  --tw-ring-color: rgb(107 114 128 / 1);
}
.font-normal{
  font-weight: 400;
}
.gap-1{
  gap: 0.25rem;
}
.gap-60{
  gap: 15rem;
}
.gap-8{
  gap: 2rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-4{
  height: 1rem;
}
.h-\[70px\]{
  height: 70px;
}
.h-\[80vh\]{
  height: 80vh;
}
.hover\:bg-blue-600:hover{
  background-color: rgb(37 99 235 / 1);
}
.hover\:bg-blue-700:hover{
  background-color: rgb(29 78 216 / 1);
}
.hover\:bg-emerald-100:hover{
  background-color: rgb(209 250 229 / 1);
}
.hover\:bg-gray-100:hover{
  background-color: rgb(243 244 246 / 1);
}
.hover\:bg-gray-300:hover{
  background-color: rgb(209 213 219 / 1);
}
.hover\:bg-gray-500:hover{
  background-color: rgb(107 114 128 / 1);
}
.hover\:bg-gray-600:hover{
  background-color: rgb(75 85 99 / 1);
}
.hover\:bg-gray-700:hover{
  background-color: rgb(55 65 81 / 1);
}
.hover\:bg-red-500\/10:hover{
  background-color: rgb(239 68 68 / 0.1);
}
.hover\:bg-red-500\/20:hover{
  background-color: rgb(239 68 68 / 0.2);
}
.hover\:bg-slate-100:hover{
  background-color: rgb(241 245 249 / 1);
}
.hover\:bg-slate-200:hover{
  background-color: rgb(226 232 240 / 1);
}
.hover\:border-blue-700:hover{
  border-color: rgb(29 78 216 / 1);
}
.hover\:border-gray-300:hover{
  border-color: rgb(209 213 219 / 1);
}
.hover\:border-gray-500:hover{
  border-color: rgb(107 114 128 / 1);
}
.hover\:border-red-400:hover{
  border-color: rgb(248 113 113 / 1);
}
.hover\:text-emerald-700:hover{
  color: rgb(4 120 87 / 1);
}
.hover\:text-emerald-800:hover{
  color: rgb(6 95 70 / 1);
}
.hover\:text-gray-700:hover{
  color: rgb(55 65 81 / 1);
}
.hover\:text-slate-600:hover{
  color: rgb(71 85 105 / 1);
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.items-stretch{
  align-items: stretch;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-none{
  line-height: 1;
}
.left-0{
  left: 0px;
}
.left-1{
  left: 0.25rem;
}
.left-1\/2{
  left: 50%;
}
.left-2{
  left: 0.5rem;
}
.left-4{
  left: 1rem;
}
.max-h-\[500px\]{
  max-height: 500px;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[1500px\]{
  max-width: 1500px;
}
.max-w-\[80\%\]{
  max-width: 80%;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-sm{
  max-width: 24rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.min-w-0{
  min-width: 0px;
}
.min-w-\[220px\]{
  min-width: 220px;
}
.min-w-\[560px\]{
  min-width: 560px;
}
.min-w-\[640px\]{
  min-width: 640px;
}
.min-w-\[720px\]{
  min-width: 720px;
}
.min-w-\[820px\]{
  min-width: 820px;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.ms-6{
  margin-inline-start: 1.5rem;
}
.ms-auto{
  margin-inline-start: auto;
}
.mt-\[-11px\]{
  margin-top: -11px;
}
.mt-\[6px\]{
  margin-top: 6px;
}
.mt-auto{
  margin-top: auto;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-70{
  opacity: 0.7;
}
.overflow-auto{
  overflow: auto;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.p-8{
  padding: 2rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-11{
  padding-left: 2.75rem;
}
.place-items-center{
  place-items: center;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-4{
  padding-right: 1rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-8{
  padding-top: 2rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.right-0{
  right: 0px;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.size-3{
  width: 0.75rem;
  height: 0.75rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.start-7{
  inset-inline-start: 1.75rem;
}
.text-\[\#18191C\]{
  color: #18191C;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-amber-600{
  color: rgb(217 119 6 / 1);
}
.text-amber-800{
  color: rgb(146 64 14 / 1);
}
.text-blue-600{
  color: rgb(37 99 235 / 1);
}
.text-emerald-700{
  color: rgb(4 120 87 / 1);
}
.text-emerald-800{
  color: rgb(6 95 70 / 1);
}
.text-gray-500{
  color: rgb(107 114 128 / 1);
}
.text-gray-600{
  color: rgb(75 85 99 / 1);
}
.text-gray-700{
  color: rgb(55 65 81 / 1);
}
.text-gray-800{
  color: rgb(31 41 55 / 1);
}
.text-green-500{
  color: rgb(34 197 94 / 1);
}
.text-green-600{
  color: rgb(22 163 74 / 1);
}
.text-green-700{
  color: rgb(21 128 61 / 1);
}
.text-indigo-600{
  color: rgb(79 70 229 / 1);
}
.text-red-500{
  color: rgb(239 68 68 / 1);
}
.text-red-700{
  color: rgb(185 28 28 / 1);
}
.text-right{
  text-align: right;
}
.text-rose-600{
  color: rgb(225 29 72 / 1);
}
.text-sky-300{
  color: rgb(125 211 252 / 1);
}
.text-slate-500{
  color: rgb(100 116 139 / 1);
}
.text-slate-600{
  color: rgb(71 85 105 / 1);
}
.text-slate-700{
  color: rgb(51 65 85 / 1);
}
.top-\[5\%\]{
  top: 5%;
}
.top-\[6px\]{
  top: 6px;
}
.top-full{
  top: 100%;
}
.tracking-\[-2px\]{
  letter-spacing: -2px;
}
.translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.underline{
  text-decoration-line: underline;
}
.w-1\/2{
  width: 50%;
}
.w-12{
  width: 3rem;
}
.w-20{
  width: 5rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-32{
  width: 8rem;
}
.w-5{
  width: 1.25rem;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.z-30{
  z-index: 30;
}
.z-\[3\]{
  z-index: 3;
}
.z-\[9999\]{
  z-index: 9999;
}
@media (min-width: 640px){
  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:inline{
    display: inline;
  }
  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 768px){
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:grid-cols-13{
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 1024px){
  .lg\:ms-2{
    margin-inline-start: 0.5rem;
  }
  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}