cursedbelt 5.0.1 → 5.2.0

package/dist/styles-areas/analytics.css

@@ -1,5 +1,5 @@
 /*
- * cursedbelt — the `analytics` area. GENERATED BUILD ARTIFACT. Never hand-edit.
+ * cursedbelt — the `analytics` area's utility candidates. GENERATED BUILD ARTIFACT. Never hand-edit.
  *
  * the analytics panel and its drilldown.
  *
@@ -13,660 +13,37 @@
  *   @import "cursedbelt/styles-areas/analytics.css";
  *   @import "cursedbelt/theme.css";
  *
- * An app that imports every area gets exactly what `cursedbelt/styles-utilities.css`
- * emits — proved rule by rule in src/stylesAreas.spec.ts, which is also what fails
- * when this file is stale. 1317 candidate(s) scanned.
+ * These are CANDIDATES (`@source inline`), not CSS: the app's own Tailwind pass generates
+ * them, sorted together with the app's utilities, so an area can never put a base utility
+ * after an app's responsive variant (task 2124). An app that imports every area gets exactly
+ * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
+ * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
+ * 125 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
  * import closures rather than a hand-written list, is scripts/styleAreas.ts.
  */
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties;
-@layer theme, base, components, utilities;
-@layer theme {
-  :root, :host {
-    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-    --spacing: 0.25rem;
-    --text-xl: 1.25rem;
-    --text-xl--line-height: calc(1.75 / 1.25);
-    --tracking-wider: 0.05em;
-    --default-transition-duration: 150ms;
-    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  }
-}
-@layer utilities {
-  .top-2 {
-    top: calc(var(--spacing) * 2);
-  }
-  .top-3 {
-    top: calc(var(--spacing) * 3);
-  }
-  .right-3 {
-    right: calc(var(--spacing) * 3);
-  }
-  .left-0 {
-    left: 0px;
-  }
-  .left-2\.5 {
-    left: calc(var(--spacing) * 2.5);
-  }
-  .-m-1 {
-    margin: calc(var(--spacing) * -1);
-  }
-  .-mx-1 {
-    margin-inline: calc(var(--spacing) * -1);
-  }
-  .-my-2\.5 {
-    margin-block: calc(var(--spacing) * -2.5);
-  }
-  .-mt-6 {
-    margin-top: calc(var(--spacing) * -6);
-  }
-  .mt-1\.5 {
-    margin-top: calc(var(--spacing) * 1.5);
-  }
-  .mt-3 {
-    margin-top: calc(var(--spacing) * 3);
-  }
-  .mt-4 {
-    margin-top: calc(var(--spacing) * 4);
-  }
-  .mr-2 {
-    margin-right: calc(var(--spacing) * 2);
-  }
-  .ml-1\.5 {
-    margin-left: calc(var(--spacing) * 1.5);
-  }
-  .line-clamp-2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-  }
-  .size-2 {
-    width: calc(var(--spacing) * 2);
-    height: calc(var(--spacing) * 2);
-  }
-  .size-7 {
-    width: calc(var(--spacing) * 7);
-    height: calc(var(--spacing) * 7);
-  }
-  .h-\[420px\] {
-    height: 420px;
-  }
-  .max-h-64 {
-    max-height: calc(var(--spacing) * 64);
-  }
-  .max-h-\[22rem\] {
-    max-height: 22rem;
-  }
-  .max-h-\[40dvh\] {
-    max-height: 40dvh;
-  }
-  .max-h-\[65dvh\] {
-    max-height: 65dvh;
-  }
-  .max-h-\[85dvh\] {
-    max-height: 85dvh;
-  }
-  .min-h-20 {
-    min-height: calc(var(--spacing) * 20);
-  }
-  .w-20 {
-    width: calc(var(--spacing) * 20);
-  }
-  .w-28 {
-    width: calc(var(--spacing) * 28);
-  }
-  .w-36 {
-    width: calc(var(--spacing) * 36);
-  }
-  .w-40 {
-    width: calc(var(--spacing) * 40);
-  }
-  .w-\[352px\] {
-    width: 352px;
-  }
-  .max-w-32 {
-    max-width: calc(var(--spacing) * 32);
-  }
-  .max-w-36 {
-    max-width: calc(var(--spacing) * 36);
-  }
-  .max-w-48 {
-    max-width: calc(var(--spacing) * 48);
-  }
-  .max-w-\[180px\] {
-    max-width: 180px;
-  }
-  .max-w-\[240px\] {
-    max-width: 240px;
-  }
-  .min-w-24 {
-    min-width: calc(var(--spacing) * 24);
-  }
-  .min-w-52 {
-    min-width: calc(var(--spacing) * 52);
-  }
-  .min-w-\[5rem\] {
-    min-width: 5rem;
-  }
-  .min-w-\[var\(--anchor-width\)\] {
-    min-width: var(--anchor-width);
-  }
-  .shrink-\[2\] {
-    flex-shrink: 2;
-  }
-  .table-fixed {
-    table-layout: fixed;
-  }
-  .cursor-grab {
-    cursor: grab;
-  }
-  .cursor-not-allowed {
-    cursor: not-allowed;
-  }
-  .resize-none {
-    resize: none;
-  }
-  .resize-y {
-    resize: vertical;
-  }
-  .list-none {
-    list-style-type: none;
-  }
-  .appearance-none {
-    appearance: none;
-  }
-  .self-center {
-    align-self: center;
-  }
-  .self-stretch {
-    align-self: stretch;
-  }
-  .justify-self-end {
-    justify-self: flex-end;
-  }
-  .rounded-t-xl {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-  .rounded-l-xl {
-    border-top-left-radius: 1.5rem;
-    border-bottom-left-radius: 1.5rem;
-  }
-  .rounded-r-xl {
-    border-top-right-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-  .border-0 {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
-  }
-  .border-r {
-    border-right-style: var(--tw-border-style);
-    border-right-width: 1px;
-  }
-  .border-l {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
-  }
-  .border-field-error {
-    border-color: var(--field-error);
-  }
-  .bg-\[var\(--cb-frozen-bg\)\] {
-    background-color: var(--cb-frozen-bg);
-  }
-  .bg-card\/95 {
-    background-color: var(--card);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--card) 95%, transparent);
-    }
-  }
-  .bg-muted\/30 {
-    background-color: var(--muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
-    }
-  }
-  .bg-muted\/40 {
-    background-color: var(--muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
-    }
-  }
-  .bg-muted\/50 {
-    background-color: var(--muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
-    }
-  }
-  .bg-gradient-to-t {
-    --tw-gradient-position: to top in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
-  }
-  .from-card {
-    --tw-gradient-from: var(--card);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
-  .to-transparent {
-    --tw-gradient-to: transparent;
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
-  .pt-1 {
-    padding-top: var(--spacing);
-  }
-  .pr-0\.5 {
-    padding-right: calc(var(--spacing) * 0.5);
-  }
-  .pr-1 {
-    padding-right: var(--spacing);
-  }
-  .pr-3 {
-    padding-right: calc(var(--spacing) * 3);
-  }
-  .pr-9 {
-    padding-right: calc(var(--spacing) * 9);
-  }
-  .pr-10 {
-    padding-right: calc(var(--spacing) * 10);
-  }
-  .pr-16 {
-    padding-right: calc(var(--spacing) * 16);
-  }
-  .pb-1\.5 {
-    padding-bottom: calc(var(--spacing) * 1.5);
-  }
-  .pl-1\.5 {
-    padding-left: calc(var(--spacing) * 1.5);
-  }
-  .pl-2 {
-    padding-left: calc(var(--spacing) * 2);
-  }
-  .text-right {
-    text-align: right;
-  }
-  .font-sans {
-    font-family: var(--font-sans);
-  }
-  .text-xl {
-    font-size: var(--text-xl);
-    line-height: var(--tw-leading, var(--text-xl--line-height));
-  }
-  .tracking-wider {
-    --tw-tracking: var(--tracking-wider);
-    letter-spacing: var(--tracking-wider);
-  }
-  .\[overflow-wrap\:anywhere\] {
-    overflow-wrap: anywhere;
-  }
-  .text-field-placeholder {
-    color: var(--field-placeholder);
-  }
-  .text-muted-foreground\/60 {
-    color: var(--muted-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
-    }
-  }
-  .text-success {
-    color: var(--success);
-  }
-  .text-warning {
-    color: var(--warning);
-  }
-  .italic {
-    font-style: italic;
-  }
-  .not-italic {
-    font-style: normal;
-  }
-  .ordinal {
-    --tw-ordinal: ordinal;
-    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
-  }
-  .shadow-\[1px_0_0_0_var\(--color-border\)\] {
-    --tw-shadow: 1px 0 0 0 var(--tw-shadow-color, var(--color-border));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .ring-field-error\/30 {
-    --tw-ring-color: var(--field-error);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--field-error) 30%, transparent);
-    }
-  }
-  .transition-\[transform\,opacity\] {
-    transition-property: transform,opacity;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-  .duration-100 {
-    --tw-duration: 100ms;
-    transition-duration: 100ms;
-  }
-  .fade-in {
-    --tw-enter-opacity: 0;
-  }
-  .slide-in-from-top-1 {
-    --tw-enter-translate-y: calc(1*var(--spacing)*-1);
-  }
-  .last\:border-0:last-child {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
-  }
-  .focus-within\:border-field-ring:focus-within {
-    border-color: var(--field-ring);
-  }
-  .focus-within\:ring-2:focus-within {
-    --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-within\:ring-field-ring\/30:focus-within {
-    --tw-ring-color: var(--field-ring);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--field-ring) 30%, transparent);
-    }
-  }
-  @media (hover: hover) {
-    .hover\:border-field-ring:hover {
-      border-color: var(--field-ring);
-    }
-    .hover\:bg-background:hover {
-      background-color: var(--background);
-    }
-    .hover\:bg-border:hover {
-      background-color: var(--border);
-    }
-    .hover\:bg-muted\/40:hover {
-      background-color: var(--muted);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-muted\/40:hover {
-        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
-      }
-    }
-    .hover\:text-warning:hover {
-      color: var(--warning);
-    }
-  }
-  .focus-visible\:bg-muted:focus-visible {
-    background-color: var(--muted);
-  }
-  .focus-visible\:ring-field-ring\/40:focus-visible {
-    --tw-ring-color: var(--field-ring);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--field-ring) 40%, transparent);
-    }
-  }
-  .active\:cursor-grabbing:active {
-    cursor: grabbing;
-  }
-  .disabled\:opacity-40:disabled {
-    opacity: 40%;
-  }
-  .has-\[\[aria-invalid\=true\]\]\:border-field-error:has(:is([aria-invalid=true])) {
-    border-color: var(--field-error);
-  }
-  .data-\[ending-style\]\:scale-95[data-ending-style] {
-    --tw-scale-x: 95%;
-    --tw-scale-y: 95%;
-    --tw-scale-z: 95%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
-  .data-\[ending-style\]\:opacity-0[data-ending-style] {
-    opacity: 0%;
-  }
-  .data-\[highlighted\]\:bg-accent\/10[data-highlighted] {
-    background-color: var(--accent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
-    }
-  }
-  .data-\[highlighted\]\:text-accent-strong[data-highlighted] {
-    color: var(--accent-strong);
-  }
-  .data-\[starting-style\]\:scale-95[data-starting-style] {
-    --tw-scale-x: 95%;
-    --tw-scale-y: 95%;
-    --tw-scale-z: 95%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
-  .data-\[starting-style\]\:opacity-0[data-starting-style] {
-    opacity: 0%;
-  }
-  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
-    --tw-exit-translate-y: 100%;
-  }
-  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
-    --tw-exit-translate-x: -100%;
-  }
-  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
-    --tw-exit-translate-x: 100%;
-  }
-  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
-    --tw-enter-translate-y: 100%;
-  }
-  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
-    --tw-enter-translate-x: -100%;
-  }
-  .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
-    --tw-enter-translate-x: 100%;
-  }
-  @container (width >= 36rem) {
-    .\@xl\:block {
-      display: block;
-    }
-    .\@xl\:hidden {
-      display: none;
-    }
-  }
-  @container (width >= 48rem) {
-    .\@3xl\:block {
-      display: block;
-    }
-    .\@3xl\:hidden {
-      display: none;
-    }
-  }
-  .\[\&_svg\]\:size-3 svg {
-    width: calc(var(--spacing) * 3);
-    height: calc(var(--spacing) * 3);
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-gradient-position {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-via {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-to {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-via-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 0%;
-}
-@property --tw-gradient-via-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 50%;
-}
-@property --tw-gradient-to-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-tracking {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ordinal {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-slashed-zero {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-numeric-figure {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-numeric-spacing {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-numeric-fraction {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0px;
-}
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@layer properties {
-  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
-    *, ::before, ::after, ::backdrop {
-      --tw-border-style: solid;
-      --tw-gradient-position: initial;
-      --tw-gradient-from: #0000;
-      --tw-gradient-via: #0000;
-      --tw-gradient-to: #0000;
-      --tw-gradient-stops: initial;
-      --tw-gradient-via-stops: initial;
-      --tw-gradient-from-position: 0%;
-      --tw-gradient-via-position: 50%;
-      --tw-gradient-to-position: 100%;
-      --tw-tracking: initial;
-      --tw-ordinal: initial;
-      --tw-slashed-zero: initial;
-      --tw-numeric-figure: initial;
-      --tw-numeric-spacing: initial;
-      --tw-numeric-fraction: initial;
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-color: initial;
-      --tw-shadow-alpha: 100%;
-      --tw-inset-shadow: 0 0 #0000;
-      --tw-inset-shadow-color: initial;
-      --tw-inset-shadow-alpha: 100%;
-      --tw-ring-color: initial;
-      --tw-ring-shadow: 0 0 #0000;
-      --tw-inset-ring-color: initial;
-      --tw-inset-ring-shadow: 0 0 #0000;
-      --tw-ring-inset: initial;
-      --tw-ring-offset-width: 0px;
-      --tw-ring-offset-color: #fff;
-      --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-duration: initial;
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
-    }
-  }
-}
+@source inline("-m-1 -mt-6 -mx-1 -my-2.5 @3xl:block @3xl:hidden @xl:block @xl:hidden [&_svg]:size-3");
+@source inline("[overflow-wrap:anywhere] active:cursor-grabbing appearance appearance-none");
+@source inline("bg-[var(--cb-frozen-bg)] bg-card/95 bg-gradient-to-t bg-muted/30 bg-muted/40 bg-muted/50");
+@source inline("border-0 border-field-error border-l border-r cursor-grab cursor-not-allowed");
+@source inline("data-[ending-style]:opacity-0 data-[ending-style]:scale-95 data-[highlighted]:bg-accent/10");
+@source inline("data-[highlighted]:text-accent-strong data-[starting-style]:opacity-0");
+@source inline("data-[starting-style]:scale-95 data-[state=closed]:slide-out-to-bottom");
+@source inline("data-[state=closed]:slide-out-to-left data-[state=closed]:slide-out-to-right");
+@source inline("data-[state=open]:slide-in-from-bottom data-[state=open]:slide-in-from-left");
+@source inline("data-[state=open]:slide-in-from-right disabled:opacity-40 duration duration-100 fade-in");
+@source inline("focus-visible:bg-muted focus-visible:ring-field-ring/40 focus-within:border-field-ring");
+@source inline("focus-within:ring-2 focus-within:ring-field-ring/30 font-sans from-card h-[420px]");
+@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-background hover:bg-border");
+@source inline("hover:bg-muted/40 hover:border-field-ring hover:text-warning italic justify-self-end");
+@source inline("last:border-0 left-0 left-2.5 line-clamp-2 list-none max-h-64 max-h-[22rem] max-h-[40dvh]");
+@source inline("max-h-[65dvh] max-h-[85dvh] max-w-32 max-w-36 max-w-48 max-w-[180px] max-w-[240px] min-h-20");
+@source inline("min-w-24 min-w-52 min-w-[5rem] min-w-[var(--anchor-width)] ml-1.5 mr-2 mt-1.5 mt-3 mt-4");
+@source inline("not-italic ordinal pb-1.5 pl-1.5 pl-2 pr-0.5 pr-1 pr-10 pr-16 pr-3 pr-9 pt-1 resize-none");
+@source inline("resize-y right-3 ring-field-error/30 rounded-l-xl rounded-r-xl rounded-t-xl self-center");
+@source inline("self-stretch shadow-[1px_0_0_0_var(--color-border)] shrink-[2] size-2 size-7 slide-in-from-top-1");
+@source inline("table-fixed text-field-placeholder text-muted-foreground/60 text-right text-success text-warning");
+@source inline("text-xl to-transparent top-2 top-3 tracking-wider transition-[transform,opacity] w-20 w-28 w-36");
+@source inline("w-40 w-[352px]");