@typlog/ui 0.13.1 → 0.14.0

package/base.css

@@ -31,7 +31,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --gray-1: #111111;
   --gray-2: #191919;
@@ -65,7 +64,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --gray-a1: #00000003;
   --gray-a2: #00000006;
@@ -99,7 +97,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --gray-a1: #00000000;
   --gray-a2: #ffffff09;
@@ -162,7 +159,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --mauve-1: #fdfcfd;
   --mauve-2: #faf9fb;
@@ -196,7 +192,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --mauve-1: #121113;
   --mauve-2: #1a191b;
@@ -230,7 +225,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --mauve-a1: #55005503;
   --mauve-a2: #2b005506;
@@ -264,7 +258,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --mauve-a1: #00000000;
   --mauve-a2: #f5f4f609;
@@ -327,7 +320,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --slate-1: #fcfcfd;
   --slate-2: #f9f9fb;
@@ -361,7 +353,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --slate-1: #111113;
   --slate-2: #18191b;
@@ -395,7 +386,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --slate-a1: #00005503;
   --slate-a2: #00005506;
@@ -429,7 +419,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --slate-a1: #00000000;
   --slate-a2: #d8f4f609;
@@ -492,7 +481,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --sage-1: #fbfdfc;
   --sage-2: #f7f9f8;
@@ -526,7 +514,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --sage-1: #101211;
   --sage-2: #171918;
@@ -560,7 +547,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --sage-a1: #00804004;
   --sage-a2: #00402008;
@@ -594,7 +580,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --sage-a1: #00000000;
   --sage-a2: #f0f2f108;
@@ -657,7 +642,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --olive-1: #fcfdfc;
   --olive-2: #f8faf8;
@@ -691,7 +675,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --olive-1: #111210;
   --olive-2: #181917;
@@ -725,7 +708,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --olive-a1: #00550003;
   --olive-a2: #00490007;
@@ -759,7 +741,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --olive-a1: #00000000;
   --olive-a2: #f1f2f008;
@@ -822,7 +803,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --sand-1: #fdfdfc;
   --sand-2: #f9f9f8;
@@ -856,7 +836,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --sand-1: #111110;
   --sand-2: #191918;
@@ -890,7 +869,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --sand-a1: #55550003;
   --sand-a2: #25250007;
@@ -924,7 +902,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --sand-a1: #00000000;
   --sand-a2: #f4f4f309;
@@ -1021,7 +998,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --amber-1: #16120c;
   --amber-2: #1d180f;
@@ -1055,7 +1031,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --amber-a1: #c0800004;
   --amber-a2: #f4d10016;
@@ -1089,7 +1064,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --amber-a1: #e63c0006;
   --amber-a2: #fd9b000d;
@@ -1155,7 +1129,6 @@
     --amber-track: color-mix(in oklab, var(--amber-8), var(--amber-9) 75%);
   }
 }
