arekui 1.0.2 → 2.0.0

package/src/utilities/colors.css

@@ -1,4 +1,4 @@
-/* UTILITIES — colors */
+/* UTILITIES — colors */
 .ar-bg-base-100 {
  background: var(--ar-base-100);
 }
@@ -29,11 +29,19 @@
 .ar-bg-gray-700 {
  background: var(--ar-gray-700);
 }
+/* Opt-in dot-grid paper background. The dots are a faint wash of the current
+   theme's ink, so they adapt to every theme (light, dark, neo, pixel,
+   brutalist). --ar-dot-grid-size tweaks the density. */
+.ar-bg-dot-grid {
+ background-image: radial-gradient(circle, var(--ar-gray-400) 1px, transparent 1px);
+ background-image: radial-gradient(circle, color-mix(in srgb, var(--ar-base-content) 18%, transparent) 1px, transparent 1px);
+ background-size: var(--ar-dot-grid-size, 24px) var(--ar-dot-grid-size, 24px);
+}
 .ar-text-base-content {
  color: var(--ar-base-content);
 }
 .ar-text-primary {
- color: var(--ar-primary);
+ color: var(--ar-primary-text);
 }
 .ar-text-primary-content {
  color: var(--ar-primary-content);
@@ -70,4 +78,4 @@
 }
 .ar-text-gray-700 {
  color: var(--ar-gray-700);
-}
+}

package/src/utilities/hover.css

@@ -1,4 +1,4 @@
-/* UTILITIES — hover states */
+/* UTILITIES — hover states */
 .ar-hover-bounce:hover {
  animation: ar-bounce 1s infinite;
 }
@@ -30,4 +30,4 @@
 .ar-hover-ring-gray-200:hover {
  box-shadow: 0 0 0 1px var(--ar-gray-200);
  border-color: var(--ar-gray-400);
-}
+}

package/src/utilities/layout.css

@@ -1,4 +1,4 @@
-/* UTILITIES — layout & flex & grid */
+/* UTILITIES — layout & flex & grid */
 .ar-flex {
  display: flex;
 }
@@ -97,4 +97,4 @@
 }
 .ar-gap-y-16 {
  row-gap: var(--ar-s-16);
-}
+}

package/src/utilities/neo-utilities.css

@@ -1,5 +1,4 @@
-/* NEOBRUTALISM UTILITIES */
-/* Hard shadows */
+/* NEOBRUTALISM UTILITIES */
 .ar-neo-shadow-sm {
  box-shadow: var(--ar-neo-shadow-sm);
 }
@@ -16,7 +15,6 @@
  box-shadow: var(--ar-neo-shadow-2xl);
 }
 
-/* Thick borders */
 .ar-neo-border {
  border: var(--ar-neo-border-width) solid var(--ar-neo-border-color);
 }
@@ -24,7 +22,6 @@
  border: 2px solid var(--ar-neo-border-color);
 }
 
-/* Border radius */
 .ar-neo-rounded {
  border-radius: 0.5rem;
 }
@@ -35,7 +32,6 @@
  border-radius: 1rem;
 }
 
-/* Interactive press effect */
 .ar-neo-press {
  transition:
   box-shadow 0.15s ease-out,
@@ -50,7 +46,6 @@
  transform: translate(4px, 4px);
 }
 
-/* Neo color accents */
 .ar-neo-primary {
  background: var(--ar-neo-primary);
  color: var(--ar-neo-primary-content);
@@ -68,7 +63,6 @@
  color: var(--ar-neo-error-content);
 }
 
-/* Neo text colors */
 .ar-neo-text-primary {
  color: var(--ar-neo-primary);
 }
@@ -85,11 +79,10 @@
  color: var(--ar-neo-base-content);
 }
 
-/* Playful hover animations */
 .ar-neo-hover-tilt:hover {
  transform: rotate(-1deg);
 }
 .ar-neo-hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: var(--ar-neo-shadow-lg);
-}
+}

package/src/utilities/pixel-utilities.css

@@ -0,0 +1,88 @@
+/* PIXEL-ART UTILITIES */
+.ar-pixel-shadow-sm {
+ box-shadow: var(--ar-pixel-shadow-sm);
+}
+.ar-pixel-shadow-md {
+ box-shadow: var(--ar-pixel-shadow-md);
+}
+.ar-pixel-shadow-lg {
+ box-shadow: var(--ar-pixel-shadow-lg);
+}
+.ar-pixel-shadow-xl {
+ box-shadow: var(--ar-pixel-shadow-xl);
+}
+.ar-pixel-shadow-2xl {
+ box-shadow: var(--ar-pixel-shadow-2xl);
+}
+
+.ar-pixel-border {
+ border: var(--ar-pixel-border-width) solid var(--ar-pixel-border-color);
+}
+.ar-pixel-border-2 {
+ border: 2px solid var(--ar-pixel-border-color);
+}
+
+.ar-pixel-blocky {
+ border-radius: 0;
+}
+
+.ar-pixel-press {
+ transition:
+  box-shadow 0.1s step-end,
+  transform 0.1s step-end;
+}
+.ar-pixel-press:hover {
+ box-shadow: var(--ar-pixel-shadow-sm);
+ transform: translate(2px, 2px);
+}
+.ar-pixel-press:active {
+ box-shadow: none;
+ transform: translate(4px, 4px);
+}
+
+.ar-pixel-primary {
+ background: var(--ar-pixel-primary);
+ color: var(--ar-pixel-primary-content);
+}
+.ar-pixel-secondary {
+ background: var(--ar-pixel-secondary);
+ color: var(--ar-pixel-secondary-content);
+}
+.ar-pixel-accent {
+ background: var(--ar-pixel-accent);
+ color: var(--ar-pixel-accent-content);
+}
+.ar-pixel-danger {
+ background: var(--ar-pixel-error);
+ color: var(--ar-pixel-error-content);
+}
+
+.ar-pixel-text-primary {
+ color: var(--ar-pixel-primary);
+}
+.ar-pixel-text-secondary {
+ color: var(--ar-pixel-secondary);
+}
+.ar-pixel-text-accent {
+ color: var(--ar-pixel-accent);
+}
+.ar-pixel-text-danger {
+ color: var(--ar-pixel-error);
+}
+.ar-pixel-text-dark {
+ color: var(--ar-pixel-base-content);
+}
+
+.ar-pixel-image {
+ image-rendering: pixelated;
+ image-rendering: crisp-edges;
+}
+
+.ar-pixel-hover-lift:hover {
+ transform: translateY(-2px);
+ box-shadow: var(--ar-pixel-shadow-lg);
+}
+.ar-pixel-hover-shift:hover {
+ transform: translate(-2px, -2px);
+ box-shadow: var(--ar-pixel-shadow-lg);
+}

package/src/utilities/responsive.css

@@ -1,4 +1,9 @@
-/* UTILITIES — responsive */
+/* UTILITIES — responsive */
+@media (max-width: 479px) {
+ .ar-hide-xs {
+  display: none;
+ }
+}
 @media (min-width: 768px) {
  .ar-md\:flex {
   display: flex;
@@ -125,4 +130,4 @@
  .ar-lg\:text-center {
   text-align: center;
  }
-}
+}

package/src/utilities/sizing.css

@@ -1,18 +1,27 @@
-/* UTILITIES — sizing */
+/* UTILITIES — sizing */
 .ar-w-8 {
  width: var(--ar-s-8);
 }
+.ar-w-16 {
+ width: var(--ar-s-16);
+}
+.ar-w-24 {
+ width: var(--ar-s-24);
+}
+.ar-w-32 {
+ width: var(--ar-s-32);
+}
 .ar-w-40 {
- width: var(--ar-s-40, 10rem);
+ width: var(--ar-s-40);
 }
 .ar-w-48 {
- width: var(--ar-s-48, 12rem);
+ width: var(--ar-s-48);
 }
 .ar-w-60 {
- width: 15rem;
+ width: var(--ar-s-60);
 }
 .ar-w-80 {
- width: 20rem;
+ width: var(--ar-s-80);
 }
 .ar-w-full {
  width: 100%;
@@ -33,7 +42,7 @@
  height: var(--ar-s-8);
 }
 .ar-h-48 {
- height: 12rem;
+ height: var(--ar-s-48);
 }
 .ar-h-full {
  height: 100%;
@@ -88,4 +97,4 @@
 }
 .ar-overflow-x-auto {
  overflow-x: auto;
-}
+}

package/src/utilities/spacing.css

@@ -1,4 +1,4 @@
-/* UTILITIES — spacing */
+/* UTILITIES - spacing */
 .ar-p-0 {
  padding: var(--ar-s-0);
 }
@@ -110,6 +110,9 @@
 .ar-mb-2 {
  margin-bottom: var(--ar-s-2);
 }
+.ar-mb-4 {
+ margin-bottom: var(--ar-s-4);
+}
 .ar-mb-8 {
  margin-bottom: var(--ar-s-8);
 }
@@ -127,4 +130,4 @@
 }
 .ar-mx-auto {
  margin-inline: auto;
-}
+}

package/src/utilities/typography.css

@@ -1,4 +1,4 @@
-/* UTILITIES — typography */
+/* UTILITIES — typography */
 .ar-text-xs {
  font-size: 0.75rem;
 }
@@ -38,6 +38,9 @@
 .ar-text-9xl {
  font-size: 8rem;
 }
+.ar-text-hero {
+ font-size: clamp(3rem, 11vw, 6.5rem);
+}
 .ar-font-thin {
  font-weight: 100;
 }
@@ -91,4 +94,4 @@
 }
 .ar-tabular-nums {
  font-variant-numeric: tabular-nums;
-}
+}

package/dist/arekui.min.css

