diff --git a/app/components/form/TextArea/index.tsx b/app/components/form/TextArea/index.tsx
new file mode 100644
index 00000000..a324a2d7
--- /dev/null
+++ b/app/components/form/TextArea/index.tsx
@@ -0,0 +1,42 @@
+import { ToolTip } from '~/components/Common/InfoToolTip'
+import { classNames } from '~/utils'
+
+export const TextArea = ({
+  label,
+  toolTip,
+  formName,
+  placeholder = 'Paste your data here...'
+}: {
+  label?: string
+  formName?: string
+  toolTip?: string
+  placeholder?: string
+}) => {
+  const inputClassnames = classNames(
+    'flex flex-1 items-center gap-1',
+    toolTip ? 'relative' : ''
+  )
+  return (
+    <div className="pt-2 flex-col">
+      {label && (
+        <div className={inputClassnames}>
+          <label
+            htmlFor={formName}
+            className="block text-sm font-medium text-gray-700 dark:text-gray-100">
+            {label}
+          </label>
+          {toolTip && <ToolTip data={toolTip} />}
+        </div>
+      )}
+      <div className="mt-1 flex rounded-md shadow-sm border border-gray-300 dark:border-gray-400">
+        <textarea
+          id={formName}
+          name={formName}
+          className="p-2 w-full border-0 rounded-md focus:ring-blue-500 focus:border-2 focus:border-blue-500 dark:border-gray-400 dark:text-gray-100 dark:bg-gray-600"
+          placeholder={placeholder}
+          rows={5}
+        />
+      </div>
+    </div>
+  )
+}
diff --git a/app/components/navigation/sidebar/Sidebar.tsx b/app/components/navigation/sidebar/Sidebar.tsx
index 88ef5972..b8f3328b 100644
--- a/app/components/navigation/sidebar/Sidebar.tsx
+++ b/app/components/navigation/sidebar/Sidebar.tsx
@@ -199,6 +199,11 @@ const navGroups: Array<{
         href: 'wow/price-alert',
         icon: PencilAltIcon
       },
+      {
+        name: 'Region Wide Undercut Checker',
+        href: 'wow/region-undercut',
+        icon: DocumentSearchIcon
+      },
       {
         name: 'Undercut Alerts Curseforge Addon',
         icon: DocumentSearchIcon,
diff --git a/app/requests/WoW/RegionUndercut.ts b/app/requests/WoW/RegionUndercut.ts
new file mode 100644
index 00000000..bace0125
--- /dev/null
+++ b/app/requests/WoW/RegionUndercut.ts
@@ -0,0 +1,100 @@
+import { address, UserAgent } from '~/requests/client/config'
+import type { WoWServerRegion } from '../WOWScan'
+
+interface PetAuction {
+  petID: number
+  price: number
+  auctionID: number
+}
+interface ItemAuction {
+  itemID: number
+  price: number
+  auctionID: number
+}
+
+interface AddOnData {
+  homeRealmName: string
+  region: string
+  user_auctions: Array<PetAuction | ItemAuction>
+}
+
+interface RegionUndercutProps {
+  region: WoWServerRegion
+  homeRealmId: number
+  addonData: Array<AddOnData>
+}
+
+interface ImportSearch {
+  ROI: number
+  avgPrice: number
+  connectedRealmIDs: Record<string, string>
+  homeRealmID: number
+  maxPurchasePrice: number
+  profitAmount: number
+  region: WoWServerRegion
+  salesPerDay: number
+  sortBy: string
+}
+
+export interface UndercutItems {
+  connectedRealmId: number
+  item_id: number
+  item_name: string
+  link: string
+  lowest_price: number
+  realmName: string
+  user_price: number
+}
+
+interface ResultByRealm {
+  not_found: Array<{
+    connectedRealmId: number
+    item_id: number
+    item_name: string
+    link: string
+    lowest_auction_id: number
+    lowest_price: number
+    price_found: boolean
+    realmName: string
+    undercut: boolean
+    user_auction_id: number
+    user_price: number
+  }>
+  realm_info: {
+    connectedRealmID: number
+    realmName: string
+    realmNames: Array<string>
+    region: string
+  }
+  not_undercut: Array<any>
+  undercuts: Array<any>
+}
+
+type RealmName = string
+
+export interface RegionUndercutResponse {
+  import_search_json: ImportSearch
+  not_found_list: Array<UndercutItems>
+  undercut_list: Array<UndercutItems>
+  results_by_realm: Record<RealmName, ResultByRealm>
+}
+
+const RegionUndercutRequest = async ({
+  homeRealmId,
+  region,
+  addonData
+}: RegionUndercutProps) =>
+  await fetch(`${address}/api/wow/regionundercut`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'User-Agent': UserAgent
+    },
+    body: JSON.stringify({
+      homeRealmID: homeRealmId,
+      region,
+      addonData
+    })
+  })
+
+export default RegionUndercutRequest
diff --git a/app/routes/allagan-data/index.tsx b/app/routes/allagan-data/index.tsx
index fd8438ee..5b8e3203 100644
--- a/app/routes/allagan-data/index.tsx
+++ b/app/routes/allagan-data/index.tsx
@@ -3,14 +3,14 @@ import type {
   ErrorBoundaryComponent
 } from '@remix-run/cloudflare'
 import { json } from '@remix-run/cloudflare'
-import { useActionData, useTransition } from '@remix-run/react'
+import { useActionData, useNavigation } from '@remix-run/react'
 import type { ReactNode } from 'react'
 import { ContentContainer, PageWrapper, Title } from '~/components/Common'
-import { ToolTip } from '~/components/Common/InfoToolTip'
 import NoResults from '~/components/Common/NoResults'
 import SmallTable from '~/components/WoWResults/FullScan/SmallTable'
 import SmallFormContainer from '~/components/form/SmallFormContainer'
 import { SubmitButton } from '~/components/form/SubmitButton'
+import { TextArea } from '~/components/form/TextArea'
 import type { ColumnList } from '~/components/types'
 import { ErrorBoundary as ErrorBounds } from '~/components/utilities/ErrorBoundary'
 import UniversalisBadgedLink from '~/components/utilities/UniversalisBadgedLink'