-
 :root, .light, .light-theme {
   --blue-1: #fbfdff;
   --blue-2: #f4faff;
@@ -1189,7 +1162,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --blue-1: #0d1520;
   --blue-2: #111927;
@@ -1223,7 +1195,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --blue-a1: #0080ff04;
   --blue-a2: #008cff0b;
@@ -1257,7 +1228,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --blue-a1: #004df211;
   --blue-a2: #1166fb18;
@@ -1320,7 +1290,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --bronze-1: #fdfcfc;
   --bronze-2: #fdf7f5;
@@ -1354,7 +1323,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --bronze-1: #141110;
   --bronze-2: #1c1917;
@@ -1388,7 +1356,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --bronze-a1: #55000003;
   --bronze-a2: #cc33000a;
@@ -1422,7 +1389,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --bronze-a1: #d1110004;
   --bronze-a2: #fbbc910c;
@@ -1485,7 +1451,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --brown-1: #fefdfc;
   --brown-2: #fcf9f6;
@@ -1519,7 +1484,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --brown-1: #12110f;
   --brown-2: #1c1816;
@@ -1553,7 +1517,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --brown-a1: #aa550003;
   --brown-a2: #aa550009;
@@ -1587,7 +1550,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --brown-a1: #91110002;
   --brown-a2: #fba67c0c;
@@ -1650,7 +1612,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --crimson-1: #fffcfd;
   --crimson-2: #fef7f9;
@@ -1684,7 +1645,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --crimson-1: #191114;
   --crimson-2: #201318;
@@ -1718,7 +1678,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --crimson-a1: #ff005503;
   --crimson-a2: #e0004008;
@@ -1752,7 +1711,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --crimson-a1: #f4126709;
   --crimson-a2: #f22f7a11;
@@ -1815,7 +1773,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --cyan-1: #fafdfe;
   --cyan-2: #f2fafb;
@@ -1849,7 +1806,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --cyan-1: #0b161a;
   --cyan-2: #101b20;
@@ -1883,7 +1839,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --cyan-a1: #0099cc05;
   --cyan-a2: #009db10d;
@@ -1917,7 +1872,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --cyan-a1: #0091f70a;
   --cyan-a2: #02a7f211;
@@ -1980,7 +1934,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --gold-1: #fdfdfc;
   --gold-2: #faf9f2;
@@ -2014,7 +1967,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --gold-1: #121211;
   --gold-2: #1b1a17;
@@ -2048,7 +2000,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --gold-a1: #55550003;
   --gold-a2: #9d8a000d;
@@ -2082,7 +2033,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --gold-a1: #91911102;
   --gold-a2: #f9e29d0b;
@@ -2145,7 +2095,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --grass-1: #fbfefb;
   --grass-2: #f5fbf5;
@@ -2179,7 +2128,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --grass-1: #0e1511;
   --grass-2: #141a15;
@@ -2213,7 +2161,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --grass-a1: #00c00004;
   --grass-a2: #0099000a;
@@ -2247,7 +2194,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --grass-a1: #00de1205;
   --grass-a2: #5ef7780a;
@@ -2310,7 +2256,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --green-1: #fbfefc;
   --green-2: #f4fbf6;
@@ -2344,7 +2289,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --green-1: #0e1512;
   --green-2: #121b17;
@@ -2378,7 +2322,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --green-a1: #00c04004;
   --green-a2: #00a32f0b;
@@ -2412,7 +2355,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --green-a1: #00de4505;
   --green-a2: #29f99d0b;
@@ -2475,7 +2417,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --indigo-1: #fdfdfe;
   --indigo-2: #f7f9ff;
@@ -2509,7 +2450,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --indigo-1: #11131f;
   --indigo-2: #141726;
@@ -2543,7 +2483,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --indigo-a1: #00008002;
   --indigo-a2: #0040ff08;
@@ -2577,7 +2516,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --indigo-a1: #1133ff0f;
   --indigo-a2: #3354fa17;
@@ -2640,7 +2578,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --iris-1: #fdfdff;
   --iris-2: #f8f8ff;
@@ -2674,7 +2611,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --iris-1: #13131e;
   --iris-2: #171625;
@@ -2708,7 +2644,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --iris-a1: #0000ff02;
   --iris-a2: #0000ff07;
@@ -2742,7 +2677,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --iris-a1: #3636fe0e;
   --iris-a2: #564bf916;
@@ -2805,7 +2739,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --jade-1: #fbfefd;
   --jade-2: #f4fbf7;
@@ -2839,7 +2772,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --jade-1: #0d1512;
   --jade-2: #121c18;
@@ -2873,7 +2805,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --jade-a1: #00c08004;
   --jade-a2: #00a3460b;
@@ -2907,7 +2838,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --jade-a1: #00de4505;
   --jade-a2: #27fba60c;
@@ -2970,7 +2900,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --lime-1: #fcfdfa;
   --lime-2: #f8faf3;
@@ -3004,7 +2933,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --lime-1: #11130c;
   --lime-2: #151a10;
@@ -3038,7 +2966,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --lime-a1: #66990005;
   --lime-a2: #6b95000c;
@@ -3072,7 +2999,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --lime-a1: #11bb0003;
   --lime-a2: #78f7000a;
@@ -3138,7 +3064,6 @@
     --lime-track: color-mix(in oklab, var(--lime-8), var(--lime-9) 65%);
   }
 }
