@dcrackel/hematournamentui 1.0.706 → 1.0.708

package/dist/hematournamentui-tailwind.css

@@ -210,6 +210,9 @@
   }
 }
 @layer utilities {
+  .pointer-events-none {
+    pointer-events: none;
+  }
   .visible {
     visibility: visible;
   }
@@ -239,12 +242,18 @@
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
+  .-top-4 {
+    top: calc(var(--spacing) * -4);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
   .top-1 {
     top: calc(var(--spacing) * 1);
   }
+  .top-1\/2 {
+    top: calc(1 / 2 * 100%);
+  }
   .top-3 {
     top: calc(var(--spacing) * 3);
   }
@@ -269,6 +278,9 @@
   .right-12 {
     right: calc(var(--spacing) * 12);
   }
+  .-bottom-1 {
+    bottom: calc(var(--spacing) * -1);
+  }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
@@ -281,6 +293,9 @@
   .left-11 {
     left: calc(var(--spacing) * 11);
   }
+  .left-full {
+    left: 100%;
+  }
   .z-0 {
     z-index: 0;
   }
@@ -296,6 +311,9 @@
   .z-50 {
     z-index: 50;
   }
+  .order-first {
+    order: -9999;
+  }
   .col-span-1 {
     grid-column: span 1 / span 1;
   }
@@ -392,15 +410,6 @@
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
-  .-mt-\[0\.6rem\] {
-    margin-top: calc(0.6rem * -1);
-  }
-  .-mt-\[0rem\] {
-    margin-top: calc(0rem * -1);
-  }
-  .-mt-\[2rem\] {
-    margin-top: calc(2rem * -1);
-  }
   .mt-0 {
     margin-top: calc(var(--spacing) * 0);
   }
@@ -434,240 +443,15 @@
   .mt-10 {
     margin-top: calc(var(--spacing) * 10);
   }
+  .mt-12 {
+    margin-top: calc(var(--spacing) * 12);
+  }
   .mt-\[0\.5rem\] {
     margin-top: 0.5rem;
   }
-  .mt-\[0\.6rem\] {
-    margin-top: 0.6rem;
-  }
-  .mt-\[0\.7rem\] {
-    margin-top: 0.7rem;
-  }
-  .mt-\[0\.65rem\] {
-    margin-top: 0.65rem;
-  }
-  .mt-\[0rem\] {
-    margin-top: 0rem;
-  }
-  .mt-\[1\.1rem\] {
-    margin-top: 1.1rem;
-  }
-  .mt-\[1\.2rem\] {
-    margin-top: 1.2rem;
-  }
-  .mt-\[1\.3rem\] {
-    margin-top: 1.3rem;
-  }
-  .mt-\[1\.4rem\] {
-    margin-top: 1.4rem;
-  }
-  .mt-\[1\.5rem\] {
-    margin-top: 1.5rem;
-  }
-  .mt-\[1\.6rem\] {
-    margin-top: 1.6rem;
-  }
-  .mt-\[1\.34rem\] {
-    margin-top: 1.34rem;
-  }
   .mt-\[1px\] {
     margin-top: 1px;
   }
-  .mt-\[2\.2rem\] {
-    margin-top: 2.2rem;
-  }
-  .mt-\[2\.3rem\] {
-    margin-top: 2.3rem;
-  }
-  .mt-\[2\.5rem\] {
-    margin-top: 2.5rem;
-  }
-  .mt-\[2\.7rem\] {
-    margin-top: 2.7rem;
-  }
-  .mt-\[2\.8rem\] {
-    margin-top: 2.8rem;
-  }
-  .mt-\[2\.9rem\] {
-    margin-top: 2.9rem;
-  }
-  .mt-\[2\.25rem\] {
-    margin-top: 2.25rem;
-  }
-  .mt-\[3\.4rem\] {
-    margin-top: 3.4rem;
-  }
-  .mt-\[3\.8rem\] {
-    margin-top: 3.8rem;
-  }
-  .mt-\[3\.25rem\] {
-    margin-top: 3.25rem;
-  }
-  .mt-\[3rem\] {
-    margin-top: 3rem;
-  }
-  .mt-\[4\.5rem\] {
-    margin-top: 4.5rem;
-  }
-  .mt-\[4\.6rem\] {
-    margin-top: 4.6rem;
-  }
-  .mt-\[4\.7rem\] {
-    margin-top: 4.7rem;
-  }
-  .mt-\[4rem\] {
-    margin-top: 4rem;
-  }
-  .mt-\[5\.8rem\] {
-    margin-top: 5.8rem;
-  }
-  .mt-\[5\.9rem\] {
-    margin-top: 5.9rem;
-  }
-  .mt-\[5rem\] {
-    margin-top: 5rem;
-  }
-  .mt-\[6\.4rem\] {
-    margin-top: 6.4rem;
-  }
-  .mt-\[6rem\] {
-    margin-top: 6rem;
-  }
-  .mt-\[7\.5rem\] {
-    margin-top: 7.5rem;
-  }
-  .mt-\[7\.85rem\] {
-    margin-top: 7.85rem;
-  }
-  .mt-\[7rem\] {
-    margin-top: 7rem;
-  }
-  .mt-\[8rem\] {
-    margin-top: 8rem;
-  }
-  .mt-\[9\.1rem\] {
-    margin-top: 9.1rem;
-  }
-  .mt-\[9rem\] {
-    margin-top: 9rem;
-  }
-  .mt-\[10rem\] {
-    margin-top: 10rem;
-  }
-  .mt-\[11\.5rem\] {
-    margin-top: 11.5rem;
-  }
-  .mt-\[11\.7rem\] {
-    margin-top: 11.7rem;
-  }
-  .mt-\[11rem\] {
-    margin-top: 11rem;
-  }
-  .mt-\[12\.1rem\] {
-    margin-top: 12.1rem;
-  }
-  .mt-\[12\.2rem\] {
-    margin-top: 12.2rem;
-  }
-  .mt-\[12\.5rem\] {
-    margin-top: 12.5rem;
-  }
-  .mt-\[12\.8rem\] {
-    margin-top: 12.8rem;
-  }
-  .mt-\[14rem\] {
-    margin-top: 14rem;
-  }
-  .mt-\[15\.6rem\] {
-    margin-top: 15.6rem;
-  }
-  .mt-\[16\.1rem\] {
-    margin-top: 16.1rem;
-  }
-  .mt-\[16\.8rem\] {
-    margin-top: 16.8rem;
-  }
-  .mt-\[18rem\] {
-    margin-top: 18rem;
-  }
-  .mt-\[22\.5rem\] {
-    margin-top: 22.5rem;
-  }
-  .mt-\[22rem\] {
-    margin-top: 22rem;
-  }
-  .mt-\[23rem\] {
-    margin-top: 23rem;
-  }
-  .mt-\[24\.4rem\] {
-    margin-top: 24.4rem;
-  }
-  .mt-\[24\.5rem\] {
-    margin-top: 24.5rem;
-  }
-  .mt-\[24\.45rem\] {
-    margin-top: 24.45rem;
-  }
-  .mt-\[25\.5rem\] {
-    margin-top: 25.5rem;
-  }
-  .mt-\[25\.76rem\] {
-    margin-top: 25.76rem;
-  }
-  .mt-\[30\.1rem\] {
-    margin-top: 30.1rem;
-  }
-  .mt-\[34\.1rem\] {
-    margin-top: 34.1rem;
-  }
-  .mt-\[34\.3rem\] {
-    margin-top: 34.3rem;
-  }
-  .mt-\[34\.8rem\] {
-    margin-top: 34.8rem;
-  }
-  .mt-\[47\.5rem\] {
-    margin-top: 47.5rem;
-  }
-  .mt-\[48\.7rem\] {
-    margin-top: 48.7rem;
-  }
-  .mt-\[51\.5rem\] {
-    margin-top: 51.5rem;
-  }
-  .mt-\[53\.6rem\] {
-    margin-top: 53.6rem;
-  }
-  .mt-\[64\.8rem\] {
-    margin-top: 64.8rem;
-  }
-  .mt-\[68rem\] {
-    margin-top: 68rem;
-  }
-  .mt-\[70\.8rem\] {
-    margin-top: 70.8rem;
-  }
-  .mt-\[99rem\] {
-    margin-top: 99rem;
-  }
-  .mt-\[109\.5rem\] {
-    margin-top: 109.5rem;
-  }
-  .mt-\[110rem\] {
-    margin-top: 110rem;
-  }
-  .mt-\[140rem\] {
-    margin-top: 140rem;
-  }
-  .mt-\[146\.5rem\] {
-    margin-top: 146.5rem;
-  }
-  .mt-\[148\.5rem\] {
-    margin-top: 148.5rem;
-  }
-  .mt-\[223rem\] {
-    margin-top: 223rem;
-  }
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
@@ -683,9 +467,6 @@
   .mr-4 {
     margin-right: calc(var(--spacing) * 4);
   }
-  .mr-5 {
-    margin-right: calc(var(--spacing) * 5);
-  }
   .mr-6 {
     margin-right: calc(var(--spacing) * 6);
   }
@@ -722,60 +503,6 @@
   .mb-10 {
     margin-bottom: calc(var(--spacing) * 10);
   }
-  .mb-\[1\.8rem\] {
-    margin-bottom: 1.8rem;
-  }
-  .mb-\[1\.75rem\] {
-    margin-bottom: 1.75rem;
-  }
-  .mb-\[2\.65rem\] {
-    margin-bottom: 2.65rem;
-  }
-  .mb-\[2rem\] {
-    margin-bottom: 2rem;
-  }
-  .mb-\[3\.4rem\] {
-    margin-bottom: 3.4rem;
-  }
-  .mb-\[3\.8rem\] {
-    margin-bottom: 3.8rem;
-  }
-  .mb-\[3\.63rem\] {
-    margin-bottom: 3.63rem;
-  }
-  .mb-\[5rem\] {
-    margin-bottom: 5rem;
-  }
-  .mb-\[7\.15rem\] {
-    margin-bottom: 7.15rem;
-  }
-  .mb-\[7rem\] {
-    margin-bottom: 7rem;
-  }
-  .mb-\[9\.95rem\] {
-    margin-bottom: 9.95rem;
-  }
-  .mb-\[10rem\] {
-    margin-bottom: 10rem;
-  }
-  .mb-\[13\.78rem\] {
-    margin-bottom: 13.78rem;
-  }
-  .mb-\[14rem\] {
-    margin-bottom: 14rem;
-  }
-  .mb-\[18\.8rem\] {
-    margin-bottom: 18.8rem;
-  }
-  .mb-\[29rem\] {
-    margin-bottom: 29rem;
-  }
-  .mb-\[36\.5rem\] {
-    margin-bottom: 36.5rem;
-  }
-  .mb-\[62rem\] {
-    margin-bottom: 62rem;
-  }
   .-ml-1 {
     margin-left: calc(var(--spacing) * -1);
   }
@@ -785,21 +512,6 @@
   .-ml-4 {
     margin-left: calc(var(--spacing) * -4);
   }
-  .-ml-\[0\.3rem\] {
-    margin-left: calc(0.3rem * -1);
-  }
-  .-ml-\[11rem\] {
-    margin-left: calc(11rem * -1);
-  }
-  .-ml-\[19\.2rem\] {
-    margin-left: calc(19.2rem * -1);
-  }
-  .-ml-\[181px\] {
-    margin-left: calc(181px * -1);
-  }
-  .-ml-\[309px\] {
-    margin-left: calc(309px * -1);
-  }
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
@@ -863,6 +575,9 @@
   .h-2 {
     height: calc(var(--spacing) * 2);
   }
+  .h-2\.5 {
+    height: calc(var(--spacing) * 2.5);
+  }
   .h-3 {
     height: calc(var(--spacing) * 3);
   }
@@ -917,114 +632,39 @@
   .h-72 {
     height: calc(var(--spacing) * 72);
   }
-  .h-\[1\.5rem\] {
-    height: 1.5rem;
-  }
-  .h-\[2\.7rem\] {
-    height: 2.7rem;
-  }
-  .h-\[3\.5rem\] {
-    height: 3.5rem;
-  }
-  .h-\[3\.6rem\] {
-    height: 3.6rem;
-  }
-  .h-\[3rem\] {
-    height: 3rem;
-  }
-  .h-\[4\.8rem\] {
-    height: 4.8rem;
-  }
-  .h-\[6\.7rem\] {
-    height: 6.7rem;
-  }
-  .h-\[6rem\] {
-    height: 6rem;
-  }
-  .h-\[7\.2rem\] {
-    height: 7.2rem;
-  }
-  .h-\[7rem\] {
-    height: 7rem;
-  }
-  .h-\[8\.5rem\] {
-    height: 8.5rem;
-  }
-  .h-\[8rem\] {
-    height: 8rem;
-  }
-  .h-\[9\.1rem\] {
-    height: 9.1rem;
-  }
-  .h-\[10\.5rem\] {
-    height: 10.5rem;
-  }
-  .h-\[12\.6rem\] {
-    height: 12.6rem;
-  }
-  .h-\[12rem\] {
-    height: 12rem;
-  }
   .h-\[14px\] {
     height: 14px;
   }
-  .h-\[14rem\] {
-    height: 14rem;
-  }
-  .h-\[18rem\] {
-    height: 18rem;
-  }
   .h-\[20px\] {
     height: 20px;
   }
-  .h-\[25\.1rem\] {
-    height: 25.1rem;
-  }
-  .h-\[28rem\] {
-    height: 28rem;
-  }
-  .h-\[36rem\] {
-    height: 36rem;
-  }
-  .h-\[56rem\] {
-    height: 56rem;
-  }
-  .h-\[72rem\] {
-    height: 72rem;
-  }
-  .h-\[80rem\] {
-    height: 80rem;
-  }
-  .h-\[81rem\] {
-    height: 81rem;
-  }
-  .h-\[112rem\] {
-    height: 112rem;
-  }
-  .h-\[256px\] {
-    height: 256px;
-  }
-  .h-\[700px\] {
-    height: 700px;
+  .h-\[57px\] {
+    height: 57px;
   }
   .h-full {
     height: 100%;
   }
+  .h-px {
+    height: 1px;
+  }
   .max-h-44 {
     max-height: calc(var(--spacing) * 44);
   }
   .max-h-60 {
     max-height: calc(var(--spacing) * 60);
   }
-  .max-h-\[70vh\] {
-    max-height: 70vh;
-  }
   .max-h-screen {
     max-height: 100vh;
   }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
+  .min-h-16 {
+    min-height: calc(var(--spacing) * 16);
+  }
+  .min-h-20 {
+    min-height: calc(var(--spacing) * 20);
+  }
   .min-h-80 {
     min-height: calc(var(--spacing) * 80);
   }
@@ -1052,6 +692,9 @@
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
+  .w-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+  }
   .w-2\/3 {
     width: calc(2 / 3 * 100%);
   }
@@ -1163,6 +806,9 @@
   .w-\[21px\] {
     width: 21px;
   }
+  .w-\[200px\] {
+    width: 200px;
+  }
   .w-\[342px\] {
     width: 342px;
   }
@@ -1172,6 +818,9 @@
   .w-full {
     width: 100%;
   }
+  .w-px {
+    width: 1px;
+  }
   .max-w-56 {
     max-width: calc(var(--spacing) * 56);
   }
@@ -1205,8 +854,8 @@
   .min-w-\[300px\] {
     min-width: 300px;
   }
-  .min-w-full {
-    min-width: 100%;
+  .min-w-max {
+    min-width: max-content;
   }
   .flex-1 {
     flex: 1;
@@ -1235,6 +884,10 @@
     --tw-translate-x: 100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-rotate-180 {
     rotate: calc(180deg * -1);
   }
@@ -1434,6 +1087,10 @@
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
+  .rounded-t {
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
+  }
   .rounded-t-xl {
     border-top-left-radius: var(--radius-xl);
     border-top-right-radius: var(--radius-xl);
@@ -1442,13 +1099,6 @@
     border-top-left-radius: var(--radius-lg);
     border-bottom-left-radius: var(--radius-lg);
   }
-  .rounded-l-md {
-    border-top-left-radius: var(--radius-md);
-    border-bottom-left-radius: var(--radius-md);
-  }
-  .rounded-tl-md {
-    border-top-left-radius: var(--radius-md);
-  }
   .rounded-r-lg {
     border-top-right-radius: var(--radius-lg);
     border-bottom-right-radius: var(--radius-lg);
@@ -1460,6 +1110,10 @@
   .rounded-tr-lg {
     border-top-right-radius: var(--radius-lg);
   }
+  .rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+  }
   .rounded-b-xl {
     border-bottom-right-radius: var(--radius-xl);
     border-bottom-left-radius: var(--radius-xl);
@@ -1467,9 +1121,6 @@
   .rounded-br-lg {
     border-bottom-right-radius: var(--radius-lg);
   }
-  .rounded-bl-md {
-    border-bottom-left-radius: var(--radius-md);
-  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1494,6 +1145,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-4 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 4px;
+  }
   .border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -1675,6 +1330,12 @@
   .bg-secondary {
     background-color: #2B324B;
   }
+  .bg-secondary\/25 {
+    background-color: color-mix(in oklab, #2B324B 25%, transparent);
+  }
+  .bg-secondary\/85 {
+    background-color: color-mix(in oklab, #2B324B 85%, transparent);
+  }
   .bg-silver {
     background-color: #a0a0a0;
   }
@@ -1690,12 +1351,6 @@
   .bg-white {
     background-color: var(--color-white);
   }
-  .bg-white\/60 {
-    background-color: color-mix(in srgb, #fff 60%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
-    }
-  }
   .bg-winGreen {
     background-color: #68e269;
   }
@@ -1786,9 +1441,6 @@
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
-  .py-8 {
-    padding-block: calc(var(--spacing) * 8);
-  }
   .pt-0\.5 {
     padding-top: calc(var(--spacing) * 0.5);
   }
@@ -1828,6 +1480,9 @@
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
+  .pr-10 {
+    padding-right: calc(var(--spacing) * 10);
+  }
   .pb-1 {
     padding-bottom: calc(var(--spacing) * 1);
   }
@@ -2060,6 +1715,9 @@
   .text-toggleBackground {
     color: #A9C4D6;
   }
+  .uppercase {
+    text-transform: uppercase;
+  }
   .italic {
     font-style: italic;
   }
@@ -2075,8 +1733,8 @@
   .opacity-50 {
     opacity: 50%;
   }
-  .opacity-60 {
-    opacity: 60%;
+  .opacity-70 {
+    opacity: 70%;
   }
   .opacity-100 {
     opacity: 100%;
@@ -2105,6 +1763,10 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-2 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2115,6 +1777,9 @@
   .ring-slate-300 {
     --tw-ring-color: var(--color-slate-300);
   }
+  .ring-transparent {
+    --tw-ring-color: transparent;
+  }
   .ring-white {
     --tw-ring-color: var(--color-white);
   }
@@ -2178,6 +1843,10 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
   .select-none {
     -webkit-user-select: none;
     user-select: none;
@@ -2305,13 +1974,6 @@
       }
     }
   }
-  .hover\:bg-white {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-white);
-      }
-    }
-  }
   .hover\:text-alarm {
     &:hover {
       @media (hover: hover) {
@@ -2368,6 +2030,37 @@
       }
     }
   }
+  .hover\:shadow-lg {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:shadow-md {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:ring-2 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .hover\:ring-bright {
+    &:hover {
+      @media (hover: hover) {
+        --tw-ring-color: #6190f2;
+      }
+    }
+  }
   .focus\:border-primary {
     &:focus {
       border-color: #141B33;
@@ -2401,14 +2094,36 @@
       outline-style: none;
     }
   }
+  .focus-visible\:border-bright {
+    &:focus-visible {
+      border-color: #6190f2;
+    }
+  }
+  .focus-visible\:ring-2 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus-visible\:ring-bright {
+    &:focus-visible {
+      --tw-ring-color: #6190f2;
+    }
+  }
+  .focus-visible\:outline-none {
+    &:focus-visible {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
   .active\:scale-\[0\.98\] {
     &:active {
       scale: 0.98;
     }
   }
-  .active\:scale-\[0\.99\] {
-    &:active {
-      scale: 0.99;
+  .disabled\:cursor-default {
+    &:disabled {
+      cursor: default;
     }
   }
   .disabled\:cursor-not-allowed {
@@ -2541,6 +2256,11 @@
       display: none;
     }
   }
+  .md\:h-7 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 7);
+    }
+  }
   .md\:h-8 {
     @media (width >= 48rem) {
       height: calc(var(--spacing) * 8);
@@ -2596,6 +2316,11 @@
       width: calc(4 / 12 * 100%);
     }
   }
+  .md\:w-7 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 7);
+    }
+  }
   .md\:w-10 {
     @media (width >= 48rem) {
       width: calc(var(--spacing) * 10);
@@ -2636,6 +2361,11 @@
       width: calc(var(--spacing) * 96);
     }
   }
+  .md\:min-w-120 {
+    @media (width >= 48rem) {
+      min-width: calc(var(--spacing) * 120);
+    }
+  }
   .md\:min-w-\[30rem\] {
     @media (width >= 48rem) {
       min-width: 30rem;
@@ -2820,6 +2550,31 @@
       width: calc(var(--spacing) * 12);
     }
   }
+  .xl\:sticky {
+    @media (width >= 80rem) {
+      position: sticky;
+    }
+  }
+  .xl\:top-4 {
+    @media (width >= 80rem) {
+      top: calc(var(--spacing) * 4);
+    }
+  }
+  .xl\:order-last {
+    @media (width >= 80rem) {
+      order: 9999;
+    }
+  }
+  .xl\:w-72 {
+    @media (width >= 80rem) {
+      width: calc(var(--spacing) * 72);
+    }
+  }
+  .xl\:flex-row {
+    @media (width >= 80rem) {
+      flex-direction: row;
+    }
+  }
 }
 @font-face {
   font-family: 'Inter';