@a4ui/core 0.33.0 → 0.35.0

package/dist/elements.css

@@ -1574,6 +1574,9 @@ html.calm .tile-glass {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -1608,6 +1611,10 @@ html.calm .tile-glass {
   left: 0px;
   right: 0px;
 }
+.inset-x-4 {
+  left: 1rem;
+  right: 1rem;
+}
 .inset-y-0 {
   top: 0px;
   bottom: 0px;
@@ -1616,12 +1623,22 @@ html.calm .tile-glass {
   top: 0.25rem;
   bottom: 0.25rem;
 }
+.inset-y-2 {
+  top: 0.5rem;
+  bottom: 0.5rem;
+}
 .-bottom-4 {
   bottom: -1rem;
 }
+.-bottom-5 {
+  bottom: -1.25rem;
+}
 .-bottom-6 {
   bottom: -1.5rem;
 }
+.-left-1 {
+  left: -0.25rem;
+}
 .-left-40 {
   left: -10rem;
 }
@@ -1658,6 +1675,9 @@ html.calm .tile-glass {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
 .bottom-3 {
   bottom: 0.75rem;
 }
@@ -1673,6 +1693,9 @@ html.calm .tile-glass {
 .left-0 {
   left: 0px;
 }
+.left-1 {
+  left: 0.25rem;
+}
 .left-1\/2 {
   left: 50%;
 }
@@ -1688,6 +1711,9 @@ html.calm .tile-glass {
 .left-6 {
   left: 1.5rem;
 }
+.left-\[1\.375rem\] {
+  left: 1.375rem;
+}
 .left-\[calc\(0\.5rem\+0\.375rem\)\] {
   left: calc(0.5rem + 0.375rem);
 }
@@ -1736,6 +1762,9 @@ html.calm .tile-glass {
 .top-6 {
   top: 1.5rem;
 }
+.top-9 {
+  top: 2.25rem;
+}
 .top-\[14vh\] {
   top: 14vh;
 }
@@ -1751,6 +1780,9 @@ html.calm .tile-glass {
 .z-10 {
   z-index: 10;
 }
+.z-20 {
+  z-index: 20;
+}
 .z-40 {
   z-index: 40;
 }
@@ -1772,6 +1804,9 @@ html.calm .tile-glass {
 .z-\[9999\] {
   z-index: 9999;
 }
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
 .col-start-1 {
   grid-column-start: 1;
 }
@@ -1815,9 +1850,15 @@ html.calm .tile-glass {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -1960,6 +2001,9 @@ html.calm .tile-glass {
 .h-4 {
   height: 1rem;
 }
+.h-40 {
+  height: 10rem;
+}
 .h-48 {
   height: 12rem;
 }
@@ -1978,6 +2022,9 @@ html.calm .tile-glass {
 .h-7 {
   height: 1.75rem;
 }
+.h-72 {
+  height: 18rem;
+}
 .h-8 {
   height: 2rem;
 }
@@ -2002,6 +2049,9 @@ html.calm .tile-glass {
 .h-\[1em\] {
   height: 1em;
 }
+.h-\[256px\] {
+  height: 256px;
+}
 .h-\[36rem\] {
   height: 36rem;
 }
@@ -2062,6 +2112,9 @@ html.calm .tile-glass {
 .max-h-\[85vh\] {
   max-height: 85vh;
 }
+.max-h-\[calc\(100vh-10rem\)\] {
+  max-height: calc(100vh - 10rem);
+}
 .min-h-0 {
   min-height: 0px;
 }
@@ -2074,6 +2127,15 @@ html.calm .tile-glass {
 .min-h-\[24px\] {
   min-height: 24px;
 }
+.min-h-\[24rem\] {
+  min-height: 24rem;
+}
+.min-h-\[28rem\] {
+  min-height: 28rem;
+}
+.min-h-\[60px\] {
+  min-height: 60px;
+}
 .min-h-\[80px\] {
   min-height: 80px;
 }
@@ -2179,6 +2241,9 @@ html.calm .tile-glass {
 .w-\[18px\] {
   width: 18px;
 }
+.w-\[256px\] {
+  width: 256px;
+}
 .w-\[36rem\] {
   width: 36rem;
 }
@@ -2236,12 +2301,18 @@ html.calm .tile-glass {
 .min-w-\[2\.5rem\] {
   min-width: 2.5rem;
 }
+.min-w-\[2px\] {
+  min-width: 2px;
+}
 .min-w-\[4rem\] {
   min-width: 4rem;
 }
 .min-w-\[6\.5rem\] {
   min-width: 6.5rem;
 }
+.min-w-\[640px\] {
+  min-width: 640px;
+}
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
@@ -2269,6 +2340,9 @@ html.calm .tile-glass {
 .max-w-\[90vw\] {
   max-width: 90vw;
 }
+.max-w-\[92vw\] {
+  max-width: 92vw;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -2278,6 +2352,9 @@ html.calm .tile-glass {
 .max-w-md {
   max-width: 28rem;
 }
+.max-w-none {
+  max-width: none;
+}
 .max-w-sm {
   max-width: 24rem;
 }
@@ -2314,6 +2391,10 @@ html.calm .tile-glass {
 .origin-top {
   transform-origin: top;
 }
+.-translate-x-0\.5 {
+  --tw-translate-x: -0.125rem;
+  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-1\/2 {
   --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));
@@ -2322,6 +2403,10 @@ html.calm .tile-glass {
   --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));
 }
+.-translate-y-0\.5 {
+  --tw-translate-y: -0.125rem;
+  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-y-1 {
   --tw-translate-y: -0.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));
@@ -2330,6 +2415,14 @@ html.calm .tile-glass {
   --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));
 }
+.-translate-y-full {
+  --tw-translate-y: -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));
+}
+.translate-x-0\.5 {
+  --tw-translate-x: 0.125rem;
+  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%;
   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));
@@ -2363,6 +2456,11 @@ html.calm .tile-glass {
   --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));
 }
+.scale-150 {
+  --tw-scale-x: 1.5;
+  --tw-scale-y: 1.5;
+  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;
@@ -2404,15 +2502,24 @@ html.calm .tile-glass {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
+.cursor-cell {
+  cursor: cell;
+}
 .cursor-col-resize {
   cursor: col-resize;
 }
+.cursor-crosshair {
+  cursor: crosshair;
+}
 .cursor-ew-resize {
   cursor: ew-resize;
 }
 .cursor-grab {
   cursor: grab;
 }
+.cursor-none {
+  cursor: none;
+}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2425,6 +2532,9 @@ html.calm .tile-glass {
 .cursor-zoom-in {
   cursor: zoom-in;
 }
+.cursor-zoom-out {
+  cursor: zoom-out;
+}
 .touch-none {
   touch-action: none;
 }
@@ -2447,6 +2557,9 @@ html.calm .tile-glass {
 .list-none {
   list-style-type: none;
 }
+.appearance-none {
+  appearance: none;
+}
 .auto-rows-\[minmax\(11rem\2c auto\)\] {
   grid-auto-rows: minmax(11rem,auto);
 }
@@ -2462,6 +2575,9 @@ html.calm .tile-glass {
 .grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
+.grid-cols-8 {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
 .grid-rows-\[0fr\] {
   grid-template-rows: 0fr;
 }
@@ -2525,12 +2641,18 @@ html.calm .tile-glass {
 .gap-4 {
   gap: 1rem;
 }
+.gap-5 {
+  gap: 1.25rem;
+}
 .gap-6 {
   gap: 1.5rem;
 }
 .gap-8 {
   gap: 2rem;
 }
+.gap-\[2px\] {
+  gap: 2px;
+}
 .gap-x-3 {
   column-gap: 0.75rem;
 }
@@ -2590,6 +2712,9 @@ html.calm .tile-glass {
 .divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
   border-color: hsl(var(--border) / 0.6);
 }
+.self-center {
+  align-self: center;
+}
 .self-stretch {
   align-self: stretch;
 }
@@ -2608,6 +2733,9 @@ html.calm .tile-glass {
 .overflow-y-auto {
   overflow-y: auto;
 }
+.overscroll-contain {
+  overscroll-behavior: contain;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2668,6 +2796,10 @@ html.calm .tile-glass {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
 }
+.rounded-t-2xl {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}
 .border {
   border-width: 1px;
 }
@@ -2685,6 +2817,10 @@ html.calm .tile-glass {
   border-top-width: 1px;
   border-bottom-width: 1px;
 }
+.border-y-4 {
+  border-top-width: 4px;
+  border-bottom-width: 4px;
+}
 .border-b {
   border-bottom-width: 1px;
 }
@@ -2700,9 +2836,15 @@ html.calm .tile-glass {
 .border-l-4 {
   border-left-width: 4px;
 }
+.border-l-8 {
+  border-left-width: 8px;
+}
 .border-r {
   border-right-width: 1px;
 }
+.border-r-8 {
+  border-right-width: 8px;
+}
 .border-t {
   border-top-width: 1px;
 }
@@ -2712,6 +2854,9 @@ html.calm .tile-glass {
 .border-dashed {
   border-style: dashed;
 }
+.border-none {
+  border-style: none;
+}
 .border-amber-500 {
   --tw-border-opacity: 1;
   border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
@@ -2727,6 +2872,9 @@ html.calm .tile-glass {
   --tw-border-opacity: 1;
   border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
 }
+.border-border\/40 {
+  border-color: hsl(var(--border) / 0.4);
+}
 .border-border\/60 {
   border-color: hsl(var(--border) / 0.6);
 }
@@ -2789,6 +2937,18 @@ html.calm .tile-glass {
   border-left-color: transparent;
   border-right-color: transparent;
 }
+.border-y-transparent {
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+.border-l-border {
+  --tw-border-opacity: 1;
+  border-left-color: hsl(var(--border) / var(--tw-border-opacity, 1));
+}
+.border-r-border {
+  --tw-border-opacity: 1;
+  border-right-color: hsl(var(--border) / var(--tw-border-opacity, 1));
+}
 .border-t-foreground {
   --tw-border-opacity: 1;
   border-top-color: hsl(var(--foreground) / var(--tw-border-opacity, 1));
@@ -2800,6 +2960,9 @@ html.calm .tile-glass {
 .bg-accent\/15 {
   background-color: hsl(var(--accent) / 0.15);
 }
+.bg-accent\/30 {
+  background-color: hsl(var(--accent) / 0.3);
+}
 .bg-amber-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
@@ -2826,6 +2989,13 @@ html.calm .tile-glass {
 .bg-background\/90 {
   background-color: hsl(var(--background) / 0.9);
 }
+.bg-background\/95 {
+  background-color: hsl(var(--background) / 0.95);
+}
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
 .bg-black\/10 {
   background-color: rgb(0 0 0 / 0.1);
 }
@@ -2846,6 +3016,9 @@ html.calm .tile-glass {
 .bg-card\/70 {
   background-color: hsl(var(--card) / 0.7);
 }
+.bg-card\/80 {
+  background-color: hsl(var(--card) / 0.8);
+}
 .bg-current {
   background-color: currentColor;
 }
@@ -2887,6 +3060,9 @@ html.calm .tile-glass {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
 }
+.bg-muted-foreground\/40 {
+  background-color: hsl(var(--muted-foreground) / 0.4);
+}
 .bg-muted\/30 {
   background-color: hsl(var(--muted) / 0.3);
 }
@@ -2943,9 +3119,20 @@ html.calm .tile-glass {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-white\/25 {
+  background-color: rgb(255 255 255 / 0.25);
+}
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
+.bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+.from-black\/80 {
+  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-primary\/40 {
   --tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
   --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
@@ -2956,6 +3143,10 @@ html.calm .tile-glass {
   --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.via-black\/40 {
+  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
 .via-foreground\/25 {
   --tw-gradient-to: hsl(var(--foreground) / 0)  var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--foreground) / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -2996,6 +3187,9 @@ html.calm .tile-glass {
 .p-1 {
   padding: 0.25rem;
 }
+.p-1\.5 {
+  padding: 0.375rem;
+}
 .p-10 {
   padding: 2.5rem;
 }
@@ -3081,6 +3275,10 @@ html.calm .tile-glass {
   padding-top: 3.5rem;
   padding-bottom: 3.5rem;
 }
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -3140,6 +3338,9 @@ html.calm .tile-glass {
 .pl-4 {
   padding-left: 1rem;
 }
+.pl-8 {
+  padding-left: 2rem;
+}
 .pr-1 {
   padding-right: 0.25rem;
 }
@@ -3167,12 +3368,18 @@ html.calm .tile-glass {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-1\.5 {
+  padding-top: 0.375rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
 .pt-4 {
   padding-top: 1rem;
 }
+.pt-6 {
+  padding-top: 1.5rem;
+}
 .text-left {
   text-align: left;
 }
@@ -3194,6 +3401,9 @@ html.calm .tile-glass {
 .font-mono {
   font-family: "IBM Plex Mono", ui-monospace, monospace;
 }
+.font-sans {
+  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
+}
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -3266,6 +3476,9 @@ html.calm .tile-glass {
 .uppercase {
   text-transform: uppercase;
 }
+.lowercase {
+  text-transform: lowercase;
+}
 .capitalize {
   text-transform: capitalize;
 }
@@ -3276,6 +3489,9 @@ html.calm .tile-glass {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-6 {
+  line-height: 1.5rem;
+}
 .leading-none {
   line-height: 1;
 }
@@ -3291,6 +3507,10 @@ html.calm .tile-glass {
 .tracking-wide {
   letter-spacing: 0.025em;
 }
+.text-accent {
+  --tw-text-opacity: 1;
+  color: hsl(var(--accent) / var(--tw-text-opacity, 1));
+}
 .text-accent-foreground {
   --tw-text-opacity: 1;
   color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
@@ -3345,6 +3565,9 @@ html.calm .tile-glass {
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity, 1));
 }
+.text-inherit {
+  color: inherit;
+}
 .text-muted {
   --tw-text-opacity: 1;
   color: hsl(var(--muted) / var(--tw-text-opacity, 1));
@@ -3394,6 +3617,16 @@ html.calm .tile-glass {
   --tw-text-opacity: 1;
   color: rgb(14 165 233 / var(--tw-text-opacity, 1));
 }
+.text-transparent {
+  color: transparent;
+}
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.text-white\/85 {
+  color: rgb(255 255 255 / 0.85);
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -3406,6 +3639,12 @@ html.calm .tile-glass {
 .underline-offset-2 {
   text-underline-offset: 2px;
 }
+.caret-foreground {
+  caret-color: hsl(var(--foreground) / 1);
+}
+.caret-transparent {
+  caret-color: transparent;
+}
 .accent-foreground {
   accent-color: hsl(var(--foreground) / 1);
 }
@@ -3433,6 +3672,9 @@ html.calm .tile-glass {
 .opacity-75 {
   opacity: 0.75;
 }
+.opacity-80 {
+  opacity: 0.8;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -3537,6 +3779,10 @@ html.calm .tile-glass {
   --tw-blur: blur(64px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.blur-\[1px\] {
+  --tw-blur: blur(1px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .blur-lg {
   --tw-blur: blur(16px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -3619,6 +3865,11 @@ html.calm .tile-glass {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-\[left\2c top\] {
+  transition-property: left,top;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-\[opacity\2c transform\] {
   transition-property: opacity,transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3675,12 +3926,18 @@ html.calm .tile-glass {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.will-change-\[left\2c top\] {
+  will-change: left,top;
+}
 .will-change-transform {
   will-change: transform;
 }
 .\[scrollbar-width\:none\] {
   scrollbar-width: none;
 }
+.\[tab-size\:2\] {
+  tab-size: 2;
+}
 .placeholder\:text-muted-foreground::placeholder {
   --tw-text-opacity: 1;
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
@@ -3776,6 +4033,14 @@ html.calm .tile-glass {
   --tw-translate-y: -0.125rem;
   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));
 }
+.hover\:scale-105:hover {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  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));
+}
+.hover\:border-emerald-500\/60:hover {
+  border-color: rgb(16 185 129 / 0.6);
+}
 .hover\:border-primary:hover {
   --tw-border-opacity: 1;
   border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
@@ -3881,6 +4146,10 @@ html.calm .tile-glass {
 .focus\:ring-ring\/40:focus {
   --tw-ring-color: hsl(var(--ring) / 0.4);
 }
+.focus-visible\:border-ring:focus-visible {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--ring) / var(--tw-border-opacity, 1));
+}
 .focus-visible\:bg-primary\/50:focus-visible {
   background-color: hsl(var(--primary) / 0.5);
 }
@@ -3888,6 +4157,15 @@ html.calm .tile-glass {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus-visible\:outline:focus-visible {
+  outline-style: solid;
+}
+.focus-visible\:outline-2:focus-visible {
+  outline-width: 2px;
+}
+.focus-visible\:outline-ring:focus-visible {
+  outline-color: hsl(var(--ring) / 1);
+}
 .focus-visible\:ring-2:focus-visible {
   --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);
@@ -3912,6 +4190,11 @@ html.calm .tile-glass {
   --tw-scale-y: .9;
   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));
 }
+.active\:scale-95:active {
+  --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));
+}
 .active\:scale-\[0\.97\]:active {
   --tw-scale-x: 0.97;
   --tw-scale-y: 0.97;
@@ -3949,6 +4232,11 @@ html.calm .tile-glass {
   --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));
 }
+.group:hover .group-hover\:scale-105 {
+  --tw-scale-x: 1.05;
+  --tw-scale-y: 1.05;
+  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));
+}
 .group\/block:hover .group-hover\/block\:opacity-100 {
   opacity: 1;
 }
@@ -4065,6 +4353,14 @@ html.calm .tile-glass {
     white-space: normal;
   }
 
+  .sm\:left-4 {
+    left: 1rem;
+  }
+
+  .sm\:right-4 {
+    right: 1rem;
+  }
+
   .sm\:col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -4181,6 +4477,9 @@ html.calm .tile-glass {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
 }
+.\[\&\.a4ui-tile-loaded\]\:opacity-100.a4ui-tile-loaded {
+  opacity: 1;
+}
 .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
   display: none;
 }