-
 :root, .light, .light-theme {
   --mint-1: #f9fefd;
   --mint-2: #f2fbf9;
@@ -3172,7 +3097,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --mint-1: #0e1515;
   --mint-2: #0f1b1b;
@@ -3206,7 +3130,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --mint-a1: #00d5aa06;
   --mint-a2: #00b18a0d;
@@ -3240,7 +3163,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --mint-a1: #00dede05;
   --mint-a2: #00f9f90b;
@@ -3306,7 +3228,6 @@
     --mint-track: color-mix(in oklab, var(--mint-8), var(--mint-9) 65%);
   }
 }
-
 :root, .light, .light-theme {
   --orange-1: #fefcfb;
   --orange-2: #fff7ed;
@@ -3340,7 +3261,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --orange-1: #17120e;
   --orange-2: #1e160f;
@@ -3374,7 +3294,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --orange-a1: #c0400004;
   --orange-a2: #ff8e0012;
@@ -3408,7 +3327,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --orange-a1: #ec360007;
   --orange-a2: #fe6d000e;
@@ -3471,7 +3389,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --pink-1: #fffcfe;
   --pink-2: #fef7fb;
@@ -3505,7 +3422,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --pink-1: #191117;
   --pink-2: #21121d;
@@ -3539,7 +3455,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --pink-a1: #ff00aa03;
   --pink-a2: #e0008008;
@@ -3573,7 +3488,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --pink-a1: #f412bc09;
   --pink-a2: #f420bb12;
@@ -3636,7 +3550,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --plum-1: #fefcff;
   --plum-2: #fdf7fd;
@@ -3670,7 +3583,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --plum-1: #181118;
   --plum-2: #201320;
@@ -3704,7 +3616,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --plum-a1: #aa00ff03;
   --plum-a2: #c000c008;
@@ -3738,7 +3649,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --plum-a1: #f112f108;
   --plum-a2: #f22ff211;
@@ -3801,7 +3711,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --purple-1: #fefcfe;
   --purple-2: #fbf7fe;
@@ -3835,7 +3744,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --purple-1: #18111b;
   --purple-2: #1e1523;
@@ -3869,7 +3777,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --purple-a1: #aa00aa03;
   --purple-a2: #8000e008;
@@ -3903,7 +3810,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --purple-a1: #b412f90b;
   --purple-a2: #b744f714;
@@ -3966,7 +3872,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --red-1: #fffcfc;
   --red-2: #fff7f7;
@@ -4000,7 +3905,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --red-1: #191111;
   --red-2: #201314;
@@ -4034,7 +3938,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --red-a1: #ff000003;
   --red-a2: #ff000008;
@@ -4068,7 +3971,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --red-a1: #f4121209;
   --red-a2: #f22f3e11;
@@ -4131,7 +4033,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --ruby-1: #fffcfd;
   --ruby-2: #fff7f8;
@@ -4165,7 +4066,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --ruby-1: #191113;
   --ruby-2: #1e1517;
@@ -4199,7 +4099,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --ruby-a1: #ff005503;
   --ruby-a2: #ff002008;
@@ -4233,7 +4132,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --ruby-a1: #f4124a09;
   --ruby-a2: #fe5a7f0e;
@@ -4296,7 +4194,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --sky-1: #f9feff;
   --sky-2: #f1fafd;
@@ -4330,7 +4227,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --sky-1: #0d141f;
   --sky-2: #111a27;
@@ -4364,7 +4260,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --sky-a1: #00d5ff06;
   --sky-a2: #00a4db0e;
@@ -4398,7 +4293,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --sky-a1: #0044ff0f;
   --sky-a2: #1171fb18;
@@ -4464,7 +4358,6 @@
     --sky-track: color-mix(in oklab, var(--sky-8), var(--sky-9) 65%);
   }
 }