@@ -1 +0,0 @@
-@layer base{:root{--ar-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ar-font-serif:"IM Fell English", Georgia, "Times New Roman", serif;--ar-font-mono:ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, "Courier New", monospace;--ar-base-font:var(--ar-font-serif);--ar-s-0:0;--ar-s-1:.25rem;--ar-s-2:.5rem;--ar-s-3:.75rem;--ar-s-4:1rem;--ar-s-5:1.25rem;--ar-s-6:1.5rem;--ar-s-8:2rem;--ar-s-10:2.5rem;--ar-s-12:3rem;--ar-s-16:4rem;--ar-s-20:5rem;--ar-radius-field:.25rem;--ar-radius-box:.5rem;--ar-radius-selector:2rem;--ar-radius-pill:9999px;--ar-border-width:1px;--ar-shadow-sm:0 1px 2px 0 #0000000d;--ar-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--ar-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ar-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ar-shadow-2xl:0 25px 50px -12px #00000040;--ar-texture:url(assets/img/grunge-wall-texture-freepick-kues1.webp);--ar-gray-50:#fafafa;--ar-gray-100:#f5f5f5;--ar-gray-200:#e5e5e5;--ar-gray-300:#d4d4d4;--ar-gray-400:#a3a3a3;--ar-gray-500:#737373;--ar-gray-600:#525252;--ar-gray-700:#404040;--ar-gray-800:#262626;--ar-gray-900:#171717;--ar-dark-base-100:oklch(25.33% .016 252.42);--ar-dark-base-200:oklch(23.26% .014 253.1);--ar-dark-base-300:oklch(21.15% .012 254.09);--ar-dark-base-content:oklch(97.807% .029 256.847);--ar-dark-primary:oklch(58% .233 277.117);--ar-dark-primary-content:oklch(96% .018 272.314);--ar-dark-secondary:oklch(65% .241 354.308);--ar-dark-secondary-content:oklch(94% .028 342.258);--ar-dark-accent:oklch(77% .152 181.912);--ar-dark-accent-content:oklch(38% .063 188.416);--ar-dark-neutral:oklch(14% .005 285.823);--ar-dark-neutral-content:oklch(92% .004 286.32);--ar-dark-info:oklch(74% .16 232.661);--ar-dark-info-content:oklch(29% .066 243.157);--ar-dark-success:oklch(76% .177 163.223);--ar-dark-success-content:oklch(37% .077 168.94);--ar-dark-warning:oklch(82% .189 84.429);--ar-dark-warning-content:oklch(41% .112 45.904);--ar-dark-error:oklch(71% .194 13.428);--ar-dark-error-content:oklch(27% .105 12.094);--ar-dark-bg-img-fill:#989fab4d;--ar-dark-desc-grad:linear-gradient(to left, var(--ar-dark-base-200) 50%, #fafafa 50%) right;--ar-dark-arc:#333;--ar-dark-gray-50:#1a1a1a;--ar-dark-gray-100:#262626;--ar-dark-gray-200:#333;--ar-dark-gray-300:#444;--ar-dark-gray-400:#999;--ar-dark-gray-500:#aaa;--ar-dark-gray-600:#bbb;--ar-dark-gray-700:#ccc;--ar-dark-gray-800:#ddd;--ar-dark-gray-900:#eee;--ar-dark-base-content-80:oklch(97.807% .029 256.847/.8);--ar-neo-base-100:#fff;--ar-neo-base-200:#f8f8f8;--ar-neo-base-300:#e8e8e8;--ar-neo-base-content:#1e293b;--ar-neo-base-content-80:#1e293bcc;--ar-neo-primary:#00aeef;--ar-neo-primary-content:#fff;--ar-neo-secondary:#8bc53f;--ar-neo-secondary-content:#fff;--ar-neo-accent:#ffd100;--ar-neo-accent-content:#1e293b;--ar-neo-neutral:#1e293b;--ar-neo-neutral-content:#fff;--ar-neo-info:#00aeef;--ar-neo-info-content:#fff;--ar-neo-success:#8bc53f;--ar-neo-success-content:#fff;--ar-neo-warning:#ffd100;--ar-neo-warning-content:#1e293b;--ar-neo-error:#e4002b;--ar-neo-error-content:#fff;--ar-neo-bg-img-fill:#1e293b;--ar-neo-desc-grad:linear-gradient(to left, #f8f8f8 50%, #1e293b 50%) right;--ar-neo-arc:#fff;--ar-neo-gray-50:#f8f8f8;--ar-neo-gray-100:#f0f0f0;--ar-neo-gray-200:#e0e0e0;--ar-neo-gray-300:#ccc;--ar-neo-gray-400:#999;--ar-neo-gray-500:#777;--ar-neo-gray-600:#555;--ar-neo-gray-700:#333;--ar-neo-gray-800:#222;--ar-neo-gray-900:#111;--ar-neo-border-width:3px;--ar-neo-border-color:#1e293b;--ar-neo-shadow-sm:2px 2px 0px 0px #1e293b;--ar-neo-shadow-md:4px 4px 0px 0px #1e293b;--ar-neo-shadow-lg:6px 6px 0px 0px #1e293b;--ar-neo-shadow-xl:8px 8px 0px 0px #1e293b;--ar-neo-shadow-2xl:12px 12px 0px 0px #1e293b}html[data-theme=light]{color-scheme:light;--ar-base-100:oklch(100% 0 0);--ar-base-200:oklch(97% 0 0);--ar-base-300:oklch(94% 0 0);--ar-base-content:oklch(0% 0 0);--ar-base-content-80:oklch(0% 0 0/.8);--ar-primary:oklch(15.906% 0 0);--ar-primary-content:oklch(100% 0 0);--ar-secondary:oklch(21.455% .001 17.278);--ar-secondary-content:oklch(100% 0 0);--ar-accent:oklch(26.861% 0 0);--ar-accent-content:oklch(100% 0 0);--ar-neutral:oklch(0% 0 0);--ar-neutral-content:oklch(100% 0 0);--ar-info:oklch(79.54% .103 205.9);--ar-info-content:oklch(15.908% .02 205.9);--ar-success:oklch(90.13% .153 164.14);--ar-success-content:oklch(18.026% .03 164.14);--ar-warning:oklch(88.37% .135 79.94);--ar-warning-content:oklch(17.674% .027 79.94);--ar-error:oklch(78.66% .15 28.47);--ar-error-content:oklch(15.732% .03 28.47);--ar-bg-img-fill:transparent;--ar-desc-grad:linear-gradient(to left, var(--ar-base-200) 50%, var(--ar-neutral) 50%) right;--ar-arc:#fafafa}html[data-theme=dark]{color-scheme:dark;--ar-base-100:var(--ar-dark-base-100);--ar-base-200:var(--ar-dark-base-200);--ar-base-300:var(--ar-dark-base-300);--ar-base-content:var(--ar-dark-base-content);--ar-base-content-80:var(--ar-dark-base-content-80);--ar-primary:var(--ar-dark-primary);--ar-primary-content:var(--ar-dark-primary-content);--ar-secondary:var(--ar-dark-secondary);--ar-secondary-content:var(--ar-dark-secondary-content);--ar-accent:var(--ar-dark-accent);--ar-accent-content:var(--ar-dark-accent-content);--ar-neutral:var(--ar-dark-neutral);--ar-neutral-content:var(--ar-dark-neutral-content);--ar-info:var(--ar-dark-info);--ar-info-content:var(--ar-dark-info-content);--ar-success:var(--ar-dark-success);--ar-success-content:var(--ar-dark-success-content);--ar-warning:var(--ar-dark-warning);--ar-warning-content:var(--ar-dark-warning-content);--ar-error:var(--ar-dark-error);--ar-error-content:var(--ar-dark-error-content);--ar-bg-img-fill:var(--ar-dark-bg-img-fill);--ar-desc-grad:var(--ar-dark-desc-grad);--ar-arc:var(--ar-dark-arc);--ar-gray-50:var(--ar-dark-gray-50);--ar-gray-100:var(--ar-dark-gray-100);--ar-gray-200:var(--ar-dark-gray-200);--ar-gray-300:var(--ar-dark-gray-300);--ar-gray-400:var(--ar-dark-gray-400);--ar-gray-500:var(--ar-dark-gray-500);--ar-gray-600:var(--ar-dark-gray-600);--ar-gray-700:var(--ar-dark-gray-700);--ar-gray-800:var(--ar-dark-gray-800);--ar-gray-900:var(--ar-dark-gray-900)}@media (prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark;--ar-base-100:var(--ar-dark-base-100);--ar-base-200:var(--ar-dark-base-200);--ar-base-300:var(--ar-dark-base-300);--ar-base-content:var(--ar-dark-base-content);--ar-base-content-80:var(--ar-dark-base-content-80);--ar-primary:var(--ar-dark-primary);--ar-primary-content:var(--ar-dark-primary-content);--ar-secondary:var(--ar-dark-secondary);--ar-secondary-content:var(--ar-dark-secondary-content);--ar-accent:var(--ar-dark-accent);--ar-accent-content:var(--ar-dark-accent-content);--ar-neutral:var(--ar-dark-neutral);--ar-neutral-content:var(--ar-dark-neutral-content);--ar-info:var(--ar-dark-info);--ar-info-content:var(--ar-dark-info-content);--ar-success:var(--ar-dark-success);--ar-success-content:var(--ar-dark-success-content);--ar-warning:var(--ar-dark-warning);--ar-warning-content:var(--ar-dark-warning-content);--ar-error:var(--ar-dark-error);--ar-error-content:var(--ar-dark-error-content);--ar-bg-img-fill:var(--ar-dark-bg-img-fill);--ar-desc-grad:var(--ar-dark-desc-grad);--ar-arc:var(--ar-dark-arc);--ar-gray-50:var(--ar-dark-gray-50);--ar-gray-100:var(--ar-dark-gray-100);--ar-gray-200:var(--ar-dark-gray-200);--ar-gray-300:var(--ar-dark-gray-300);--ar-gray-400:var(--ar-dark-gray-400);--ar-gray-500:var(--ar-dark-gray-500);--ar-gray-600:var(--ar-dark-gray-600);--ar-gray-700:var(--ar-dark-gray-700);--ar-gray-800:var(--ar-dark-gray-800);--ar-gray-900:var(--ar-dark-gray-900)}}html[data-theme=neo]{color-scheme:light;--ar-base-100:var(--ar-neo-base-100);--ar-base-200:var(--ar-neo-base-200);--ar-base-300:var(--ar-neo-base-300);--ar-base-content:var(--ar-neo-base-content);--ar-base-content-80:var(--ar-neo-base-content-80);--ar-primary:var(--ar-neo-primary);--ar-primary-content:var(--ar-neo-primary-content);--ar-secondary:var(--ar-neo-secondary);--ar-secondary-content:var(--ar-neo-secondary-content);--ar-accent:var(--ar-neo-accent);--ar-accent-content:var(--ar-neo-accent-content);--ar-neutral:var(--ar-neo-neutral);--ar-neutral-content:var(--ar-neo-neutral-content);--ar-info:var(--ar-neo-info);--ar-info-content:var(--ar-neo-info-content);--ar-success:var(--ar-neo-success);--ar-success-content:var(--ar-neo-success-content);--ar-warning:var(--ar-neo-warning);--ar-warning-content:var(--ar-neo-warning-content);--ar-error:var(--ar-neo-error);--ar-error-content:var(--ar-neo-error-content);--ar-bg-img-fill:var(--ar-neo-bg-img-fill);--ar-desc-grad:var(--ar-neo-desc-grad);--ar-arc:var(--ar-neo-arc);--ar-gray-50:var(--ar-neo-gray-50);--ar-gray-100:var(--ar-neo-gray-100);--ar-gray-200:var(--ar-neo-gray-200);--ar-gray-300:var(--ar-neo-gray-300);--ar-gray-400:var(--ar-neo-gray-400);--ar-gray-500:var(--ar-neo-gray-500);--ar-gray-600:var(--ar-neo-gray-600);--ar-gray-700:var(--ar-neo-gray-700);--ar-gray-800:var(--ar-neo-gray-800);--ar-gray-900:var(--ar-neo-gray-900);--ar-border-width:var(--ar-neo-border-width);--ar-radius-field:.5rem;--ar-radius-box:.75rem;--ar-shadow-sm:var(--ar-neo-shadow-sm);--ar-shadow-md:var(--ar-neo-shadow-md);--ar-shadow-lg:var(--ar-neo-shadow-lg);--ar-shadow-xl:var(--ar-neo-shadow-xl);--ar-shadow-2xl:var(--ar-neo-shadow-2xl);--ar-base-font:var(--ar-font-sans)}*,:before,:after{box-sizing:border-box}body{font-family:var(--ar-base-font);background:var(--ar-base-100);color:var(--ar-base-content);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}a{color:var(--ar-primary);text-decoration:none}img,svg,video,canvas{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}pre,code{white-space:pre-wrap;word-break:break-word;font-family:var(--ar-font-mono);overflow-x:auto}:focus-visible{outline:2px solid var(--ar-primary);outline-offset:2px}.ar-scroll-smooth{scroll-behavior:smooth}html[data-theme=neo] body{font-family:var(--ar-font-sans)}html[data-theme=neo] .ar-btn{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-md);font-family:var(--ar-font-sans);border-radius:.75rem;font-weight:700;transition:box-shadow .15s ease-out,transform .15s ease-out}html[data-theme=neo] .ar-btn:hover{box-shadow:var(--ar-neo-shadow-sm);transform:translate(2px,2px)}html[data-theme=neo] .ar-btn:active{box-shadow:none;transform:translate(4px,4px)}html[data-theme=neo] .ar-btn-primary{background:var(--ar-neo-primary);color:var(--ar-neo-primary-content)}html[data-theme=neo] .ar-btn-primary:hover{background:var(--ar-neo-primary)}html[data-theme=neo] .ar-btn-outline{background:var(--ar-neo-base-100);border-color:var(--ar-neo-border-color);color:var(--ar-neo-base-content)}html[data-theme=neo] .ar-btn-outline:hover{background:var(--ar-neo-base-content);color:var(--ar-neo-base-100)}html[data-theme=neo] .ar-btn-ghost{box-shadow:none;background:0 0;border-color:#0000}html[data-theme=neo] .ar-btn-ghost:hover{background:var(--ar-neo-base-200);box-shadow:var(--ar-neo-shadow-sm)}html[data-theme=neo] .ar-btn-neutral{background:var(--ar-neo-neutral);color:var(--ar-neo-neutral-content)}html[data-theme=neo] .ar-btn-circle{border-radius:var(--ar-radius-pill)}html[data-theme=neo] .ar-card{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-lg);border-radius:1rem;overflow:hidden}html[data-theme=neo] .ar-badge{border:2px solid var(--ar-neo-border-color);border-radius:var(--ar-radius-pill);box-shadow:2px 2px 0px 0px var(--ar-neo-border-color);font-weight:700}html[data-theme=neo] .ar-modal-box{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-xl);border-radius:1rem}html[data-theme=neo] .ar-alert{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-md);border-radius:.75rem;font-weight:600}html[data-theme=neo] .ar-table th,html[data-theme=neo] .ar-table td{border:2px solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-table th{background:var(--ar-neo-base-200);font-weight:700}html[data-theme=neo] .ar-tabs{border-bottom:var(--ar-neo-border-width) solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-tab{font-weight:700;font-family:var(--ar-font-sans);border:2px solid #0000;border-bottom:0;border-radius:.5rem .5rem 0 0}html[data-theme=neo] .ar-tab-active{border-color:var(--ar-neo-border-color);background:var(--ar-neo-base-100);color:var(--ar-neo-primary)}html[data-theme=neo] .ar-accordion{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-md);border-radius:.75rem}html[data-theme=neo] .ar-accordion details{border-top:2px solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-accordion details:first-child{border-top:0}html[data-theme=neo] .ar-progress{border:2px solid var(--ar-neo-border-color);border-radius:var(--ar-radius-pill);overflow:hidden}html[data-theme=neo] .ar-progress::-webkit-progress-value{background:var(--ar-neo-primary)}html[data-theme=neo] .ar-toast{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-lg);border-radius:.75rem;font-weight:600}html[data-theme=neo] .ar-tag{border:2px solid var(--ar-neo-border-color);border-radius:var(--ar-radius-pill);box-shadow:2px 2px 0px 0px var(--ar-neo-border-color);font-weight:600}html[data-theme=neo] .ar-chat-bubble{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-sm);border-radius:1rem}html[data-theme=neo] .ar-chat-end .ar-chat-bubble{background:var(--ar-neo-primary);color:var(--ar-neo-primary-content);border-color:var(--ar-neo-border-color)}html[data-theme=neo] .ar-dropdown-content,html[data-theme=neo] .ar-popover-content{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-lg);border-radius:.75rem}html[data-theme=neo] .ar-tooltip[data-tip]:after{border:2px solid var(--ar-neo-border-color);box-shadow:2px 2px 0px 0px var(--ar-neo-border-color);border-radius:.5rem;font-weight:600}html[data-theme=neo] .ar-input,html[data-theme=neo] .ar-select,html[data-theme=neo] .ar-textarea{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-sm);font-family:var(--ar-font-sans);border-radius:.5rem;transition:box-shadow .15s ease-out,border-color .15s ease-out}html[data-theme=neo] .ar-input:focus,html[data-theme=neo] .ar-select:focus,html[data-theme=neo] .ar-textarea:focus{border-color:var(--ar-neo-primary);box-shadow:var(--ar-neo-shadow-md);outline:0}html[data-theme=neo] .ar-toggle{border:2px solid var(--ar-neo-border-color);border-radius:var(--ar-radius-pill)}html[data-theme=neo] .ar-page-item{border:2px solid var(--ar-neo-border-color);box-shadow:2px 2px 0px 0px var(--ar-neo-border-color);border-radius:.5rem;font-weight:700;transition:box-shadow .15s ease-out,transform .15s ease-out}html[data-theme=neo] .ar-page-item:hover{box-shadow:1px 1px 0px 0px var(--ar-neo-border-color);transform:translate(1px,1px)}html[data-theme=neo] .ar-page-active{background:var(--ar-neo-primary);color:var(--ar-neo-primary-content);border-color:var(--ar-neo-border-color)}html[data-theme=neo] .ar-step:before{border:2px solid var(--ar-neo-border-color);box-shadow:2px 2px 0px 0px var(--ar-neo-border-color)}html[data-theme=neo] .ar-navbar{border-bottom:var(--ar-neo-border-width) solid var(--ar-neo-border-color);background:var(--ar-neo-base-100)}html[data-theme=neo] .ar-footer{border-top:var(--ar-neo-border-width) solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-hero{background:var(--ar-neo-base-200)}html[data-theme=neo] .ar-scroll-top{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color);border-radius:var(--ar-radius-pill);box-shadow:var(--ar-neo-shadow-md)}html[data-theme=neo] .ar-scroll-top:hover{box-shadow:var(--ar-neo-shadow-sm);transform:translate(2px,2px)}html[data-theme=neo] .ar-drawer-side .ar-menu{border-right:var(--ar-neo-border-width) solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-skeleton{border:2px solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-breadcrumb-item:not(:last-child):after{color:var(--ar-neo-gray-400)}html[data-theme=neo] .ar-file-upload{border:3px dashed var(--ar-neo-border-color);border-radius:.75rem;transition:all .2s}html[data-theme=neo] .ar-file-upload:hover{border-color:var(--ar-neo-primary);background:#00aeef0d;transform:scale(1.02)rotate(-1deg)}html[data-theme=neo] .ar-file-upload.ar-file-upload-dragover{border-color:var(--ar-neo-primary);background:#00aeef0d;transform:scale(1.02)}html[data-theme=neo] .ar-prose pre{border:2px solid var(--ar-neo-border-color);box-shadow:var(--ar-neo-shadow-sm);border-radius:.75rem}html[data-theme=neo] .ar-prose code{border:1px solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-prose th,html[data-theme=neo] .ar-prose td{border:2px solid var(--ar-neo-border-color)}html[data-theme=neo] .ar-prose blockquote{border-left:4px solid var(--ar-neo-primary)}}@layer components{.ar-btn{justify-content:center;align-items:center;gap:var(--ar-s-2);border:var(--ar-border-width) solid transparent;border-radius:var(--ar-radius-field);font-family:var(--ar-font-sans);cursor:pointer;background:var(--ar-base-200);color:var(--ar-base-content);padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;transition:all .2s ease-out;display:inline-flex}.ar-btn:hover{background:var(--ar-base-300)}.ar-btn:active{transform:scale(.97)}.ar-btn-primary{background:var(--ar-primary);color:var(--ar-primary-content)}.ar-btn-primary:hover{background:var(--ar-neutral)}.ar-btn-outline{border-color:var(--ar-base-content);color:var(--ar-base-content);background:0 0}.ar-btn-outline:hover{background:var(--ar-base-content);color:var(--ar-base-100)}.ar-btn-ghost{color:var(--ar-base-content);background:0 0}.ar-btn-ghost:hover{background:var(--ar-base-200)}.ar-btn-neutral{background:var(--ar-neutral);color:var(--ar-neutral-content)}.ar-btn-neutral:hover{opacity:.85}.ar-btn-base-200{background:var(--ar-base-200);color:var(--ar-base-content)}.ar-btn-circle{border-radius:var(--ar-radius-pill);width:2.5rem;height:2.5rem;padding:.5rem}.ar-btn-xs{padding:.25rem .5rem;font-size:.7rem}.ar-btn-sm{padding:.375rem .75rem;font-size:.8rem}.ar-btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.ar-btn-block{width:100%;display:flex}.ar-btn-disabled,.ar-btn[disabled]{opacity:.5;pointer-events:none}.ar-btn-loading{pointer-events:none}.ar-btn-loading:after{content:"";border-radius:var(--ar-radius-pill);border:2px solid;border-right-color:#0000;width:1rem;height:1rem;animation:.7s linear infinite ar-spin}@keyframes ar-spin{to{transform:rotate(360deg)}}.ar-navbar{justify-content:space-between;align-items:center;gap:var(--ar-s-4);padding:var(--ar-s-2) var(--ar-s-4);background:var(--ar-base-100);border-bottom:var(--ar-border-width) solid var(--ar-base-300);display:flex}.ar-navbar-start{align-items:center;gap:var(--ar-s-2);flex:1;display:flex}.ar-navbar-center{align-items:center;gap:var(--ar-s-2);display:none}.ar-navbar-end{align-items:center;gap:var(--ar-s-2);display:flex}@media (width>=1024px){.ar-navbar-center{display:flex}}.ar-navbar-brand{color:var(--ar-base-content);font-size:1.875rem;font-weight:400;text-decoration:none}.ar-menu{padding:var(--ar-s-2);background:var(--ar-base-100);flex-direction:column;margin:0;list-style:none;display:flex}.ar-menu li>a{border-radius:var(--ar-radius-field);color:var(--ar-base-content);padding:.5rem .75rem;text-decoration:none;display:block}.ar-menu li>a:hover{background:var(--ar-base-200)}.ar-menu-horizontal{align-items:center;gap:var(--ar-s-2);flex-direction:row}.ar-menu-sm li>a{padding:.25rem .5rem;font-size:.8rem}.ar-dropdown{display:inline-block;position:relative}.ar-dropdown-content{z-index:20;background:var(--ar-base-100);border-radius:var(--ar-radius-box);min-width:15rem;box-shadow:var(--ar-shadow-lg);padding:var(--ar-s-2);margin-top:.75rem;display:none;position:absolute}.ar-dropdown:hover .ar-dropdown-content,.ar-dropdown:focus-within .ar-dropdown-content,.ar-dropdown.ar-dropdown-open .ar-dropdown-content{display:block}.ar-dropdown-content:before{content:"";height:.75rem;position:absolute;top:-.75rem;left:0;right:0}.ar-swap{cursor:pointer;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:relative}.ar-swap>.ar-swap-on,.ar-swap>.ar-swap-off{transition:opacity .3s,transform .3s;position:absolute}.ar-swap>.ar-swap-on{opacity:0}.ar-swap input:checked~.ar-swap-on,.ar-swap.ar-swap-active>.ar-swap-on{opacity:1}.ar-swap input:checked~.ar-swap-off,.ar-swap.ar-swap-active>.ar-swap-off{opacity:0}.ar-swap input{opacity:0;pointer-events:none;position:absolute}.ar-swap-rotate>.ar-swap-on,.ar-swap-rotate>.ar-swap-off{transform:rotate(0)}.ar-swap-rotate input:checked~.ar-swap-on,.ar-swap-rotate.ar-swap-active>.ar-swap-on{transform:rotate(360deg)}.ar-swap-rotate input:checked~.ar-swap-off,.ar-swap-rotate.ar-swap-active>.ar-swap-off{transform:rotate(-360deg)}.ar-card{background:var(--ar-base-100);border-radius:var(--ar-radius-box);box-shadow:var(--ar-shadow-md);flex-direction:column;display:flex;overflow:hidden}.ar-card-body{gap:var(--ar-s-2);padding:var(--ar-s-4);flex-direction:column;display:flex}.ar-card-title{font-size:1.125rem;font-weight:700;line-height:1.3}.ar-card-figure img{object-fit:cover;width:100%}.ar-badge{align-items:center;gap:var(--ar-s-1);border-radius:var(--ar-radius-selector);background:var(--ar-base-200);color:var(--ar-base-content);padding:.125rem .625rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.ar-badge-outline{border:var(--ar-border-width) solid var(--ar-base-content);background:0 0}.ar-badge-primary{background:var(--ar-primary);color:var(--ar-primary-content)}.ar-badge-neutral{background:var(--ar-neutral);color:var(--ar-neutral-content)}.ar-badge-sm{padding:0 .5rem;font-size:.625rem}.ar-badge-xs{padding:0 .375rem;font-size:.55rem}.ar-modal{background:#00000080;border:0;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:none}.ar-modal[open]{display:flex}.ar-modal::backdrop{background:#00000080}.ar-modal-box{background:var(--ar-base-100);border-radius:var(--ar-radius-box);box-shadow:var(--ar-shadow-xl);padding:var(--ar-s-6);width:min(92vw,42rem);max-height:90vh;overflow-y:auto}.ar-modal-backdrop{display:contents}.ar-carousel{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.ar-carousel-item{scroll-snap-align:start;flex:none;width:100%}.ar-carousel-item img{width:100%}.ar-drawer{display:flex;position:relative}.ar-drawer-toggle{appearance:none;opacity:0;pointer-events:none;position:fixed}.ar-drawer-content{flex:1;min-width:0}.ar-drawer-side{z-index:40;visibility:hidden;pointer-events:none;position:fixed;inset:0}.ar-drawer-side>*{visibility:visible}.ar-drawer-overlay{cursor:pointer;opacity:0;background:#00000080;transition:opacity .3s;position:absolute;inset:0}.ar-drawer-side .ar-menu{background:var(--ar-base-100);width:20rem;height:100%;transition:transform .3s;position:absolute;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.ar-drawer-toggle:checked~.ar-drawer-side{visibility:visible;pointer-events:auto}.ar-drawer-toggle:checked~.ar-drawer-side .ar-drawer-overlay{opacity:1}.ar-drawer-toggle:checked~.ar-drawer-side .ar-menu{transform:translate(0)}.ar-footer{align-items:center;gap:var(--ar-s-4);padding:var(--ar-s-10);background:var(--ar-base-200);border-top:var(--ar-border-width) solid var(--ar-base-300);flex-direction:column;display:flex}.ar-footer nav{justify-content:center;gap:var(--ar-s-4);flex-wrap:wrap;display:flex}.ar-footer a{color:var(--ar-base-content);opacity:.8}.ar-footer a:hover{opacity:1}.ar-footer-center{text-align:center}.ar-hero{background:var(--ar-base-200);padding:var(--ar-s-16) var(--ar-s-6);justify-content:center;align-items:center;display:flex}.ar-hero-content{align-items:center;gap:var(--ar-s-6);text-align:center;flex-direction:column;max-width:64rem;display:flex}@media (width>=1024px){.ar-hero-content{text-align:left;flex-direction:row}}.ar-tooltip{position:relative}.ar-tooltip[data-tip]:after{content:attr(data-tip);z-index:30;border-radius:var(--ar-radius-field);background:var(--ar-neutral);color:var(--ar-neutral-content);white-space:nowrap;opacity:0;pointer-events:none;padding:.25rem .625rem;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.ar-tooltip:hover[data-tip]:after{opacity:1}.ar-link{color:var(--ar-primary);cursor:pointer;text-decoration:underline}.ar-link-hover{text-decoration:none}.ar-link-hover:hover{text-decoration:underline}.ar-desc a{background:var(--ar-desc-grad);background-size:200%;text-decoration:underline;transition:background-position .5s ease-out,color .5s ease-out}.ar-desc a:hover{color:var(--ar-arc);background-position:0}.ar-join{border-radius:var(--ar-radius-field);align-items:stretch;display:inline-flex;overflow:hidden}.ar-join-item:not(:first-child){border-left-width:0}.ar-join .ar-btn,.ar-join-item{border-radius:0}.ar-prose{max-width:65ch;font-size:1rem;line-height:1.75}.ar-prose>*+*{margin-top:1rem}.ar-prose h1,.ar-prose h2,.ar-prose h3,.ar-prose h4{margin-top:1.5rem;font-weight:700}.ar-prose h1{font-size:1.75rem}.ar-prose h2{font-size:1.375rem}.ar-prose h3{font-size:1.125rem}.ar-prose h4{font-size:1rem}.ar-prose img{border-radius:var(--ar-radius-box);margin:1rem auto}.ar-prose a{text-decoration:underline}.ar-prose blockquote{border-left:4px solid var(--ar-base-300);color:var(--ar-gray-600);margin:1rem 0;padding-left:1rem;font-style:italic}.ar-prose ul,.ar-prose ol{padding-left:1.5rem}.ar-prose pre{background:var(--ar-base-200);border-radius:var(--ar-radius-box);padding:1rem;overflow-x:auto}.ar-prose code{background:var(--ar-base-200);border-radius:var(--ar-radius-field);padding:.125rem .375rem;font-size:.875em}.ar-prose pre code{background:0 0;padding:0}.ar-prose table{border-collapse:collapse;width:100%;font-size:.875rem}.ar-prose th,.ar-prose td{border:var(--ar-border-width) solid var(--ar-base-300);padding:.5rem .75rem}.ar-prose th{background:var(--ar-base-200)}.ar-prose hr{border:0;border-top:var(--ar-border-width) solid var(--ar-base-300);margin:1.5rem 0}.ar-bg-img{color:#0000;background-image:var(--ar-texture);-webkit-text-fill-color:var(--ar-bg-img-fill,transparent);background-size:cover;-webkit-background-clip:text;background-clip:text}.ar-bounce{animation:1s infinite ar-bounce}@keyframes ar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.25rem)}}.ar-animate-fade-in{animation:.4s ease-out forwards ar-fade-in}@keyframes ar-fade-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.ar-fieldset{gap:var(--ar-s-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.ar-label{align-items:center;gap:var(--ar-s-2);font-weight:600;display:flex}.ar-input,.ar-select,.ar-textarea{border:var(--ar-border-width) solid var(--ar-base-300);border-radius:var(--ar-radius-field);background:var(--ar-base-100);width:100%;color:var(--ar-base-content);padding:.5rem .75rem}.ar-input:focus,.ar-select:focus,.ar-textarea:focus{outline:2px solid var(--ar-primary);outline-offset:0;border-color:#0000}.ar-checkbox,.ar-radio{accent-color:var(--ar-primary);width:1.125rem;height:1.125rem}.ar-toggle{appearance:none;border-radius:var(--ar-radius-pill);background:var(--ar-base-300);cursor:pointer;width:2.75rem;height:1.5rem;transition:background .2s;position:relative}.ar-toggle:after{content:"";border-radius:var(--ar-radius-pill);background:var(--ar-base-100);width:1.125rem;height:1.125rem;transition:transform .2s;position:absolute;top:.1875rem;left:.1875rem}.ar-toggle:checked{background:var(--ar-primary)}.ar-toggle:checked:after{transform:translate(1.25rem)}.ar-range{accent-color:var(--ar-primary);width:100%}.ar-table{border-collapse:collapse;width:100%;font-size:.875rem}.ar-table th,.ar-table td{border-bottom:var(--ar-border-width) solid var(--ar-base-300);text-align:left;padding:.625rem .75rem}.ar-table th{background:var(--ar-base-200);font-weight:700}.ar-table-striped tbody tr:nth-child(odd){background:var(--ar-base-200)}.ar-table-hover tbody tr:hover{background:var(--ar-base-300)}.ar-alert{align-items:center;gap:var(--ar-s-3);border-radius:var(--ar-radius-box);padding:var(--ar-s-4);background:var(--ar-base-200);color:var(--ar-base-content);display:flex}.ar-alert-info{background:var(--ar-info);color:var(--ar-info-content)}.ar-alert-success{background:var(--ar-success);color:var(--ar-success-content)}.ar-alert-warning{background:var(--ar-warning);color:var(--ar-warning-content)}.ar-alert-error{background:var(--ar-error);color:var(--ar-error-content)}.ar-tabs{gap:var(--ar-s-1);border-bottom:var(--ar-border-width) solid var(--ar-base-300);flex-wrap:wrap;display:flex}.ar-tab{cursor:pointer;color:var(--ar-gray-600);font-family:var(--ar-font-sans);background:0 0;border:0;border-bottom:2px solid #0000;padding:.625rem 1rem;font-weight:600}.ar-tab:hover{color:var(--ar-base-content)}.ar-tab-active{color:var(--ar-primary);border-bottom-color:var(--ar-primary)}.ar-accordion{border:var(--ar-border-width) solid var(--ar-base-300);border-radius:var(--ar-radius-box);overflow:hidden}.ar-accordion details{border-top:var(--ar-border-width) solid var(--ar-base-300)}.ar-accordion details:first-child{border-top:0}.ar-accordion summary{cursor:pointer;justify-content:space-between;align-items:center;padding:1rem;font-weight:600;list-style:none;display:flex}.ar-accordion summary::-webkit-details-marker{display:none}.ar-accordion summary:after{content:"+";font-size:1.25rem}.ar-accordion details[open] summary:after{content:"−"}.ar-accordion .ar-accordion-body{padding:0 1rem 1rem}.ar-progress{appearance:none;border-radius:var(--ar-radius-pill);background:var(--ar-base-300);border:0;width:100%;height:1rem;overflow:hidden}.ar-progress::-webkit-progress-bar{background:var(--ar-base-300)}.ar-progress::-webkit-progress-value{background:var(--ar-primary)}.ar-progress::-moz-progress-bar{background:var(--ar-primary)}.ar-timeline{gap:var(--ar-s-4);flex-direction:column;padding-left:0;list-style:none;display:flex}.ar-timeline-item{padding-left:var(--ar-s-8);position:relative}.ar-timeline-item:before{content:"";border-radius:var(--ar-radius-pill);background:var(--ar-primary);width:.75rem;height:.75rem;position:absolute;top:.25rem;left:.375rem}.ar-timeline-item:after{content:"";background:var(--ar-base-300);width:2px;position:absolute;top:1.25rem;bottom:-1.5rem;left:.65625rem}.ar-timeline-item:last-child:after{display:none}.ar-divider{align-items:center;gap:var(--ar-s-3);color:var(--ar-gray-600);margin:var(--ar-s-4) 0;display:flex}.ar-divider:before,.ar-divider:after{content:"";height:var(--ar-border-width);background:var(--ar-base-300);flex:1}.ar-stepper{justify-content:space-between;gap:var(--ar-s-2);display:flex}.ar-step{align-items:center;gap:var(--ar-s-1);text-align:center;color:var(--ar-gray-600);flex-direction:column;flex:1;font-size:.75rem;display:flex}.ar-step:before{content:attr(data-step);border-radius:var(--ar-radius-pill);background:var(--ar-base-300);width:2rem;height:2rem;color:var(--ar-base-content);justify-content:center;align-items:center;font-weight:700;display:flex}.ar-step-active:before{background:var(--ar-primary);color:var(--ar-primary-content)}.ar-avatar{border-radius:var(--ar-radius-pill);width:3rem;height:3rem;overflow:hidden}.ar-avatar img{object-fit:cover;width:100%;height:100%}.ar-toast-container{z-index:100;gap:var(--ar-s-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.ar-toast-container[data-ar-toast-position=top-left]{top:var(--ar-s-4);left:var(--ar-s-4)}.ar-toast-container[data-ar-toast-position=top-center]{top:var(--ar-s-4);left:50%;transform:translate(-50%)}.ar-toast-container[data-ar-toast-position=top-right]{top:var(--ar-s-4);right:var(--ar-s-4)}.ar-toast-container[data-ar-toast-position=bottom-left]{bottom:var(--ar-s-4);left:var(--ar-s-4)}.ar-toast-container[data-ar-toast-position=bottom-center]{bottom:var(--ar-s-4);left:50%;transform:translate(-50%)}.ar-toast-container[data-ar-toast-position=bottom-right]{bottom:var(--ar-s-4);right:var(--ar-s-4)}.ar-toast{align-items:center;gap:var(--ar-s-3);min-width:18rem;max-width:24rem;padding:var(--ar-s-3) var(--ar-s-4);border-radius:var(--ar-radius-box);background:var(--ar-base-100);color:var(--ar-base-content);box-shadow:var(--ar-shadow-lg);border:var(--ar-border-width) solid var(--ar-base-300);pointer-events:auto;opacity:0;animation:.3s ease-out forwards ar-toast-in;display:flex;transform:translateY(-.5rem)}.ar-toast-container[data-ar-toast-position=bottom-left] .ar-toast,.ar-toast-container[data-ar-toast-position=bottom-center] .ar-toast,.ar-toast-container[data-ar-toast-position=bottom-right] .ar-toast{transform:translateY(.5rem)}.ar-toast.ar-toast-out{animation:.2s ease-in forwards ar-toast-out}.ar-toast-info{background:var(--ar-info);color:var(--ar-info-content);border-color:var(--ar-info)}.ar-toast-success{background:var(--ar-success);color:var(--ar-success-content);border-color:var(--ar-success)}.ar-toast-warning{background:var(--ar-warning);color:var(--ar-warning-content);border-color:var(--ar-warning)}.ar-toast-error{background:var(--ar-error);color:var(--ar-error-content);border-color:var(--ar-error)}.ar-toast-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.ar-toast-message{flex:1;font-size:.875rem;line-height:1.4}.ar-toast-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0;font-size:1.125rem;line-height:1}.ar-toast-close:hover{opacity:1}.ar-toast-progress{opacity:.4;border-radius:0 0 var(--ar-radius-box) var(--ar-radius-box);background:currentColor;height:3px;animation:linear forwards ar-toast-progress;position:absolute;bottom:0;left:0}@keyframes ar-toast-in{to{opacity:1;transform:translateY(0)}}@keyframes ar-toast-out{to{opacity:0;transform:translateY(-.5rem)}}@keyframes ar-toast-progress{0%{width:100%}to{width:0%}}.ar-skeleton{background:var(--ar-base-300);border-radius:var(--ar-radius-field);position:relative;overflow:hidden}.ar-skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,oklch(100% 0 0/.08) 50%,#0000 100%);animation:1.5s ease-in-out infinite ar-skeleton-shimmer;position:absolute;inset:0}.ar-skeleton-text{height:1rem;margin-bottom:var(--ar-s-2);width:100%}.ar-skeleton-text:last-child{width:70%}.ar-skeleton-title{width:60%;height:1.5rem;margin-bottom:var(--ar-s-3)}.ar-skeleton-avatar{border-radius:var(--ar-radius-pill);width:3rem;height:3rem}.ar-skeleton-thumbnail{aspect-ratio:16/9;width:100%}.ar-skeleton-btn{border-radius:var(--ar-radius-field);width:8rem;height:2.5rem}@keyframes ar-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ar-breadcrumb{align-items:center;gap:var(--ar-s-1);flex-wrap:wrap;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.ar-breadcrumb-item{align-items:center;gap:var(--ar-s-1);display:flex}.ar-breadcrumb-item a{color:var(--ar-gray-600);text-decoration:none;transition:color .2s}.ar-breadcrumb-item a:hover{color:var(--ar-primary)}.ar-breadcrumb-item:not(:last-child):after{content:"/";color:var(--ar-gray-400);margin-left:var(--ar-s-1)}.ar-breadcrumb-item:last-child{color:var(--ar-base-content);font-weight:600}.ar-pagination{align-items:center;gap:var(--ar-s-1);margin:0;padding:0;list-style:none;display:flex}.ar-page-item{min-width:2.25rem;height:2.25rem;padding:0 var(--ar-s-2);border-radius:var(--ar-radius-field);border:var(--ar-border-width) solid transparent;color:var(--ar-base-content);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.ar-page-item:hover{background:var(--ar-base-200)}.ar-page-active{background:var(--ar-primary);color:var(--ar-primary-content);font-weight:700}.ar-page-active:hover{background:var(--ar-primary);color:var(--ar-primary-content)}.ar-page-disabled{opacity:.4;pointer-events:none}.ar-page-ellipsis{pointer-events:none;color:var(--ar-gray-500)}.ar-rating{gap:var(--ar-s-1);direction:rtl;display:inline-flex}.ar-rating input{display:none}.ar-rating label{cursor:pointer;color:var(--ar-gray-300);transition:color .15s,transform .15s}.ar-rating label:hover,.ar-rating label:hover~label,.ar-rating input:checked~label{color:var(--ar-warning)}.ar-rating label:hover{transform:scale(1.15)}.ar-rating svg{fill:currentColor;width:1.5rem;height:1.5rem}.ar-rating-readonly label{cursor:default}.ar-rating-readonly label:hover,.ar-rating-readonly label:hover~label,.ar-rating-readonly input:checked~label{transform:none}.ar-chat{gap:var(--ar-s-3);flex-direction:column;max-width:48rem;display:flex}.ar-chat-bubble{padding:var(--ar-s-3) var(--ar-s-4);border-radius:var(--ar-radius-box);background:var(--ar-base-200);color:var(--ar-base-content);word-wrap:break-word;max-width:80%;line-height:1.5;position:relative}.ar-chat-start{align-self:flex-start}.ar-chat-end{align-self:flex-end}.ar-chat-start .ar-chat-bubble{border-bottom-left-radius:0}.ar-chat-end .ar-chat-bubble{background:var(--ar-primary);color:var(--ar-primary-content);border-bottom-right-radius:0}.ar-chat-avatar{border-radius:var(--ar-radius-pill);flex-shrink:0;width:2.5rem;height:2.5rem;overflow:hidden}.ar-chat-avatar img{object-fit:cover;width:100%;height:100%}.ar-chat-start .ar-chat-header,.ar-chat-end .ar-chat-header{align-items:center;gap:var(--ar-s-2);margin-bottom:var(--ar-s-1);color:var(--ar-gray-600);font-size:.75rem;font-weight:600;display:flex}.ar-chat-end .ar-chat-header{justify-content:flex-end}.ar-chat-footer{color:var(--ar-gray-500);margin-top:var(--ar-s-1);font-size:.7rem}.ar-chat-start .ar-chat-footer{text-align:left}.ar-chat-end .ar-chat-footer{text-align:right}.ar-chat-sender{align-items:flex-end;gap:var(--ar-s-2);display:flex}.ar-chat-receiver{align-items:flex-end;gap:var(--ar-s-2);flex-direction:row-reverse;display:flex}.ar-tag{align-items:center;gap:var(--ar-s-1);border-radius:var(--ar-radius-pill);background:var(--ar-base-200);color:var(--ar-base-content);white-space:nowrap;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.4;display:inline-flex}.ar-tag-primary{background:var(--ar-primary);color:var(--ar-primary-content)}.ar-tag-secondary{background:var(--ar-secondary);color:var(--ar-secondary-content)}.ar-tag-accent{background:var(--ar-accent);color:var(--ar-accent-content)}.ar-tag-neutral{background:var(--ar-neutral);color:var(--ar-neutral-content)}.ar-tag-info{background:var(--ar-info);color:var(--ar-info-content)}.ar-tag-success{background:var(--ar-success);color:var(--ar-success-content)}.ar-tag-warning{background:var(--ar-warning);color:var(--ar-warning-content)}.ar-tag-error{background:var(--ar-error);color:var(--ar-error-content)}.ar-tag-outline{border:var(--ar-border-width) solid currentColor;background:0 0}.ar-tag-outline.ar-tag-primary{color:var(--ar-primary)}.ar-tag-outline.ar-tag-secondary{color:var(--ar-secondary)}.ar-tag-outline.ar-tag-accent{color:var(--ar-accent)}.ar-tag-outline.ar-tag-neutral{color:var(--ar-neutral)}.ar-tag-outline.ar-tag-info{color:var(--ar-info)}.ar-tag-outline.ar-tag-success{color:var(--ar-success)}.ar-tag-outline.ar-tag-warning{color:var(--ar-warning)}.ar-tag-outline.ar-tag-error{color:var(--ar-error)}.ar-tag-lg{padding:.375rem 1rem;font-size:.875rem}.ar-tag-sm{padding:.125rem .5rem;font-size:.75rem}.ar-tag-close{border-radius:var(--ar-radius-pill);width:1rem;height:1rem;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:.875rem;line-height:1;display:inline-flex}.ar-tag-close:hover{opacity:1}.ar-popover{display:inline-block;position:relative}.ar-popover-content{z-index:30;min-width:14rem;padding:var(--ar-s-3) var(--ar-s-4);background:var(--ar-base-100);color:var(--ar-base-content);border-radius:var(--ar-radius-box);box-shadow:var(--ar-shadow-lg);border:var(--ar-border-width) solid var(--ar-base-300);opacity:0;visibility:hidden;pointer-events:none;font-size:.875rem;line-height:1.5;transition:opacity .2s,visibility .2s,transform .2s;position:absolute}.ar-popover-open .ar-popover-content{opacity:1;visibility:visible;pointer-events:auto}.ar-popover-content[data-ar-placement=top]{bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(.25rem)}.ar-popover-open .ar-popover-content[data-ar-placement=top]{transform:translate(-50%)translateY(0)}.ar-popover-content[data-ar-placement=bottom]{top:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(-.25rem)}.ar-popover-open .ar-popover-content[data-ar-placement=bottom]{transform:translate(-50%)translateY(0)}.ar-popover-content[data-ar-placement=left]{top:50%;right:calc(100% + .5rem);transform:translateY(-50%)translate(.25rem)}.ar-popover-open .ar-popover-content[data-ar-placement=left]{transform:translateY(-50%)translate(0)}.ar-popover-content[data-ar-placement=right]{top:50%;left:calc(100% + .5rem);transform:translateY(-50%)translate(-.25rem)}.ar-popover-open .ar-popover-content[data-ar-placement=right]{transform:translateY(-50%)translate(0)}.ar-popover-title{margin-bottom:var(--ar-s-1);font-weight:600}.ar-file-upload{justify-content:center;align-items:center;gap:var(--ar-s-2);padding:var(--ar-s-8) var(--ar-s-4);border:2px dashed var(--ar-base-300);border-radius:var(--ar-radius-box);background:var(--ar-base-200);color:var(--ar-gray-600);text-align:center;cursor:pointer;flex-direction:column;transition:all .2s;display:flex;position:relative}.ar-file-upload:hover,.ar-file-upload.ar-file-upload-dragover{border-color:var(--ar-primary);background:var(--ar-base-300);color:var(--ar-base-content)}.ar-file-upload input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.ar-file-upload-icon{opacity:.5;width:2.5rem;height:2.5rem}.ar-file-upload-text{font-size:.875rem}.ar-file-upload-text strong{color:var(--ar-primary)}.ar-file-upload-hint{opacity:.7;font-size:.75rem}.ar-file-upload-sm{padding:var(--ar-s-4) var(--ar-s-3)}.ar-file-upload-sm .ar-file-upload-icon{width:1.5rem;height:1.5rem}.ar-scroll-top{bottom:var(--ar-s-6);right:var(--ar-s-6);z-index:40;border-radius:var(--ar-radius-pill);background:var(--ar-primary);width:2.75rem;height:2.75rem;color:var(--ar-primary-content);cursor:pointer;box-shadow:var(--ar-shadow-lg);opacity:0;visibility:hidden;border:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;transform:translateY(.5rem)}.ar-scroll-top-visible{opacity:1;visibility:visible;transform:translateY(0)}.ar-scroll-top:hover{background:var(--ar-neutral);color:var(--ar-neutral-content);transform:translateY(-.125rem)}.ar-scroll-top svg{width:1.25rem;height:1.25rem}}@layer utilities{.ar-p-0{padding:var(--ar-s-0)}.ar-p-1{padding:var(--ar-s-1)}.ar-p-2{padding:var(--ar-s-2)}.ar-p-3{padding:var(--ar-s-3)}.ar-p-4{padding:var(--ar-s-4)}.ar-p-5{padding:var(--ar-s-5)}.ar-p-6{padding:var(--ar-s-6)}.ar-p-8{padding:var(--ar-s-8)}.ar-p-10{padding:var(--ar-s-10)}.ar-p-12{padding:var(--ar-s-12)}.ar-px-1{padding-inline:var(--ar-s-1)}.ar-px-2{padding-inline:var(--ar-s-2)}.ar-px-3{padding-inline:var(--ar-s-3)}.ar-px-4{padding-inline:var(--ar-s-4)}.ar-px-6{padding-inline:var(--ar-s-6)}.ar-px-8{padding-inline:var(--ar-s-8)}.ar-py-1{padding-block:var(--ar-s-1)}.ar-py-2{padding-block:var(--ar-s-2)}.ar-py-3{padding-block:var(--ar-s-3)}.ar-py-4{padding-block:var(--ar-s-4)}.ar-py-6{padding-block:var(--ar-s-6)}.ar-py-8{padding-block:var(--ar-s-8)}.ar-py-12{padding-block:var(--ar-s-12)}.ar-pt-2{padding-top:var(--ar-s-2)}.ar-pt-10{padding-top:var(--ar-s-10)}.ar-pb-0{padding-bottom:var(--ar-s-0)}.ar-pb-2{padding-bottom:var(--ar-s-2)}.ar-m-0{margin:var(--ar-s-0)}.ar-m-2{margin:var(--ar-s-2)}.ar-m-4{margin:var(--ar-s-4)}.ar-mt-1{margin-top:var(--ar-s-1)}.ar-mt-2{margin-top:var(--ar-s-2)}.ar-mt-3{margin-top:var(--ar-s-3)}.ar-mt-4{margin-top:var(--ar-s-4)}.ar-mt-6{margin-top:var(--ar-s-6)}.ar-mt-8{margin-top:var(--ar-s-8)}.ar-mb-2{margin-bottom:var(--ar-s-2)}.ar-mb-8{margin-bottom:var(--ar-s-8)}.ar-my-1{margin-block:var(--ar-s-1)}.ar-my-2{margin-block:var(--ar-s-2)}.ar-my-4{margin-block:var(--ar-s-4)}.ar-my-10{margin-block:var(--ar-s-10)}.ar-mx-auto{margin-inline:auto}.ar-flex{display:flex}.ar-inline-flex{display:inline-flex}.ar-grid{display:grid}.ar-block{display:block}.ar-inline-block{display:inline-block}.ar-hidden{display:none}.ar-flex-col{flex-direction:column}.ar-flex-row{flex-direction:row}.ar-flex-wrap{flex-wrap:wrap}.ar-flex-1{flex:1}.ar-shrink-0{flex-shrink:0}.ar-items-start{align-items:flex-start}.ar-items-center{align-items:center}.ar-items-end{align-items:flex-end}.ar-justify-start{justify-content:flex-start}.ar-justify-center{justify-content:center}.ar-justify-between{justify-content:space-between}.ar-justify-end{justify-content:flex-end}.ar-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ar-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-grid-flow-col{grid-auto-flow:column}.ar-gap-1{gap:var(--ar-s-1)}.ar-gap-2{gap:var(--ar-s-2)}.ar-gap-3{gap:var(--ar-s-3)}.ar-gap-4{gap:var(--ar-s-4)}.ar-gap-6{gap:var(--ar-s-6)}.ar-gap-x-2{column-gap:var(--ar-s-2)}.ar-gap-x-4{column-gap:var(--ar-s-4)}.ar-gap-x-8{column-gap:var(--ar-s-8)}.ar-gap-y-8{row-gap:var(--ar-s-8)}.ar-gap-y-16{row-gap:var(--ar-s-16)}.ar-text-xs{font-size:.75rem}.ar-text-sm{font-size:.875rem}.ar-text-base{font-size:1rem}.ar-text-lg{font-size:1.125rem}.ar-text-xl{font-size:1.25rem}.ar-text-2xl{font-size:1.5rem}.ar-text-3xl{font-size:1.875rem}.ar-text-4xl{font-size:2.25rem}.ar-text-5xl{font-size:3rem}.ar-text-6xl{font-size:3.75rem}.ar-text-7xl{font-size:4.5rem}.ar-text-8xl{font-size:6rem}.ar-text-9xl{font-size:8rem}.ar-font-thin{font-weight:100}.ar-font-normal{font-weight:400}.ar-font-medium{font-weight:500}.ar-font-semibold{font-weight:600}.ar-font-bold{font-weight:700}.ar-text-left{text-align:left}.ar-text-center{text-align:center}.ar-text-right{text-align:right}.ar-text-pretty{text-wrap:pretty}.ar-text-wrap{text-wrap:wrap}.ar-leading-tight{line-height:1.25}.ar-leading-6{line-height:1.5rem}.ar-tracking-wide{letter-spacing:.025em}.ar-tracking-wider{letter-spacing:.05em}.ar-underline{text-decoration:underline}.ar-no-underline{text-decoration:none}.ar-list-none{list-style:none}.ar-tabular-nums{font-variant-numeric:tabular-nums}.ar-w-8{width:var(--ar-s-8)}.ar-w-40{width:var(--ar-s-40,10rem)}.ar-w-48{width:var(--ar-s-48,12rem)}.ar-w-60{width:15rem}.ar-w-80{width:20rem}.ar-w-full{width:100%}.ar-w-1\/3{width:33.3333%}.ar-w-2\/3{width:66.6667%}.ar-w-1\/2{width:50%}.ar-w-11\/12{width:91.6667%}.ar-h-8{height:var(--ar-s-8)}.ar-h-48{height:12rem}.ar-h-full{height:100%}.ar-min-h-full{min-height:100%}.ar-min-h-screen{min-height:100vh}.ar-max-w-none{max-width:none}.ar-max-w-sm{max-width:24rem}.ar-max-w-md{max-width:28rem}.ar-max-w-lg{max-width:32rem}.ar-max-w-xl{max-width:36rem}.ar-max-w-2xl{max-width:42rem}.ar-max-w-3xl{max-width:48rem}.ar-max-w-4xl{max-width:56rem}.ar-max-w-5xl{max-width:64rem}.ar-max-w-6xl{max-width:72rem}.ar-max-w-7xl{max-width:80rem}.ar-aspect-video{aspect-ratio:16/9}.ar-object-cover{object-fit:cover}.ar-overflow-hidden{overflow:hidden}.ar-overflow-x-auto{overflow-x:auto}.ar-bg-base-100{background:var(--ar-base-100)}.ar-bg-base-200{background:var(--ar-base-200)}.ar-bg-base-300{background:var(--ar-base-300)}.ar-bg-base-content{background:var(--ar-base-content)}.ar-bg-base-content\/80{background:var(--ar-base-content-80)}.ar-bg-neutral{background:var(--ar-neutral)}.ar-bg-primary{background:var(--ar-primary)}.ar-bg-gray-100{background:var(--ar-gray-100)}.ar-bg-gray-200{background:var(--ar-gray-200)}.ar-bg-gray-700{background:var(--ar-gray-700)}.ar-text-base-content{color:var(--ar-base-content)}.ar-text-primary{color:var(--ar-primary)}.ar-text-primary-content{color:var(--ar-primary-content)}.ar-text-neutral{color:var(--ar-neutral)}.ar-text-neutral-content{color:var(--ar-neutral-content)}.ar-text-white{color:#fff}.ar-text-black{color:#000}.ar-text-gray-100{color:var(--ar-gray-100)}.ar-text-gray-200{color:var(--ar-gray-200)}.ar-text-gray-300{color:var(--ar-gray-300)}.ar-text-gray-400{color:var(--ar-gray-400)}.ar-text-gray-500{color:var(--ar-gray-500)}.ar-text-gray-600{color:var(--ar-gray-600)}.ar-text-gray-700{color:var(--ar-gray-700)}.ar-border{border:var(--ar-border-width) solid}.ar-border-2{border:2px solid}.ar-border-t{border-top:var(--ar-border-width) solid}.ar-border-t-0{border-top:0}.ar-border-b{border-bottom:var(--ar-border-width) solid}.ar-border-base-content{border-color:var(--ar-base-content)}.ar-border-neutral{border-color:var(--ar-neutral)}.ar-border-gray-200{border-color:var(--ar-gray-200)}.ar-border-gray-300{border-color:var(--ar-gray-300)}.ar-border-base-300{border-color:var(--ar-base-300)}.ar-rounded{border-radius:var(--ar-radius-field)}.ar-rounded-lg{border-radius:var(--ar-radius-box)}.ar-rounded-xl{border-radius:.75rem}.ar-rounded-box{border-radius:var(--ar-radius-box)}.ar-rounded-full{border-radius:var(--ar-radius-pill)}.ar-shadow-sm{box-shadow:var(--ar-shadow-sm)}.ar-shadow-md{box-shadow:var(--ar-shadow-md)}.ar-shadow-lg{box-shadow:var(--ar-shadow-lg)}.ar-shadow-xl{box-shadow:var(--ar-shadow-xl)}.ar-shadow-2xl{box-shadow:var(--ar-shadow-2xl)}.ar-relative{position:relative}.ar-absolute{position:absolute}.ar-fixed{position:fixed}.ar-sticky{z-index:50;position:sticky;top:0}.ar-inset-0{inset:0}.ar-top-0{top:0}.ar-bottom-0{bottom:0}.ar-left-0{left:0}.ar-right-0{right:0}.ar-top-1\/2{top:50%}.ar-left-5{left:1.25rem}.ar-right-5{right:1.25rem}.ar-z-10{z-index:10}.ar-z-20{z-index:20}.ar-z-50{z-index:50}.ar-opacity-0{opacity:0}.ar-opacity-30{opacity:.3}.ar-opacity-60{opacity:.6}.ar-transition-all{transition:all .3s}.ar-transition-transform{transition:transform .3s}.ar-duration-300{transition-duration:.3s}.ar-duration-500{transition-duration:.5s}.ar-ease-out{transition-timing-function:ease-out}.ar-ease-in-out{transition-timing-function:ease-in-out}.ar-cursor-pointer{cursor:pointer}.ar-whitespace-nowrap{white-space:nowrap}.ar-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ar-hover-bounce:hover{animation:1s infinite ar-bounce}.ar-hover-scale-110:hover{transform:scale(1.1)}.ar-hover-shadow-xl:hover{box-shadow:var(--ar-shadow-xl)}.ar-hover-text-gray-600:hover{color:var(--ar-gray-600)}.ar-hover-text-neutral:hover{color:var(--ar-neutral)}.ar-hover-bg-gray-100:hover{background:var(--ar-gray-100)}.ar-hover-bg-gray-700:hover{background:var(--ar-gray-700)}.ar-hover-border-gray-400:hover{border-color:var(--ar-gray-400)}.ar-hover-ring:hover{box-shadow:0 0 0 1px var(--ar-gray-400);border-color:var(--ar-gray-400)}.ar-hover-ring-gray-200:hover{box-shadow:0 0 0 1px var(--ar-gray-200);border-color:var(--ar-gray-400)}@media (width>=768px){.ar-md\:flex{display:flex}.ar-md\:flex-col{flex-direction:column}.ar-md\:flex-row{flex-direction:row}.ar-md\:hidden{display:none}.ar-md\:grid{display:grid}.ar-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-md\:items-center{align-items:center}.ar-md\:w-1\/2{width:50%}.ar-md\:w-1\/3{width:33.3333%}.ar-md\:w-2\/3{width:66.6667%}.ar-md\:max-w-52{max-width:13rem}.ar-md\:p-8{padding:var(--ar-s-8)}.ar-md\:mx-0{margin-inline:0}.ar-md\:text-left{text-align:left}.ar-md\:text-center{text-align:center}}@media (width>=1024px){.ar-lg\:flex{display:flex}.ar-lg\:flex-col{flex-direction:column}.ar-lg\:flex-row{flex-direction:row}.ar-lg\:hidden{display:none}.ar-lg\:grid{display:grid}.ar-lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-lg\:items-center{align-items:center}.ar-lg\:justify-between{justify-content:space-between}.ar-lg\:gap-8{gap:var(--ar-s-8)}.ar-lg\:w-1\/2{width:50%}.ar-lg\:w-2\/5{width:40%}.ar-lg\:max-w-none{max-width:none}.ar-lg\:max-w-lg{max-width:32rem}.ar-lg\:p-8{padding:var(--ar-s-8)}.ar-lg\:p-16{padding:var(--ar-s-16)}.ar-lg\:mx-0{margin-inline:0}.ar-lg\:text-2xl{font-size:1.5rem}.ar-lg\:text-4xl{font-size:2.25rem}.ar-lg\:text-6xl{font-size:3.75rem}.ar-lg\:text-8xl{font-size:6rem}.ar-lg\:text-9xl{font-size:8rem}.ar-lg\:leading-tight{line-height:1.25}.ar-lg\:text-left{text-align:left}.ar-lg\:text-center{text-align:center}}.ar-neo-shadow-sm{box-shadow:var(--ar-neo-shadow-sm)}.ar-neo-shadow-md{box-shadow:var(--ar-neo-shadow-md)}.ar-neo-shadow-lg{box-shadow:var(--ar-neo-shadow-lg)}.ar-neo-shadow-xl{box-shadow:var(--ar-neo-shadow-xl)}.ar-neo-shadow-2xl{box-shadow:var(--ar-neo-shadow-2xl)}.ar-neo-border{border:var(--ar-neo-border-width) solid var(--ar-neo-border-color)}.ar-neo-border-2{border:2px solid var(--ar-neo-border-color)}.ar-neo-rounded{border-radius:.5rem}.ar-neo-rounded-lg{border-radius:.75rem}.ar-neo-rounded-xl{border-radius:1rem}.ar-neo-press{transition:box-shadow .15s ease-out,transform .15s ease-out}.ar-neo-press:hover{box-shadow:var(--ar-neo-shadow-sm);transform:translate(2px,2px)}.ar-neo-press:active{box-shadow:none;transform:translate(4px,4px)}.ar-neo-primary{background:var(--ar-neo-primary);color:var(--ar-neo-primary-content)}.ar-neo-secondary{background:var(--ar-neo-secondary);color:var(--ar-neo-secondary-content)}.ar-neo-accent{background:var(--ar-neo-accent);color:var(--ar-neo-accent-content)}.ar-neo-danger{background:var(--ar-neo-error);color:var(--ar-neo-error-content)}.ar-neo-text-primary{color:var(--ar-neo-primary)}.ar-neo-text-secondary{color:var(--ar-neo-secondary)}.ar-neo-text-accent{color:var(--ar-neo-accent)}.ar-neo-text-danger{color:var(--ar-neo-error)}.ar-neo-text-dark{color:var(--ar-neo-base-content)}.ar-neo-hover-tilt:hover{transform:rotate(-1deg)}.ar-neo-hover-lift:hover{box-shadow:var(--ar-neo-shadow-lg);transform:translateY(-2px)}}

package/dist/arekui.min.js

@@ -1,2 +0,0 @@
-/*! Arekui v1.0.0 | MIT License */
-(()=>{(()=>{var f="arekui-theme",d=["light","dark"],u=["light","neo"];function c(){return document.documentElement.getAttribute("data-theme")}function l(e){document.documentElement.setAttribute("data-theme",e),document.documentElement.classList.toggle("dark",e==="dark")}function S(){var e=localStorage.getItem(f),t=d.concat(u);if(e&&t.indexOf(e)!==-1)l(e);else{var r=window.matchMedia("(prefers-color-scheme: dark)").matches;l(r?"dark":"light")}}function m(){var e=c();document.querySelectorAll("[data-ar-theme-toggle]").forEach(t=>{t.matches('input[type="checkbox"]')?t.checked=e==="dark":t.setAttribute("aria-pressed",String(e==="dark"))}),document.querySelectorAll("[data-ar-neo-toggle]").forEach(t=>{var r=e==="neo";t.matches('input[type="checkbox"]')?t.checked=r:(t.setAttribute("aria-pressed",String(r)),t.textContent=r?"Default":"Neo")})}function q(){document.addEventListener("click",e=>{var t=e.target.closest("[data-ar-theme-toggle]");if(t){var r=c()||"light",a=d.indexOf(r),o=d[(a+1)%d.length];l(o),localStorage.setItem(f,o),m()}})}function T(){document.addEventListener("click",e=>{var t=e.target.closest("[data-ar-neo-toggle]");if(t){var r=c()||"light",a=u.indexOf(r),o=u[(a+1)%u.length];l(o),localStorage.setItem(f,o),m()}})}function w(){document.querySelectorAll("[data-ar-open]").forEach(e=>{e.addEventListener("click",t=>{t.preventDefault();var r=document.getElementById(e.getAttribute("data-ar-open"));r&&typeof r.showModal=="function"&&r.showModal()})}),document.querySelectorAll("[data-ar-close]").forEach(e=>{e.addEventListener("click",()=>{var t=e.closest("dialog");t&&typeof t.close=="function"&&t.close()})}),document.querySelectorAll("dialog[data-ar-backdrop-close]").forEach(e=>{e.addEventListener("click",t=>{t.target===e&&e.close()})})}function C(){document.querySelectorAll("[data-ar-drawer-toggle]").forEach(e=>{e.addEventListener("click",()=>{var t=e.getAttribute("data-ar-drawer-toggle"),r=document.getElementById(t);r&&(r.checked=!r.checked)})})}function x(){document.querySelectorAll("[data-ar-tab]").forEach(e=>{e.addEventListener("click",()=>{var t=e.closest(".ar-tabs");if(t){t.querySelectorAll("[data-ar-tab]").forEach(o=>{o.classList.remove("ar-tab-active")}),e.classList.add("ar-tab-active");var r=e.getAttribute("data-ar-tab"),a=t.getAttribute("data-ar-tabs-panel");a&&document.querySelectorAll("["+a+"]").forEach(o=>{o.style.display=o.id===r?"":"none"})}})})}function g(e){e.classList.remove("ar-dropdown-open");var t=e.querySelector(":scope > button, :scope > a");t&&t.blur()}function D(){document.querySelectorAll(".ar-dropdown").forEach(e=>{var t=e.querySelector(".ar-dropdown-content");t&&e.addEventListener("click",r=>{if(t.contains(r.target)){g(e);return}e.classList.contains("ar-dropdown-open")?g(e):e.classList.add("ar-dropdown-open")})}),document.addEventListener("click",e=>{document.querySelectorAll(".ar-dropdown.ar-dropdown-open").forEach(t=>{t.contains(e.target)||t.classList.remove("ar-dropdown-open")})}),document.addEventListener("keydown",e=>{e.key==="Escape"&&document.querySelectorAll(".ar-dropdown.ar-dropdown-open").forEach(g)})}function N(){document.querySelectorAll(".ar-accordion details").forEach(e=>{var t=e.querySelector("summary");t&&t.addEventListener("click",()=>{if(e.getAttribute("data-ar-exclusive")===null){var r=e.closest(".ar-accordion");r&&r.querySelectorAll("details[open]").forEach(a=>{a!==e&&a.removeAttribute("open")})}})})}var h={};function I(e){if(h[e])return h[e];var t=document.createElement("div");return t.className="ar-toast-container",t.setAttribute("data-ar-toast-position",e),document.body.appendChild(t),h[e]=t,t}function P(e,t){var r=t||{},a=r.type||"",o=typeof r.duration=="number"?r.duration:4e3,i=r.position||"top-right",U=r.closable!==!1,k=r.icon||null,Y=I(i),n=document.createElement("div");if(n.className="ar-toast"+(a?" ar-toast-"+a:""),n.style.position="relative",k){var E=document.createElement("span");E.className="ar-toast-icon",E.textContent=k,n.appendChild(E)}var y=document.createElement("span");if(y.className="ar-toast-message",y.textContent=e,n.appendChild(y),U){var s=document.createElement("button");s.className="ar-toast-close",s.textContent="\u2715",s.setAttribute("aria-label","Close"),s.addEventListener("click",()=>{v(n)}),n.appendChild(s)}if(o>0){var L=document.createElement("div");L.className="ar-toast-progress",L.style.animationDuration=o+"ms",n.appendChild(L)}Y.appendChild(n);var p;return o>0&&(p=setTimeout(()=>{v(n)},o)),n.addEventListener("mouseenter",()=>{p&&clearTimeout(p),n.querySelector(".ar-toast-progress")&&(n.querySelector(".ar-toast-progress").style.animationPlayState="paused")}),n.addEventListener("mouseleave",()=>{if(o>0){var B=o*.3;p=setTimeout(()=>{v(n)},B),n.querySelector(".ar-toast-progress")&&(n.querySelector(".ar-toast-progress").style.animationPlayState="running")}}),n}function v(e){e.classList.contains("ar-toast-out")||(e.classList.add("ar-toast-out"),e.addEventListener("animationend",()=>{e.remove()}))}function R(){document.querySelectorAll("[data-ar-rating]").forEach(e=>{var t=e.querySelectorAll("input");t.forEach(r=>{r.addEventListener("change",()=>{var a=new CustomEvent("ar-rating-change",{detail:{value:Number(r.value)},bubbles:!0});e.dispatchEvent(a)})})})}function M(e){var t=e.querySelector("input:checked");return t?Number(t.value):0}function O(e,t){var r=e.querySelector('input[value="'+t+'"]');r&&(r.checked=!0,r.dispatchEvent(new Event("change")))}function _(){document.addEventListener("click",e=>{var t=e.target.closest("[data-ar-popover]");if(t){e.preventDefault();var r=t.getAttribute("data-ar-popover"),a=r?document.getElementById(r):t.querySelector(".ar-popover-content");if(!a)return;var o=a.closest(".ar-popover")||t.closest(".ar-popover");if(!o)return;document.querySelectorAll(".ar-popover-open").forEach(i=>{i!==o&&i.classList.remove("ar-popover-open")}),o.classList.toggle("ar-popover-open");return}e.target.closest(".ar-popover")||document.querySelectorAll(".ar-popover-open").forEach(i=>{i.classList.remove("ar-popover-open")})}),document.addEventListener("keydown",e=>{e.key==="Escape"&&document.querySelectorAll(".ar-popover-open").forEach(t=>{t.classList.remove("ar-popover-open")})})}function H(e){var t=document.getElementById(e);if(t){var r=t.closest(".ar-popover");r&&r.classList.add("ar-popover-open")}}function F(e){var t=document.getElementById(e);if(t){var r=t.closest(".ar-popover");r&&r.classList.remove("ar-popover-open")}}function G(){document.querySelectorAll(".ar-file-upload").forEach(e=>{var t=e.querySelector('input[type="file"]');t&&(["dragenter","dragover"].forEach(r=>{e.addEventListener(r,a=>{a.preventDefault(),e.classList.add("ar-file-upload-dragover")})}),["dragleave","drop"].forEach(r=>{e.addEventListener(r,a=>{a.preventDefault(),e.classList.remove("ar-file-upload-dragover")})}),t.addEventListener("change",()=>{var r=new CustomEvent("ar-file-change",{detail:{files:t.files},bubbles:!0});e.dispatchEvent(r)}))})}function K(){var e=document.querySelectorAll("[data-ar-scroll-top]");if(!e.length)return;function t(){var r=window.scrollY>300;e.forEach(a=>{a.classList.toggle("ar-scroll-top-visible",r)})}window.addEventListener("scroll",t,{passive:!0}),t(),e.forEach(r=>{r.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})})})}function b(){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",A):A()}function A(){c()||S(),m(),q(),T(),w(),C(),x(),D(),N(),R(),_(),G(),K()}window.ARStyle={setTheme:l,getTheme:c,initTheme:S,init:b,toast:P,dismissToast:v,getRating:M,setRating:O,openPopover:H,closePopover:F},b()})();})();

package/src/components/drawer.css

@@ -1,53 +0,0 @@
-/* DRAWER */
-.ar-drawer {
- position: relative;
- display: flex;
-}
-.ar-drawer-toggle {
- appearance: none;
- position: fixed;
- opacity: 0;
- pointer-events: none;
-}
-.ar-drawer-content {
- flex: 1;
- min-width: 0;
-}
-.ar-drawer-side {
- position: fixed;
- inset: 0;
- z-index: 40;
- visibility: hidden;
- pointer-events: none;
-}
-.ar-drawer-side > * {
- visibility: visible;
-}
-.ar-drawer-overlay {
- position: absolute;
- inset: 0;
- background: rgb(0 0 0 / 0.5);
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.3s;
-}
-.ar-drawer-side .ar-menu {
- position: absolute;
- inset: 0 auto 0 0;
- width: 20rem;
- height: 100%;
- overflow-y: auto;
- background: var(--ar-base-100);
- transform: translateX(-100%);
- transition: transform 0.3s ease;
-}
-.ar-drawer-toggle:checked ~ .ar-drawer-side {
- visibility: visible;
- pointer-events: auto;
-}
-.ar-drawer-toggle:checked ~ .ar-drawer-side .ar-drawer-overlay {
- opacity: 1;
-}
-.ar-drawer-toggle:checked ~ .ar-drawer-side .ar-menu {
- transform: translateX(0);
-}