@@ -50,7 +50,7 @@ export const action: ActionFunction = async ({ request }) => {
         quantity?: number
         type?: string
       }) => {
-        if (!current.id || !current.location) {
+        if (current.id === undefined || !current.location) {
           throw new Error(
             "Missing required fields 'id' or 'location' from allagan tools. Make sure those columns are enabled in your plugin!"
           )
@@ -81,7 +81,7 @@ export const action: ActionFunction = async ({ request }) => {
 type ActionResponse = AllaganResults | { exception: string } | {}
 
 const Index = () => {
-  const transition = useTransition()
+  const transition = useNavigation()
   const results = useActionData<ActionResponse>()
   const isLoading = transition.state === 'submitting'
 
@@ -114,27 +114,11 @@ const Index = () => {
         onClick={handleSubmit}
         loading={isLoading}
         error={error}>
-        <div className="pt-2 flex-col">
-          <div className="relative flex flex-1 items-center gap-1">
-            <label
-              htmlFor={formName}
-              className="block text-sm font-medium text-gray-700 dark:text-gray-100">
-              Allagan Data
-            </label>
-            <ToolTip
-              data={'Paste the data copied from the Allagan tool here.'}
-            />
-          </div>
-          <div className="mt-1 flex rounded-md shadow-sm border border-gray-300 dark:border-gray-400">
-            <textarea
-              id={formName}
-              name={formName}
-              className="p-2 w-full border-0 rounded-md focus:ring-blue-500 focus:border-2 focus:border-blue-500 dark:border-gray-400 dark:text-gray-100 dark:bg-gray-600"
-              placeholder="Paste your data here..."
-              rows={5}
-            />
-          </div>
-        </div>
+        <TextArea
+          formName={formName}
+          label="Allagan Data"
+          toolTip="Paste the data copied from the Allagan tool here."
+        />
       </SmallFormContainer>
     </PageWrapper>
   )
diff --git a/app/routes/wow/index.tsx b/app/routes/wow/index.tsx
index 3572c94a..2b7f2d22 100644
--- a/app/routes/wow/index.tsx
+++ b/app/routes/wow/index.tsx
@@ -19,6 +19,20 @@ const recommendedQueries = [
     href: 'https://github.com/ff14-advanced-market-search/mega-alerts',
     external: true
   },
+  {
+    name: 'Region Wide Undercut Checker',
+    description:
+      'Use our Addon with this search to check all of your undercuts on all your alts on one page!',
+    Icon: DocumentSearchIcon,
+    href: '/wow/region-undercut'
+  },
+  {
+    name: 'Undercut Alerts Curseforge Addon',
+    description: 'The addon for our Undercut Checks and Alerts!',
+    Icon: DocumentSearchIcon,
+    href: 'https://www.curseforge.com/wow/addons/saddlebag-exchange',
+    external: true
+  },
   {
     name: 'Dragonflight Marketshare Overview',
     description:
@@ -41,11 +55,10 @@ const recommendedQueries = [
     href: '/wow/legacy-marketshare'
   },
   {
-    name: 'Undercut Alerts Curseforge Addon',
-    description: 'The addon for our Undercut Alerts!',
+    name: 'Region wide undercuts',
+    description: 'Search for items region wide that you have been undercut on!',
     Icon: DocumentSearchIcon,
-    href: 'https://www.curseforge.com/wow/addons/saddlebag-exchange',
-    external: true
+    href: '/wow/region-undercut'
   },
   {
     name: 'Price Sniper and Price Spike Alerts',
diff --git a/app/routes/wow/region-undercut/index.tsx b/app/routes/wow/region-undercut/index.tsx
new file mode 100644
index 00000000..47e7ff50
--- /dev/null
+++ b/app/routes/wow/region-undercut/index.tsx
@@ -0,0 +1,168 @@
+import type { ActionFunction } from '@remix-run/cloudflare'
+import { json } from '@remix-run/cloudflare'
+import { z } from 'zod'
+import { PageWrapper } from '~/components/Common'
+import SmallFormContainer from '~/components/form/SmallFormContainer'
+import { TextArea } from '~/components/form/TextArea'
+import { getUserSessionData } from '~/sessions'
+import type {
+  RegionUndercutResponse,
+  UndercutItems
+} from '~/requests/WoW/RegionUndercut'
+import RegionUndercutRequest from '~/requests/WoW/RegionUndercut'
+import { useActionData, useNavigation } from '@remix-run/react'
+import NoResults from '~/components/Common/NoResults'
+import SmallTable from '~/components/WoWResults/FullScan/SmallTable'
+import type { ColumnList } from '~/components/types'
+import ExternalLink from '~/components/utilities/ExternalLink'
+
+const formName = 'region-undercut'
+
+const petAuction = z.object({
+  petID: z.number(),
+  price: z.number(),
+  auctionID: z.number()
+})
+const itemAuction = z.object({
+  itemID: z.number(),
+  price: z.number(),
+  auctionID: z.number()
+})
+
+const validateInput = z.array(
+  z.object({
+    homeRealmName: z.string(),
+    region: z.string(),
+    user_auctions: z.array(z.union([petAuction, itemAuction]))
+  })
+)
+
+export const action: ActionFunction = async ({ request }) => {
+  const formData = await request.formData()
+  const session = await getUserSessionData(request)
+
+  const input = formData.has(formName) ? formData.get(formName) : null
+
+  if (!input || typeof input !== 'string') {
+    return json({ exception: 'Missing input' })
+  }
+
+  try {
+    const parsedInput = JSON.parse(input)
+    const validInput = validateInput.safeParse(parsedInput)
+
+    if (!validInput.success) {
+      throw new Error('Invalid input')
+    }
+
+    const { region, server } = session.getWoWSessionData()
+
+    return await RegionUndercutRequest({
+      region,
+      homeRealmId: server.id,
+      addonData: validInput.data
+    })
+  } catch (error) {
+    if (error instanceof Error) {
+      return json({ exception: error.message })
+    } else {
+      return json({ exception: 'Unknown Error' })
+    }
+  }
+}
+
+type RegionActionResponse =
+  | RegionUndercutResponse
+  | { exception: string }
+  | {}
+  | undefined
+
+const RegionUndercut = () => {
+  const transition = useNavigation()
+  const results = useActionData<RegionActionResponse>()
+  const isLoading = transition.state === 'submitting'
+
+  const error =
+    results && 'exception' in results ? results.exception : undefined
+
+  const handleSubmit = (event: React.MouseEvent<HTMLButtonElement>) => {
+    if (isLoading) {
+      event.preventDefault()
+    }
+  }
+
+  if (results) {
+    if (!Object.keys(results).length) {
+      return <NoResults href="/wow/region-undercut" />
+    }
+
+    if ('not_found_list' in results) {
+      return (
+        <PageWrapper>
+          <SmallTable
+            title="Undercut Items"
+            description="Shows items that are undercut."
+            columnList={columnList}
+            data={results.undercut_list}
+            columnSelectOptions={selectOptions}
+            sortingOrder={sortingOrder}
+            mobileColumnList={mobileColumnList}
+          />
+          <SmallTable
+            title="Not Found Items"
+            description="Shows items that were sold, expired or not found."
+            columnList={columnList}
+            data={results.not_found_list}
+            columnSelectOptions={selectOptions}
+            sortingOrder={sortingOrder}
+            mobileColumnList={mobileColumnList}
+          />
+        </PageWrapper>
+      )
+    }
+  }
+
+  return (
+    <PageWrapper>
+      <SmallFormContainer
+        title="Region Undercuts"
+        onClick={handleSubmit}
+        loading={isLoading}
+        disabled={isLoading}
+        error={error}>
+        <div className="p-3">
+          <TextArea
+            label="Region undercut data"
+            toolTip="Paste the data from our ingame tool here"
+            formName={formName}
+          />
+        </div>
+      </SmallFormContainer>
+    </PageWrapper>
+  )
+}
+
+export default RegionUndercut
+
+const columnList: Array<ColumnList<UndercutItems>> = [
+  { columnId: 'item_name', header: 'Item Name' },
+  { columnId: 'user_price', header: 'User Price' },
+  { columnId: 'lowest_price', header: 'Lowest Price' },
+  { columnId: 'realmName', header: 'Realm' },
+  {
+    columnId: 'link',
+    header: 'Undermine Link',
+    accessor: ({ getValue }) => (
+      <ExternalLink text="Undermine" link={getValue() as string} />
+    )
+  }
+]
+
+const selectOptions = ['user_price', 'lowest_price', 'realmName']
+
+const sortingOrder = [{ id: 'user_price', desc: true }]
+
+const mobileColumnList: Array<ColumnList<UndercutItems>> = [
+  { columnId: 'item_name', header: 'Item Name' },
+  { columnId: 'user_price', header: 'User Price' }
+]
diff --git a/app/tailwind.css b/app/tailwind.css
index c9abfce8..a54a12f1 100644
--- a/app/tailwind.css
+++ b/app/tailwind.css
@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
+! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -30,6 +30,8 @@
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
 */
 
 html {
@@ -44,6 +46,10 @@ html {
   /* 3 */
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
+  font-feature-settings: normal;
+  /* 5 */
+  font-variation-settings: normal;
+  /* 6 */
 }
 
 /*
@@ -410,6 +416,12 @@ video {
   height: auto;
 }
 
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden] {
+  display: none;
+}
+
 [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -470,7 +482,6 @@ select {
   background-size: 1.5em 1.5em;
   padding-right: 2.5rem;
   -webkit-print-color-adjust: exact;
-     color-adjust: exact;
           print-color-adjust: exact;
 }
 
@@ -481,7 +492,6 @@ select {
   background-size: initial;
   padding-right: 0.75rem;
   -webkit-print-color-adjust: unset;
-     color-adjust: unset;
           print-color-adjust: unset;
 }
 
@@ -491,7 +501,6 @@ select {
           appearance: none;
   padding: 0;
   -webkit-print-color-adjust: exact;
-     color-adjust: exact;
           print-color-adjust: exact;
   display: inline-block;
   vertical-align: middle;
@@ -593,53 +602,9 @@ select {
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-}
-
-::-webkit-backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
@@ -687,6 +652,9 @@ select {
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
@@ -753,151 +721,124 @@ select {
 }
 
 .sticky {
-  position: -webkit-sticky;
   position: sticky;
 }
 
 .-inset-px {
-  top: -1px;
-  right: -1px;
-  bottom: -1px;
-  left: -1px;
+  inset: -1px;
 }
 
 .inset-0 {
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
+  inset: 0px;
 }
 
 .-left-1 {
   left: -0.25rem;
 }
 
-.top-0 {
-  top: 0px;
-}
-
 .-right-1 {
   right: -0.25rem;
 }
 
+.bottom-24 {
+  bottom: 6rem;
+}
+
 .left-0 {
   left: 0px;
 }
 
-.top-5 {
-  top: 1.25rem;
+.left-2 {
+  left: 0.5rem;
 }
 
-.bottom-24 {
-  bottom: 6rem;
+.left-3 {
+  left: 0.75rem;
 }
 
 .left-3\.5 {
   left: 0.875rem;
 }
 
-.right-3\.5 {
-  right: 0.875rem;
-}
-
-.left-3 {
-  left: 0.75rem;
+.right-0 {
+  right: 0px;
 }
 
 .right-3 {
   right: 0.75rem;
 }
 
-.right-0 {
-  right: 0px;
+.right-3\.5 {
+  right: 0.875rem;
 }
 
-.left-2 {
-  left: 0.5rem;
+.top-0 {
+  top: 0px;
 }
 
-.z-50 {
-  z-index: 50;
+.top-5 {
+  top: 1.25rem;
+}
+
+.z-10 {
+  z-index: 10;
 }
 
 .z-20 {
   z-index: 20;
 }
 
-.z-10 {
-  z-index: 10;
+.z-40 {
+  z-index: 40;
 }
 
-.z-\[10001\] {
-  z-index: 10001;
+.z-50 {
+  z-index: 50;
 }
 
 .z-\[10000\] {
   z-index: 10000;
 }
 
-.z-\[inherit\] {
-  z-index: inherit;
+.z-\[10001\] {
+  z-index: 10001;
 }
 
-.z-40 {
-  z-index: 40;
+.z-\[inherit\] {
+  z-index: inherit;
 }
 
 .col-span-6 {
   grid-column: span 6 / span 6;
 }
 
-.m-3 {
-  margin: 0.75rem;
-}
-
-.m-12 {
-  margin: 3rem;
-}
-
-.m-4 {
-  margin: 1rem;
-}
-
-.m-2 {
-  margin: 0.5rem;
+.m-0 {
+  margin: 0px;
 }
 
 .m-1 {
   margin: 0.25rem;
 }
 
-.m-0 {
-  margin: 0px;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
+.m-12 {
+  margin: 3rem;
 }
 
-.my-12 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
+.m-2 {
+  margin: 0.5rem;
 }
 
-.my-6 {
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
+.m-3 {
+  margin: 0.75rem;
 }
 
-.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+.m-4 {
+  margin: 1rem;
 }
 
-.my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
 }
 
 .mx-1 {
@@ -910,24 +851,19 @@ select {
   margin-right: 0.5rem;
 }
 
-.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-
 .mx-3 {
   margin-left: 0.75rem;
   margin-right: 0.75rem;
 }
 
-.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
 }
 
-.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
+.my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
 }
 
 .my-0\.5 {
@@ -935,45 +871,66 @@ select {
   margin-bottom: 0.125rem;
 }
 
-.my-0 {
-  margin-top: 0px;
-  margin-bottom: 0px;
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 
-.ml-3 {
-  margin-left: 0.75rem;
+.my-12 {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
 }
 
-.mt-3 {
-  margin-top: 0.75rem;
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 
-.mt-1 {
-  margin-top: 0.25rem;
+.my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
 }
 
-.mt-2 {
-  margin-top: 0.5rem;
+.my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 
-.mt-6 {
+.my-6 {
   margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
 }
 
 .-ml-1 {
   margin-left: -0.25rem;
 }
 
-.mr-2 {
-  margin-right: 0.5rem;
+.-mr-12 {
+  margin-right: -3rem;
+}
+
+.mb-0 {
+  margin-bottom: 0px;
+}
+
+.mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
+
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+
+.mb-2 {
+  margin-bottom: 0.5rem;
 }
 
 .mb-24 {
   margin-bottom: 6rem;
 }
 
-.mt-4 {
-  margin-top: 1rem;
+.ml-0 {
+  margin-left: 0px;
 }
 
 .ml-1 {
@@ -984,64 +941,68 @@ select {
   margin-left: 0.5rem;
 }
 
-.mb-1 {
-  margin-bottom: 0.25rem;
+.ml-3 {
+  margin-left: 0.75rem;
 }
 
-.mt-5 {
-  margin-top: 1.25rem;
+.ml-4 {
+  margin-left: 1rem;
 }
 
-.mt-0 {
-  margin-top: 0px;
+.ml-8 {
+  margin-left: 2rem;
 }
 
-.mb-2 {
-  margin-bottom: 0.5rem;
+.mr-1 {
+  margin-right: 0.25rem;
 }
 
-.mt-0\.5 {
-  margin-top: 0.125rem;
+.mr-1\.5 {
+  margin-right: 0.375rem;
 }
 
-.ml-0 {
-  margin-left: 0px;
+.mr-2 {
+  margin-right: 0.5rem;
 }
 
 .mr-3 {
   margin-right: 0.75rem;
 }
 
-.mb-0\.5 {
-  margin-bottom: 0.125rem;
+.mr-4 {
+  margin-right: 1rem;
 }
 
-.mb-0 {
-  margin-bottom: 0px;
-}
+.mt-0 {
+  margin-top: 0px;
+}
 
-.mr-4 {
-  margin-right: 1rem;
+.mt-0\.5 {
+  margin-top: 0.125rem;
 }
 
-.-mr-12 {
-  margin-right: -3rem;
+.mt-1 {
+  margin-top: 0.25rem;
 }
 
-.ml-4 {
-  margin-left: 1rem;
+.mt-2 {
+  margin-top: 0.5rem;
 }
 
-.mr-1\.5 {
-  margin-right: 0.375rem;
+.mt-3 {
+  margin-top: 0.75rem;
 }
 
-.mr-1 {
-  margin-right: 0.25rem;
+.mt-4 {
+  margin-top: 1rem;
 }
 
-.ml-8 {
-  margin-left: 2rem;
+.mt-5 {
+  margin-top: 1.25rem;
+}
+
+.mt-6 {
+  margin-top: 1.5rem;
 }
 
 .block {
@@ -1076,62 +1037,66 @@ select {
   display: none;
 }
 
-.h-full {
-  height: 100%;
-}
-
-.h-6 {
-  height: 1.5rem;
+.h-0 {
+  height: 0px;
 }
 
-.h-5 {
-  height: 1.25rem;
+.h-10 {
+  height: 2.5rem;
 }
 
 .h-12 {
   height: 3rem;
 }
 
-.h-8 {
-  height: 2rem;
+.h-16 {
+  height: 4rem;
 }
 
 .h-4 {
   height: 1rem;
 }
 
-.h-\[26px\] {
-  height: 26px;
+.h-5 {
+  height: 1.25rem;
 }
 
-.h-9 {
-  height: 2.25rem;
+.h-6 {
+  height: 1.5rem;
 }
 
-.h-0 {
-  height: 0px;
+.h-8 {
+  height: 2rem;
 }
 
-.h-10 {
-  height: 2.5rem;
+.h-9 {
+  height: 2.25rem;
 }
 
-.h-16 {
-  height: 4rem;
+.h-\[26px\] {
+  height: 26px;
 }
 
-.max-h-5 {
-  max-height: 1.25rem;
+.h-full {
+  height: 100%;
 }
 
-.max-h-\[calc\(100vh_-_64px\)\] {
-  max-height: calc(100vh - 64px);
+.max-h-0 {
+  max-height: 0px;
 }
 
 .max-h-48 {
   max-height: 12rem;
 }
 
+.max-h-5 {
+  max-height: 1.25rem;
+}
+
+.max-h-96 {
+  max-height: 24rem;
+}
+
 .max-h-\[calc\(100vh-120px\)\] {
   max-height: calc(100vh - 120px);
 }
@@ -1140,108 +1105,98 @@ select {
   max-height: calc(100vh - 160px);
 }
 
-.max-h-96 {
-  max-height: 24rem;
-}
-
-.max-h-full {
-  max-height: 100%;
+.max-h-\[calc\(100vh_-_64px\)\] {
+  max-height: calc(100vh - 64px);
 }
 
 .max-h-fit {
-  max-height: -webkit-fit-content;
   max-height: -moz-fit-content;
   max-height: fit-content;
 }
 
-.max-h-0 {
-  max-height: 0px;
+.max-h-full {
+  max-height: 100%;
 }
 
 .min-h-0 {
   min-height: 0px;
 }
 
-.w-6 {
-  width: 1.5rem;
+.w-0 {
+  width: 0px;
 }
 
-.w-5 {
-  width: 1.25rem;
+.w-1\/3 {
+  width: 33.333333%;
 }
 
-.w-full {
-  width: 100%;
+.w-10 {
+  width: 2.5rem;
+}
+
+.w-11 {
+  width: 2.75rem;
 }
 
 .w-12 {
   width: 3rem;
 }
 
-.w-8 {
-  width: 2rem;
+.w-14 {
+  width: 3.5rem;
 }
 
 .w-4 {
   width: 1rem;
 }
 
-.w-\[26px\] {
-  width: 26px;
+.w-4\/5 {
+  width: 80%;
 }
 
-.w-screen {
-  width: 100vw;
+.w-40 {
+  width: 10rem;
 }
 
-.w-11 {
-  width: 2.75rem;
+.w-5 {
+  width: 1.25rem;
 }
 
-.w-0 {
-  width: 0px;
+.w-6 {
+  width: 1.5rem;
 }
 
-.w-1\/3 {
-  width: 33.333333%;
+.w-64 {
+  width: 16rem;
 }
 
-.w-\[95\%\] {
-  width: 95%;
+.w-8 {
+  width: 2rem;
 }
 
-.w-10 {
-  width: 2.5rem;
+.w-\[26px\] {
+  width: 26px;
 }
 
-.w-auto {
-  width: auto;
+.w-\[95\%\] {
+  width: 95%;
 }
 
-.w-14 {
-  width: 3.5rem;
+.w-auto {
+  width: auto;
 }
 
 .w-fit {
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
 }
 
-.w-64 {
-  width: 16rem;
-}
-
-.w-40 {
-  width: 10rem;
-}
-
-.w-4\/5 {
-  width: 80%;
+.w-full {
+  width: 100%;
 }
 
-.min-w-full {
-  min-width: 100%;
+.w-screen {
+  width: 100vw;
 }
 
 .min-w-0 {
@@ -1252,50 +1207,51 @@ select {
   min-width: 100px;
 }
 
+.min-w-\[150px\] {
+  min-width: 150px;
+}
+
+.min-w-\[260px\] {
+  min-width: 260px;
+}
+
 .min-w-fit {
-  min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
 }
 
-.min-w-\[150px\] {
-  min-width: 150px;
+.min-w-full {
+  min-width: 100%;
 }
 
 .min-w-max {
-  min-width: -webkit-max-content;
   min-width: -moz-max-content;
   min-width: max-content;
 }
 
-.min-w-\[260px\] {
-  min-width: 260px;
+.max-w-4xl {
+  max-width: 56rem;
 }
 
 .max-w-7xl {
   max-width: 80rem;
 }
 
-.max-w-4xl {
-  max-width: 56rem;
-}
-
-.max-w-full {
-  max-width: 100%;
+.max-w-\[140px\] {
+  max-width: 140px;
 }
 
 .max-w-fit {
-  max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
 }
 
-.max-w-sm {
-  max-width: 24rem;
+.max-w-full {
+  max-width: 100%;
 }
 
-.max-w-\[140px\] {
-  max-width: 140px;
+.max-w-sm {
+  max-width: 24rem;
 }
 
 .max-w-xs {
@@ -1314,14 +1270,14 @@ select {
   flex-shrink: 0;
 }
 
-.shrink-0 {
-  flex-shrink: 0;
-}
-
 .shrink {
   flex-shrink: 1;
 }
 
+.shrink-0 {
+  flex-shrink: 0;
+}
+
 .flex-grow {
   flex-grow: 1;
 }
@@ -1360,8 +1316,8 @@ select {
   transform-origin: top right;
 }
 
-.translate-x-5 {
-  --tw-translate-x: 1.25rem;
+.-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));
 }
 
@@ -1370,8 +1326,8 @@ select {
   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));
 }
 
-.-translate-x-full {
-  --tw-translate-x: -100%;
+.translate-x-5 {
+  --tw-translate-x: 1.25rem;
   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));
 }
 
@@ -1380,40 +1336,23 @@ select {
   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));
 }
 
-.scale-95 {
-  --tw-scale-x: .95;
-  --tw-scale-y: .95;
-  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));
-}
-
 .scale-100 {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   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));
 }
 
-.transform {
+.scale-95 {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
   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));
 }
 
-@-webkit-keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.animate-spin {
-  -webkit-animation: spin 1s linear infinite;
-          animation: spin 1s linear infinite;
+.transform {
+  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));
 }
 
-@-webkit-keyframes grow {
+@keyframes grow {
   0% {
     opacity: 0;
     transform: scaleY(0);
@@ -1425,58 +1364,31 @@ select {
   }
 
   70% {
-    height: -webkit-fit-content;
+    height: -moz-fit-content;
     height: fit-content;
   }
 
   100% {
     transform: scaleY(1);
     opacity: 1;
-    height: -webkit-fit-content;
+    height: -moz-fit-content;
     height: fit-content;
   }
 }
 
-@keyframes grow {
+.animate-grow {
+  animation: grow 0.2s ease-in 1 normal forwards;
+}
+
+@keyframes shrink {
   0% {
-    opacity: 0;
-    transform: scaleY(0);
+    transform: scaleY(1);
+    opacity: 1;
+    height: -moz-fit-content;
+    height: fit-content;
   }
 
-  30% {
-    opacity: 0;
-    transform: scaleY(0);
-  }
-
-  70% {
-    height: -webkit-fit-content;
-    height: -moz-fit-content;
-    height: fit-content;
-  }
-
-  100% {
-    transform: scaleY(1);
-    opacity: 1;
-    height: -webkit-fit-content;
-    height: -moz-fit-content;
-    height: fit-content;
-  }
-}
-
-.animate-grow {
-  -webkit-animation: grow 0.2s ease-in 1 normal forwards;
-          animation: grow 0.2s ease-in 1 normal forwards;
-}
-
-@-webkit-keyframes shrink {
-  0% {
-    transform: scaleY(1);
-    opacity: 1;
-    height: -webkit-fit-content;
-    height: fit-content;
-  }
-
-  70% {
+  70% {
     opacity: 0;
     transform: scaleY(0);
   }
@@ -1487,29 +1399,18 @@ select {
   }
 }
 
-@keyframes shrink {
-  0% {
-    transform: scaleY(1);
-    opacity: 1;
-    height: -webkit-fit-content;
-    height: -moz-fit-content;
-    height: fit-content;
-  }
-
-  70% {
-    opacity: 0;
-    transform: scaleY(0);
-  }
+.animate-shrink {
+  animation: shrink 0.2s ease-in 1 normal forwards;
+}
 
-  100% {
-    height: 0px;
-    transform: scaleY(0);
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
   }
 }
 
-.animate-shrink {
-  -webkit-animation: shrink 0.2s ease-in 1 normal forwards;
-          animation: shrink 0.2s ease-in 1 normal forwards;
+.animate-spin {
+  animation: spin 1s linear infinite;
 }
 
 .cursor-pointer {
@@ -1566,10 +1467,6 @@ select {
   justify-content: space-around;
 }
 
-.gap-6 {
-  gap: 1.5rem;
-}
-
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1586,10 +1483,14 @@ select {
   gap: 1rem;
 }
 
-.space-y-6 > :not([hidden]) ~ :not([hidden]) {
+.gap-6 {
+  gap: 1.5rem;
+}
+
+.space-y-1 > :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));
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
 }
 
 .space-y-5 > :not([hidden]) ~ :not([hidden]) {
@@ -1598,10 +1499,10 @@ select {
   margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
 }
 
-.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+.space-y-6 > :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));
+  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
 
 .divide-y > :not([hidden]) ~ :not([hidden]) {
@@ -1610,14 +1511,14 @@ select {
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
 
-.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
+.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(209 213 219 / var(--tw-divide-opacity));
+  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
 }
 
-.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
+  border-color: rgb(209 213 219 / var(--tw-divide-opacity));
 }
 
 .self-start {
@@ -1662,22 +1563,10 @@ select {
   white-space: nowrap;
 }
 
-.rounded-md {
-  border-radius: 0.375rem;
-}
-
 .rounded {
   border-radius: 0.25rem;
 }
 
-.rounded-none {
-  border-radius: 0px;
-}
-
-.rounded-xl {
-  border-radius: 0.75rem;
-}
-
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1686,10 +1575,27 @@ select {
   border-radius: 0.5rem;
 }
 
+.rounded-md {
+  border-radius: 0.375rem;
+}
+
+.rounded-none {
+  border-radius: 0px;
+}
+
 .rounded-sm {
   border-radius: 0.125rem;
 }
 
+.rounded-xl {
+  border-radius: 0.75rem;
+}
+
+.rounded-b-md {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
 .rounded-l-md {
   border-top-left-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
@@ -1705,11 +1611,6 @@ select {
   border-top-right-radius: 0.375rem;
 }
 
-.rounded-b-md {
-  border-bottom-right-radius: 0.375rem;
-  border-bottom-left-radius: 0.375rem;
-}
-
 .rounded-tl-md {
   border-top-left-radius: 0.375rem;
 }
@@ -1718,28 +1619,20 @@ select {
   border-top-right-radius: 0.375rem;
 }
 
-.border-2 {
-  border-width: 2px;
-}
-
-.border-0 {
-  border-width: 0px;
-}
-
 .border {
   border-width: 1px;
 }
 
-.border-r {
-  border-right-width: 1px;
+.border-0 {
+  border-width: 0px;
 }
 
-.border-l-0 {
-  border-left-width: 0px;
+.border-2 {
+  border-width: 2px;
 }
 
-.border-t {
-  border-top-width: 1px;
+.border-b {
+  border-bottom-width: 1px;
 }
 
 .border-b-0 {
@@ -1750,8 +1643,16 @@ select {
   border-left-width: 1px;
 }
 
-.border-b {
-  border-bottom-width: 1px;
+.border-l-0 {
+  border-left-width: 0px;
+}
+
+.border-r {
+  border-right-width: 1px;
+}
+
+.border-t {
+  border-top-width: 1px;
 }
 
 .border-blue-100 {
@@ -1759,23 +1660,19 @@ select {
   border-color: rgb(219 234 254 / var(--tw-border-opacity));
 }
 
-.border-red-500 {
+.border-blue-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+  border-color: rgb(30 58 138 / var(--tw-border-opacity));
 }
 
-.border-gray-300 {
+.border-gray-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(209 213 219 / var(--tw-border-opacity));
-}
-
-.border-transparent {
-  border-color: transparent;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
 
-.border-slate-200 {
+.border-gray-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(226 232 240 / var(--tw-border-opacity));
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 
 .border-red-100 {
@@ -1783,44 +1680,33 @@ select {
   border-color: rgb(254 226 226 / var(--tw-border-opacity));
 }
 
-.border-gray-200 {
+.border-red-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
 }
 
-.border-blue-900 {
+.border-slate-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(30 58 138 / var(--tw-border-opacity));
-}
-
-.bg-gray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-}
-
-.bg-blue-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
+  border-color: rgb(226 232 240 / var(--tw-border-opacity));
 }
 
-.bg-slate-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
+.border-transparent {
+  border-color: transparent;
 }
 
-.bg-white {
+.bg-black {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
-.bg-gray-50 {
+.bg-blue-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
 }
 
-.bg-black {
+.bg-blue-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
 }
 
 .bg-blue-500 {
@@ -1828,29 +1714,29 @@ select {
   background-color: rgb(59 130 246 / var(--tw-bg-opacity));
 }
 
-.bg-gray-200 {
+.bg-blue-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
 }
 
-.bg-red-50 {
+.bg-blue-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
+  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
 }
 
-.bg-blue-600 {
+.bg-gray-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
-.bg-gray-700 {
+.bg-gray-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
 
-.bg-blue-800 {
+.bg-gray-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
 
 .bg-gray-500 {
@@ -1863,6 +1749,11 @@ select {
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
 
+.bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+}
+
 .bg-gray-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
@@ -1873,9 +1764,9 @@ select {
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
 
-.bg-blue-100 {
+.bg-green-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
 }
 
 .bg-red-100 {
@@ -1883,51 +1774,66 @@ select {
   background-color: rgb(254 226 226 / var(--tw-bg-opacity));
 }
 
-.bg-green-100 {
+.bg-red-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
+}
+
+.bg-slate-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
 }
 
 .bg-transparent {
   background-color: transparent;
 }
 
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 .bg-opacity-75 {
   --tw-bg-opacity: 0.75;
 }
 
-.p-4 {
-  padding: 1rem;
+.p-0 {
+  padding: 0px;
+}
+
+.p-1 {
+  padding: 0.25rem;
 }
 
 .p-2 {
   padding: 0.5rem;
 }
 
-.p-6 {
-  padding: 1.5rem;
+.p-3 {
+  padding: 0.75rem;
 }
 
-.p-1 {
-  padding: 0.25rem;
+.p-4 {
+  padding: 1rem;
 }
 
-.p-0 {
-  padding: 0px;
+.p-6 {
+  padding: 1.5rem;
 }
 
-.p-3 {
-  padding: 0.75rem;
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
 }
 
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
 }
 
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
 }
 
 .px-2 {
@@ -1935,11 +1841,26 @@ select {
   padding-right: 0.5rem;
 }
 
+.px-2\.5 {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
 
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
 .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -1950,29 +1871,14 @@ select {
   padding-bottom: 0.5rem;
 }
 
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
-.py-3\.5 {
-  padding-top: 0.875rem;
-  padding-bottom: 0.875rem;
-}
-
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
 
-.px-2\.5 {
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
-}
-
-.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
+.py-3\.5 {
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
 }
 
 .py-4 {
@@ -1980,63 +1886,58 @@ select {
   padding-bottom: 1rem;
 }
 
-.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
 }
 
-.px-1\.5 {
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
 }
 
 .pb-2 {
   padding-bottom: 0.5rem;
 }
 
-.pt-4 {
-  padding-top: 1rem;
-}
-
-.pt-2 {
-  padding-top: 0.5rem;
-}
-
-.pt-1 {
-  padding-top: 0.25rem;
-}
-
-.pt-5 {
-  padding-top: 1.25rem;
+.pb-24 {
+  padding-bottom: 6rem;
 }
 
 .pb-4 {
   padding-bottom: 1rem;
 }
 
-.pb-24 {
-  padding-bottom: 6rem;
+.pl-1 {
+  padding-left: 0.25rem;
 }
 
 .pl-1\.5 {
   padding-left: 0.375rem;
 }
 
-.pl-1 {
-  padding-left: 0.25rem;
+.pr-1 {
+  padding-right: 0.25rem;
 }
 
 .pr-1\.5 {
   padding-right: 0.375rem;
 }
 
-.pr-1 {
-  padding-right: 0.25rem;
+.pt-1 {
+  padding-top: 0.25rem;
+}
+
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
+.pt-4 {
+  padding-top: 1rem;
+}
+
+.pt-5 {
+  padding-top: 1.25rem;
 }
 
 .text-left {
@@ -2064,11 +1965,6 @@ select {
   line-height: 2rem;
 }
 
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -2079,21 +1975,26 @@ select {
   line-height: 1.75rem;
 }
 
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
 .text-xl {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
 
-.font-semibold {
-  font-weight: 600;
+.font-bold {
+  font-weight: 700;
 }
 
 .font-medium {
   font-weight: 500;
 }
 
-.font-bold {
-  font-weight: 700;
+.font-semibold {
+  font-weight: 600;
 }
 
 .italic {
@@ -2108,19 +2009,19 @@ select {
   line-height: 1.75rem;
 }
 
-.text-blue-900 {
+.text-blue-400 {
   --tw-text-opacity: 1;
-  color: rgb(30 58 138 / var(--tw-text-opacity));
+  color: rgb(96 165 250 / var(--tw-text-opacity));
 }
 
-.text-slate-700 {
+.text-blue-500 {
   --tw-text-opacity: 1;
-  color: rgb(51 65 85 / var(--tw-text-opacity));
+  color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
-.text-blue-400 {
+.text-blue-600 {
   --tw-text-opacity: 1;
-  color: rgb(96 165 250 / var(--tw-text-opacity));
+  color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 
 .text-blue-700 {
@@ -2128,89 +2029,89 @@ select {
   color: rgb(29 78 216 / var(--tw-text-opacity));
 }
 
-.text-gray-200 {
+.text-blue-800 {
   --tw-text-opacity: 1;
-  color: rgb(229 231 235 / var(--tw-text-opacity));
+  color: rgb(30 64 175 / var(--tw-text-opacity));
 }
 
-.text-gray-500 {
+.text-blue-900 {
   --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
+  color: rgb(30 58 138 / var(--tw-text-opacity));
 }
 
-.text-white {
+.text-gray-200 {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(229 231 235 / var(--tw-text-opacity));
 }
 
-.text-gray-700 {
+.text-gray-300 {
   --tw-text-opacity: 1;
-  color: rgb(55 65 81 / var(--tw-text-opacity));
+  color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
-.text-slate-900 {
+.text-gray-400 {
   --tw-text-opacity: 1;
-  color: rgb(15 23 42 / var(--tw-text-opacity));
+  color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
-.text-gray-900 {
+.text-gray-500 {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
+  color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
-.text-gray-400 {
+.text-gray-600 {
   --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
+  color: rgb(75 85 99 / var(--tw-text-opacity));
 }
 
-.text-red-400 {
+.text-gray-700 {
   --tw-text-opacity: 1;
-  color: rgb(248 113 113 / var(--tw-text-opacity));
+  color: rgb(55 65 81 / var(--tw-text-opacity));
 }
 
-.text-red-700 {
+.text-gray-800 {
   --tw-text-opacity: 1;
-  color: rgb(185 28 28 / var(--tw-text-opacity));
+  color: rgb(31 41 55 / var(--tw-text-opacity));
 }
 
-.text-gray-600 {
+.text-gray-900 {
   --tw-text-opacity: 1;
-  color: rgb(75 85 99 / var(--tw-text-opacity));
+  color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 
-.text-blue-500 {
+.text-green-600 {
   --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
+  color: rgb(22 163 74 / var(--tw-text-opacity));
 }
 
-.text-blue-800 {
+.text-green-900 {
   --tw-text-opacity: 1;
-  color: rgb(30 64 175 / var(--tw-text-opacity));
+  color: rgb(20 83 45 / var(--tw-text-opacity));
 }
 
-.text-gray-800 {
+.text-red-200 {
   --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity));
+  color: rgb(254 202 202 / var(--tw-text-opacity));
 }
 
-.text-red-500 {
+.text-red-400 {
   --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
+  color: rgb(248 113 113 / var(--tw-text-opacity));
 }
 
-.text-blue-600 {
+.text-red-500 {
   --tw-text-opacity: 1;
-  color: rgb(37 99 235 / var(--tw-text-opacity));
+  color: rgb(239 68 68 / var(--tw-text-opacity));
 }
 
-.text-gray-300 {
+.text-red-600 {
   --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
+  color: rgb(220 38 38 / var(--tw-text-opacity));
 }
 
-.text-green-900 {
+.text-red-700 {
   --tw-text-opacity: 1;
-  color: rgb(20 83 45 / var(--tw-text-opacity));
+  color: rgb(185 28 28 / var(--tw-text-opacity));
 }
 
 .text-red-800 {
@@ -2218,48 +2119,47 @@ select {
   color: rgb(153 27 27 / var(--tw-text-opacity));
 }
 
-.text-red-600 {
+.text-slate-700 {
   --tw-text-opacity: 1;
-  color: rgb(220 38 38 / var(--tw-text-opacity));
+  color: rgb(51 65 85 / var(--tw-text-opacity));
 }
 
-.text-green-600 {
+.text-slate-900 {
   --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity));
+  color: rgb(15 23 42 / var(--tw-text-opacity));
 }
 
-.text-red-200 {
+.text-white {
   --tw-text-opacity: 1;
-  color: rgb(254 202 202 / var(--tw-text-opacity));
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .underline {
-  -webkit-text-decoration-line: underline;
-          text-decoration-line: underline;
-}
-
-.opacity-90 {
-  opacity: 0.9;
+  text-decoration-line: underline;
 }
 
 .opacity-0 {
   opacity: 0;
 }
 
-.opacity-80 {
-  opacity: 0.8;
+.opacity-100 {
+  opacity: 1;
+}
+
+.opacity-25 {
+  opacity: 0.25;
 }
 
 .opacity-75 {
   opacity: 0.75;
 }
 
-.opacity-25 {
-  opacity: 0.25;
+.opacity-80 {
+  opacity: 0.8;
 }
 
-.opacity-100 {
-  opacity: 1;
+.opacity-90 {
+  opacity: 0.9;
 }
 
 .shadow {
@@ -2268,9 +2168,9 @@ select {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-sm {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+.shadow-\[inset_0_-3px_3px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
+  --tw-shadow: inset 0 -3px 3px rgba(0,0,0,0.2);
+  --tw-shadow-colored: inset 0 -3px 3px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
@@ -2280,18 +2180,18 @@ select {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-\[inset_0_-3px_3px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
-  --tw-shadow: inset 0 -3px 3px rgba(0,0,0,0.2);
-  --tw-shadow-colored: inset 0 -3px 3px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .shadow-md {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .outline {
   outline-style: solid;
 }
@@ -2322,17 +2222,15 @@ select {
 }
 
 .transition {
-  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
 .transition-colors {
-  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -2343,22 +2241,26 @@ select {
   transition-duration: 150ms;
 }
 
-.duration-300 {
-  transition-duration: 300ms;
+.duration-100 {
+  transition-duration: 100ms;
 }
 
 .duration-200 {
   transition-duration: 200ms;
 }
 
-.duration-100 {
-  transition-duration: 100ms;
+.duration-300 {
+  transition-duration: 300ms;
 }
 
 .duration-75 {
   transition-duration: 75ms;
 }
 
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+
 .ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -2371,10 +2273,6 @@ select {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
 .\[background\:linear-gradient\(var\(--quick-links-hover-bg\2c theme\(colors\.blue\.50\)\)\2c var\(--quick-links-hover-bg\2c theme\(colors\.blue\.50\)\)\)_padding-box\2c linear-gradient\(to_top\2c theme\(colors\.yellow\.400\)\2c theme\(colors\.yellow\.400\)\2c theme\(colors\.blue\.500\)\)_border-box\] {
   background: linear-gradient(var(--quick-links-hover-bg,#eff6ff),var(--quick-links-hover-bg,#eff6ff)) padding-box,linear-gradient(to top,#facc15,#facc15,#3b82f6) border-box;
 }
@@ -2422,14 +2320,19 @@ select {
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-gray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-gray-500:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-gray-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+.hover\:text-blue-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
 .hover\:text-blue-600:hover {
@@ -2437,6 +2340,11 @@ select {
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 
+.hover\:text-gray-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(243 244 246 / var(--tw-text-opacity));
+}
+
 .hover\:text-red-600:hover {
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity));
@@ -2447,19 +2355,8 @@ select {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.hover\:text-gray-100:hover {
-  --tw-text-opacity: 1;
-  color: rgb(243 244 246 / var(--tw-text-opacity));
-}
-
-.hover\:text-blue-500:hover {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
-}
-
 .hover\:underline:hover {
-  -webkit-text-decoration-line: underline;
-          text-decoration-line: underline;
+  text-decoration-line: underline;
 }
 
 .focus\:z-10:focus {
@@ -2485,15 +2382,15 @@ select {
   outline-offset: 2px;
 }
 
-.focus\:ring-2:focus {
+.focus\:ring-0:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.focus\:ring-0:focus {
+.focus\:ring-2:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
@@ -2511,14 +2408,14 @@ select {
   --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
 }
 
-.focus\:ring-offset-2:focus {
-  --tw-ring-offset-width: 2px;
-}
-
 .focus\:ring-offset-1:focus {
   --tw-ring-offset-width: 1px;
 }
 
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+}
+
 .disabled\:text-gray-500:disabled {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -2545,14 +2442,14 @@ select {
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
 
-.group:hover .group-hover\:text-gray-300 {
+.group:hover .group-hover\:text-blue-500 {
   --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
+  color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
-.group:hover .group-hover\:text-blue-500 {
+.group:hover .group-hover\:text-gray-300 {
   --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
+  color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
 .group:hover .group-hover\:opacity-100 {
@@ -2575,297 +2472,297 @@ select {
   display: flex;
 }
 
-.dark .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
+:is(.dark .dark\:divide-gray-500) > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(75 85 99 / var(--tw-divide-opacity));
+  border-color: rgb(107 114 128 / var(--tw-divide-opacity));
 }
 
-.dark .dark\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
+:is(.dark .dark\:divide-gray-600) > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(107 114 128 / var(--tw-divide-opacity));
+  border-color: rgb(75 85 99 / var(--tw-divide-opacity));
 }
 
-.dark .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
+:is(.dark .dark\:divide-gray-700) > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-divide-opacity));
 }
 
-.dark .dark\:rounded-md {
+:is(.dark .dark\:rounded-md) {
   border-radius: 0.375rem;
 }
 
-.dark .dark\:border-2 {
-  border-width: 2px;
+:is(.dark .dark\:border-0) {
+  border-width: 0px;
 }
 
-.dark .dark\:border-0 {
-  border-width: 0px;
+:is(.dark .dark\:border-2) {
+  border-width: 2px;
 }
 
-.dark .dark\:border-b {
+:is(.dark .dark\:border-b) {
   border-bottom-width: 1px;
 }
 
-.dark .dark\:border-blue-900 {
+:is(.dark .dark\:border-blue-200) {
   --tw-border-opacity: 1;
-  border-color: rgb(30 58 138 / var(--tw-border-opacity));
+  border-color: rgb(191 219 254 / var(--tw-border-opacity));
 }
 
-.dark .dark\:border-gray-400 {
+:is(.dark .dark\:border-blue-300) {
   --tw-border-opacity: 1;
-  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+  border-color: rgb(147 197 253 / var(--tw-border-opacity));
 }
 
-.dark .dark\:border-gray-200 {
+:is(.dark .dark\:border-blue-900) {
   --tw-border-opacity: 1;
-  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+  border-color: rgb(30 58 138 / var(--tw-border-opacity));
 }
 
-.dark .dark\:border-red-900 {
+:is(.dark .dark\:border-gray-200) {
   --tw-border-opacity: 1;
-  border-color: rgb(127 29 29 / var(--tw-border-opacity));
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
 
-.dark .dark\:border-gray-600 {
+:is(.dark .dark\:border-gray-300) {
   --tw-border-opacity: 1;
-  border-color: rgb(75 85 99 / var(--tw-border-opacity));
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 
-.dark .dark\:border-gray-500 {
+:is(.dark .dark\:border-gray-400) {
   --tw-border-opacity: 1;
-  border-color: rgb(107 114 128 / var(--tw-border-opacity));
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
 }
 
-.dark .dark\:border-blue-300 {
+:is(.dark .dark\:border-gray-500) {
   --tw-border-opacity: 1;
-  border-color: rgb(147 197 253 / var(--tw-border-opacity));
+  border-color: rgb(107 114 128 / var(--tw-border-opacity));
 }
 
-.dark .dark\:border-blue-200 {
+:is(.dark .dark\:border-gray-600) {
   --tw-border-opacity: 1;
-  border-color: rgb(191 219 254 / var(--tw-border-opacity));
+  border-color: rgb(75 85 99 / var(--tw-border-opacity));
 }
 
-.dark .dark\:border-gray-300 {
+:is(.dark .dark\:border-red-900) {
   --tw-border-opacity: 1;
-  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+  border-color: rgb(127 29 29 / var(--tw-border-opacity));
 }
 
-.dark .dark\:bg-slate-800 {
+:is(.dark .dark\:bg-blue-500) {
   --tw-bg-opacity: 1;
-  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-blue-900 {
+:is(.dark .dark\:bg-blue-600) {
   --tw-bg-opacity: 1;
-  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-slate-900 {
+:is(.dark .dark\:bg-blue-900) {
   --tw-bg-opacity: 1;
-  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-slate-700 {
+:is(.dark .dark\:bg-gray-500) {
   --tw-bg-opacity: 1;
-  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-gray-600 {
+:is(.dark .dark\:bg-gray-600) {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-gray-700 {
+:is(.dark .dark\:bg-gray-700) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-blue-500 {
+:is(.dark .dark\:bg-gray-800) {
   --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-transparent {
-  background-color: transparent;
+:is(.dark .dark\:bg-green-600) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-gray-500 {
+:is(.dark .dark\:bg-red-600) {
   --tw-bg-opacity: 1;
-  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-red-900 {
+:is(.dark .dark\:bg-red-900) {
   --tw-bg-opacity: 1;
   background-color: rgb(127 29 29 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-gray-800 {
+:is(.dark .dark\:bg-slate-600) {
   --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-blue-600 {
+:is(.dark .dark\:bg-slate-700) {
   --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-red-600 {
+:is(.dark .dark\:bg-slate-800) {
   --tw-bg-opacity: 1;
-  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-green-600 {
+:is(.dark .dark\:bg-slate-900) {
   --tw-bg-opacity: 1;
-  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-slate-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
+:is(.dark .dark\:bg-transparent) {
+  background-color: transparent;
 }
 
-.dark .dark\:font-medium {
+:is(.dark .dark\:font-medium) {
   font-weight: 500;
 }
 
-.dark .dark\:text-gray-100 {
+:is(.dark .dark\:text-blue-200) {
   --tw-text-opacity: 1;
-  color: rgb(243 244 246 / var(--tw-text-opacity));
+  color: rgb(191 219 254 / var(--tw-text-opacity));
 }
 
-.dark .dark\:text-gray-300 {
+:is(.dark .dark\:text-blue-300) {
   --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
+  color: rgb(147 197 253 / var(--tw-text-opacity));
 }
 
-.dark .dark\:text-gray-200 {
+:is(.dark .dark\:text-gray-100) {
   --tw-text-opacity: 1;
-  color: rgb(229 231 235 / var(--tw-text-opacity));
+  color: rgb(243 244 246 / var(--tw-text-opacity));
 }
 
-.dark .dark\:text-blue-300 {
+:is(.dark .dark\:text-gray-200) {
   --tw-text-opacity: 1;
-  color: rgb(147 197 253 / var(--tw-text-opacity));
+  color: rgb(229 231 235 / var(--tw-text-opacity));
 }
 
-.dark .dark\:text-white {
+:is(.dark .dark\:text-gray-300) {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
-.dark .dark\:text-slate-400 {
+:is(.dark .dark\:text-gray-400) {
   --tw-text-opacity: 1;
-  color: rgb(148 163 184 / var(--tw-text-opacity));
+  color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
-.dark .dark\:text-blue-200 {
+:is(.dark .dark\:text-red-200) {
   --tw-text-opacity: 1;
-  color: rgb(191 219 254 / var(--tw-text-opacity));
+  color: rgb(254 202 202 / var(--tw-text-opacity));
 }
 
-.dark .dark\:text-red-300 {
+:is(.dark .dark\:text-red-300) {
   --tw-text-opacity: 1;
   color: rgb(252 165 165 / var(--tw-text-opacity));
 }
 
-.dark .dark\:text-gray-400 {
+:is(.dark .dark\:text-slate-400) {
   --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
+  color: rgb(148 163 184 / var(--tw-text-opacity));
 }
 
-.dark .dark\:text-red-200 {
+:is(.dark .dark\:text-white) {
   --tw-text-opacity: 1;
-  color: rgb(254 202 202 / var(--tw-text-opacity));
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.dark .dark\:placeholder-gray-400::-moz-placeholder {
+:is(.dark .dark\:placeholder-gray-400)::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity));
 }
 
-.dark .dark\:placeholder-gray-400::placeholder {
+:is(.dark .dark\:placeholder-gray-400)::placeholder {
   --tw-placeholder-opacity: 1;
   color: rgb(156 163 175 / var(--tw-placeholder-opacity));
 }
 
-.dark .dark\:opacity-30 {
+:is(.dark .dark\:opacity-30) {
   opacity: 0.3;
 }
 
-.dark .dark\:opacity-50 {
+:is(.dark .dark\:opacity-50) {
   opacity: 0.5;
 }
 
-.dark .dark\:\[--quick-links-hover-bg\:theme\(colors\.slate\.800\)\] {
+:is(.dark .dark\:\[--quick-links-hover-bg\:theme\(colors\.slate\.800\)\]) {
   --quick-links-hover-bg: #1e293b;
 }
 
-.dark .dark\:hover\:bg-blue-300:hover {
+:is(.dark .dark\:hover\:bg-blue-300:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(147 197 253 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:hover\:bg-gray-400:hover {
+:is(.dark .dark\:hover\:bg-gray-400:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(156 163 175 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:hover\:bg-slate-800:hover {
+:is(.dark .dark\:hover\:bg-slate-800:hover) {
   --tw-bg-opacity: 1;
   background-color: rgb(30 41 59 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:hover\:text-blue-100:hover {
+:is(.dark .dark\:hover\:text-blue-100:hover) {
   --tw-text-opacity: 1;
   color: rgb(219 234 254 / var(--tw-text-opacity));
 }
 
-.dark .dark\:hover\:text-red-300:hover {
+:is(.dark .dark\:hover\:text-gray-100:hover) {
   --tw-text-opacity: 1;
-  color: rgb(252 165 165 / var(--tw-text-opacity));
+  color: rgb(243 244 246 / var(--tw-text-opacity));
 }
 
-.dark .dark\:hover\:text-gray-100:hover {
+:is(.dark .dark\:hover\:text-red-300:hover) {
   --tw-text-opacity: 1;
-  color: rgb(243 244 246 / var(--tw-text-opacity));
+  color: rgb(252 165 165 / var(--tw-text-opacity));
 }
 
-.dark .dark\:focus\:border-gray-100:focus {
+:is(.dark .dark\:focus\:border-gray-100:focus) {
   --tw-border-opacity: 1;
   border-color: rgb(243 244 246 / var(--tw-border-opacity));
 }
 
-.dark .group:hover .dark\:group-hover\:border-gray-100 {
+:is(.dark .group:hover .dark\:group-hover\:border-gray-100) {
   --tw-border-opacity: 1;
   border-color: rgb(243 244 246 / var(--tw-border-opacity));
 }
 
-.dark .group:hover .dark\:group-hover\:bg-gray-500 {
+:is(.dark .group:hover .dark\:group-hover\:bg-gray-500) {
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));
 }
 
-.dark .group:hover .dark\:group-hover\:text-gray-100 {
+:is(.dark .group:hover .dark\:group-hover\:text-gray-100) {
   --tw-text-opacity: 1;
   color: rgb(243 244 246 / var(--tw-text-opacity));
 }
 
 @media (min-width: 640px) {
-  .sm\:top-2\/4 {
-    top: 50%;
-  }
-
   .sm\:bottom-\[none\] {
     bottom: none;
   }
 
+  .sm\:left-2\/4 {
+    left: 50%;
+  }
+
   .sm\:right-\[none\] {
     right: none;
   }
 
-  .sm\:left-2\/4 {
-    left: 50%;
+  .sm\:top-2\/4 {
+    top: 50%;
   }
 
   .sm\:col-span-3 {
@@ -2876,16 +2773,16 @@ select {
     margin: 0.75rem;
   }
 
-  .sm\:my-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-
   .sm\:mx-0 {
     margin-left: 0px;
     margin-right: 0px;
   }
 
+  .sm\:my-4 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+
   .sm\:ml-3 {
     margin-left: 0.75rem;
   }
@@ -2915,18 +2812,17 @@ select {
   }
 
   .sm\:max-w-fit {
-    max-width: -webkit-fit-content;
     max-width: -moz-fit-content;
     max-width: fit-content;
   }
 
-  .sm\:translate-y-\[-50\%\] {
-    --tw-translate-y: -50%;
+  .sm\:translate-x-\[-50\%\] {
+    --tw-translate-x: -50%;
     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));
   }
 
-  .sm\:translate-x-\[-50\%\] {
-    --tw-translate-x: -50%;
+  .sm\:translate-y-\[-50\%\] {
+    --tw-translate-y: -50%;
     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));
   }
 
@@ -2956,6 +2852,10 @@ select {
     border-radius: 0.375rem;
   }
 
+  .sm\:p-3 {
+    padding: 0.75rem;
+  }
+
   .sm\:p-4 {
     padding: 1rem;
   }
@@ -2964,13 +2864,14 @@ select {
     padding: 1.5rem;
   }
 
-  .sm\:p-3 {
-    padding: 0.75rem;
+  .sm\:px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
   }
 
-  .sm\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
+  .sm\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
   }
 
   .sm\:px-5 {
@@ -2978,21 +2879,16 @@ select {
     padding-right: 1.25rem;
   }
 
+  .sm\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
   .sm\:py-3 {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
   }
 
-  .sm\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-
-  .sm\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
-
   .sm\:py-5 {
     padding-top: 1.25rem;
     padding-bottom: 1.25rem;
@@ -3002,15 +2898,15 @@ select {
     padding-bottom: 1rem;
   }
 
-  .sm\:text-sm {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-  }
-
   .sm\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;
   }
+
+  .sm\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
 }
 
 @media (min-width: 768px) {
@@ -3043,14 +2939,14 @@ select {
     grid-column: span 3 / span 3;
   }
 
-  .md\:mt-0 {
-    margin-top: 0px;
-  }
-
   .md\:ml-6 {
     margin-left: 1.5rem;
   }
 
+  .md\:mt-0 {
+    margin-top: 0px;
+  }
+
   .md\:block {
     display: block;
   }
@@ -3125,21 +3021,21 @@ select {
     background-color: rgb(249 250 251 / var(--tw-bg-opacity));
   }
 
-  .dark .md\:dark\:hover\:bg-slate-800:hover {
+  :is(.dark .md\:dark\:hover\:bg-slate-800:hover) {
     --tw-bg-opacity: 1;
     background-color: rgb(30 41 59 / var(--tw-bg-opacity));
   }
 }
 
 @media (min-width: 1024px) {
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
   .lg\:ml-4 {
     margin-left: 1rem;
   }
 
+  .lg\:mt-0 {
+    margin-top: 0px;
+  }
+
   .lg\:flex {
     display: flex;
   }