-
 :root, .light, .light-theme {
   --teal-1: #fafefd;
   --teal-2: #f3fbf9;
@@ -4498,7 +4391,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --teal-1: #0d1514;
   --teal-2: #111c1b;
@@ -4532,7 +4424,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --teal-a1: #00cc9905;
   --teal-a2: #00aa800c;
@@ -4566,7 +4457,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --teal-a1: #00deab05;
   --teal-a2: #12fbe60c;
@@ -4629,7 +4519,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --tomato-1: #fffcfc;
   --tomato-2: #fff8f7;
@@ -4663,7 +4552,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --tomato-1: #181111;
   --tomato-2: #1f1513;
@@ -4697,7 +4585,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --tomato-a1: #ff000003;
   --tomato-a2: #ff200008;
@@ -4731,7 +4618,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --tomato-a1: #f1121208;
   --tomato-a2: #ff55330f;
@@ -4794,7 +4680,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --violet-1: #fdfcfe;
   --violet-2: #faf8ff;
@@ -4828,7 +4713,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --violet-1: #14121f;
   --violet-2: #1b1525;
@@ -4862,7 +4746,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --violet-a1: #5500aa03;
   --violet-a2: #4900ff07;
@@ -4896,7 +4779,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --violet-a1: #4422ff0f;
   --violet-a2: #853ff916;
@@ -4959,7 +4841,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --yellow-1: #fdfdf9;
   --yellow-2: #fefce9;
@@ -4993,7 +4874,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --yellow-1: #14120b;
   --yellow-2: #1b180f;
@@ -5027,7 +4907,6 @@
     }
   }
 }
-
 :root, .light, .light-theme {
   --yellow-a1: #aaaa0006;
   --yellow-a2: #f4dd0016;
@@ -5061,7 +4940,6 @@
     }
   }
 }
-
 .dark, .dark-theme {
   --yellow-a1: #d1510004;
   --yellow-a2: #f9b4000b;
@@ -5161,7 +5039,6 @@
     }
   }
 }
-
 :root {
   --white-a1: rgba(255, 255, 255, 0.05);
   --white-a2: rgba(255, 255, 255, 0.1);
@@ -5197,13 +5074,9 @@
 }
 
 /* * * * * * * * * * * * * * * * * * * */
-
 /*                                     */
-
 /*           Semantic colors           */
-
 /*                                     */
-
 /* * * * * * * * * * * * * * * * * * * */
 
 :where(.ui-root) {
@@ -5213,7 +5086,6 @@
   --color-panel-translucent: rgba(255, 255, 255, 0.7);
   --color-surface: rgba(255, 255, 255, 0.85);
 }
-
 :is(.dark, .dark-theme) :where(.ui-root) {
   --color-background: var(--gray-1);
   --color-overlay: var(--black-a8);
@@ -5223,23 +5095,16 @@
 }
 
 /* * * * * * * * * * * * * * * * * * * */
-
 /*                                     */
-
 /*            Transparency             */
-
 /*                                     */
-
 /* * * * * * * * * * * * * * * * * * * */
 
 /* Because Chrome is buggy with box-shadow transitions from "transparent" keyword and/or RGB color into P3 colors. */
-
 /* Note: using `:where` here to guarantee that the P3 color will take over regardless of the output rule order. */
-
 :where(.ui-root) {
   --color-transparent: rgb(0 0 0 / 0);
 }
-
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     .ui-root {
@@ -5249,36 +5114,26 @@
 }
 
 /* * * * * * * * * * * * * * * * * * * */
