.m-0 {
   margin: 0px
 }

 .ml-auto {
   margin-left: auto
 }

 .mt-3 {
   margin-top: 0.75rem
 }

 .mt-4 {
   margin-top: 1rem
 }

 .flex {
   display: flex
 }

 .inline-flex {
   display: inline-flex
 }

 .hidden {
   display: none
 }

 .size-full {
   width: 100%;
   height: 100%
 }

 .h-11 {
   height: 2.75rem
 }

 .h-6 {
   height: 1.5rem
 }

 .h-fit {
   height: -moz-fit-content;
   height: fit-content
 }

 .w-36 {
   width: 9rem
 }

 .w-6 {
   width: 1.5rem
 }

 .w-full {
   width: 100%
 }

 .shrink {
   flex-shrink: 1
 }

 .grow {
   flex-grow: 1
 }

 .flex-row {
   flex-direction: row
 }

 .flex-col {
   flex-direction: column
 }

 .items-center {
   align-items: center
 }

 .items-stretch {
   align-items: stretch
 }

 .justify-center {
   justify-content: center
 }

 .justify-between {
   justify-content: space-between
 }

 .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))
 }

 .self-center {
   align-self: center
 }

 .rounded {
   border-radius: 0.25rem
 }

 .rounded-lg {
   border-radius: 0.5rem
 }

 .border {
   border-width: 1px
 }

 .border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity))
 }

 .bg-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity))
 }

 .bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity))
 }

 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity))
 }

 .p-0 {
   padding: 0px
 }

 .p-2 {
   padding: 0.5rem
 }

 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem
 }

 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem
 }

 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem
 }

 .py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem
 }

 .text-center {
   text-align: center
 }

 .text-base {
   font-size: 1rem;
   line-height: 1.5rem
 }

 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem
 }

 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem
 }

 .font-bold {
   font-weight: 700
 }

 .font-semibold {
   font-weight: 600
 }

 .uppercase {
   text-transform: uppercase
 }

 .text-\[\#116914\] {
   --tw-text-opacity: 1;
   color: rgb(17 105 20 / var(--tw-text-opacity))
 }

 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity))
 }

 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity))
 }

 .shadow-xl {
   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }

 @media (min-width: 768px) {
   .md\:mx-3 {
     margin-left: 0.75rem;
     margin-right: 0.75rem
   }

   .md\:block {
       display: block
   }

   .md\:hidden {
       display: none
   }

   .md\:flex-row {
     flex-direction: row
   }

   .md\: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)))
   }

   .md\:space-y-0> :not([hidden])~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(0px * var(--tw-space-y-reverse))
   }

   .md\:self-auto {
     align-self: auto
   }
 }