-
 /*                                     */
-
 /*            Color scheme             */
-
 /*                                     */
-
 /* * * * * * * * * * * * * * * * * * * */
 
 /*
  * Make sure that forced light/dark appearance also sets corresponding browser colors,
  * like input autofill color and body scrollbar
  */
-
 :is(.light, .light-theme) :where(.ui-root) {
   color-scheme: light;
 }
-
 :is(.dark, .dark-theme) :where(.ui-root) {
   color-scheme: dark;
 }
 
 /* * * * * * * * * * * * * * * * * * * */
-
 /*                                     */
-
 /*   Focus, selection, and autofill    */
-
 /*                                     */
-
 /* * * * * * * * * * * * * * * * * * * */
 
 .ui-root,
@@ -5319,13 +5174,9 @@
 }
 
 /* * * * * * * * * * * * * * * * * * * */
-
 /*                                     */
-
 /*         Background and text         */
-
 /*                                     */
-
 /* * * * * * * * * * * * * * * * * * * */
 
 .ui-root {
@@ -5337,13 +5188,9 @@
 }
 
 /* * * * * * * * * * * * * * * * * * * */
-
 /*                                     */
-
 /*          Panel background           */
-
 /*                                     */
-
 /* * * * * * * * * * * * * * * * * * * */
 
 .ui-root:where([data-panel-background='solid']) {
@@ -5357,13 +5204,9 @@
 }
 
 /* * * * * * * * * * * * * * * * * * * */
-
 /*                                     */
-
 /*            Accent color             */
-
 /*                                     */
-
 /* * * * * * * * * * * * * * * * * * * */
 
 [data-accent-color='amber'] {
@@ -6225,13 +6068,9 @@
 }
 
 /* * * * * * * * * * * * * * * * * * * */
-
 /*                                     */
-
 /*             Gray color              */
-
 /*                                     */
-
 /* * * * * * * * * * * * * * * * * * * */
 
 .ui-root :where([data-gray-color='mauve']) {
@@ -6398,7 +6237,6 @@
   --gray-indicator: var(--slate-indicator);
   --gray-track: var(--slate-track);
 }
-
 .ui-root:where([data-scaling="90%"]) {
   --scaling: 0.9;
 }
@@ -6426,7 +6264,6 @@
 .ui-root:where([data-scaling="120%"]) {
   --scaling: 1.2;
 }
-
 [data-radius] {
   --radius-1: calc(3px * var(--scaling) * var(--radius-factor));
   --radius-2: calc(4px * var(--scaling) * var(--radius-factor));
@@ -6465,19 +6302,15 @@
   --radius-full: 9999px;
   --radius-thumb: 9999px;
 }
-
 .r-resize-vertical {
   resize: vertical;
 }
-
 .r-resize-horizontal {
   resize: horizontal;
 }
-
 .r-resize-both {
   resize: both;
 }
-
 .ui-root {
   --shadow-1:
     inset 0 0 0 1px var(--gray-a5),
@@ -6627,7 +6460,6 @@
       0 16px 36px -20px var(--black-a11);
   }
 }
-
 .ui-root {
   --space-1: calc(4px * var(--scaling));
   --space-2: calc(8px * var(--scaling));
@@ -6639,7 +6471,6 @@
   --space-8: calc(48px * var(--scaling));
   --space-9: calc(64px * var(--scaling));
 }
-
 @keyframes ui-fade-in {
   from {
     opacity: 0;
@@ -6738,7 +6569,6 @@
     transform: rotate(360deg);
   }
 }
-
 .ui-root {
   --font-size-1: calc(12px * var(--scaling));
   --font-size-2: calc(14px * var(--scaling));
@@ -6785,7 +6615,6 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-
 .ui-root {
   --tab-active-letter-spacing: -0.01em;
   --tab-active-word-spacing: 0em;